/**
* Theme Name: blechkantung
*Template: wp-bootstrap-starter
*/
@import url('../wp-bootstrap-starter/style.css');

body { font-family: 'Open Sans', Helvetica, Arial, sans-serif; color: #2a2a2a; font-size: 14px }

.widget { border-top: 0px; list-style-type: none;}

#page { padding: 0;}

a:hover { text-decoration: none;}

div.resppc { display: none;  }
@media screen and (min-width: 767px) {
div.resppc { display: block;}
div.resphandy { display: none;  }
}

@media screen and (min-width: 790px) {
	body {  font-size: 16px }
}

/** ################################ header ################################# */

header#masthead { margin-bottom: 0; padding: 0 0 5px 0; background: #fff; box-shadow: none }
header .container { max-width: 1200px;}


.kopfoben { height: 130px; }
#Kopflinks { margin: 0px 0 30px 0px; position: relative;overflow: hidden; float: left; width: 350px}
#Kopflinks ul {padding: 0}
.logo { float: left; border-left: 0px solid #555; border-top: 0px solid #555; padding: 4px}
.logobk { width: 110px} 
.logotext {  position: absolute; bottom: 2px; left: 120px; font-size: 23px; }

.kopflinks { float: left; position: relative; width: 100%; text-align: center}
.kopflinks img.logo { width: 130px}
.kopfrechts { float: right; }
.kopfrechts p.kopfrechts-name1 {  }
.kopfrechts p.kopfrechts-name2 {   }


#Headerbild.widgets_on_page ul li { margin: 0; padding: 0; }

#Headerbild ul { padding: 0}
#Headerbild .textwidget p { margin-bottom: 0px }

.navi { float: right; margin-top: 0px}

.headerbild { position: relative;  }
.headerbild .headermitte { position: relative; width: 100%;text-align: center; }
.headerbild .headermittemitte {  background: #BE0C1D; color: #fff; display: block; padding: 15px 40px; font-size: 1.6em; font-weight: bold; border-radius: 0px; }

.startbild p { margin-bottom: 0px;}
.startbild .graubu { text-align: center; background: #aaa; margin: 1px 0 20px 0; padding: 10px; color: #fff; font-size: 1.1em}

@media screen and (min-width: 460px) {
	.kopflinks img.logo { width: 190px}
	.kopfrechts { font-size: 25px; }
}

@media screen and (min-width: 780px) {
.headerbild .headermitte { position: absolute; top: 39%; width: 100%;text-align: center; }
.headerbild .headermittemitte {  background: #BE0C1D; color: #fff; display: inline-block; padding: 15px 40px; font-size: 2.2em; font-weight: bold; border-radius: 5px; }
}

@media screen and (min-width: 970px) {
	.navi { float: right; margin-top: 75px} }



/** ################################ /header ################################# */

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

.site {  margin: 0px; background: #fff; padding: 0px 21px;  }
.site-inner { max-width: 1260px; background: #fff; margin-top: 0; margin-bottom: 0px; padding: 0px; }

.site-header { padding: 0;}

#content.site-content { margin: 0 auto; max-width: 1260px; padding-top: 0 }
.entry-content { margin-top: 0}


h1 { text-align: center; font-size: 2.5em; margin-bottom: 0.75em;  }

h2 { text-align: center; font-weight: normal; }
h3 { }

.unterueberschrift h1 { margin: 0}
.unterueberschrift h2 { margin: 0 0 1.9em}

.starttop p { margin-bottom: 0.75em}

.mittigtext p { text-align: center; max-width: 800px; margin: 0 auto;}

p.mittigschmal { max-width: 600px;}

.groesser { font-size: 1.2em}
.groesser p { margin-top: 0px; }

p.marginklein { margin-bottom: 0em; }
.dreierohne h5 { padding-left: 0.5em; font-weight: normal; margin: 0.5em 0 2em 0}

.kc-carousel_images .owl-wrapper img { border: 5px solid #fff }
.owl-nav-arrow.owl-theme .owl-controls .owl-buttons div::before { color: #ddd}

.aufzaehlstrong { font-size: 1.1em}

.aufzaehlstrong strong { font-size: 1.3em}

.kontakt { padding-bottom: 50px}
.kontakt h4 { font-size: 1.2em; margin-top: 0; font-weight: normal; line-height: 1.5em }
.kontakt p { margin-bottom: 0.6em; }
.kontakt a { color: #2a2a2a}

p.kontakt1 { font-weight: bold; font-size: 1.6em; margin-bottom: 0em}
p.kontakt2 { font-weight: bold; font-size: 1.6em; margin-bottom: 1em}
p.kontakt3 { font-size: 1.1em; margin-bottom: 0.25em}
p.kontakt4 { font-size: 1.1em; margin-bottom: 1em}

p.kontakttel, p.kontaktmail { margin-bottom: 0.5em; }
p.kontakttel a { font-size: 2.0em; color: #2a2a2a}
p.kontakttel a:hover { color: #777}

p.kontaktmail a { font-size: 1.2em; color: #2a2a2a}
p.kontaktmail a:hover { color: #777}

ul.liste li { list-style-type: "- "} 

.datenschutz h4 { margin-top: 1.5em}

.zwischentext { text-align: center}
.zwischentext h3 { font-size: 1.7em; font-weight: 600}
.zwischentext p { font-size: 1.2em; }


.produktmass h3 { background: #fff; padding: 5px 5px; border-bottom: 1px solid #bbb; font-size: 1.3em}
.produktmass .wp-caption .wp-caption-text { font-size: 0.9em}

h3.formabstandoben { margin: 2em 0 0 0; background: #eee; padding: 10px}
h3.formabstand { margin-bottom: 0; background: #eee; padding: 10px}

.roth2 { background: #BE0C1D; margin: 0 0 1em 0; overflow: hidden }
.roth2 h2 { color: #fff; margin: 0; padding: 15px 10px; font-size: 1.7em; font-weight: 600; text-align: center}
.roth2 .h2kleiner { font-size: 0.7em; }

.graukasten h4 { font-size: 1.3em; margin: 0.5em 0 0.25em; padding: 0 0 5px 0;   }
.graukasten ul { margin: 0; }
.graukasten ul li { list-style-type: "- "; font-size: 1.0em }

.grauh2 h2 { background: #ddd; color: #222; margin: 0 0 1em 0; padding: 15px 20px; font-size: 1.5em; text-align: center}

.kc_column_inner .kcr-col-inner-container{ border: 1px solid #888; border-radius: 5px; box-shadow: 2px 2px 4px #ccc}
.kc_column_inner .kc-col-inner-container h4 {  margin: 0.5em 0 1em 0; font-size: 1.3em; text-align: center; border-bottom: 1px solid; padding-bottom: 0.75em }
.kc_column_inner .kc-col-inner-container p {  padding: 0 20px}

.bghalb {}
.bghalb p { margin: 0;}
.bghalb .kc-wrap-columns div { padding: 0;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#eeeeee+0,ffffff+50,eeeeee+100 */
background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top,  #eeeeee 0%, #ffffff 50%, #eeeeee 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #eeeeee 0%,#ffffff 50%,#eeeeee 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #eeeeee 0%,#ffffff 50%,#eeeeee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
 }
.bghalb img { width: 100%;}
.bghalb .pad  { background: transparent!important; }
.bghalb .pad p { padding: 10px 15%; }

.schare h2 { font-weight: 600; font-size: 1.6em}
.schare p.scharep { text-align: center; padding: 15px 0 0 0; font-size: 0.9em}
.schare ul { padding: 20px 0 0 20px; border: 1px solid #ddd; overflow: hidden; background: #fff }
.schare ul li { list-style-type: none; float: left; display: inline; padding: 0 5px;  }
.schare .wp-caption{ background: none; border: none; margin: 0; padding: 0 0 20px 0; }

.schare .wp-caption .wp-caption-text{ padding: 0}

.caldera-grid label { font-weight: 400!important; }
.caldera-grid .single { margin-bottom: 30px}
.caldera-grid input.btn { background: #f5f5f5; padding: 10px 20px}
.caldera-grid input.btn:hover { background: #222; color: #fff}
form p:empty::before {display: none}

.caldera-grid .angeb { padding-left: 20px;  }
.caldera-grid .angeb .control-label { font-size: 1.1em; }
.caldera-grid .angeb .radio label { font-size: 1.1em; }
.caldera-grid .angupl { padding: 40px 0 0px 0;}
.caldera-grid .angupl input { margin: 10px 0; }

.blocklink a { color: #222}

@media screen and (min-width: 760px) {
	p.kontakttel a { font-size: 2.0em; }
}
@media screen and (min-width: 890px) {
	h1 { font-size: 3.2em; margin-top: 0px  }
	p.kontakttel, p.kontaktmail { margin-bottom: 0.5em; text-align: center}
}

@media screen and (min-width: 910px) {
	#content.site-content { padding-top: 2rem; }
	.entry-content { margin-top: 1.5em}
 }  

@media screen and (min-width: 1000px) {
	p.kontakttel a { font-size: 2.4em; }
}

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

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

.kontaktadr .kc-col-container { background: #f3f3f3; padding: 10px 20px;}

.kontaktadresse a { text-align: center; display: block;  padding: 50px 0 20px 0; font-size: 1.2em; color: #222}
.kontaktadresse a i { padding: 30px 0; font-size: 2.3em; line-height: 0.5em; transition: 0.3s }
.kontaktadresse a i:hover { padding: 30px 0; font-size: 2.8em; line-height: 0.5em }

@media screen and (min-width: 760px) {
	.footerlogo { padding: 20px 0 30px 0; margin: 0 -20px 0 0;}
	.footerlogo img { width: 100%}
	.footermitte { padding-left: 1em}
	.footerrechts ul { font-size: 1.1em; margin: 0; padding: 0px 0 0 20px }
	.footerrechtswappen img { width: 60%}
}



.impressum a { color: #222}

#footer-widget { background: #f7f7f7!important; border-top: 1px solid #eee; padding: 30px 0px 10px 0px;}
#footer-widget h3 { background: none; color: #BE0C1D; text-align: left; border-bottom: 1px solid #BE0C1D; padding-bottom: 0.25em; margin-bottom: 1em}

.footerlinks p { padding-left: 0px; font-size: 15px; margin-bottom: 0.25em}
.footerlinks p.footername { font-weight: bold}
.footerlinks p.footerland { margin-top: 1em}

.footermitte { padding-left: 0px;}
.footermitte p { text-align: left; margin-left: 0px; margin-bottom: 0.25em}
.footermitte p a { font-size: 15px; padding: 0; color: #444 }
.footermitte .footermail a:hover, .footermitte .footertel a:hover { color: #777 }

.footerrechts { padding-left: 0px;}
.footerrechts p { text-align: left; margin-left: 0px; margin-bottom: 0.25em}
.footerrechts p a { font-size: 15px; padding: 0; color: #444 }
.footerrechts a:hover { color: #777 }

#footer-widget ul#menu-rechtliches { padding: 0 0 0 0px; margin: 0; }
#footer-widget ul#menu-rechtliches li { padding: 0; margin: 0; list-style-type: none; padding: 0.25em 0 }
#footer-widget ul#menu-rechtliches li a { color: #444; font-size: 15px; padding: 0px}


body:not(.theme-preset-active) footer#colophon { background: #BE0C1D; padding-top: 20px}

#menu-impressum { display: inline-block}
#menu-impressum li { float: left;  }
#menu-impressum li a { color: #ccc; font-size: 14px }
#menu-impressum li a:hover { background: none }

footer ul { padding: 0; margin: 0;}
footer ul li { padding: 0; margin: 0;}