@media only screen and (min-aspect-ratio: 201/115) {
    .image_teaser_4cols .it4col_section .image_container img {
        margin-left: 0;
        width: 140%;
        height: auto;
    }
}
@media only screen and (pointer: coarse) {
    .image_teaser_4cols .it4col_section.imgcol:hover .text_container{
	color:inherit;
	background-color: inherit;
        left: 0;
        right: 0;
        padding: 30px 30px 0;
    }
    .image_teaser_4cols .it4col_section.imgcol:hover {
        z-index: 1;
        transform: none;
        box-shadow: none;
    }
    .image_teaser_4cols .it4col_section.text_bottom:hover .text_container {
        bottom: 0;
    }
    .image_teaser_4cols .it4col_section.imgcol:hover .persona_title {
        color:inherit;
    }
    .bcg {
        background-attachment: scroll;
    }
    .hsContent {
        position: relative;
    }
    .plaxEl {
        position: absolute;
    }
    .plaxEl.left_bottom{
        top:auto;
        bottom: 200px;
        left: 20%;
        right: auto;
    }
    .plaxEl.right_bottom{
        top:auto;
        bottom: 200px;
        right: 20%;
        left:auto;
    }
    .plaxEl.right_top{
        top: auto;
        bottom: 200px;
        right: 20%;
        left:auto;
    }
    .plaxEl.left_top{
        top: auto;
        bottom: 200px;
        right: auto;
        left: 20%;
    }
    .hsContent.grey .plaxEl {
        bottom: auto;
        top: 0;
    }
    #slide-6 .more-content-button,
    #slide-7 .more-content-button,
    #slide-6 .more-content-cicle,
    #slide-7 .more-content-cicle{
        top: 0;
        left: 0;
    }
    #slide-7 .bcg {
        position: relative;
    }
    .more-content-cicle,
    .more-content-button{
        position: relative;
    }
    .homeSlide {
        max-height: 1024px;
    }
    .homeSlideMobile {
        max-height: 1400px;
    }
    .homeSlide .slidetonext,
    .parallax .slider-control{
        display: none;
    }
    #skrollr-body .animation-element.slide-up {
        opacity: 1;
    }
    div#container {
        padding-bottom: 80px !important;
    }
    
    #mobile_menu_layer .image_teaser_4cols .it4col_section.imgcol:hover .persona_teaser{
        display:none;
    }
}
@media only screen and (max-width: 1399px) {
    .mod_article .image_teaser_4cols #col1 .title {
        font-size: 49px;
        line-height: 62px;
    }
    .mod_article .image_teaser_4cols #col1 .subtitle {
        font-size: 28px;
    }
}
@media only screen and (max-width: 1207px) {
/*    #header .inside, .footer_first .inside, .footer_last .inside, .gwrapper, .mod_breadcrumb {
        width: 100%;
        margin: 0;
    }*/
    .mod_article.fullwidth .ce_text h2,
    .mod_article.fullwidth .ce_text .page {
        width: auto;
    }
    .mod_article.fullwidth .ce_text.quote h2:before {
        left: 0;
        top: -165px;
    }
    p.numberblock, span.number {
        font-size: 70px;
    }
    .vorstand img {
        width: auto;
        height: 350px;
        max-width: 800px;
    }
    #menu_layer .image_teaser_4cols #col1 .title {
        font-size: 49px;
    }
    .image_teaser_4cols #col1 .subtitle {
        font-size: 28px;
    }
    .mod_article .image_teaser_4cols #col1 .title {
        font-size: 39px;
        line-height: 52px;
    }
