/* mobicon */
.mobicon { position: absolute; display: none; z-index: 99; top: 53px; left: 20px; width: 30px; height: 22px; }
.mobicon span { position: absolute; width: 40px; height: 4px; background-color: #1a171b; }
.mobicon span.first { top: 0; }
.mobicon span.sec { top: 9px; }
.mobicon span.third { top: 18px; }
.mobicon.open span.sec { opacity:0; }
.mobicon.open span.first { -webkit-transform: rotate(45deg); transform:rotate(45deg); margin-top: 9px; }
.mobicon.open span.third { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin-top: -9px; }



@media ( max-width: 1064px ) {
    .inner, .inner-1024 { padding: 0 20px; }
    #header #logoSmall { left: 20px; }
}

@media ( max-width: 1024px ) {
    #footer .inner .grid_70_30 { margin-bottom: 20px; }
}

@media ( min-width: 981px ) {
	.mobicon { display: none; }
	#naviMain { display: block !important; }
}


@media ( max-width: 980px ) {
    #header { height: auto; }
    #headerTop { position: static; }
    #headerTop #breadcrumb { right: 20px; }
    #headerMiddle { margin-top: 55px; margin-bottom: 10px; }
    #header #logo { left: 60px; top: 125px; }
    #header #logoSmall { display: none; position: absolute; left: 80px; top: 28px; z-index: 2; }

    #banner { padding-top: 86px; }

    .mobicon { display: block; }
    #naviMain { display: none; }

    /* navi Main first level */
    #naviMain { position: absolute; top: 86px; left: 0; right: 0; z-index: 999; width: 100%; margin-top: 0; background-color: #fff; border-bottom: 3px solid #1a171b; }
    #naviMain a {  }
    #naviMain > ul { display: block; width: 100%; padding: 13px 20px; }
    #naviMain > ul > li { display: block; position: relative; width: 100%; margin-left: 0; float: none; }
    #naviMain > ul > li:first-child { display: block; }
    #naviMain > ul > li.active { }
    #naviMain > ul > li > a { padding: 7px 0; }
    #naviMain > ul > li > a:after { content: unset; display: none; }

    /* navi Main second level */
    #naviMain > ul > li > ul { display: none; opacity: 1; height: auto; overflow: visible; visibility: visible; position: relative; top: 0; right: 0; padding: 0 0 15px 0; box-shadow: none; z-index: 9; min-width: 100%; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; }
    #naviMain > ul > li > ul:before { content: unset; display: none; }
    #naviMain > ul > li > ul > li { list-style: none;  padding-left: 0; padding-right: 0; position: relative; }
    #naviMain > ul > li > ul > li:first-child { padding-top: 0; }
    #naviMain > ul > li > ul > li:last-child { padding-bottom: 0; }
    #naviMain > ul > li > ul > li > a { padding-left: 20px; background-color: transparent; }

    #content .layout-big-text > p { font-size: 120px; margin-top: -17px; }

    #footer .frame-type-menu_sitemap > ul > li { margin-right: 2.6%; width: 31.6%; margin-bottom: 60px; }
    #footer .frame-type-menu_sitemap > ul > li:nth-child(3) { margin-right: 0; }
    #footer .frame-type-menu_sitemap > ul > li:nth-last-child(-n+2) { margin-bottom: 0; }
}

@media ( max-width: 885px ) {

}

@media ( max-width: 870px ) {
    #content .layout-big-text > p { font-size: 90px; margin-top: -11px; }
    .layout-kachel .ce-bodytext p a { padding: 15px; font-size: 20px; }
}

@media ( max-width: 768px ) {
    #header #logo { width: 170px; height: auto; }
}

@media ( max-width: 750px ) {
    #footer .inner .grid_70_30 > .row > .col  { width: 100%; float: none; }
    #footer .inner .grid_70_30 > .row > .col_30 > div  { float: none; }
    /*#footer .inner .grid_70_30 > .row > .col_70 p { margin-top: 7px; margin-bottom: 10px; }*/
    .grid_70_30 > .row > .col_70 { width: 65%; padding-right: 40px; }
    .grid_70_30 > .row > .col_30 { width: 35%; }
}

@media ( max-width: 740px ) {
    .layout-kachel .ce-bodytext p a { padding: 12px; font-size: 18px; }
}

@media ( max-width: 725px ) {
    #headerMiddle #searchbox { display: none; }
}

@media ( max-width: 680px ) {
    #headerTop #breadcrumb { display: none; }
    .grid_35_65 > .row > .col_35 { display: none; }
    .grid_35_65 > .row > .col_65 { width: 100%; }
    .layout-light-grey-box.variation-border-white .grid_35_65 .row { padding: 20px; }
    #headerMiddle { margin-top: 47px; }
    #header #logoSmall { top: 15px; }
    .mobicon { top: 41px; }
    #banner { padding-top: 78px; }
    #content .accordionOut > header:not(.article) > h3 { font-size: 18px; }
}

@media ( max-width: 640px ) {
    #headerMiddle #naviTop > ul > li {margin-right: 10px; }
    #headerMiddle #searchbox { margin-right: 15px; }
    #header #logo { left: 40px; top: 97px; }

    .grid_50_50  { overflow: visible; }
    .grid_50_50 .row  { margin-left: 0; margin-right: 0; }
    .grid_50_50 .row .col { width: 100%; float: none; padding-left: 0; padding-right: 0; }
    .accordion .grid_50_50 .row .col_50_1 { margin-bottom: 30px; }
    #content .accordion .grid_50_50 .row .col_50_2 p:first-child { margin-bottom: 0; }

    .layout-kachel .ce-bodytext p a { padding: 20px; font-size: 24px; }
    .grid_50_50 .row .col_50_1 .layout-light-grey-box { margin-bottom: 35px; }

    .grid_70_30 { overflow: visible; }
    .grid_70_30 > .row  { margin-left: 0; margin-right: 0; }
    .grid_70_30 > .row > .col_70 { width: 100%; float: none; padding-left: 0; padding-right: 0; margin-bottom: 50px; }
    .grid_70_30 > .row > .col_30 { width: 100%; float: none; padding-left: 0; padding-right: 0; }
    #footer .grid_70_30 > .row > .col_70 { margin-bottom: 0px; }

    #naviMain { top: 56px; }
}

@media ( max-width: 620px ) {
    #footer .layout-social p { margin-right: 30px; }
    #footer .layout-social p > a > img { margin-right: 5px; }
}

@media ( max-width: 590px ) {
    #footer .frame-type-menu_sitemap > ul > li { margin-right: 4%; width: 48%; margin-bottom: 60px; }
    #footer .frame-type-menu_sitemap > ul > li:nth-child(3) { margin-right: 4%; }
    #footer .frame-type-menu_sitemap > ul > li:nth-child(4), #footer .frame-type-menu_sitemap > ul > li:nth-child(2) { margin-right: 0; }
    #footer .frame-type-menu_sitemap > ul > li:nth-last-child(2) { margin-bottom: 60px; }
    #footer .frame-type-menu_sitemap > ul > li:last-child { margin-bottom: 0; }

    #header #logo { width: 130px; height: auto; }
}

@media ( max-width: 555px ) {
    .news .newsAccordionWrapper.accordionOut > header { display: flex; width: 100%; flex-direction: column; }
    .news .newsAccordionWrapper.accordionOut > header > time { display: block; width: 100%; order: 1;margin-bottom: 10px; }
    .news .more_Accordion { display: block; width: 100%; order: 3; margin-left: 0; }
    .news .newsAccordionWrapper.accordionOut > header > .newsTitle { margin-bottom: 10px; display: block; width: 100%; order: 2; }
    .news .newsAccordionWrapper.accordionOut { margin-bottom: 40px; }
	.layout-styledsitemap > ul > li{ width: 46%; }
}

@media ( max-width: 530px ) {
    .line-height-38, #footer .inner .grid_70_30 > .row > .col p { line-height: 24px; padding-top: 7px; padding-bottom: 7px; }
    #headerMiddle #naviTop > ul > li > a { font-size: 0; line-height: 1; }
    #headerMiddle #naviLanguage > ul > li > a { font-size: 0; line-height: 1; }
}

@media ( max-width: 475px ) {
    #footer .layout-social p { width: 48%; margin-right: 4% }
    #footer .layout-social p:nth-child(2n) { margin-right: 0; }
    #header #logo { width: 100px; height: auto; }
    #content .accordion .grid_50_50 .row .col_50_2 p:first-child { margin-bottom: 50px; }
    .layout-hq .ce-bodytext { position: static; }
    #content .grid_70_30 .ce-gallery { margin-bottom: 10px; }


    #content .accordionOut > header:not(.article) > h3 { display: block; float: none; margin-bottom: 5px; }
    #content .accordionOut > header:not(.article) > .more_Accordion { display: block; float: none; padding-right: 0; padding-left: 20px; }
    #content .accordionOut > header:not(.article) > .more_Accordion:after { top: 5px; left: 0; }
}

@media ( max-width: 450px ) {
    #footer .frame-type-menu_sitemap > ul > li { margin-right: 0; width: 100%; margin-bottom: 30px; }
    #footer .frame-type-menu_sitemap > ul > li:nth-last-child(2) { margin-bottom: 30px; }
    .layout-kachel .ce-bodytext p a { padding: 15px; font-size: 20px; }
    .size-44, h1 { font-size: 36px; }
    .size-32, h2 { font-size: 26px; }
}

@media ( max-width: 420px ) {
    #header #logoSmall { top: 12px; }
    #header #logoSmall .logo_link img { height: 38px; }
    #headerMiddle { margin-top: 30px; }
    .mobicon { top: 28px; }
    #banner { padding-top: 62px; }
}

@media ( max-width: 390px ) {
    .layout-kachel .ce-bodytext p a { padding: 12px; font-size: 18px; }
	.layout-styledsitemap > ul > li{ width: 100%; margin-right: 0; }
}

@media ( max-width: 360px ) {
    #header #logo { width: 85px; height: auto; left: 40px; top: 72px; }
    .size-44, h1 { font-size: 30px; }
}

@media ( max-width: 330px ) {
    #headerMiddle #naviTop > ul > li#nav_41 a:after { padding-right: 5px; }
    #headerMiddle #naviLanguage > ul > li > a[hreflang="en"]:after { padding-right: 0px; }
}