/*    */

.padding-20{padding:20px 0 0 0 !important;opacity:0.85!important;}
.padding-top-25{padding:25px 0 0 0!important;}

/* .bg-1-test{background:transparent url("../images/IMG_0053-df.jpg")no-repeat;} */

.bg-1-test{background: #fefefe;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f3f3f3+44,ededed+99,ffffff+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(243,243,243,1) 44%, rgba(237,237,237,1) 99%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 44%,rgba(237,237,237,1) 99%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 44%,rgba(237,237,237,1) 99%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */





 }

.container.bg-white{margin-top:20px!important;background:#fefefe!important;opacity:0.99!important;

/*
-webkit-box-shadow: 1px -3px 16px -7px rgba(71,71,71,1);
-moz-box-shadow: 1px -3px 16px -7px rgba(71,71,71,1);
box-shadow: 1px -3px 16px -7px rgba(71,71,71,1);
*/ 

-webkit-box-shadow: 1px -3px 15px -10px rgba(120,120,120,1);
-moz-box-shadow: 1px -3px 15px -10px rgba(120,120,120,1);
box-shadow: 1px -3px 15px -10px rgba(120,120,120,1);

}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Arial','Helvetica',sans-serif;
    font-weight: 600;
    color: #213131;
    margin: 0 0 30px 0;
    line-height: 1.5;
}


p.headertext {
    font-family: 'Arial','Helvetica',sans-serif;
    font-weight: 600;
    color: #212121;
    margin: 0 0 30px 0;
    line-height: 1.5;
}


div.heading-title {
    position: relative;
    margin-bottom: 40px;
}




h3 {
    font-size: 20px;
    letter-spacing: normal;
    margin: 0 0 32px 0;
}

.italic { font-style: italic; }
.bold { font-weight: bold; }