/*    div#weiterer-content {
        padding: 0 120px 0 80px;
    }*/
    .slidetop {
        margin-right: 40px;
    }
}
@media only screen and (max-width: 1024px) {
/*    #header .inside, .footer_first .inside, .footer_last .inside, .gwrapper, .mod_breadcrumb {
        max-width: 1024px;
        width: 100%;
    }*/
    body.shrinkNavi #header {
        height: inherit;
    }
    body.shrinkNavi #header .inside {
        padding: 23px 40px;
    }
    #menu_layer .menu_header {
        padding: 48px 40px 61px;
    }
    body.subsite #menu_layer .menu_header {
        padding: 23px 40px;
    }
/*    #header .inside {
        padding: 48px 40px;
    }
    body.subsite #header .inside {
        padding: 23px 40px;
    }*/

    .mod_breadcrumb {
        padding: 50px 40px 60px;
    }
    .mod_article:not(.parallax) {
        padding: 0px 40px;
    }
/*    div#weiterer-content {
        padding: 0 120px 0 40px;
    }*/
    .mod_article:not(.parallax) .ce_text {
        width: 100%;
        padding-right: 0px;
    }
    #collection_pdf_form_container,
    .dwl_box_grey{
        width: 100%;
    }
    .mod_search {
        width: 100%;
    }
    .mod_article a {
        font-size: 18px;
    }
    .box > .ce_download.block,
    .box > .ce_downloads.block,
    .box > .download-block{
        position: absolute;
        bottom: 30px;
        left: 40px;
        right: 40px;
    }
    .box, .box.block {
        height: 460px;
    }
    .mod_article.boxes {
        padding: 55px 0;
    }
    .mod_article.boxes .box {
        padding: 0 40px;
    }
    .mod_article.boxes h2 {
        padding: 0 40px;
    }
    .mod_article.fullwidth {
        padding: 50px 0;
    }
    .mod_article.fullwidth .ce_text h2,
    .mod_article.fullwidth .ce_text .page {
        padding-left: 40px;
        padding-right: 40px;
    }
    .mod_article.fullwidth .ce_text {
        padding: 80px 0;
    }
    .mod_article.outerBox {
        padding: 40px;
    }
    .fullwidth .ce_text.quote.block {
        width: 100%;
    }
    .ce_text.quote.block {
        width: 75%;
        padding: 58px;
    }
    .bx-controls.bx-has-pager {
        right: 30px;
    }
    .ce_download.block span.icon-download:before,
    .ce_downloads.block span.icon-download:before{
        font-size: 25px;
    }
    .ce_text.linklist li > a {
        font-size: 22px;
    }

    .footer_first .inside {
        padding: 55px 40px;
    }
    .footer_last .inside {
        padding: 25px 40px;
    }
    #menu_layer .image_teaser_4cols #col1 .title {
        font-size: 39px;
        line-height: 50px;
    }
    .parallax-persona #menu_layer .image_teaser_4cols,
    .subsite #menu_layer .image_teaser_4cols{
        padding: 0;
    }
    #menu_layer .image_teaser_4cols {
        padding-bottom: 0;
    }
    .shariff,
    .startwrapper .shariff {
        margin-left: 40px;
        margin-right: 40px;
    }
    .homeSlideMobile {
        display: block;
    }
    #slide-8 .bcg2 {
        display: none;
    }
    .more-content.skrollable {
        position: absolute;
    }
    .plaxEl.right_bottom {
        float:right; 
    } 
}
@media only screen and (max-width: 1023px) {
    .mod_article .image_teaser_4cols #col1 .title {
        font-size: 60px;
        line-height: 72px;
    }
    .mod_article .image_teaser_4cols #col1 .subtitle {
        font-size: 34px;
    }
    .mod_article .image_teaser_4cols {
        display: none;
    }
    .inside .mobile_image_teaser {
        display: block;
    }
    .mobile_image_teaser .bx-wrapper {
        max-width: 50% !important;
        display: inline-block;
        position: relative;
    }
    .mobile_image_teaser .bx-viewport {
        height: auto !important;
    }
    .mod_article .image_teaser_4cols .it4col_section {
        max-width: 50%;
    }
    .mod_article .image_teaser_4cols a .it4col_section {
        max-width: 100%;
    }
    #mobile_menu_layer{
        position:absolute;
        top:0;
        left:0;
        width: 100%;
        background-color: #fff;
        display: none;
        z-index: 999999;
    }
    #mobile_menu_layer .image_teaser_4cols .it4col_section{
        height: 338px;
    }

    #mobile_menu_layer .image_teaser_4cols #col3 img {
        margin-top: -75%;
    }
    #mobile_menu_layer .image_teaser_4cols #col4 img {
        margin-top: -45%;
    }

    #mobile_menu_layer .image_teaser_4cols p.first {
        margin-bottom: 0;
    }
    #menu_overlay_content{
        position: fixed;
        top:0;
        left:0;
        width: 100%;
        height:100%;
        background-color: rgba(57,68,76,0.85);
        z-index: 7001;
        display: none;
    }
    #mobile_menu_layer .logo {
        width: 36%;
        position: absolute;
        left: 0;
        right: 0;
        top: -10px;
        margin: 0 auto;
    }
    #mobile_menu_layer .icon-close{
        float:right;
        cursor:pointer;
        margin: 10px 0;
    }
    #mobile_menu_layer .menu_header::after {
        clear: both;
        content: "";
        display: block;
    }
    #mobile_menu_layer .menu_header {
        box-sizing: border-box;
        padding: 48px 40px 61px;
    }
    .gwrapper .section {
        padding: 0 40px;
    }
    body.subsite #mobile_menu_layer .menu_header {
        padding: 23px 40px;
    }
    #mobile_menu_layer .image_teaser_4cols{
        max-width: inherit;
        padding: 0;
    }
    #mobile_menu_layer .image_teaser_4cols .it4col_section{
        max-width: 100%;
    }
    #mobile_menu_layer .image_teaser_4cols #col1 p.first,
    #mobile_menu_layer .image_teaser_4cols #col1 ul.bottom_links,
    #mobile_menu_layer .image_teaser_4cols .persona_teaser{
        display: none;
    }
    #mobile_menu_layer .image_teaser_4cols .it4col_section.imgcol:hover .persona_teaser{
        display:block;
    }
    #mobile_menu_layer .image_teaser_4cols .it4col_section .text_container{
        left:10px;
        right:10px;
    }
    #mobile_menu_layer .image_teaser_4cols .it4col_section.text_top .text_container{
        top: auto;
        bottom: 10px;
    }
    #mobile_menu_layer .image_teaser_4cols .it4col_section.text_bottom .text_container {
        bottom: 10px;
        padding-bottom: 18px;
    }
    #mobile_menu_layer .image_teaser_4cols .it4col_section.text_top .text_container {
        padding-bottom: 18px;
    }
    #mobile_menu_layer .image_teaser_4cols #col1 {
        padding: 38px 41px;
    }
    #mobile_menu_layer .image_teaser_4cols #col1 .title {
        font-size: 60px;
        line-height: 64px;
        margin-bottom: 32px;
    }
    #mobile_menu_layer .mod_navigation h3{
        margin-top:0;
        font-size: 24px;
        margin-bottom: 10px;
        color: #c0c1c1;
    }
    #mobile_menu_layer .mod_navigation ul{
        margin:0 0 40px;
        padding:0;
        list-style: none;
        font-size:18px;
    }
    #mobile_menu_layer .mod_navigation li{
        margin:0;
        padding: 8px 0;
    }
    #mobile_menu_layer .mod_navigation a{
        text-decoration: none;
    }
    #mobile_menu_layer .mod_navigation a:hover{
        text-decoration: underline;
    }

    .image_teaser_4cols .it4col_section .image_container img {
 /*        animation: none;
       width: auto;*/
        margin: 0;
    }
    #mobile_menu_layer .bx-controls.bx-has-pager {
        position: relative;
        right: 0;
    }
    .mobile_image_teaser .bx-controls.bx-has-pager{
        position: absolute;
        right: 0;
        bottom: 0;
        top: inherit;
        left: 0;
        margin: 0 auto;
    }
    #mobile_menu_layer .bx-pager,
    .mobile_image_teaser .bx-pager{
        text-align: center;
    }
    #mobile_menu_layer .bx-pager-item,
    .mobile_image_teaser .bx-pager-item{
        display: inline-block;
        margin: 30px 16px 15px;
    }
    #mobile_menu_layer .bx-pager a.bx-pager-link,
    .mobile_image_teaser .bx-pager a.bx-pager-link {
        height: 8px;
        width: 8px;
        background: #39444c;
    }
    #mobile_menu_layer .bx-pager a.bx-pager-link.active,
    .mobile_image_teaser .bx-pager a.bx-pager-link.active {
        background: #fcca00;
    }
