/* *********************************
           Variables
  ********************************** */
  .row {
  	 /*
  	  margin-right: 150px;
 	 margin-left: 150px;
 	 */
  }
  a {
  	color: #4098D4;
	text-decoration: none;
  }
  a:hover {
  	color: #000;
	text-decoration: none;
  }
  h1{
  	font-family: 'Montserrat', sans-serif;
  	font-style: normal;
 	font-weight: 600;
  	font-size: 30px;
	line-height: 35px;
	color:#000;
  }
h2 {
	font-family: 'Raleway', sans-serif;
  	font-size: 30px;
	line-height: 35px;
	color:#000;
  }
h3 {
	font-size: 16px;
	line-height: 20px;
		font-weight: bold;
	color:#000;
	margin-bottom:0px;
	margin-top:0px;
 }
   h4{
  	font-family: 'Montserrat', sans-serif;
  	font-style: normal;
 	font-weight: 600;
  	font-size: 30px;
	line-height: 35px;
	color:#000;
  	padding-right: 600px;
  	padding-top:3px;
	float: right;
  }
 
 td, th
{
  padding-top: 0px;
  padding-right: 20px;
  padding-bottom: 0px;
  padding-left: 0px;
  color: #4098D4;
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  	/*background-image: url(../userfiles/buttons/pdf.png);
	background-repeat: no-repeat;
	background-position: 0px 5px;*/
}
 
.pfad {margin-top:40px;color: #4098D4;}
.pfad a{color:#000;}
.pfad a:hover{color: #4098D4;}
    .smart span, .pfad a, .pfad span{
  	white-space: nowrap;
  }
  .smart a {
  	color:#000;  	
  	text-decoration: none;
  }
   .smart a:hover {
  	color: #4098D4;	
  } 
  .container {
  	/*position:relative;*/

  	background-color: #999;
  	background: rgba(246, 246, 246, 0.5);
  }
  	
  	.detail{min-height:100px;  }
  
  
.nav0 {
	background-color: #4098D4;

	width:100%;
	margin-right: 0px;
	padding-right: 0px;
 	margin-left: 0px;
	position:absolute;
	z-index:50;
	/*top:70px;*/
	left:0px;
	
}
#logobox {
	position:relative;
	width:90%;
	height:65px; 
	margin-left:10px; 
	margin-button:20px; 
	background-color: pink;   
  }
  #logo { 	
  	position:relative; 
  	width:auto; 
  	height:auto; 
  	margin-left:20px; 	
  	margin-top:0px; left:0px; top:-8px;
  	}

    #telefon a{
		display:block;
		height:87px;
		width:87px;
    }

  #telefon {

  	position:absolute;
	top:15px;
	right:100px;
	z-index:200;

	background-image: url(../userfiles/buttons/kontakt_big.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-size: 100% auto;
  }
   #telefon:hover {
	background-image: url(../userfiles/buttons/kontakt_big_active.png);
  } 
  .small-logo-container {height:40px;}
  .sliderbox2 img{
  	/*
  	width:100%;
  	height:auto;
  	*/
  }
.sliderbox2{
	background-color:pink;
  	width:100%;
  	height: 500px;
  	/*padding-right:20px;*/
  	
  }
  
.hintergrundbox {
 /* position: absolute;*/
  width: inherit;
  height: inherit;
  width: 100%;
  height: 500px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}  
  
  
  
/* *********************************
   Some Style Overrides on Bootstrap
  ********************************** */
.navbar-inverse {
  background: rgba(62, 195, 246, 0);
  border-bottom: none;
}

.navbar-inverse .navbar-toggle {
  border: 1px solid #333;
  border-color: rgba(255, 255, 255, 0.7);
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
  border-color: transparent;
}
@media (max-width: 767px) {
  .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    background: rgba(255, 255, 255, 0.75);
  }
}

.navbar-inverse .navbar-nav > li > a {
  color: black;
}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
  color: #22F;
}
.navbar-nav > li > a {
	padding-top: 0px;
  padding-bottom: 0px;
}
.navbar-nav > li {
	background-color: #999;
	float:none;
	width:100%;
}
.navbar-nav {
	background-color: #999;
	float:none;
	width:100%;
	/*display: none;*/
}
.collapse {
  /*display: none;*/
}



/* *********************************
           Toolbar Logo
  ********************************** */
.small-logo-container {
  padding-top: 50px;
  padding-left: 10px;
  height: 50px;
  overflow: hidden;
  position: absolute;
}

.small-logo {
  color: white;
  font-size: 2.5em;
  padding-bottom: 2px;
}

/* *********************************
           Big Logo
  ********************************** */
 #nav1 {
	margin-top: 0px;
}
#nav1 ul {
	list-style-type: none;
	padding-left: 0px;
	margin-left: 0px;
}
#nav1 ul li {
	font-size: 40px;
	line-height: 60px;

	margin-top: 6px;
	margin-bottom: 6px;
	color: white;
	text-shadow: #333 0.05em 0.05em 0.1em;
	margin-left: 0px;
}
#nav1 ul li:hover  a{
		background-image: url(../userfiles/buttons/weiter_button_aktiv.png);
}


