/*-----------------------------------------------------------------------------------*/
/* Custom CSS */
/*-----------------------------------------------------------------------------------*/

#header_bg { height:50%; }
body.startseite #header_bg { height:100%; }
body.home #header_bg { height:100%; }

#header { vertical-align:top; }
body.startseite #header { vertical-align:middle; }
body.home #header { vertical-align:middle; }

#socialmedia { top:72px; margin-top:38px; display:none; visibility:hidden; }
.is-sticky #socialmedia { top: -93px; }
#logo-outside { height: 108px; background: #000000; }
.pager, .icons { display:none; }
dl.article-info { display:none; }
.logo_container { left:-100px; top:-10px; }
.slicknav_menu { background:#131313;}

#container_top3_modules h3, #container_top3_modules .module_content p { color:#ffffff; }


#container_top3_modules { background:#131313; text-align:center; color:#ffffff; padding-top:30px; padding-bottom: 15px; }
#container_top3_modules h3 { width:100%; display:block; text-align:center;font-size:350%; line-height:2; border-bottom:1px solid #999999; padding-bottom: 5px; font-style:normal; }
#container_top3_modules .module_content p { font-size:120%; line-height:1.5; font-weight:normal; }

#footer-1 { margin:0; padding:0; width:100%; overflow:hidden; position:relative; }
#footer-1 .socialicons { margin:0; padding:0; margin-top:10px; margin-left: 10px; overflow:hidden;}
#footer-1 .socialicons img { float: left; width: 40px; height:39px; margin-right: 10px; }
#footer-1 .socialicons #icon-fb { background: #7d7d7d;  }
#footer-1 .socialicons #icon-instagramm { background: #7d7d7d;  }
#footer-1 .socialicons #icon-fb:hover { background: #385591;  }
#footer-1 .socialicons #icon-instagramm:hover { background: #265780;  }

.footercontact,  .footercontact_en { float:left; width: 36%; }
.module.footercontact p a, .module.footercontact_en p a { color: rgba(255, 255, 255, 0.6) !important; }
.footerlinks { float:left; width:30%; }
.module.footerlinks .module_surround .module_content { padding-top:0; }
.footermenu { float:left; width:33%; }
.footerlinks, .footermenu,  .footercontact_en { padding-top: 50px; }
.module.footerlinks .module_surround .module_content li  { padding-bottom: 8px !important;  color: rgba(255, 255, 255, 0.6); }
.module.footerlinks .module_surround .module_content li a { color: rgba(255, 255, 255, 0.6) !important; }
.footermenu .module_content { padding-top:0 !important; }
.footermenu ul { list-style-type: disc;}
.footermenu li {margin:0; margin-left:22px;  padding:0; color: rgba(255, 255, 255, 0.6); list-style-type: disc;line-height:1.8; }
.footermenu li a { margin:0; padding:0; padding-top: 3px !Important; color: #aaaaaa !important; }
.module.footermenu .module_surround .module_content li a { padding-bottom: 3px !important; }
.scrolltop { position: absolute;top: 0; right: 0; text-align: right; height:20px; }
.scrolltop .module_header  { display:none; }
.scrolltop .module_content  { margin-top:20px; }

#footermenu { display:none; }

.footerlanguage ul { margin:0; padding:0; height:10px; }
.footerlanguage ul li { float:left; width:35px; list-style-type:none; margin-left:0; }

.zweispaltig { float:left; width:47%;}
.zweispaltig.marginright { margin-right:6%;}


@media only screen and ( max-width: 1410px ) {
.slicknav_menu .slicknav_btn { display:none; }
}

@media only screen and ( max-width: 1024px ) {
.logo_container { left:0px; max-width:80%; }
}

@media only screen and ( max-width: 860px ) {
#header_bg { background-position: 60% 0% !important; }
}

@media only screen and ( max-width: 767px ) {
#socialmedia { display:block !important; }
#container_top3_modules { display:block !important; }


}

@media only screen and ( max-width: 660px ) {
#header_bg { background-position: 65% 0% !important; }
}

@media only screen and ( max-width: 580px ) {
.footercontact, .footercontact_en{ width:100%;}
.footermenu, .footerlinks { padding-top:10px; width:50%;}
.zweispaltig { width:100%;}
.zweispaltig.marginright { margin-right:0; margin-bottom:20px; }
}

@media only screen and ( max-width: 460px ) {
#header_bg { background-position: 70% 0% !important; }
body.startseite #header_bg { height:50% !Important; }
body.home #header_bg { height:50% !important; }
.footermenu, .footerlinks { padding-top:10px; width:100%;}
.footercontact .module_surround, 
.footermenu .module_surround, 
.footerlinks .module_surround,
.footercontact_en .module_surround { padding-bottom: 20px; }
}

@media only screen and ( max-width: 320px ) {
#header_bg { background-position: 70% 0% !important; }
body.startseite #header_bg { height:50% !Important; }
body.home #header_bg { height:50% !important; }
}