/*
Theme Name: Schopohl Theme
Theme URI: http://www.schopohl.de
Author: Werbeagentur Wicker | Carina Felske
*/


@charset "utf-8";
 
* {
    box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
margin: 0;
padding: 0;
}
 
body {
   font-size:62.5%;
  font-family: 'Open Sans', sans-serif;
 
}
 
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
  
 .bew {
  height: 800px;
	}
  

 
img { 
max-width:100%;
height:auto;
border:0; 
}



.fixedratio {
  padding-top: 41.9%;  
 

  background-size: contain !important;
    background-position: center;  /* Internet Explorer 7/8 */
 
}



.home .fixedratio {
  padding-top: 65.4% !important;  /* 488px/1140px = 0.4280 */
 


}


 
.container { 
max-width:1024px; 
margin:0 auto; 

} 
 
.clearfix:after { 
clear: both; 
content: " ";
 display: block;
 font-size: 0;
 height: 0; 
visibility: hidden; }

#header {
max-width:1140px;


 
}

#logo {
width:100%;
padding:1.625em;
  background:#fff;

  position:relative;
  z-index:99;
}


#logo h1 a {
 
    background: #fff url(images/Schopohl-logo.png) 0 0 no-repeat;
    display: block;
    height: auto;
  max-width:500px;
  height:116px;
    /*width: 575px;
    height:85px;*/
	background-size: contain;
 
}

 .home #inhalt {
 padding: 20px 0;
 }
   

#inhalt {
width:100%;
padding:1em;
float:left;
clear:left;

}

#footer {
width:100%;
padding:1em;
float:left;
margin-top:20px;
background:#588c20;
height:60px;
}


/*---Inhalt--*/

.bew a , .bausch a{
display:block;
color:#333;
text-decoration:none;
}


.bew a:hover , .bausch a:hover{

color:#fff;

}

.bew , .bausch{
background:#aec492;
text-align:center;

}

.bausch:hover, .bew:hover {

background:#8fae68;
}

.bew, .bausch {
padding:10px;
list-style-type:none;
margin-top:20px;
}



.bew h2, .bausch h2{
font-size:2em;
margin-bottom:20px;
}

.bew h3, .bausch h3{
font-size:2.5em;
margin: 20px 0;
font-weight:300;

}

.bew p, .bausch p{
font-size:1.3em;
margin-bottom:20px;
}

.btn {
  background: #588c20;
  
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  box-shadow: 0px 1px 3px #666666;
  color: #fff !important;
  font-size: 16px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  width:160px;
  margin: 0 auto;
}

.entry .date {
  font-size:1.1em;
	  margin-top:-20px;
	  color:#a1a1a1;
  }

.btn:hover {
  background: #fff;

  text-decoration: none;
  color:#333 !important;
}

.entry-st {
	width:90%;
		margin: 0 auto;
	  }

.entry-blog {
  padding-bottom:50px;
	}
	
	.attachment-beitragsbild {
  margin-bottom:10px;
		}

/*.entry-st p{
text-align:left;
}*/

.entry ul li ul li {
  font-size:1em;
	margin-top:5px;
  }


.entry p, .entry li {
font-size:1.4em;
}

.entry h1, .entry h2, .entry h3, .entry h4, .entry p, .entry ul {
margin-bottom:20px;

}

.entry h1 {
font-size:1.8em;
}

.entry h2 {
font-size:1.7em;
}

.entry h3 {
font-size:1.6em;
}

.entry h4 {
font-size:1.5em;
}

.entry li {
margin-left:30px;
}

.entry a {
color:#588C20;
text-decoration:none;
}

.entry a:hover {
text-decoration:underline;
}


.alignleft, .alignright {
 
    display:block;
    margin: 30px auto;
}
  
 
   
.aligncenter {
    display: block;
    margin: 0 auto;
}
   
