/*
	Theme Name: Ruth Eckert
 */
 

/*---------------------------------   Reset  --------------------------------------------------*/

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin:0; padding:0; outline:none;} 
nav ul {list-style:none; }      
a { text-decoration:none; }
input, select { vertical-align:middle; }
img {display: block; max-height: 100%; max-width: 100%; height:auto; }

/*--------------------------------- Layout --------------------------------------------------*/
html{width:100%;}
body {font-family: 'Open Sans', sans-serif; font-weight:300; color:#000; background-color:#fff; width:100%;}

#outer_wrap{
	
}
#wrapper{  
    position: relative; padding: 0 0 40px ;   
	
}

/*@media screen AND (max-width:960px){
	 #wrapper{ padding: 0 2.5% 40px 2.5%; }
}*/

header{width:95%; margin:auto; max-width:750px; background: url(grafik/header-bg.png) no-repeat; background-position: right top;}

#header-logo {padding: 65px 0 140px; }
/*@media screen AND (max-width:960px){
	 #header-logo {padding: 30px 0 135px; }
}*/

/* -------------------------- HAUPTMENÜ UND SUCHE----------------------------*/
#outer-nav {background-color:#e9f5f4; padding:25px 0 25px;}

#inner-nav{width:95%; margin:auto;}
#main-menu ul{ display: flex;  justify-content: center;}

#main-menu li { position: relative; }
#main-menu li a{ display:block; padding: 0px 18px;}
#main-menu li:first-child a{padding-left:0;}
#main-menu li:last-child a{padding-right:0;}


#burgerbutton{ display:none; cursor:pointer; margin:0; }

/*@media screen AND (max-width:960px){
	
	#outer-nav {background-color:transparent; margin-top:-80px;}
	
	#burgerbutton{ display:block;}
	#main-menu {display:none; padding-top:20px;}
	#main-menu ul{display:block;}
	#main-menu li:hover{background: none; }
	#main-menu li, #main-menu li:first-child { padding: 10px 0px;  border-bottom: dotted 2px #176b65;}
	#main-menu li a, #main-menu li:first-child a{border-left:none 0px; padding:0;}
	#main-menu li:last-child{border-bottom: none;}
	
	
}*/

@media screen AND (max-width:960px){
	 #outer-nav { padding:15px 0 15px;}
}

/* -------------------------- MAIN CONTENT    ----------------------------*/


main{ width:95%; margin:auto; max-width:750px; min-height: 300px; padding:70px 0 30px;}

@media screen AND (max-width:960px){
	main{padding:30px 0 30px;}
}

div.acc-openclose{position:absolute; width:49px; height:49px; right:15px; top:15px; background: url(grafik/acc-open.png) no-repeat; cursor:pointer;}
div.acc-openclose.opened{background: url(grafik/acc-close.png) no-repeat;}





a[href^="mailto:"]{}
a[href$=".pdf"]{}