.black{color:#212121;}

.normal{font-weight:100;}



.heading-title { /*border:1px dotted green; */ margin-bottom:7px!important;	}
.mbseven {margin-bottom:7px!important;	}

 .heading-subtitle{
 font-family: 'Arial','Helvetica',sans-serif;
  font-weight: 200;
    color: #414141;
   /* margin: 0 0 30px 0;
    line-height: 1.5;  */
 margin:0!important;padding:0 10px 0 0!important; 
 text-align:left!important;}
 
 
p.heading-title  {
		margin:0;
		padding:0;
		font-weight:300;
		
		/* color:green; */
		font-size:16px;
		line-height:1.0em;
		
	}
 
 
 
 .box-icon {
    margin: 20px 0;
}
 
 .box-icon a.box-icon-title > i {
    
    background-color: #315E87;
}
 
 
 
 
 .box-icon .box-icon-title > h2 {
    font-size: 18px;
    line-height: 35px;
   color:#77;font-weight:normal;
}
 
 
 .white{color:#fff;}
 
 
.heading-title-grau{background:#315E87;

}



.callout-dark h3{color:#fff;}
 
.callout-dark .heading-title-grau > p  {color:#fff;}
 /*
 .col-lg-6{border:1px dotted green!important;}
 */
 
 .box-default{background:#fefdfc!important;}
 
 
 
i.ico-color {
    color: #fff;
    background:#315E87;
    border: transparent;
    text-shadow: rgba(0,0,0,.3) 1px 1px 1px;
}

.callout-theme-color{background:#315E87;}








.box-icon .box-icon-title > i {
    height: 46px;
    width: 46px;
   /* line-height: 37px;
    font-size: 18px;
    margin-right: 15px;
    background-color: #333;
    text-align: center;
    color: #fff;
    -webkit-transition: all .200s;
    -moz-transition: all .200s;
    -o-transition: all .200s;
    transition: all .200s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; */
}




#topMain.nav-pills > li:hover > a, #topMain.nav-pills > li:focus > a {
    color: #fff;
    background-color: rgba(49, 94, 135, 1);
    border-radius:0.1em;
    text-decoration: none;
}
 
 
 
 
 .btn-primary{background:#315E87;}
 a:focus, a {
    color: #315E87;
    text-decoration: none;
}
 
 
 #toTop {
    background-color: rgba(49, 94, 135, 1);
}
 
 
 i.ico-color.ico-hover:hover {
    background-color: green;
}



 .testfoto-parallax {
 

 
 width:100%;
 
 background-position: 0% 5%; 
 
    margin:auto 0.3%;
    
  background-size:100% auto!important; 
    

 }
 
 
 /* 
.parallax{
	  height: 500px; 
	  background-position: 50% 50%;
	  background-repeat: no-repeat;
	  background-attachment: fixed;
	  background-size: cover;
}

.parallax-1 { background-image: url("../images/erdiefoto-bettszene-3-sw.jpg"); 
width:100%!important;

}

*/


.parallax_img { 
	height: 500px;
	background-image: url('../images/erdiefoto-bettszene-3-sw.jpg');
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	border:0px dotted green!important;
	position:relative!important;
}


.parallax .overlay{border:0px dotted red;height:350px!important;}


.callout-dark p {color:#ccc!important;}




.margin-0{margin:0!important;padding:0!Important;}


 
 /* ------------------------------------------------------------------------------------ */
 	@media only screen and (max-width: 1200px) {
 
 
 .nav > li > a {
    position: relative;
    display: block;
    padding: 5px 5px;
    border:0!important;
    font-size:12px!important;
}
 
 




p.heading-title  {
		margin:0;
		padding:0;
		font-weight:300;
		
		/* color:green; */
		font-size:13px;
		line-height:1.0em;
		
	}

	
	
	
	
		
		
		
}		
		
		


 /* -----------------------------------------------------  ----------------------------------- */	
@media only screen and (max-width: 992px) {

 

		.heading-subtitle{
			font-size:11px;
			line-height:18px;
			
			 text-align:left!important;
			 /* border:1px dotted orange!important; */
		}
		




p.heading-title  {
		margin:0;
		padding:0;
		font-weight:300;
		
		/* color:green; */
		font-size:11px;
		line-height:1.0em;
		
	}

}




 /* -----------------------------------------------------  -------  gruen ---------------------------- */	
@media only screen and (min-width : 569px) and (max-width: 992px) {



.col-md-6{border:0px dotted #2EFE9A!important;}  /*  anderes grün hell 2   */



.margin-top-10{margin-top:5px!important;padding-top:0!important;}
.left{ font-size:9px!important;}  /* hell-blauton for testing */ 
.margin-top-5{margin-top:1px!important;}


	}

  /* -----------------------------------------------------  -   lila ---------------------------------- */	
@media only screen and (min-width : 569px) and (max-width: 767px) {

.col-lg-6{border:0px dotted #336699;}   /* dunkleres Blau */ 
.col-md-6{border:0px dotted #B404AE!important;}  /*  lia ton  */ 
.col-md-6 p{color:#29088A;font-size:18px; /* letter-spacing:-0.03em; */ } /* dunkelblau lila */ 



.fontsize-24px{font-size:24px!important;}
.fontsize-20px{font-size:20px!important;}
.fontsize-18px{font-size:18px!important;}
.fontsize-16px{font-size:16px!important;}





	}




   /*   ----------------------------------------------------- media queries iPhone 5s Landscape -----------------------------------   */ 
 
 
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape) {
 /* STYLES GO HERE */
 
 
 .col-sm-6 {border:0px solid #ef45a8;}   /* pink  */ 
 
 
 
 } 
 
 
 

  /*   ----------------------------------------------------- media queries iPhone 5s Portrait -----------------------------------   */ 	
  
  
@media only screen 
and (min-width : 320px) 
and (max-width : 567px) 
and (orientation : portrait) 

{ /* STYLES GO HERE */ 


.col-xs-12{border:0px dotted #FFFF00;}  /*  gelb */
.col-sm-6 {border:0px dotted #11bb4e;}   /* helleres grün  */ 



.col-md-6 {border:0px dotted #ff0000;margin:2px 0!important;}   /* rot */ 
.col-md-3, .col-sm-6{margin:2px 0!important;}

.col-md-6 p{color:#555;font-size:9.7px;line-height:1.3em;margin-bottom: 5px!important;border:0px dotted #ccc!important;}


.fontsize-24px{font-size:16px!important;}
.fontsize-20px{font-size:14px!important;}
.fontsize-18px{font-size:12px!important;}
.fontsize-16px{font-size:10px!important;}


h2{color:#336699;font-size:20px!important;}
h4{color:#336699;font-size:16px!important;}

p.size-20 {font-size:15px!important;}

i.ico-lg {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 25px;
}

section div.row > div {
    margin-bottom: 10px;
}





























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



	.parallax_img { 
		background-attachment: inherit;
		
		
		position:relative!important;
		width:100% 50%!important;
		border:0px dotted pink!important;
		height: 400px;
		
	}
	
	
	/*
	height: 500px;
	background-image: url('../images/erdiefoto-bettszene-3-sw.jpg');
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	border:5px dotted green!important;
	position:relative!important;
	*/ 
	
}