/*--
Anpassungen
--*/
/*@font-face {
      font-family: 'SourceSans';
      src: url(fonts/SourceSansPro-Bold.otf) format('opentype');
}*/
@font-face {
      font-family: 'ABeeZee';
      src: url(fonts/ABeeZee-Regular.otf) format('opentype');
}
@font-face {
      font-family: 'LibreBaskerville';
      src: url(fonts/LibreBaskerville-Bold.otf) format('opentype');
}
/*@font-face {
      font-family: 'Gwen';
      src: url(fonts/FuckinGwenhwyfar.ttf) format('truetype');
}*/

body {
	-moz-hyphens: auto;
	/*font-family: "SourceSans";*/
	font-family: "ABeeZee", sans-serif;
	/*background: url("bilder/header-xxl.jpg") fixed;*/
	/*background: #2D2D30 url("bilder/header-xxl.jpg") fixed no-repeat 0px 0px;*/
}
.intro,
.kontakt {
max-width: 700px;
margin: 15px auto;
padding:15px 0;
/*background-color: #FFFFFF;*/
/*padding: 20px;*/
}
.underline {
text-decoration:underline;}
.home {
max-width: 700px;
margin: 0 auto;
padding-top: 12%;
/*background-color: #FFFFFF;*/
/*padding: 20px;*/
}
.bg-home {
    background: url("bilder/header-xxl.jpg") fixed;
    background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	color: #bdbdbd;
}
.home h1 {
font-family: 'LibreBaskerville';
font-size:90px;
color: #FBFB00;
margin-bottom:8%;
}
.home h2 {
font-family: 'LibreBaskerville';
font-size:40px;
color: #FBFB00;
margin-bottom:5%;
}
/* kontaktformular */
.kontakt p {
font-size:1.2em;
}
.kontakt span.smaller {
font-size:0.8em;
}
#contact a {
color:#DDD;
}
#intro a {
color:#DDD;
}
.contact-right input[type="text"] {
    border: 1px solid rgba(189, 189, 189, 0.5);
    width: 32%;
    margin: 0px 0px 1em;
    outline: medium none;
    font-size: 13px;
    color: #000;
    padding: 10px 12px;
	background-color: #808FD0;
}
.contact-right input[type="email"] {
    border: 1px solid rgba(189, 189, 189, 0.5);
    margin: 0px 0.5em 1em;
    outline: medium none;
    font-size: 13px;
    color: #000;
    padding: 10px 12px;
    width: 32%;
	background-color: #808FD0;
}
input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
.contact-right textarea {
    border: 1px solid rgba(189, 189, 189, 0.5);
    outline: medium none;
    font-size: 13px;
    color: #000;
    padding: 10px 12px;
    width: 100%;
    resize: none;
    height: 180px;
	background-color: #808FD0;
}
.contact-right input[type="submit"]:hover, .contact-right input[type="reset"]:hover {
    background-color: #808FD0;
    color: #FFF;
}
.contact-right input[type="submit"], .contact-right input[type="reset"] {
    border: 1px solid #808FD0;
    padding: 0.7em 0px;
    width: 22%;
    margin-top: 0.8em;
    font-size: 1.1em;
    color: #808FD0;
    letter-spacing: 1px;
    outline: medium none;
    background-color: #000000;
    transition: all 0.5s ease 0s;
}
.col-md-7.contact-right	{
padding-left:0;
}

/* kein dottes Rahmen um Linls beim firefox */
a:hover, a:active, a:focus { 
outline: none; 
-moz-outline-style: none;
}
/* hover bei verschachteltem Menu */
ul.nav li.dropdown:hover ul.dropdown-menu{
	display: block;
	margin-top:0px
}
.bg-1 h3.yellow {
color: #FBFB00;
}

.klein {
font-size:smaller;
}
a, a:focus, a:hover {
color: #FBFB00;
}

.container {
padding: 35px 0;
}

/* Add a dark background color with a little bit see-through */
.navbar {
    margin-bottom: 0;
    background-color: #2d2d30;
    border: 0;
    font-size: 11px !important;
    letter-spacing: 4px;
    opacity:0.9;
}

/* Add a gray color to all navbar links */
.navbar li a, .navbar .navbar-brand {
    color: #d5d5d5;
}

/* On hover, the links will turn white */
.navbar-nav li a:hover {
    color: #fff !important;
}

