/**
* Theme Name:    meintwentysixteen
*Template: twentysixteen
*/
@import url('../twentysixteen/style.css');

body, button, input, select, textarea {  font-family: Montserrat, "Helvetica Neue", sans-serif;  font-size: 1rem;  line-height: 1.75; }

div.headerkopf { margin: 0px; padding: 0px; position: relative;}

div.post-thumbnail { margin: 0px; padding: 0px;}
div.post-thumbnail img { width: 100%; }


body div.site-logo a.custom-logo-link { width: 100%;  }
body div.site-logo a.custom-logo-link img.custom-logo { width: 100%; max-width: 100%;}


#Headerbild ul, #Headerbild ul li { margin: 0; padding: 0; }
#Headerbild ul li img { width: 100%; }
#Headerbild ul li img.responsive { display: none; }
#Headerbild ul li img.responsive-m { display: block; }

@media screen and (min-width: 48.9375em) { 
#Headerbild ul li img.responsive { display: block; }
#Headerbild ul li img.responsive-m { display: none; }
}  /**  >= 783px */

body div.site-logo { width: 50%; position: absolute; top: 70%; left: 6%; }
@media screen and (min-width: 44.375em) { body div.site-logo { top: 75%; } body, button, input, select, textarea { font-size: 1rem; } }  /**  >= 710px */ 
@media screen and (min-width: 48.9375em) { body div.site-logo { width: 33%; top: 60%; } }  /**  >= 783px */
@media screen and (min-width: 1200px) { body div.site-logo { width: 30%;  top: 60%; } } 