#nav1 ul li a {
	font-family: 'Montserrat', sans-serif;
	font-style: normal;
 	 font-weight: 700;
	display:block;
	/*background-color: #999;*/
	color: #FFF;
	text-decoration: none;
	background-image: url(../userfiles/buttons/weiter_button.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 75px;
} 
.nav0 .col-xs-12 {
	/*
		margin-right: 0px;
    margin-left: 0px;
    */
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {

	.slider, .sliderbox2, .hintergrundbox {height: 500px;}
h4 {padding-right: 500px;padding-top:3px;}
}

@media only screen and (min-width: 768px) and (max-width: 992px) {

	.slider, .sliderbox2, .hintergrundbox {height: 400px;}
.detail{min-height:882px;  }
h4 {padding-right: 300px;padding-top:3px;}

}
@media only screen and (min-width: 320px)  and (max-width: 767px) {		

		
	

}
/* Smartphone Portrait und Landscape */
@media only screen and (min-width: 512px) and (max-width: 767px) {
	#logobox { margin-left: 15px; height: 55px;}
	#logo { width:auto; height:auto; margin-left: 0px; margin-top:2px;}
	#telefon { top:6px; }
	#telefon a{ height:42px; width:42px;  }
	.small-logo img { margin-left: 15px}
	.slider, .sliderbox2, .hintergrundbox {height: 300px;}
	h4 {padding-right: 120px;padding-top:3px;}

}
@media only screen and (min-width: 320px)  and (max-width: 512px) {
	#logobox { margin-left: 15px;  background-color:gold; height: 45px;}
	#logo { width:auto; height:auto; margin-left: 0px; margin-top:2px;}
	.small-logo {  font-size: 2.4em;}
	.small-logo img { width:24px; height:auto; margin-left: 0px; margin-right: 0px; margin-top:0px;}
	 #telefon a{ height:32px; width:32px;  }
  	#telefon { left:270px; right:auto; top:8px;}
  	    h4 {font-size: 25px; padding-right: 250px;padding-top:3px;}
}
@media only screen and (min-width: 320px)  and (max-width: 512px) {	
	
	h1, h2 { font-size: 18px; line-height: 22px; }
	.small-logo-container img { width:24px; height:auto;}
	#nav1 ul li { font-size: 24px; line-height: 34px; }
	#nav1 ul li a {padding-left: 40px;background-size: auto 34px;}
  .slider, .sliderbox2, .hintergrundbox {height: 200px;}
  h4 {font-size: 18px; padding-right: 80px;padding-top:3px;}
	
	
	
	}

@media only screen and (min-width: 380px)  and (max-width: 512px) {	
	  h4 {font-size: 18px; padding-right: 100px;padding-top:3px;}

}
	
#collapseExample2 .container {
  padding-right: 0px;
  padding-left: 0px;
}

#nav1b {
	font-family: 'Montserrat', sans-serif;
  	font-style: normal;
 	font-weight: 600;
  	letter-spacing: 1px;
	list-style-type: none;
	padding-left: 0px;
	margin-left: 0px;
	/*height:100px;*/
	margin-top: 20px;
	margin-bottom: 26px;
	width:100%;



}
#nav1b li {
	position:relative;

	font-size: 19px;
	line-height: 30px;
	margin-top: 0px;
	margin-left: 0px;

	margin-bottom: 2px;
	margin-left: 0px;
	padding-left: 15px;
}
#nav1b .m2 {
	padding-left: 45px;
}
#nav1b li:hover, #nav1b .current {
	background-color: #333;
}

#nav1b li a {
	color: #FFF;
	text-decoration: none;
} 