.wp-caption {
    background:#EFEFEA;
    font-size:0.9em;
    padding:10px 0 0 10px;
    box-shadow: 0 8px 6px -6px #c8c8c8;
/*--Falls border-box--*/
    box-sizing: content-box;
     /* Force the box to be 100% */
    /*width: 100% !important;*/
text-align:center;
}
   
.wp-caption-text {
      margin-top:10px;
}
  
  
  #inhalt .wp-caption a img {
    /* Scale down if too big */
    max-width: 99.03225806%; /* 614/620 */
    height: auto;
  }

.gallery {
  margin-bottom:40px !important;
  }
.gallery-columns-3 .gallery-item {
 width:100% !important; 
}
  .entry {
padding:20px;
}


.wpcf7-text {
    height:25px;
}
 
.wpcf7-form input[type="submit"] {
    height:30px;
    width:80px;
    cursor:pointer;
}
 
/*---für Fehlermeldungen--*/
.wpcf7-response-output {
    font-size:1.3em;
}


/*--Footer--*/

#footer ul {
float:right;
}

#footer li {
list-style-type:none;
float:left;
padding-right:10px;
line-height:40px;
}

#footer a {
color:white;
text-decoration:none;
font-size:1.5em;
}
	
	
	/*--Zwei Spalten--*/
 
.two-columns {
width:100%;
float: left;
    margin-bottom: 40px;
 
}
 
/*--Trenner--*/
 
  .divider {
    clear: both;
    display: block;
    margin-bottom: 25px;
    padding-top: 25px;
    width: 100%;
}
 
/*--Drei Spalten--*/
 
.three-columns {
width:100%;
float:left;
margin-bottom:40px;
}



@media screen and (min-width:400px) {
#header h1 a{

height:120px;	
 
}
}


@media screen and (min-width:550px) {
#header h1 a{

width:500px;

 
}
}

 @media screen and (min-width:690px) {
 
.gallery-columns-3 .gallery-item {
 width:33% !important; 
}
   
 .alignleft {
    float:left;
    margin: 5px 20px 10px 0;
}
   
.alignright {
    float:right;
    margin: 5px 0 10px 20px;
}
}



 @media screen and (min-width:760px) {
  

.bew h2, .bausch h2{
font-size:2.8em;

}

.bew h3, .bausch h3{
font-size:3.3em;


}

  
 
 
  .bew {

margin-right:2%;

}

 .bew, .bausch {
float:left;
width:49%;
padding: 20px;

}
  
  .entry {
padding:20px 80px;
}


}

 @media screen and (min-width:1020px) {
  

 .two-columns{
width:48.5%;
 }
  
  .two-columns-one, .three-columns-one, .three-columns-two{
margin-right:3%;
 }
  
 .three-columns {
 width:31.333%;
 }



  
  #navi {
	margin-left:145px;
  }
 
   .entry-st {
	width:375px;
		
	  }


.home #header {
 height:670px;
 background:url(images/platzhalter.jpg) 0 0 no-repeat;
 }
 
 #header {
 height:430px;
 }
 
#logo {

 background:#fff;
 width:610px;
 height:150px;
 margin-left:145px;
 }
 
 #pfeil {
 background:url(images/pfeil-unten.png) 0 0 no-repeat;
 height:110px;
 position:relative;
 z-index:99;
 margin-left:348px;
	  width:328px;

 }
 

 .bew, .bausch {
float:left;
width:49%;

margin-top:-107px;

}

 .bew {
background: #afc493 url(images/bg-links.png) 0 0 no-repeat;

padding-top:40px;

}

 .bew:hover {
background:#8fae68 url(images/bg-links-hover.png) 0 0 no-repeat;
}

 .bausch {
background:#afc493 url(images/bg-rechts.png) -7px 0 no-repeat;
padding-top:40px;

}

 .bausch:hover {
background:#8fae68 url(images/bg-rechts-hover.png) -7px 0 no-repeat;
padding-top:40px;

}
 
}

 @media screen and (min-width:1400px) {
  
  
#header {
 margin-top:-210px;
 
}
}