/* The active link */
.navbar-nav li.active a {
    color: #fff !important;
    background-color:#29292c !important;
}
/* Remove border color from the collapsible button */
.navbar-default .navbar-toggle {
    border-color: transparent;
}

.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #B3AFA6;
}

a.navbar-brand {   
    color: #FBFB00 !important;
	font-family: "LibreBaskerville", serif;   
}
.basker {   
    color: #FBFB00 !important;
	letter-spacing:0.1em;
	font-family: "LibreBaskerville", serif;   
}
h1.titel {   
    color: #FBFB00 !important;
	letter-spacing:0.1em;
	font-family: "LibreBaskerville", serif;   
}
h1.titel span{   
    color: #FBFB00 !important;
	font-size:14px;
	letter-spacing:0;
	font-family: "ABeeZee", serif;   
}
p.utitel {
 font-size: 13px !important; 
 color: #FAFA03;
    letter-spacing: 4px;
    opacity:0.9;
}
.vorbereitung-left{
font-family:helvetica;
    width: 200px;
    height: 100px;
	font-size:34px;
	margin-left: 30px;
	margin-top: 30px;
	border: 1px dashed black;
    /*background-color: #FFFFFF;*/
	color: #FF0000;
    /* Rotate div */
    -ms-transform: rotate(-15deg); /* IE 9 */
    -webkit-transform: rotate(-15deg); /* Chrome, Safari, Opera */
    transform: rotate(-15deg);
}
h1.titel span.vorbereitung {
font-family:helvetica;
    width: 200px;
    height: 100px;
	font-size:34px;
	margin-left: 80px;
	margin-top: 30px;
	border: 1px dashed black;
    /*background-color: #FFFFFF;*/
	color: #FF0000 !important;    
}
.bt {
    border-top: 2px dashed black;   
}
.bb {
    border-bottom: 2px dashed black; 
	padding-bottom: 130px;  
}

/* Dropdown */
.open .dropdown-toggle {
    color: #fff ;
    background-color: #555 !important;
}

/* Dropdown links */
.dropdown-menu li a {
    color: #000 !important;
}

/* On hover, the dropdown links will turn red */
.dropdown-menu li a:hover {
    background-color: red !important;
}

.carousel-inner img {
    /*-webkit-filter: grayscale(90%);*/
    /*filter: grayscale(90%);*/ /* make all photos black and white */
    width: 100%; /* Set width to 100% */
    margin: auto;
}

.carousel-caption h3 {
    color: #fff !important;
}


.bg-1 {
    background: #2d2d30;
    color: #bdbdbd;
}
.bg-1 h3 {color: #fff;
}
.bg-1 h2.yellow {
color: #fafa03;
}
.bg-1 p {
font-size:16px;
/*font-style: italic;*/
}

