/* Responsive design fixes */

/* Page padding*/

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

/* Navigation */

#Layer_1 {
    cursor: pointer;
}

/*Footer*/

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

@media (max-width: 768px) {
    .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;
    }
}

/* 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;
    }
}

/*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;
    }
}


/* Page 'Karriere' */

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

/* Page 'Historisches' */

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