/* ------------------------- TRENNLINIEN   --------------------------*/
hr {height:1px; border:0; border-top:2px dotted #bbb; margin:40px 0 1.5em; clear:both;} 



/* ------------------------- Nach-oben-Pfeil   --------------------------*/
.nachoben-wrap{position:fixed; width:100%; height:0px; overflow:visible; bottom:160px; z-index:9999; }
.nachoben{margin:auto; width:100%; max-width:960px; display:none;}
.nachoben img{float:right; cursor:pointer; margin-right: 2.5%;}
@media screen and (max-width:1024px){
	.nachoben-wrap{bottom:110px;}	
}


/* ------------------------- STREIFEN über FOOTER   --------------------------*/

#outer-zert{background:#ed6c28; padding:10px 0 10px}
#zert{width:95%; margin:auto; max-width:750px; color:#fff; font-size:14px;}



/* ------------------------- FOOTER   --------------------------*/

footer{ position:relative; width:95%; margin:auto; max-width:750px; padding:20px 0 40px;}
footer nav.fmenu-1{margin-bottom:10px;}
footer nav.fmenu-1 li{padding:5px 0; border-bottom: dotted 2px #54a8a3;}

footer nav.fmenu-2 ul{display:flex; margin:40px 0 10px;}
footer nav.fmenu-2 li{padding: 0 10px; border-right:solid 1px #54a8a3; line-height:100%;} 
footer nav.fmenu-2 li:first-child{padding-left: 0px;}
footer nav.fmenu-2 li:last-child{border-right:none 0px;}



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


/* ------------------------- TEXTFORMATE   --------------------------*/

#header-logo .title{color:#ed6c28; font-size:39px; font-family:'Capita-Medium', serif;}
#header-logo .subtitle{color:#54a8a3; font-size:25px; font-family:'Capita-Regular', serif; line-height: 100%}

#main-menu li a{font-family: 'Capita-Medium', serif; font-size: 18px; color:#176b65;}
#main-menu li.current-menu-item a{color:#dc6d26;}
#main-menu li a:hover{color:#dc6d26;}

strong, b {font-weight: 700;}

h1, h1 a {font-family: 'Capita-Medium', serif; font-size: 25px; line-height: 130%; margin: 40px 0 20px; color:#176b65;}

h2 {font-family: 'Capita-Medium', serif; font-size: 21px; line-height:130%; color:#176b65; margin: 50px 0 20px;}

h3 {font-family: 'Capita-Medium', serif; font-size: 18px; margin: 30px 0 10px; color:#176b65;}

main p, main ul {margin-bottom:20px; font-size:16px; line-height:180%; }
main ul{padding-left:16px; font-weight:400;  list-style-image:url(grafik/listenpunkt.png);}
@media screen and (max-width:600px){
	main p, main ul {line-height:160%; }
}

main a{font-family: Capita-Medium, serif; color:#176b65;}
main a:hover{color:#dc6d26;}
.wp-caption-text{font-size:14px; font-family: Capita-Regular, serif;}
.capita-orange{font-family: Capita-Medium, serif; font-size: 21px; color:#dc6d26;}
strong{font-weight:600;}

footer nav.fmenu-1 a{font-family: Capita-Medium, serif; font-size:16px; color:#54a8a3;}
footer nav.fmenu-2 a{font-family: Capita-Medium, serif; font-size:14px; color:#54a8a3; line-height:100%;}
footer nav li.current-menu-item a, footer nav a:hover{color:#ed6c28;}

.clear{clear:both; line-height:0; font-size:0;}

.petrol{color:#176b65;}

textarea:focus, input:focus{
    outline: 0;
}

main img {max-width:100%;}
img.anim{cursor:pointer;}

/*-----------------------------Meta Post Slider  ------------------------------------*/
.metaslider .slides li.ms-postfeed img{width:auto !important; }
.metaslider .slides li.ms-postfeed .caption-wrap{position:relative; color:#176b65; background: #fff; opacity:1; line-height:160%; font-style:italic; font-weight: 600;}
.metaslider #metaslider_111 .slides li.ms-postfeed .caption-wrap{}
.metaslider .slides li.ms-postfeed .caption-wrap p:last-child{font-size:14px; color:#000; line-height:140%; margin-top:-10px; font-style:normal; font-weight: 300;}
.metaslider #metaslider_111 .slides li.ms-postfeed .caption-wrap p:last-child{}
.metaslider .slides li.ms-postfeed .caption{padding: 10px 0; }

.metaslider .flexslider .flex-direction-nav li a.flex-next {background-image:url(grafik/pfeil-slider-right.png);}
.metaslider .flexslider .flex-direction-nav li a.flex-prev {background-image:url(grafik/pfeil-slider-left.png);}


/*-----------------------------CONTACT FORMS  ------------------------------------*/
.wpcf7 { }
span.wpcf7-list-item{margin:0;}

.wpcf7 label{display:inline-block; width:170px;}

.wpcf7-form {margin: 0;	padding: 0;}

.wpcf7 input , .wpcf7 textarea{border: 1px solid #bebebe; color: #505050; font-family: 'Open Sans', sans-serif; font-size: 16px; padding:3px 5px; margin-bottom:10px; width:400px; background:#daeeed;}
.wpcf7 select{min-width:300px; font-size:14px; margin-bottom:10px; font-family: 'Open Sans', sans-serif; border-radius: 1px; box-shadow: 0 0 0 0; background:#daeeed; padding:3px 5px;}

.wpcf7 textarea {max-width:475px; height:200px}

.wpcf7 input[type=submit] {width:auto; background:#176b65; color:#fff; border:none; border-radius:4px; padding:5px 10px; cursor:pointer; margin-top:20px;}
@media screen and (max-width:600px){
	.wpcf7 input, .wpcf7 textarea{width:100%;}
	}
.wpcf7 input[type=checkbox]{width:20px;vertical-align: middle;}

/*-----------------------------SOCIAL LINKS  ------------------------------------*/

#social-links {padding:10px 0 40px;}

#social-links img {width:58px; height:auto; display:inline-block; margin-right:60px;}






/*#region 4. TEMPLATE */
/*-----------------------------------------------------------------------------------*/


/*------------------------------------*\
  7. WORDPRESS CORE
  \*------------------------------------*/
.alignright {float:right;}
.alignleft {	float:left;}

.aligncenter {display:block;}

.wp-caption {border:none;padding: 0;	}
.wp-caption > p:empty  {
    display: none;
}

.wp-caption.alignnone {	margin: 5px 0 20px 0 ; max-width:100% !important;}
.wp-caption.alignleft {margin:0px 1.5% 20px 0; max-width:48.5% !important ;}
.wp-caption.alignright {margin:5px 0 1.5% 20px; max-width:48.5% !important;}
.wp-caption img {height:auto; margin:0;}
.wp-caption .wp-caption-text {font-size: 16px; line-height:21px;	margin:0; padding: 10px 0 0;}
div.wp-caption + p, h4 + div.wp-caption:nth-child(even){clear:both;}

@media screen AND (max-width:600px){
	.wp-caption.alignleft {max-width:100% ;}
	.wp-caption.alignright {max-width:100% ;}
}