/* Nur in Print Version */
#print_adresse{display:none;}

footer{font-size:13px;position:relative;text-align:center}
footer .adresse{display:flex;padding-top:25px;padding-bottom:45px;justify-content: space-between}
footer .adressdaten{text-align:left}
footer a{color:#49697d; text-decoration:none;}
#footer_navi{display:block;}
nav#footer_navi a{color:#696969;text-decoration:none;padding-left:8px;font-size:13px;}
nav#footer_navi a:first-child{padding-left:0px;}
.footer_navi_section{display: flex;justify-content: center}

h1, h2, h3, h4, h5, h6 { font-weight:normal; color:#000}	
h1 { font-size: 46px; color:#4c6a7f; line-height:54px; font-weight:300;  }
h2 { font-size:28px; font-weight:400; line-height:30px; margin-bottom:15px; margin-top:0px; color:#4c6a7f; }
h3 { font-size:18px; color:#13294a;}	
h4 { font-size:16px; font-weight:600; color:#13294a;}
h5, h6 { font-size:12px; margin-bottom:-10px;line-height:1.2em; font-weight:bold }
a {color:#4c6a7f;}
img {border:none;}


section h3{font-size:36px;margin-bottom:25px;margin-top:0px;}

.narrow{width:65%;float:left;}
.wide{clear:both;}
#content ul {list-style-image: url(../img/minuszeichen.png); margin-left:-20px;}
#content li {padding-bottom:15px;}


#right_column {float:right;color:#444;background-color:#e3e7ea;width:25%;padding:15px;line-height:17px;}
#right_column a{text-underline-position: under;display:block;margin-top:3px;margin-bottom:15px; color:#425058;}
#right_column h3{font-size:16px; margin-bottom:15px;margin-top:0px;border-bottom:1px solid #ccc;}
.sidebar {font-size:80%;}
.sidebar img{width:100%;height:auto;}
#content_header{height:100px;width:100%;background-repeat:no-repeat;}

#breadcrumb{font-size:12px;width:calc(100% - 50px);padding:15px 0px 25px 0px;background-color:#fff;}
#breadcrumb a{text-decoration:none;color:#666;}
#unternavi{width:455px; float:right; font-size:80%; margin-top:-100px;}
#footerbildprint{display:none;}

#sidebar{position:sticky;right:0;top:20px;z-index:800;display:none;}
#sidebar-contact, #sidebar-uplink{cursor:pointer;background-color:#69aac8;padding:10px;color:#fff;text-align:center;padding:8px 10px}
#sidebar-contact-box{display:none;padding:15px;font-size:14px;position:absolute;left:-230px;width:200px;background-color:#69aac8;color:#fff;}

.textfield{border:1px solid #aaa;margin-bottom:5px;}
.textfield_error{border:1px solid #f00;margin-bottom:5px;}
input.submit{background-color:#ddd;padding:4px;padding-left:4px;color:#666;border:1px solid #aaa;font-size:100%;}
input.submit:hover{background-color:#dfe1e2;padding:4px;padding-left:4px;color:#666;border:1px solid #aaa;font-size:100%;}
a.plain{display:block;width:145px;padding:6px 6px 6px 20px;text-decoration:none;color:#000;}
.main{ color:#333; }

#impressum{}
#impressum .adresse{float:left;line-height:25px;}
#impressum .adresse:first-child{margin-right:250px;}

#news{}
#news a{text-decoration:none;display:block;margin-bottom:35px;}
#news a:hover{ }
.news{font-size:20px !important; line-height:32px !important;}

#contact_plugin{background-color:#49697d;}
#contactform ::placeholder {color: #fff;opacity: 0.9; /* Firefox */}
#contactform input[type=text]{background-color:#7d95a3;border: 0;outline: 0;padding:15px;width:unset;}
#contactform textarea{background-color:#7d95a3;border: 0;width:100%;padding:15px;margin-top:25px;margin-bottom:15px;box-sizing: border-box;}
#contactform .submit{background-color:#69aac8;color:#fff;padding:15px;border:none;}
.contactform-grid{display:grid;grid-template-columns: repeat(2, 1fr);gap: 90px;padding:40px 20px 40px 89px}

#awards{display:flex;flex-wrap:wrap;list-style: none}
#awards li{height:17vh;flex-grow:1;margin: 25px;}
#awards img{max-height: 100%; vertical-align: bottom;}

.main-teaser-wrap-cell{position:relative;width:92%;z-index:2;display:flex;flex-wrap:wrap;float:right;padding:30px;background-color:rgba(76, 106, 127, 0.9);color:#fff;}
.main-teaser-cell{width:230px;position:relative;margin-right:25px;margin-bottom:25px;hyphens:auto;}
.main-teaser-cell h2{border-left:1px solid #fff;color:#fff;padding-left:20px;padding-top:0px;min-height:70px;}
.main-teaser-cell span{padding-left:20px;display:block;}
.main-teaser-cell a{text-decoration: none;color:#fff;}

#teaser_content{top:-50px}
.main-teaser-wrap-box{position:relative;z-index:2;display: flex;flex-wrap:wrap;justify-content:flex-start;column-gap:20px;flex-grow:1;color:#fff;width:90%;margin-right:auto;margin-left:auto}
.main-teaser-box{width:330px;height:100px;position:relative;background-color:rgba(76, 106, 127, 0.9);margin-bottom:23px;}
.main-teaser-box:hover{background-color:rgba(105, 170, 200, 0.8)}
.main-teaser-box h2{color:#fff;text-align:center;margin-bottom: 0;padding-top:0px;font-size: 18px;font-weight:100;position: relative;top: 50%;transform: translateY(-50%);}
.main-teaser-box a{text-decoration: none;color:#fff;display:block;height:100%}

.section_news{padding:40px 20px 40px 89px}

#faq{margin-top:15px;margin-bottom:45px;}
.faq_detail{margin-top:15px;margin-bottom:15px;padding-bottom:20px;padding-top:30px;border-top:1px solid #e6e6e1;}
.list_topics{margin-bottom:10px; font-weight:bold;}

.intro_text{font-size:24px;color:#242c44;margin-bottom:15px;line-height:36px;font-weight:500;}
.main_text{font-size:24px;margin-bottom:15px;line-height:36px;font-weight:300;color:#000;}

/* Styles for Editors */
.compare-box{display:flex;gap:25px;}
.compare-box div{background-color:rgba(105, 170, 200,0.2);padding:0px 30px;width: 50%;}
/* Icon 1 */
#nav-icon3{width:30px;height:30px;position:relative;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer;display:none}
#nav-icon3 span{display:block;position:absolute;height:3px;width:100%;background:#2D384B;border-radius:9px;opacity:1;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out}
#nav-icon3 span:nth-child(1){top:0}
#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3){top:8px}
#nav-icon3 span:nth-child(4){top:16px}
#nav-icon3.open span:nth-child(1){top:18px;width:0;left:50%}
#nav-icon3.open span:nth-child(2){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
#nav-icon3.open span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#nav-icon3.open span:nth-child(4){top:18px;width:0;left:50%}

/* Burger Menu */
.mobile-nav{display:none;}
.responsive-menu{display:none;background-color:rgba(76, 106, 127, 0.9);position:absolute;width:100vw;right:0;}
.menu-wraper{width:33%;height:100vh;background-color:#ECF0F2;float:right}
.expand{display:block!important; z-index:3;}
.open-menu-link{position:relative;margin-right:15px;font-size:14px;cursor:pointer;}

ul .sub-menu{background-color:rgba(0,0,0,.4);height:100%;margin-left:10px;}
.sub-menu li{padding-right:20px !important;padding-top:5px !important;}
.sub-menu li a{font-size:14px !important;padding-top:5px;}
.visible{display:block!important}
.responsive-menu ul{list-style-type:none;padding:0;margin:0px}
.responsive-menu li{color:#fff;text-align:right;padding:9px 45px 9px;}
.responsive-menu li a{font-size:18px;display:block;color:#696969;background-color:transparent;text-decoration:none;}
.responsive-menu .sec{padding-top:25px;}
.responsive-menu .sec a{display:block;font-size:13px;color:#fff;padding-bottom:5px;text-decoration:none;width:calc(100% - 25px);}
.fa-chevron-square-left{color:#888}
.mobile-nav{z-index:6;}
.mobile-nav i{margin-right:15px;}
.main_third a{padding-left:25px}

.mobile-nav{display:block;}
.logo-mobile{margin:45px 0px 0px 10px}
#menu-btn{z-index:5;width:40px;height:35px;position:absolute;top:42px;right:45px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer}
#menu-btn::before{content:"Menu"; position:absolute;left:-60px;top:5px}
#menu-btn span{display:block;position:absolute;height:4px;width:100%;background:#2B3134;border-radius:9px;opacity:1;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out}
#menu-btn span:nth-child(1){top:0}
#menu-btn span:nth-child(2),#menu-btn span:nth-child(3){top:12px}
#menu-btn span:nth-child(4){top:24px}
#menu-btn.open span:nth-child(1){top:12px;width:0;left:50%}
#menu-btn.open span:nth-child(2){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);background:#637784}
#menu-btn.open span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);background:#637784}
#menu-btn.open span:nth-child(4){top:12px;width:0;left:50%}

@media screen and (max-width:1550px) {
	.delimiter {padding-left: 25px;padding-right: 25px;}
}
@media screen and (max-width:1000px) {
    footer .adressdaten{float:left;padding-bottom:25px;}
	h1{font-size:28px;line-height:36px;}
	h2{font-size:18px;}
    #logo{padding:0px;border-radius:0px;}
	#headerpic{height:280px;}
	#headerpic .lead{padding:8px 0px 8px 25px;width:calc(80% - 25px);}
	#headerpic img{height:400px;}
    #headerfixed {display:none !important;}
	.contactform-grid{display:flex;flex-wrap: wrap;padding:0px}


	.narrow{width:100%;}
	#right_column{width:calc(100% - 30px);float:left;}
	#content{padding:10px 25px 10px 25px; margin-top:0px; width:calc(100% - 50px);}
	.footer_info{width:100%;}
	#nav-icon3{display:block;z-index:34;position:absolute;right:25px;top:65px;}
    .lead .inner{padding:15px 25px 15px 25px;}
    .lead {font-size:26px;}
	#subnavi_cont{display:block;position:relative;margin-top:0px;padding-top:0px;padding-bottom:0px;background-color:transparent;box-shadow:none;}
    #subnavi_cont a{color:#fff;font-size:14px;}
	#subnavi_cont li{padding-left:18px;}
	footer{padding:22px 25px 22px 25px;}
	
	#kform input[type=text]{width:100%;}
	#kform textarea{width:100%;height:100px;}	
	
	.mitarbeiter_data{float:left;width:100%;background-color:#8fa2b5;margin-bottom:35px;margin-top:0px;text-align:center;}
	.mitarbeiter_data a{font-size:14px;color:#fff;}
	.mitarbeiter_data p {font-size:14px !important;}
	.m_inhalt{width:100%;}
}

@media screen and (max-width:900px) {
	header{display:none;}
	#navigation{display:block;}
	.menu-wraper{width:50%}
	.logo-header{margin-left:25px;}
	#menu-btn{right:25px;}
	.responsive-menu li{padding-right:30px;}
	.responsive-menu li.sub {padding-top:0px;padding-bottom:10px;padding-right:45px;}
	.responsive-menu a.sub_link {font-size:16px;}
	#monster-teaser{display:flex;flex-wrap:wrap;}
	#monster-teaser .grid-left{width:100%;padding:25px;}
	#monster-teaser .grid-left h1{padding:0px}
	#monster-teaser .grid-left h2{position:relative;padding:0px;bottom:unset;margin-top:0px}
	#monster-teaser .grid-right{width:100%;position:relative}
	.main-teaser-wrap-cell{width:100%;box-sizing: border-box}
	.section_news{padding:40px 20px 40px 20px}
	footer{padding:0px;}
	footer .adresse{flex-wrap:wrap; gap:25px; justify-content: space-between}
	.footer_navi_section{display: block}
	#footer_navi{padding-bottom:25px;}
}
@media screen and (max-width:800px) {
	.main-teaser-cell h2{min-height:unset;}
	.intro_text, .main_text{font-size:20px;line-height:28px;}
}
@media screen and (max-width:600px) {
	.delimiter {padding-left: 15px;padding-right: 15px;}
	.main-teaser-cell{width:100%;margin-bottom:25px;}
	#headerpic img{height:350px}
	.compare-box{display:block;}
	.compare-box div{width:calc(100% - 60px);margin-bottom:25px;padding-top:15px;padding-bottom:15px;}
	.img_responsive{width:100%;}
	#awards {padding:0px;}
	#awards li{margin: 8px;}
	#awards img{width:100%}
}

@media screen and (max-width:450px) {
	#logo{width:150px;}
	header{height:unset;}
	#helpernavi{display:none;}
	#headerpic img{height:250px}
	.menu-wraper{width:100%}
    .lead {font-size:22px;}
    .mitarbeiter{font-size:80%;}
    .mitarbeiter .foto{width:100px;}
    #carousel{display:none;}
    #right_column{margin-bottom:35px;}
    nav.top li, nav.top.subnavi_cont{font-size:14px;}
    #subnavi_cont a{color:#fff;font-size:13px;}
    #dsvgo {text-align:left; position:fixed; right:0px; z-index:10000; width:100%; font-size:12px; line-height:16px;}
    #dsvgo div {padding:10px;}
}