/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* Header */

.site-header { padding: 8px 0}
.site-header .header-inner .site-branding .site-logo img { width: 170px}

#kopfbild { background-size: cover; background-position: center center}
.kopfbildtext { text-align: center; padding: 40px; border-radius: 5px}
img.kopfbildlogo { width: 100%; max-width: 400px;}
h1 { font-size: 1.7em; color: #444; margin: 0px 0 1em 0;}
p.orangelink a { background: #F07D00; display: inline-flex; align-items: center;padding: 10px 20px; color: #fff; font-size: 1.2em; border-radius: 5px; transition: 0.3s}
p.orangelink a:hover { background: #3B5384 }
p.orangelink img { width: 20px; margin-right: 15px}


@media (min-width: 768px) {
	p.orangelink a { font-size: 1.4em; }
}

/* /Header */

/* Content */

body p { font-size: 1.1em; color: #333}

.h2mitunter h2 {  font-size: 2.1em; color: #222; font-weight: 400; font-family: roboto,impact, open sans; margin-bottom: 0.1em; }
.h2mitunter p { font-size: 1.4em}

#loesungen p { max-width: 650px; margin: 0 auto 1em auto;}

h2 { font-size: 2.5em; font-family: roboto, impact, open sans; letter-spacing: 2px; margin-bottom: 0.25em; padding: 0 15px }
h3 { color: #444; font-size: 1.8em; margin-bottom: 0.25em; font-family: roboto, impact, open sans; font-weight: 400 }

h4 { text-align: center; color: #222}
.blauhg h4 { color: #fff}
.blauhg p { color: #fff;  font-size: 1.2em}
p.blauhg-p { color: #ffffff; font-size: 1.8em; margin-bottom: 0.75em }
.weisshg p { font-size: 1.2em}

#dachbau .orangelink a:hover { background: #ffb86d; }

p.konf-1 { text-align: center; font-size: 1.5em; padding: 1em 0 0.5em}
.konf-themen { display: flex; flex-direction: column; justify-content: space-between; margin-bottom: 1.5em}
.konf-them .wpcf7-checkbox { display: flex; flex-direction: column; }
.konf-them .wpcf7-checkbox span.wpcf7-list-item { line-height: 1.8em; font-size: 1.1em }
.konf-them .wpcf7-checkbox label span { padding-left: 8px }
.konf-adresse { display: flex; flex-direction: column}

.konf-adresse label { font-size: 1.0em; width: 100% }
.konf-adresse label input { margin-top: 10px; padding: 10px; border: 1px solid #bbb; border-radius: 5px  }
.konf-nachricht label { font-size: 1.0em; }
.konf-nachricht label {  width: 100%; }
.konf-nachricht label textarea{ height: 170px; margin-top: 10px; padding: 10px; border: 1px solid #bbb; border-radius: 5px }
.konf-senden input {  padding: 10px 20px; margin: 20px 10px; font-size: 1.1em; border: 0px; background: #F07D00; color: #fff; transition: 0.3s}
.konf-senden input:hover { background: #3B5384; color: #fff}
.konf-adresse { margin-bottom: 1em}
.datencheck { max-width: 800px; padding: 20px 0 0 0 }
.datencheck span.wpcf7-list-item-label { font-size: 0.8em; max-width: 800px; line-height: 1.4em}



.adres-1 { font-size: 2em; margin: 0em}
.adres-2 { font-size: 2em; margin: 0em 0 0.5em 0}
.adres-3 { font-size: 1.5em; margin: 0}
.adres-4 { font-size: 1.5em; }
.adres-5.orangelink a { padding: 10px 20px; font-size: 1.1em }
.adres-6.orangelink a { padding: 10px 20px; font-size: 1.1em; margin-bottom: 0.5em}
.adres-7 { margin-bottom: 0}




.site-footer { background:  #f2f5fc; padding: 70px 0 70px 0; }
.site-footer .footer-inner { max-width: 1300px}

.footer-widget ul { list-style-type: none; padding: 0  }


.impressum h1 { font-size: 2em; }
.impressum a { color: #444}
.impressum h4 { text-align: left;}
.impressum ul { margin: 0 0 1em 0;}
.impressum ul li { margin: 0; padding: 0; color: #444; font-size: 1.3em}




@media (min-width: 768px) {
	body p { font-size: 1.3em; }
	.h2mitunter h2 { font-size: 4.5em; color: #333; letter-spacing: 0}
	.h2mitunter p { font-size: 1.8em}
	h3 { font-size: 2.4em; }
	.konf-themen { flex-direction: row;}
	.konf-adresse {  flex-direction: row; justify-content: space-between}
	p.konf-1 { font-size: 1.8em; }
	.konf-adresse label { padding: 0 10px}
	.konf-nachricht label {  padding: 0 10px}
}

/* /Content */


/* Footer */

#endfooter { background: #3B5384 }
#endfooter .site-footer { background: #3B5384; max-width: 1300px; padding: 30px 15px 50px 15px;}
#footer-impressum ul { padding: 0 0 0px 0; margin: 0; display: flex;  }
#footer-impressum ul li { padding: 0 1em 0 0; margin: 0;list-style-type: none }
#footer-impressum ul li a { color: #fff }

/* /Footer */


@media (min-width: 768px) { }
@media (min-width: 1024px) { }