/*    #mobile_menu_layer .search_btn {
        margin: 10px 0;
    }*/
    #mobile_menu_layer .icon-close {
        margin: 0;
    }
    #mobile_menu_layer [class^="icon-"]:before,
    #mobile_menu_layer [class*=" icon-"]:before {
        font-size: 18px;
    }
    #mobile_menu_layer .gwrapper > .head_meta_mobile {
        display: block;
        position: relative;
    }
    #mobile_menu_layer .gwrapper > .head_meta_mobile > div {
        display: inline-block;
    }
    .image_teaser_4cols .it4col_section .image_container img {
        width: 140%;
        height: auto;
    }
    #menu_layer .image_teaser_4cols .it4col_section .image_container img {
        margin-top: -10%;
    }
    #menu_layer .image_teaser_4cols #col3 img {
        margin-top: -35%;
    }
    .mod_article.fullwidth a {
        max-width: 511px;
    }
    #search_container input.text,
    .mod_search input.text {
        width: 80%;
    }
}
@media only screen and (max-width: 768px) {
/*    #header .inside, .footer_first .inside, .footer_last .inside, .gwrapper, .mod_breadcrumb {
        max-width: 768px;
    }*/
    .box, .box.block {
        width: 49.35%;
    }
    .box:nth-of-type(2n-1) {
        margin-right: 1.3%;
    }
    .bx-controls.bx-has-pager {
        right: 20px;
    }
    .ce_text.linklist ul li {
        width: 50%;
        padding: 5px 5px 5px 0;
    }
    .ce_text.linklist ul li:nth-of-type(2n) {
        padding-left: 5px;
        padding-right: 0;
    }
    .mod_article .ce_text.half > div {
        width: 100%;
    }
    .mod_article .ce_text.half > div.right {
        padding-left: 0;
        margin-top: 30px;
    }
    .mod_article.outerBox .box {
        padding: 33px;
        width: 49.35%;
    }
    .ce_text.quote.block {
        width: 100%;
    }
    .outerBox p.numberblock, .outerBox span.number {
        font-size:55px;
    }
    p.numberblock, span.number {
        font-size: 83px;
    }
    .mod_article .ce_text.vorstand {
        max-height: inherit;
    }
    .vorstand img {
        width: auto;
        height: inherit;
        max-width: 800px;
    }
    .vorstand figure.image_container {
        width: 100%;
    }
    .textfield {
        width: 100%;
        height: inherit;
    }
    .glossar .column-content {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
    #search_container input.text,
    .mod_search input.text {
        width: 80%;
    }
    .image-padding-x img {
        max-width: 100%;
    }
    .mod_article.fullwidth a {
        max-width: 384px;
    }
    .more-content.skrollable {
        position: absolute;
        top: 20%;
        left:40%;
    }
    .plaxEl {
        padding: 40px;
    }
    .hsContent .inside h2 {
        padding: 0 40px;
    }
/*    #header .inside > .logo,
    #head_meta_section {
        display: none;
    }*/
    #head_meta_mobile {
        display: block;
    }
/*    #head_meta_mobile .menu_btn,
    #head_meta_mobile .language_btn{
        float:right;
        margin-left: 15px;
    }*/
    .image_teaser_4cols .it4col_section .image_container img {
        animation: none;
        margin-top: -80px;
}
    #mobile_menu_layer .image_teaser_4cols .it4col_section.imgcol:hover .persona_teaser{
        display:none;
    }
    }