.www{
	display:block;
	cursor:pointer;
	font-size: 18px;
	line-height: 50px;
	background-image: url(../userfiles/buttons/www.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	/*background-size: auto 100%;*/
	padding-top: 0px;
	padding-left: 60px;
	}


.illu {
	display:block;
	cursor:pointer;
	font-size: 18px;
	line-height: 50px;
	background-image: url(../userfiles/buttons/illu.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	/*background-size: auto 100%;*/
	padding-top: 0px;
	padding-left: 60px;
}




.pdf{
	display:block;
	cursor:pointer;
	font-size: 18px;
	line-height: 50px;
	background-image: url(../userfiles/buttons/pdf.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	/*background-size: auto 100%;*/
	padding-top: 0px;
	padding-left: 60px;
}

.web{
	display:block;
	cursor:pointer;
	font-size: 18px;
	line-height: 50px;
	background-image: url(../userfiles/buttons/web.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-top: 0px;
	padding-left: 60px;
}

.animation{
	display:block;
	cursor:pointer;
	font-size: 18px;
	line-height: 50px;
	background-image: url(../userfiles/buttons/animation.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-top: 0px;
	padding-left: 60px;
}

.logo{
	display:block;
	cursor:pointer;
	font-size: 18px;
	line-height: 50px;
	background-image: url(../userfiles/buttons/logo.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-top: 0px;
	padding-left: 60px;
}

.clr {
	
	
}
.kontaktboxXX {
	width:100%;
	display:block;
	border:solid 1px pink;
	clear:both;
}

.kontakt {
	list-style-type: none;
	padding-left: 0px;
	margin-left: 0px;
	/*height:100px;*/
	margin-top: 40px;
	margin-bottom: 6px;
	width:100%;
	display:block;
	/*border:solid 1px red;*/
}
.kontakt li{
	cursor:pointer;
	font-size: 18px;
	line-height: 22px;
	float:left;
	/*witdh:30%;*/
	width:auto;
	width:25%;
	margin-left: 0px;
	margin-right: 30px;
	margin-top: 0px;
	margin-bottom: 20px;

}
.kontakt li a{
	display:block;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-top: 15px;
	padding-left: 70px;
	min-height:60px;
		
	
}
.kontakt .tel a{
	background-image: url(../userfiles/images/meta/kontakt_telefon.png);
}
.kontakt .mail a{
	background-image: url(../userfiles/images/meta/kontakt_email.png);
}
.kontakt .adr a{
	background-image: url(../userfiles/images/meta/kontakt_maps.png);
}
/*.kontakt .oef a{
	background-image: url(../userfiles/images/meta/kontakt_oeff.png);
}*/
.kontakt li a{
	color: #FFF;
	text-decoration: none;	
}
.full {
	/*position:relative;
	width:100%;*/
	height:542px;
  	padding-right: 0px;
  	padding-left: 0px;
  }
.big-logo-row2 {
 	background-image: url(../userfiles/images/fof-startbild.jpg);
}  
 
.big-logo-row, .big-logo-row1, .big-logo-row2 {	
  	background: gold;
	height: 360px;
	/*width: 1024px;*/
	background-image: url(../userfiles/images/logobild.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover; 
}
.big-logo-row {
	height: 542px;
	background-position: center top;
}
.big-logo-row1{
	margin-top:50px;
	height: 300px;
}
.last{
	background-color:white;
	height:160px;
}
.big-logo-row3{
	box-shadow: 0px -2px 3px rgba(0, 0, 0, 0.4);
	/*
	position: fixed;
	left: 0px;
	bottom: 0px;*/
	width:100%;
	min-height:60px;
	padding-top:5px;
	margin-top:50px;
	background-color:#cccccc;
}
.big-logo-row {
	 background-position: 60% 0px;
} 
.big-logo-row .big-logo-container {
  padding-top: 50px;
}
.big-logo-row h1 {
  font-size: 4em;
  margin: 0;
  padding: 0 0 15px 0;
}

.anker {
	background-color: white;
	height: 5px;
	width: 10px;	
	position: relative;
	top:-55px;	
	left:-100px;
}

.fadeinbox { 	
	
	position:absolute;
	top:19px;
	left:120px;
	/*
	right:0px;
	width: 100%;
	height:100%;
	*/
}
.fadein2 { 
	position:relative;
	margin:0px;
	padding: 0px;
	width: 400px;
	/*height: 100%;*/

}
.fadein2 div{
	position:absolute;
	z-index:100;
	top:0px;
	left:0px;
    height:auto;

background-color:#FFF;
display:inline-block;
      	font-family: 'Montserrat', sans-serif;
  	font-style: normal;
 	font-weight: 600;
  	font-size: 30px;
	line-height: 35px;
	color:#000;

}






@media only screen and (min-width: 320px)  and (max-width: 768px) {	
.kontakt li{ width:100%; }
}


@media only screen and (min-width: 320px)  and (max-width: 512px) {	
.big-logo-row2 {	 height: 168px; }
#headerX {	 height: 168px; }
.full { padding-right: 15px; padding-left: 15px; padding-bottom: 15px;height:300px;}

.big-logo-row {	 height: 280px;background-position: 60% 0px;}
.container { padding-right: 0px; padding-left: 0px;}
	
	
	}




@media (min-width: 400px) {
  .big-logo-row h1 {
    font-size: 4.5em;
  }
}
@media (min-width: 440px) {
  .big-logo-row h1 {
    font-size: 5.5em;
  }
}
@media (min-width: 500px) {
  .big-logo-row h1 {
    font-size: 6.5em;
  }
}
@media (min-width: 630px) {
  .big-logo-row h1 {
    font-size: 7.5em;
  }
}
@media (min-width: 768px) {
  .big-logo-row h1 {
    font-size: 9em;
    padding-bottom: 30px;
  }
}
@media (min-width: 1200px) {
  .big-logo-row h1 {
    font-size: 12em;
  }
}