/**
* Theme Name: galabau-heidmuehlen
*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;}

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

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

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

.kopflinks { float: left; position: relative; width: 100%; text-align: center}
.kopflinks img.logo { width: 130px}
.kopfrechts { float: right; font-size: 18px; padding: 20px 15px 10px 0; color: #307854; text-shadow: 2px 2px 0px #fff; width: 100%; text-align: center;}
.kopfrechts p.kopfrechts-name1 {   font-size: 1.5em;  margin: 0px; font-weight: bold; line-height: 1em}
.kopfrechts p.kopfrechts-name2 {   font-size: 1em;  margin: 0px; font-weight: bold;}

#Headerbild { display: none}
#Headerbild.widgets_on_page ul li { margin: 0; padding: 5px 0 5px 0; background: #fff;}

#Headerbild ul { padding: 0}
.slick-track { left: 27%}
.wpcp-carousel-section.slick-initialized .slick-slide { margin-right: 3px;}
.wpcp-carousel-section.nav-vertical-center { padding: 0;}

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

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

@media screen and (min-width: 480px) {
	#Headerbild { display: block}
}

@media screen and (min-width: 740px) {
	.kopfoben { height: 160px}
	.kopflinks { position: absolute; z-index: 99; width: 230px}
	.kopflinks img.logo { width: 100%}
	.kopfrechts { float: right; text-align: right; font-size: 30px; }
}
@media screen and (min-width: 890px) {
	.kopflinks { width: 300px}
	.kopfrechts { font-size: 35px;}
}

/** ################################ /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;}

.site-content { margin: 0 auto; max-width: 1260px; }

@media screen and (min-width: 56.875em) {
	#content.site-content { padding-top: 2rem; }
 }  /**  >= 910px */

h1 { text-align: center; font-size: 2.5em; margin-bottom: 0em; margin-top: -20px }
h1 span { font-size: 0.8em }

h2 { text-align: center; font-weight: normal; }
h3 { text-align: center; background: #307854; color: #fff; padding: 10px; margin-top: 0px}

.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}

@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: 1000px) {
	p.kontakttel a { font-size: 2.4em; }
}

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

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

#footer-widget { background: #e3e5e4!important;padding: 50px 0px 20px 0px;  }
footer.site-footer { background: #132745;}

.footerlogo { text-align: center; padding: 0px 0 30px 0; margin: 0 auto}
.footerlogo img { width: 75%}
.footermitte { text-align: center; padding-bottom: 5px}
.footermitte .footername1 { font-size: 1.6em; margin-bottom: 0em; font-weight: bold }
.footermitte .footername2 { font-size: 1.6em; font-weight: bold; margin-bottom: 0.75em }
.footermitte .footerstrasse { font-size: 1.3em; margin-bottom: 0.2em; }
.footermitte .footerort { font-size: 1.3em; margin-bottom: 0.75em;  }
.footermitte .footermail { font-size: 1.3em; margin-bottom: 0.2em  }
.footermitte .footertel { font-size: 1.3em}
.footermitte .footermail a, .footermitte .footertel a { color: #2A2A2A; }
.footermitte .footermail a:hover, .footermitte .footertel a:hover { color: #777 }

.footerrechts { padding: 0px 0 10px 0}
.footerrechts ul { font-size: 1.3em; margin: 0; padding: 0 }
.footerrechts ul li { list-style-type: none; background: #307854;  margin: 3px 0; padding: 5px 0 5px 10px; color: #Fff  }

.footerrechtswappen { padding: 0px 0 10px 0; text-align: center}
.footerrechtswappen img { width: 40%}

body:not(.theme-preset-active) footer#colophon { background: #307854; padding: 20px 0 0 0}
#menu-impressum { display: inline-block}
#menu-impressum li { float: left;  }
#menu-impressum li a { color: #ccc }
#menu-impressum li a:hover { background: none }

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


@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%}
}