/* Responsive design fixes */

/* Page padding*/

@media (max-width: 992px) {
    .mainPage, .subPage {
        padding: 0 !important;
    }
}

/* Navigation */

#Layer_1 {
    cursor: pointer;
}
#close-submenu-icon-mobile {
    padding: 0 !important;
}

@media (max-width: 992px) {
    .search a svg {
        fill: #fbfcfd !important;
    }
    header .full-view {
        justify-content: center !important;
    }
    .tx-solr-search-form {
        margin-top: 120px;
    }
    header .navbar-expand-lg.open {
        width: 75%;
    }
    #menu-sub-second {
        padding-right: 15px;
        position: absolute;
        right: 0;
        top: 35px;
    }
    #close-submenu-icon-search {
        position: absolute;
        top: 35px;
        right: 15px;
        z-index: 10;
    }
}

@media (max-width: 576px) {
    .mega-menu{
        margin-left: 0 !important;
    }
    .navbar-brand {
        margin-right: 0 !important;
    }
    .navbar-brand svg {
        height: 50px !important;
    }
    #menu-sub-second,
    #close-submenu-icon-search {
        top: 25px;
    }
}

@media (max-width: 350px) {
    .navbar-brand svg {
        height: 35px !important;
    }
    #menu-sub-second,
    #close-submenu-icon-search {
        top: 22px;
    }
    #menu-sub-second svg,
    #close-submenu-icon-search svg {
        width: 20px;
    }
}

/*Footer*/

@media (max-width: 1200px) {
    .footer-address,
    .footer-location {
        padding-top: 15px;
    }
}

@media (max-width: 992px) {
    .contact-component img {
        width: 50% !important;
    }
}

@media (max-width: 768px) {
    .footer-navi {
        padding-top: 15px;
    }
    .footer-address address {
        min-height: 0 !important;
    }
    .flex-logo {
        padding-top: 10px;
    }
    .sw-flex input {
        margin-bottom: 16px;
    }
    .klaro.we_cookie_consent {
        width: auto !important
    }
}

@media (max-width: 576px) {
    .shadow-footer {
        padding: 15px !important;
    }
}

/* Row - problem with mobile width*/

@media (max-width: 768px) {
    .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .row > * {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

/* Gap problems - in mobile resolution one element has a padding left or right */

@media (max-width: 768px) {
    [class*="pr-"].col-sm-12 {
        padding-right: 0 !important;
    }

    [class*="pl-"].col-sm-12 {
        padding-left: 0 !important;
    }
}

/* Container */

@media (max-width: 768px) {
    .container {
        padding-left: calc(var(--bs-gutter-x)* 1) !important;
        padding-right: calc(var(--bs-gutter-x)* 1) !important;
    }
}

/* Breadcrumb */

@media (max-width: 576px) {
    .breadcrumb-item.h8,
    .breadcrumb-item.h8 a{
        font-size: 0.6rem !important;
    }
}

/* Contact form*/
@media (max-width: 768px) {
    .contact-wrapper {
        display: grid;
        place-items: center; /* Center both horizontally and vertically */
    }
    .contact-component img {
        width: 100% !important;
    }
}
@media (max-width: 576px) {
    .sw-survey-container{
        padding: 0 10px !important;
    }
}

/*Start page - Header*/

.slidertextbox {
    max-width: 40%;
}

@media (max-width: 460px) {
    .slidertextbox {
        max-width: 60%;
    }
    .sliderheadline {
        font-size: 1rem !important;
        margin-bottom: 50px !important;
    }
    .slider-btns a {
        width: 60px;
    }
}

@media (max-width: 300px) {
    .slidertextbox {
        max-width: 100%;
    }
    .slider-btns a {
        width: 40px;
    }
}

@media (max-width: 250px) {
    .sliderheadline {
        font-size: 0.75rem !important;
    }
}

/* Card 'Nachhaltigkeit' */

@media (max-width: 768px) {
    .sustainability-slider-container,
    .sustainability-slider-container .slick-list,
    .sustainability-slider-container .slick-slide,
    .sustainability-slider-container .nachhaltigkeits-card,
    .sustainability-slider-container .nachhaltigkeits-card img  {
        height: auto !important;
    }
}

@media (max-width: 576px) {
    /*.sustainability-slider-container .slick-next  {*/
    /*    right: 10px;*/
    /*}*/

    /*.sustainability-slider-container .slick-prev  {*/
    /*    left: 10px;*/
    /*    z-index: 10;*/
    /*}*/

    .sustainability-slider-container .nachhaltigkeits-card .card-body {
        margin-left: 0 !important;
    }

}

/*Page 'Nachhaltigkeit'*/

#text-container-1 .text-module-header h3 {
    word-break: break-all;
}
@media (max-width: 1400px) and (min-width: 1200px){
    #text-container-1,
    #text-container-2,
    #text-container-3,
    #text-container-4 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}
@media (max-width: 1200px) {
    #circle-outer  {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}
@media (max-width: 768px){
    .text-container,
    #text-container-1,
    #text-container-2,
    #text-container-3,
    #text-container-4 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}


/* Card 'Ironcard*/

@media (max-width: 992px) {
    .ironcard-arrow {
        bottom: 10px !important;
        right: 5px !important;
    }
    .ironcard-arrow svg {
        height: 15px;
    }
}

@media (max-width: 420px) {
   .ironcard-text .h8 {
       font-size: .6rem !important;
   }
    .iconcard-fixed-svg-height svg {
        height: 75px;
    }
}

/* Card 'Overlay-card*/

@media (max-width: 992px) {
    .card-arrow.w-20 {
        width: 20% !important;
    }
}


/* Page 'Karriere' */

.tx-twoh-career .assembly{
    display: block;
    position: relative;
}

/* Page 'Historisches' */

.atom-galerie .close {
    font-size: 2.5rem;
}

/* Tables inside Text element */

.text-module figure.table table tbody tr:nth-child(even) {
    background-color: unset !important;
}
.text-module figure.table table tbody tr:nth-child(odd) {
    background-color: rgba(148, 185, 217, 0.2) !important;
}
.text-module figure.table table td,
.text-module figure.table table th {
    color: #004e9c !important;
    font-family: 'OpenSans-Regular', sans-serif;
    padding: 15px;
    line-height: 1.5;
    vertical-align: top;
}
.text-module figure.table table tr:hover td,
.text-module figure.table table tr:hover th {
    color: #181818 !important;
    background-color: rgba(133, 127, 118, 0.2) !important;
}