/** ############################### navigation ############################################# */
div.navaround { background: #EAE9E9; width: 100%;  }
div.site-header-main { padding: 0px; margin: 0; }
.site-header-menu {  }
header.site-header {max-width: 1100px; margin: 0 auto; padding-top: 0px; padding-bottom: 0px; }

#header-menu { width: 100%}

.site-header-menu { margin: 0em 0; }
/** ############################### /navigation ############################################# */


/** ############################### /content ############################################# */

div.site-inner { margin-top: 3em; margin-bottom: 0px; padding: 0; }
.site-content { padding: 0px;}
.no-sidebar .entry-content { max-width: 1000px; margin: 0 auto;}

#main h1, #main h2, #main h3, #main h4, #main h5, #main h6 { font-weight: normal; margin-bottom: 1em}
#main h1 { font-size: 1.6em; }

section.bilderlinks .kc-col-inner-container { max-width: 450px; margin: 0 auto; }

.doppelliste { padding: 15px 0 40px 0; }
.leistungsliste h3 { text-align: center; border-bottom: 1px solid #888; padding-bottom: 15px}
.leistungsliste ul { margin: 0px 0 0px 15%;}
.leistungsliste ul li { list-style-type: none; font-weight: 700;font-size: 1.1em }
.leistungsliste ul li::before {  content: "- "; }

.telefon { text-align: center;}
.telefon p { font-size: 1.3em; margin-bottom: 0.2em}
.telefon h6 { font-size: 1.8em; font-style: normal; margin-top: 0.75em;}


div#caldera_form_1 label { font-weight: normal}


div.datenschutz { font-size: 0.8em; }


@media screen and (min-width: 440px) { #main h1 { font-size: 2.0em; } }
@media screen and (min-width: 600px) { #main h1 { font-size: 2.4em; } }
@media screen and (min-width: 56.875em) { }

/** ############################### slider ############################################# */
.crellyslider > .cs-controls > .cs-next {  background-image: url("https://www.zimmerei-diercks.de/wp-content/uploads/2018/03/arrow-right.png"); right: 30px;}
.crellyslider > .cs-controls > .cs-previous { background-image: url("https://www.zimmerei-diercks.de/wp-content/uploads/2018/03/arrow-left.png"); left: 30px; }
.crellyslider > .cs-controls > .cs-previous, .crellyslider > .cs-controls > .cs-next { width: 40px; height: 35px; border-radius: 2px; opacity: 0.6; }






/** ############################### /content ############################################# */

/** ############################### /footer ############################################# */

.widget {  border-top: 0px solid;  padding-top: 0em; }

div#footer-outer { position: relative; overflow: hidden; background: #EAE9E9; padding: 40px 21px 40px 21px; text-align: center; margin: 0; border-top: 1px solid #ccc; }
div.footer-inner { text-align: left; width: 100%; max-width: 1060px; margin: 0 auto; overflow: hidden; }

div#footer-outer .widget { font-size: 1rem}
div#footer-outer ul { width: 100%; max-width: 500px; margin: 0 auto; overflow: hidden; }
div#footer-outer ul li { overflow: hidden; list-style-type: none; margin: 0px; }
div#footer-outer ul li#text-2 { width: 100%;}
div#footer-outer ul li#text-3 { width: 100%;}
div#footer-outer ul li#text-4 { width: 100%}
.foot-li-outer { padding: 0;}
.foot-li-inner  { padding-top: 10px;}
.foot-li-inner p.adr { padding-left: 15px;}

div.foot-mi-outer { padding: 20px 0 30px 0 }
div.foot-mi-inner ul { width: 100%; }
.foot-mi-inner ul.foot-liste li { clear: left; width: 100%; }
.foot-mi-inner a { text-decoration: none; box-shadow: none; background: #888; display: block; color: #fff; padding: 5px 5px 5px 20px; margin-bottom: 5px; border-radius: 3px; transition: 0.6s }
.foot-mi-inner a:hover { background: #222; }

.foot-re-inner  { padding-top: 10px;}
p.footre-1 { padding-left: 5px; margin-bottom: 0.5em}
p.footre-2 { font-size: 1.7rem; margin-bottom: 0.0em}
p.footre-2 i { font-size: 1.5rem}
p.footre-3 { padding-left: 2em;}
p.footre-4 i { padding-right: 0.5em}
p.footre-4 a { box-shadow: none;}


div#footer-unten-outer { background: #222; padding: 20px 21px 30px 21px; }
div.footer-unten-inner { text-align: left; width: 100%; max-width: 500px; margin: 0 auto; overflow: hidden; }
div.footer-unten-inner ul { padding: 0; overflow: hidden; margin: 0 0 0 8px;}
div.footer-unten-inner ul li { float: left; padding-right: 20px; margin: 0;}
div.footer-unten-inner ul li a { color: #bbb}
div.footer-unten-inner ul li a:hover { color: #fff}

div.wp-statistics-opt-out { border-top: none; background: #000; color: #fff; font-size: 0.8em}
a.ok { background: orange; padding: 3px 25px; border-radius: 3px; color: #fff; margin: 0 10px }
a.verweigern { color: #fff; margin-right: 10px }
a.erklaerung { color: #fff; padding-right: 10px }

@media screen and (min-width: 790px) { 
	div#footer-outer ul { max-width: 1500px; }
div#footer-outer ul li { float: left; }
div#footer-outer ul li#text-2 { width: 30%;}
div#footer-outer ul li#text-3 { width: 35%;}
div#footer-outer ul li#text-4 { width: 34%}
	div.footer-unten-inner { max-width: 1060px;}
	
	
	.foot-li-outer { padding: 0 20% 0 0;}
	div.foot-mi-outer { padding: 0px 20% 0px 0  }
	
	
}

@media screen and (min-width: 1050px) { 
div#footer-outer ul li#text-2 { width: 36%;}
div#footer-outer ul li#text-3 { width: 36%;}
div#footer-outer ul li#text-4 { width: 28% }
}




@media screen and (min-width: 500px) { div.post-thumbnail { margin: 0px; padding: 0px;}}  
@media screen and (min-width: 44.375em) { div.post-thumbnail { margin: 0px; padding: 0px;} }  /**  >= 710px */
@media screen and (min-width: 48.9375em) { div.post-thumbnail { margin: 0px; padding: 0px;} }  /**  >= 783px */
@media screen and (min-width: 56.875em) { div.post-thumbnail { margin: 0px; padding: 0px;} }  /**  >= 910px */
@media screen and (min-width: 61.5625em) { div.post-thumbnail { margin: 0px; padding: 0px;}}  /**  >= 985px */
@media screen and (min-width: 75em) { div.post-thumbnail { margin: 0px; padding: 0px;} } /**  >= 1200px */