@media only screen and (max-width: 767px) {
    
    #col3 img {
        margin-top: -70%;
    }
    .image_teaser_4cols .it4col_section .image_container img {
        animation: none;
    }
    .overlay_header {
        padding: 10px 80px;
    }
    #search_container h3 {
        margin-top: 0;
    }
    #collection_pdf_form_container .form_row div.form_col.col_0 {
        box-sizing: border-box;
        float: left;
        width: 85%;
    }
    #collection_pdf_form_container .form_row div.form_col.col_1 {
        float: left;
        clear: left;
        padding-top: 0;
    }
    #collection_pdf_form_container .form_row div.form_col.col_2 {
        float: inherit;
        display: inline-block;
    }
    #collection_pdf_form_container .sub_level .form_row div.form_col.col_1 {
        padding-left: 30px;
    }
    
    .more-content.skrollable {
        position: absolute;
        top: 0%;
        left:40%;
    }
    .plaxEl{
        left:0 !important
    }
    .more-content-cicle .bx-wrapper img {
        max-height: 100px;
}
    .close-content-button {
        top: 0;
        left: 0;
    }
    ul.bxslider li {
        max-width: 100%;
        padding: 0 40px;
    }
    ul.bxslider p {
    	line-height: 20px;
    	font-size: 14px;
    }
    .more-content.skrollable.open-more {
        left: 0;
    }
    .slidetop {
        position: static;
        margin-left: 0;
        margin-top: 20px;
    }
}
@media only screen and (max-width: 667px) {
/*    #header .inside, .footer_first .inside, .footer_last .inside, .gwrapper, .mod_breadcrumb {
        max-width: 667px;
    }*/
    h2,
    .hsContent h2{
        font-size: 36px;
        margin-bottom: 14px;
    }
    p,
    .hsContent p{
        font-size: 18px;
    }
    .box, .box.block {
        width: 100%;
        max-width:100%;
        float: none;
        margin: 0;
        height: auto;
        padding: 30px 40px;
    }
    .box.yellowbox {
        background: #ebeced;
    }
    .box:nth-of-type(even),
    .box.block:nth-of-type(even) {
        background: #ffe689;
    }
    .box > .ce_download.block,
    .box > .ce_downloads.block,
    .box > .download-block{
        position: relative;
        bottom: 0px;
        left: 0px;
        right: 0px;
        margin: 10px 0 0;
    }
    .mod_article.boxes .box {
        padding: 30px;
    }
    .box h3 {
        margin-top: 0;
    }
    .mod_article.outerBox .box {
        padding: 33px;
        width: 100%;
    }
    .outerBox .box.yellowbox {
        background: #fff;
    }
    .outerBox .box:nth-of-type(even),
    .outerBox .box.block:nth-of-type(even) {
        background: #fc0;
    }
    span.changeY {
        position: relative;
        bottom: 0;
        right: 0;
        cursor: pointer;
        float: right;
        padding-top: 20px;
    }
    .bx-controls.bx-has-pager {
        right: 40px;
    }

    .footer_first .inside{
        padding: 22px 40px;
    }
    .footer_navi,
    .socicons{
        float:none;
    }
    .footer_navi li {
        float:none;
    }
    
    .socicons ul {
        margin: 20px 0;
    }
    .ce_downloads li {
        margin-bottom: 12px;
    }
    .glossar .column-content {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
    .ce_text.quote p {
        font-size: 24px;
        line-height: 36px;
    }
    #search_container input.text,
    .mod_search input.text {
        width: 70%;
    }
    .mod_article .image_teaser_4cols .it4col_section {
        max-width: 100%;
    }
    .mobile_image_teaser .bx-wrapper {
        max-width: 100% !important;
    }
    .mobile_image_teaser .bx-controls.bx-has-pager{
        position: relative;
    }
    .image_teaser_4cols .persona_teaser {
        color: inherit;
    }
    .image_teaser_4cols #col1 {
        height: auto !important;
    }
    .image_teaser_4cols #col1 ul.bottom_links {
        position: relative;
        bottom: 0;
    }
    .mod_article.fullwidth a {
        max-width: inherit;
    }
    .image_teaser_4cols .it4col_section .image_container img {
        margin-top: 0;
    }
}