.bg-2 {
    background: url("bilder/header09.jpg") fixed;
    background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	color: #bdbdbd;
}
.bg-2 h3 {color: #fff;}

.bg-home {
    background: url("bilder/header-xxl.jpg") fixed;
    background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	color: #bdbdbd;
}

/* Remove border and add padding to thumbnails */
.thumbnail {
    padding: 0 0 15px 0;
    border: none;
    border-radius: 0;
}

.thumbnail p {
    margin-top: 15px;
    color: #555;
}
/* gelbe buttons with extra padding */
.btn {
    padding: 10px 20px;
    background-color: #000;
    color: #FBFB00;
    /*border-radius: 0;*/
    transition: .2s;	
}
.btn-big {
   	min-height:60px;
}
/* button2  */
.btn2 {
    padding: 5px 10px;
    background-color: #000;
    color: #FBFB00;
	font-size:12px;
	width:80px;
	height:80px;
    border-radius: 50%;
    transition: .2s;	
}
.btn-big {
   	min-height:60px;
}


/* On hover, the color of .btn will transition to white with black text */
.btn:hover, .btn:focus {
    border: 1px solid #333;
    background-color: #FBFB00;
    color: #000;
}

/* Add a dark background color to the footer */
footer {
    background-color: #2d2d30;
    color: #f5f5f5;
    padding: 32px;
}

footer a {
    color: #f5f5f5;
}

footer a:hover {
    color: #777;
    text-decoration: none;
}
/* Add a background color to ... */
.list-group-item {
background-color:#aaaaaa;
background: url("bilder/header09.jpg") fixed;
color:#FFFFFF;
}

/* blockquote - zitate */

.mb-style-5 {
	/*width: 500px;*/
}

.mb-style-5 blockquote {
border:none;
	text-align: center;
	/*background: #333;*/
	/*width: 500px;*/
	/*height: 300px;*/
	padding: 0 40px;
	/*border-radius: 10%;*/
	/*box-shadow: 
		inset 0 0 0 10px #333, 
		inset 0 0 0 12px rgba(255,255,255,0.6); */
		/*80px 0 0 rgba(255,255,255,0.3),
		-80px 0 0 rgba(255,255,255,0.3),*/
		/*50px 0 0 rgba(60,185,145,0.8),
		-50px 0 0 rgba(185,60,60,0.8);*/
}

.mb-style-5 blockquote p {
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	/*padding-top: 25px;*/
	/*text-transform: uppercase;*/
	/*text-shadow: 0 0 1px #fff, 0 1px 1px #000;*/
	/*font-family: 'Annie Use Your Telescope', cursive;*/
}

.mb-style-5 blockquote p span {
	display: block;
	position: relative;
	padding-top: 30px;
	margin-top: 30px;
	/*text-transform: lowercase;*/
	font-weight: 100;
	font-size: 24px;
	font-style:italic;
	color: #FBFB00;
	/*border-top: 1px solid rgba(255,255,255,0.3);*/
	border-top: 1px solid rgba(229,230,0,0.3);
}
/*little circle with the quotation mark*/
.mb-style-5 blockquote p span:before {
	position: absolute;
	width: 40px;
	height: 40px;
	/*background: #ddd;*/
	background: #FBFB00;
	/*content: "\275d";*/
	content: "\2710";
	font-size: 33px;
	color: #333;
	top: 0;
	left: 50%;
	margin: -20px 0 0 -15px;
	border-radius: 50%;
}

.mb-style-5 .mb-attribution {
	text-align: center;
	font-family: 'Annie Use Your Telescope', cursive;
	padding: 20px;
	font-size: 16px;
}
.mb-style-5 cite a:hover{
	color: #000;
}
/*---- responsive-design -----*/
@media(min-width:1440px){
.bg-home {
	height: 850px;    
}
}
@media(max-width:1440px){

}
@media(max-width:1366px){

}
@media(max-width:1280px){
}
@media(max-width:1080px){

}
@media(max-width:1024px){
}
@media(max-width:991px){
}
@media(max-width:980px){
}
@media(max-width:900px){
}
@media(max-width:800px){
}
@media(max-width:768px){
}
/*@media(max-width:640px){*/
@media screen and (max-width: 640px), (max-device-width: 640px) and (orientation : landscape) {
}
@media (max-width: 600px) {
.carousel-caption {
        display: none; /* Hide the carousel text when the screen is less than 600 pixels wide */
    }
	
.home h1 {
     font-size: 40px;
     margin-bottom: 8%;
}
.home h2 {
    font-size: 30px;
    margin-bottom: 5%;
}
}

@media(max-width:480px){
}


/*--//responsives-design contactform---*/
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) {
.bg-home {
	height: 320px;    
}

}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) {
.bg-home {
	height: 480px;    
}
}
@media only screen and (min-device-width : 360px) and (max-device-width : 640px) and (orientation : landscape) {
.bg-home {
	height: 360px;    
}

}
/*@media(max-width:360px){*/
@media only screen and (min-device-width : 360px) and (max-device-width : 640px) and (orientation : portrait) {
.bg-home {
	height: 640px;    
}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
.bg-home {
	height: 768px;    
}

}
/*@media(max-width:360px){*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
.bg-home {
	height: 1024px;    
}
.home h1 {
	margin-top:60px;
}
}
@media only screen and (min-device-width : 800px) and (max-device-width : 1280px) and (orientation : landscape) {
.bg-home {
	height: 800px;    
}

}
/*@media(max-width:360px){*/
@media only screen and (min-device-width : 800px) and (max-device-width : 1280px) and (orientation : portrait) {
.bg-home {
	height: 1280px;    
}
}
@media only screen and (min-device-width : 980px) and (max-device-width : 1280px) and (orientation : landscape) {
.bg-home {
	height: 980px;    
}

}