@media only screen and (max-width: 414px) {
/*    #header .inside, .footer_first .inside, .footer_last .inside, .gwrapper, .mod_breadcrumb {
        max-width: 414px;
    }
    body.subsite #header .inside {
        padding: 23px 30px;
    }*/
    body.subsite #menu_layer .menu_header {
        padding: 18px 30px 14px;
    }
    .mod_breadcrumb {
        padding: 50px 30px 60px;
    }
    .mod_article:not(.parallax) {
        padding: 0px 30px;
    }
    .box, .box.block {
        width: 100%;
        max-width:100%;
        float: none;
        margin: 0;
        height: auto;
        padding: 30px 30px;
    }
    .ce_text.linklist ul li {
        width: 100%;
        padding: 5px 0 !important;
    }
    .bx-controls.bx-has-pager {
        right: 10px;
    }
    .open-more .bx-controls.bx-has-pager {
        right: 40px;
    }
    .mod_article.boxes {
        padding: 55px 0;
    }

    .box.darkgreybox + .box:nth-of-type(even) {
        background: #ebeced;
    }
    .mod_article.boxes h2 {
        padding: 0 30px;
    }

    .mod_article.fullwidth {
        padding: 40px 0;
    }
    .mod_article.fullwidth .ce_text h2,
    .mod_article.fullwidth .ce_text .page {
        padding-left: 30px;
        padding-right: 30px;
    }
    .mod_article.outerBox {
        padding: 30px;
    }
    p.numberblock, span.number {
        font-size: 52px;
    }

    .footer_first .inside {
        padding: 55px 30px;
    }
    .footer_last .inside {
        padding: 25px 30px;
    }
    .ce_text.inline.block {
        width: 100% !important;
        margin-bottom: 0;
    }
    .ce_text.inline.block:last-of-type {
        margin-bottom: 150px;
    }
    .vorstand img {
        margin-left: -50%;
    }
    .ce_text.quote.block {
        padding: 30px;
    }

    .glossar .column-content {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
    .glossar .detail {
        margin:0;
    }
    body.subsite #container {
        padding: 60px 0;
    }
    body.shrinkNavi #header {
        height: 60px;
    }
    body.subsite #mobile_menu_layer .menu_header {
        padding: 23px 30px;
    }
    p + p.numberblock {
        margin-top: -10px;
    }
    .image_teaser_4cols #col1 ul.bottom_links li {
        padding: 8px 0;
    }
    .shariff,
    .startwrapper .shariff {
        margin-left: 30px;
        margin-right: 30px;
    }
    #collection_pdf_form_container .form_footer {
        overflow: hidden;
    }
    #collection_pdf_form_container .form_footer_inside button.dwlbutton,
    .dwl_box_grey .dwl_box_inside a.dwlbutton {
        padding-top: 20px;
    }
    .dwl_box_grey .dwl_box_inside {
        overflow: hidden;
    }
    .plaxEl {
        padding: 30px;
    }
    .hsContent .inside h2,
    .gwrapper .section{
        padding: 0 30px;
    }
}
