/*
====================================
Responsive Styles ECONSOR
Standard Breakpoints
- 1920px (FullHD-Monitor)
- 1440px (Laptop L)
- 1024px (Laptop/Tablet Querformat)
- 768px (Tablet Hochformat)
- 375px (Smartphone M)
====================================
*/

@media only screen and (min-width: 2600px) {
    body {
        background-size: cover;
    }
}

@media only screen and (min-width: 2699px) {
    body {
        background-size: contain;
    }
}

@media only screen and (max-width: 2000px) {
    .pswp__button.pswp__button--arrow--left {
        left: 47%;
    }

    .pswp__button.pswp__button--arrow--right {
        right: 47%;
    }
}

/* Custom Desktop */
@media only screen and (max-width: 1660px) {
    /* FOOTER */
    #page-footer .footer-section-content:before {
        background-size: cover;
        height: 80%;
    }

    .pswp__button.pswp__button--arrow--left {
        left: 46%;
    }

    .pswp__button.pswp__button--arrow--right {
        right: 46%;
    }
    .fullwidth.media-right .contentcontainer .frame-type-text {
        padding-left: 20px;
    }
    .fullwidth.media-left .contentcontainer .frame-type-text {
        padding-right: 20px;
    }

    /* End Meda Query */
}

@media only screen and (max-width: 1520px) {
    /* HEADER */

    .pagelevel-0 .body-bg:before {
        top: 730px;
        height: calc(100% - 730px);
    }

    /* HEADER  + TRAINING*/

    .course .header-kachel .onsite-event::before {
        width: 45px;
        height: 45px;
        font-size: 1.5rem;
    }

    .course .header-kachel .onsite-event {
        padding-left: 60px;
    }

    /* TEXT/IMAGE FULL WIDTH */

    .fullwidth.media-right .contentcontainer .frame-type-text {
        padding-right: 50px;
        max-width: unset;
        padding-left: 20px;
    }

    .fullwidth.media-left .contentcontainer .frame-type-text {
        padding-left: 50px;
        max-width: unset;
        padding-right: 20px;
    }

    /* AKKORDEON */

    .main-section .frame-type-accordion .accordion .accordion-item button {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    /*Footer

    .interwatt #page-footer .footer-logo img {
        min-width: 155px;
    }*/

    /* End Meda Query */
}

@media only screen and (max-width: 1520px) and (min-width: 1441px) {
    .kontaktaufnahme .contentcontainer[data-container-identifier="container_2_columns"] {
        gap: 4.5rem;
    }

    .kontaktaufnahme .contentcontainer .contentcontainer[data-container-identifier="container_2_columns"] {
        gap: 28%;
    }
}

@media only screen and (min-width: 1441px) {
    .farbkachel .contentcontainer-column .textmedia picture,
    .farbkachel .contentcontainer-column .textmedia img,
    .kontaktaufnahme .gallery-row .gallery-item img,
    .kontaktaufnahme .gallery-row .gallery-item picture {
        width: 300px;
        margin-left: 0;
    }

    .kontaktaufnahme .contentcontainer .contentcontainer[data-container-identifier="container_2_columns"] {
        width: 300px;
    }
}
/* Laptop L */
@media only screen and (max-width: 1440px) {
    /*FOOTER*/
    .interwatt #page-footer .contentcontainer[data-container-identifier="container_2_columns"] .contentcontainer-column[data-container-column="left"] .frame:nth-of-type(2) .frame-inner,
    .easypipe #page-footer .contentcontainer[data-container-identifier="container_2_columns"] .contentcontainer-column[data-container-column="left"] .frame:nth-of-type(2) .frame-inner {
        min-width: 65px;
    }

    /* End Meda Query */
}

@media only screen and (max-width: 1399px) {
    .main-section .frame-type-carousel .carousel-item-type-text_and_image .testimonial-left img {
        min-width: 250px;
        min-height: 250px;
    }

    /* BREADCRUMBS */
    .breadcrumb-section .breadcrumb {
        max-width: 750px;
    }
}

@media only screen and (max-width: 1330px) {
    /* HEADER
    .header .frame-backgroundimage-container,
    .header .frame-backgroundimage {
        background-position: 100%;
    }*/

    /* CONTACT */

    .kontaktaufnahme .contentcontainer[data-container-identifier="container_33_66"] {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }

    .kontaktaufnahme .contentcontainer[data-container-identifier="container_3_columns"] {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }

    .kontaktaufnahme .contentcontainer .contentcontainer[data-container-identifier="container_2_columns"] {
        gap: 20px;
    }

    /* CTA */

    .cta form .row > * {
        width: 100%;
        padding: 0;
    }

    .cta .powermail_fieldwrap.powermail_fieldwrap_type_submit {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        margin-top: 2rem;
    }

    /* TEXT MODULE */

    .main-section .section .frame-type-container_66_33 .contentcontainer[data-container-identifier="container_2_columns"] .gallery-row .gallery-item img,
    .main-section .section .frame-type-container_66_33 .contentcontainer[data-container-identifier="container_2_columns"] .gallery-item picture,
    .main-section .section .frame-type-container_2_columns .contentcontainer[data-container-identifier="container_2_columns"] .gallery-row .gallery-item img,
    .main-section .section .frame-type-container_2_columns .contentcontainer[data-container-identifier="container_2_columns"] .gallery-item picture {
        min-height: calc(700px / 2);
    }

    .main-section .section .frame-type-container_2_columns.kontaktaufnahme .contentcontainer[data-container-identifier="container_2_columns"] .gallery-row .gallery-item img,
    .main-section .section .frame-type-container_2_columns.kontaktaufnahme .contentcontainer[data-container-identifier="container_2_columns"] .gallery-item picture {
        min-height: unset;
    }

    /* FOOTER */
    .trenner:before {
        content: none;
    }

    footer#page-footer .contentcontainer[data-container-identifier="container_2_columns"] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        gap: 0px;
    }

    #page-footer .frame-inner > *.frame-type-container_2_columns:last-child {
        padding: 0px;
    }

    #page-footer .contentcontainer[data-container-identifier="container_2_columns"] .contentcontainer-column[data-container-column="left"] > .frame:last-child {
        width: 100%;
        text-align: end;
    }
    #page-footer .contentcontainer[data-container-identifier="container_2_columns"] .contentcontainer-column[data-container-column="right"],
    #page-footer .contentcontainer[data-container-identifier="container_2_columns"] .contentcontainer-column[data-container-column="left"] {
        padding: 22px 0 22px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.23);
    }
    .ingsoft #page-footer .contentcontainer[data-container-identifier="container_2_columns"] .contentcontainer-column[data-container-column="left"] {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .ingsoft #page-footer .contentcontainer[data-container-identifier="container_2_columns"] .contentcontainer-column[data-container-column="left"] > .frame:last-child {
        width: auto;
    }
    .interwatt #page-footer .contentcontainer[data-container-identifier="container_2_columns_left"] .contentcontainer-column[data-container-column="right"],
    .easypipe #page-footer .contentcontainer[data-container-identifier="container_2_columns_left"] .contentcontainer-column[data-container-column="right"] {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    #page-footer .contentcontainer[data-container-identifier="container_2_columns"] .contentcontainer-column[data-container-column="right"] {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    #page-footer .frame-type-div {
        padding-bottom: 40px;
    }

    /* End Meda Query */
}

@media only screen and (max-width: 1199px) {
    .events-4 .card-group-element.card-group-element-columns-4,
    .news-4 .card-group-element.card-group-element-columns-4 {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .pswp__button.pswp__button--arrow--left {
        left: 45%;
    }

    .pswp__button.pswp__button--arrow--right {
        right: 45%;
    }
}

/* Laptop/Tablet Querformat */
@media only screen and (max-width: 1180px) {
    /* GENERAL */
    .main-section p {
        margin-bottom: 32px;
    }

    /*.main-section .textmedia,
    .main-section .textpic {
        grid-template-columns: 1fr;
    }*/

    .searchbox input[type="text"] {
        margin-left: 1rem!important;
    }

    /* HEADER */
    .header .contentcontainer[data-container-identifier="container_1_columns"] .frame.header-button .btn {
        width: auto!important;
    }

    .header .contentcontainer-column .header-button a {
        font-size: 18px;
        padding: 10px 40px;
    }

    .header .contentcontainer-column .header-kachel .frame-inner,
    .header .contentcontainer-column .schulung .frame-inner {
        max-width: unset;
        padding: 2rem 1.875rem 2rem 4.5rem;
        margin-bottom: 6rem;
    }

    .header-kachel,
    .schulung {
        max-width: 100%;
    }

    .header .contentcontainer[data-container-identifier="container_66_33"] {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .header .contentcontainer .frame.frame-type-container_66_33:first-child {
        padding-bottom: 0;
    }

    .header .contentcontainer .frame.frame-type-container_66_33:first-child {
        width: 85%;
    }

    .header-kachel,
    .schulung {
        position: relative;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

    /* HEADER  + TRAINING*/

    .header .contentcontainer[data-container-identifier="container_1_columns"] .frame.course {
        padding-top: 0px;
        margin-top: 0px;
        margin-bottom: -50px;
    }

    .header .contentcontainer-column .schulung ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .header .contentcontainer-column .schulung ul li:after {
        content: "";
        width: 1px;
        height: 26px;
        background: var(--dm-solid-primary-3);
        display: block;
        position: absolute;
        right: 10%;
        top: 0;
    }

    .header .contentcontainer-column .schulung ul li:last-of-type:after {
        content: none;
    }

    .header .schulung .btn {
        width: 104%;
        margin-left: -40px;
    }

    /* LIST VIEW */

    .list-view .contentcontainer[data-container-identifier="container_2_columns"] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .list-view .contentcontainer[data-container-identifier="container_2_columns"] {
        gap: 0%;
    }
    .list-view .contentcontainer-column[data-container-column="left"],
    .list-view .contentcontainer-column[data-container-column="right"] {
        width: 45%;
    }

    .list-view .card-group-element-columns-4 .card-group-element-item {
        width: calc(100% / var(--cardgroup-columns) - 44px);
    }

    .list-view {
        padding: 72px 0;
    }

    /* BREADCRUMBS */

    .header + nav.breadcrumb-section {
        display: block;
    }

    .breadcrumb-section .breadcrumb {
        display: none;
    }

    /*EVENTS*/

    .event-header,
    .news-header {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-bottom: 32px;
    }

    .event-list-item h3,
    .card-group-element-item h3 {
        font-weight: 500;
        line-height: 27px;
        letter-spacing: -0.01em;
    }

    .event-list-item .card .card-body .event-list-row:nth-of-type(1),
    .news .card .card-body span.news-list-row:nth-of-type(1) {
        padding-bottom: 1.5rem;
    }

    /*LIST VIEW*/

    .list-view .contentcontainer-column[data-container-column="left"],
    .list-view .contentcontainer-column[data-container-column="right"] {
        width: 100%;
        padding: 55px 0px 45px;
    }
    .list-view .contentcontainer-column[data-container-column="left"] {
        border-bottom: 1px solid #bebebe;
        padding: 0 0 45px;
    }

    .list-view .contentcontainer[data-container-identifier="container_2_columns"]:before {
        content: none;
    }

    /* TEXT MODULE */

    .btn + .btn {
        margin: 20px 0px;
    }

    .frame-indent-right .frame-inner {
        margin-right: 0;
    }

    .frame-indent .frame-inner,
    .bildergalerie .frame-indent .frame-inner,
    .bildergalerie.frame-indent.frame-type-container_2_columns .frame-inner {
        margin-left: 0;
        margin-right: 0;
    }

    .frame-indent.frame-layout-embedded .frame-inner,
    .frame-indent.frame-type-container_2_columns .contentcontainer[data-container-identifier="container_2_columns"] .frame-inner {
        margin: 0;
    }

    ul.button-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 2rem 0;
    }

    ul.button-wrap a.btn {
        width: 100%;
    }

    .frame-indent .contentcontainer[data-container-identifier="container_2_columns"],
    .frame-default.frame-type-container_66_33 .contentcontainer[data-container-identifier="container_2_columns"],
    .frame-default.frame-type-container_66_33 .contentcontainer[data-container-identifier="container_66_33"],
    .frame-default.frame-type-container_33_66 .contentcontainer[data-container-identifier="container_33_66"],
    .frame-default.frame-type-container_2_columns .contentcontainer[data-container-identifier="container_2_columns"] {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .frame-type-container_1_columns .frame-default.frame-type-container_2_columns .contentcontainer[data-container-identifier="container_2_columns"],
    .frame-default.frame-type-container_2_columns.kontaktaufnahme .contentcontainer[data-container-identifier="container_2_columns"] .contentcontainer[data-container-identifier="container_2_columns"] {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }

    .textmedia + .button-wrap,
    .textmedia + a + .button-wrap {
        margin-top: 3rem;
    }

    .main-section .section .frame-type-textmedia.frame-indent .textmedia-left .textmedia-text,
    .main-section .section .frame-type-container_66_33 .textmedia-left .textmedia-text {
        padding: 0;
    }

    /* TEXT/IMAGE */

    .main-section .section .frame-type-textmedia .textmedia,
    .main-section .section .frame-indent .textmedia,
    .fullwidth .contentcontainer {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 30px;
    }

    /* .main-section .section .frame-type-container_66_33 .contentcontainer[data-container-identifier="container_2_columns"] .frame-type-textmedia .textmedia,
    .main-section .section .frame-type-container_66_33 .contentcontainer[data-container-identifier="container_2_columns"] .frame-indent .textmedia,
    .main-section .section .frame-type-container_2_columns .contentcontainer[data-container-identifier="container_2_columns"] .frame-type-textmedia .textmedia,
    .main-section .section .frame-type-container_2_columns .contentcontainer[data-container-identifier="container_2_columns"] .frame-indent .textmedia,
    .main-section .section .frame-indent.frame-type-container_1_columns .textmedia,
    .main-section .section .frame-indent.frame-type-container_2_columns .textmedia {
        gap: 0px;
    }

    *** AUSKOMMENTIERT, DAMIT TEXT/IMAGE-KOMBIS NICHT DIREKT UNTEREINANDER HÄNGEN, SONDERN ABSTAND HABEN *** */

    .main-section .section .frame-type-textmedia .textmedia .textmedia-gallery,
    .main-section .section .frame-indent .textmedia .textmedia-gallery {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .main-section .section .frame-type-textmedia .textmedia .textmedia-item,
    .main-section .section .frame-indent .textmedia .textmedia-item {
        width: 100%;
    }

    .main-section .section .frame-type-textmedia .textmedia-left .textmedia-text,
    .main-section .section .frame-type-textmedia .textmedia-right .textmedia-text {
        padding: 0;
    }

    /* TEXT/IMAGE FULL WIDTH */

    .fullwidth.media-right .contentcontainer[data-container-identifier="container_2_columns"],
    .fullwidth.media-left .contentcontainer[data-container-identifier="container_2_columns"],
    .media-right .contentcontainer[data-container-identifier="container_2_columns"],
    .media-left .contentcontainer[data-container-identifier="container_2_columns"] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .media-right .contentcontainer .frame-type-text,
    .fullwidth.media-right .contentcontainer .frame-type-text {
        padding-right: 20px;
        margin: 0 auto;
    }
    .media-left .contentcontainer .frame-type-text,
    .fullwidth.media-left .contentcontainer .frame-type-text {
        padding-left: 20px;
        margin: 0 auto;
    }

    .media-right .contentcontainer-column[data-container-column="right"],
    .fullwidth.media-right .contentcontainer-column[data-container-column="right"] {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .media-right .contentcontainer-column[data-container-column="left"],
    .fullwidth.media-right .contentcontainer-column[data-container-column="left"] {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: calc(100% - (0px / 2));
    }

    /*FRAME SHADER*/

    .fullwidth.media-right.frame-background-primary .contentcontainer[data-container-identifier="container_2_columns"],
    .fullwidth.media-left.frame-background-primary .contentcontainer[data-container-identifier="container_2_columns"],
    .fullwidth.media-right.frame-background-secondary .contentcontainer[data-container-identifier="container_2_columns"],
    .fullwidth.media-left.frame-background-secondary .contentcontainer[data-container-identifier="container_2_columns"] {
        padding-bottom: 5rem;
    }

    /* CONTACT */

    .main-section .section .kontaktaufnahme .frame-type-textmedia .textmedia {
        gap: 0;
    }

    /* USP / TEXT-ICON */

    .usp .contentcontainer[data-container-identifier="container_4_columns"],
    .usp .contentcontainer[data-container-identifier="container_3_columns"] {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }

    .usp .btn {
        width: 100%;
    }

    .usp .texticon-icon .texticon-inner-icon,
    .usp .texticon-icon .texticon-inner-icon svg,
    .usp .texticon-icon .texticon-inner-icon img {
        width: auto;
        height: 110px;
        padding: 10px;
    }

    /* TESTIMONIALS CONTROL BUTTONS */

    .main-section .frame-type-carousel .carousel-item-type-text_and_image .carousel-content-inner {
        padding: 4rem 6rem;
    }

    /* REFERENCE ROW */

    .contentcontainer[data-container-identifier="container_5_cols"] {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    /* TAB CONTENT */
    .tabcontent .contentcontainer[data-container-identifier="container_3_columns"] {
        gap: 1rem;
    }

    /*FOOTER
    .interwatt #page-footer .footer-logo img {
        min-width: 180px;
    }*/

    .interwatt #page-footer .contentcontainer[data-container-identifier="container_2_columns_left"] .contentcontainer-column[data-container-column="right"],
    .easypipe #page-footer .contentcontainer[data-container-identifier="container_2_columns_left"] .contentcontainer-column[data-container-column="right"] {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 30px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .interwatt #page-footer .contentcontainer[data-container-identifier="container_4_columns"],
    .easypipe #page-footer .contentcontainer[data-container-identifier="container_4_columns"] {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        padding-bottom: 40px;
    }

    .ingsoft #page-footer .frame-type-container_3_columns {
        padding-bottom: 20px;
    }

    #page-footer .contentcontainer[data-container-identifier="container_3_columns"] .footer-logo img {
        min-width: 170px;
    }

    /*#page-footer .frame-type-div {
        padding-top: 10px;
    }*/

    #page-footer hr {
        color: var(--dm-transparent-primary-5);
    }

    #page-footer .footer-section-content:before {
        background-size: auto;
        height: 100%;
        background-repeat: no-repeat;
    }

    /* WRT */
    .wrt .contentcontainer {
        gap: 2rem;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .wrt .contentcontainer h3 {
        max-width: 600px;
    }

    .wrt .contentcontainer .contentcontainer-column a > .frame {
        min-height: unset;
        max-height: 170px;
        padding: 45px 0;
    }

    /* JOBS */

    .main-section .jobs .frame-type-card_group .card-body a {
        position: relative;
        bottom: 0;
    }

    .main-section .jobs .frame-type-card_group .card .card-body {
        padding-bottom: 2.5rem;
    }

    /* CTA */

    .cta .container-fluid {
        padding: 0;
    }

    /* JOB ADS */

    .jobs .card-group-element a {
        margin-bottom: 0;
    }

    .jobs .frame-type-card_group .card-group-element-columns-4 a {
        width: calc(100% / 2 - 10px);
    }

    /* MATCH */

    .frame-type-card_group .card .card-body {
        padding: 38px 32px;
    }

    /* TEXT EXTRA */

    .text-extra .contentcontainer {
        gap: 1.5rem;
    }

    .text-extra .contentcontainer h2,
    .text-extra .contentcontainer p {
        text-align: center !important;
    }

    /* IMAGE GALLERY */

    .bildergalerie .carousel-item-type-image .carousel-image picture,
    .bildergalerie .carousel-item-type-image .carousel-image img,
    .bildergalerie .carousel-item-type-image {
        height: auto;
    }

    .fullwidth.media-right .contentcontainer-column[data-container-column="right"] {
        margin-left: 0;
    }

    .frame-type-container_2_columns .contentcontainer[data-container-identifier="container_2_columns"] .contentcontainer-column[data-container-column="right"] .carousel {
    	margin-top: 3.25rem;
    }

    .frame-type-container_2_columns .contentcontainer[data-container-identifier="container_2_columns"] .contentcontainer-column[data-container-column="left"] .carousel {
    	margin-bottom: 3rem;
    }



    /* CTA WITH COLUMNS */

    .cta-spalten .contentcontainer[data-container-identifier="container_3_columns"] .frame-type-text {
        padding-bottom: 3rem;
    }

    .cta-spalten .frame-type-text h3 {
        margin-bottom: 24px;
    }

    /* IMG HEIGHT */

    .frame-indent .gallery-row .gallery-item img,
    .frame-indent .gallery-row .gallery-item picture {
        height: 350px;
    }

    /* TEXT INTRO 66 / 33 -- Intro text at 100% width, example: https://interwatt.ingsoft.com/de-de/einsatzbereiche/branchen */

    .contentcontainer[data-container-identifier="container_2_columns_left"] {
        grid-template-columns: repeat(1, 1fr);
    }

    /*Cookie banner*/

    div#CookiebotWidget {
        display: none;
    }

    /* End Meda Query */
}

@media only screen and (min-width: 1025px) and (max-width: 1180px) {
    .header .contentcontainer-column .schulung ul li:after {
        right: -10%;
    }
}

@media only screen and (min-width: 1181px) {
    .searchbox-wrapper,
    .languagebox-wrapper {
       -webkit-transform: translateY(-100%);
       opacity: 1;
    }

    .search-active .searchbox-wrapper,
    .language-active .languagebox-wrapper {
        -webkit-transform: translateY(0);
        opacity: 1;
    }

    body:before {
        content: "";
        background: var(--dm-solid-primary-6);
        width: 100%;
        height: 0px;
        position: fixed;
        z-index: 11;
        top: 0px;
    }

    body.search-active:before,body.language-active:before {
        height: 74px;
    }

    .dropdown-menu {
        padding-top: 60px;
        top: 0;
        z-index: -2;
    }

    .megamenu.dropdown-menu.show {
        -webkit-box-shadow: 0px 0px 6px rgb(0 0 0 / 43%);
        box-shadow: 0px 0px 6px rgb(0 0 0 / 43%);
    }

    /*.megamenu.dropdown-menu .contentcontainer-column .frame.frame-menu.frame-type-menu_subpages,
    .dropdown-menu .contentcontainer .contentcontainer-column > .frame-type-text a {
        margin-bottom: 2rem;
    }*/

    .megamenu.dropdown-menu .frame-menu.frame-type-menu_pages,
    .megamenu.dropdown-menu .frame-submenu.frame-type-menu_subpages,
    .megamenu.dropdown-menu .contentcontainer-column .frame.frame-menu.frame-type-menu_subpages,
    .dropdown-menu .contentcontainer .contentcontainer-column > .frame-type-text a {
        border-left: 1px solid var(--dm-solid-primary-3);
    }

    .megamenu.dropdown-menu .frame-menu.frame-type-text + .frame-menu.frame-type-menu_pages,
    .megamenu.dropdown-menu .frame-menu.frame-type-text + .frame-menu.frame-type-menu_subpages {
        padding-top: 10px;
    }

    .search-active .megamenu.dropdown-menu.show,
    .language-active .megamenu.dropdown-menu.show {
        top: 74px;
    }

    .search-active.language-active .megamenu.dropdown-menu.show {
        top: calc(74px * 2);
    }

    .testimonials {
        height: 600px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .testimonials .frame-group-container {
        width: 100%;
    }
}

@media only screen and (max-width: 1180px) {
    /* BURGER MENU | LOGO */
    /*
    .navbar-default .container {
        background: var(--lm-solid-primary-7);
    }

    .navbar-mainnavigation .navbar-collapse {
        display: none !important;
    }

    .navbar-mainnavigation .navbar-collapse.show,
    .navbar-mainnavigation button.navbar-toggler {
        display: none;
    }

    .navbar-mainnavigation .navbar-collapse input[type="radio"],
    .navbar-mainnavigation .navbar-collapse input[type="checkbox"] {
        display: inline-block;
        border: none;
        height: auto;
        margin: 0;
    }

    .navbar-mainnavigation input[type="checkbox"] {
        display: inline-block;
        margin-right: 21px;
        border: none;
        height: 100%;
    }

    .navbar-mainnavigation input[type="checkbox"]:before {
        content: "";
        background-image: url(../Icons/toggler-icon.svg);
        background-repeat: no-repeat;
        background-position: center bottom;
        width: 100%;
        height: 20px;
    }

    .navbar-mainnavigation input[type="checkbox"]:checked:before {
        background-image: url(../Icons/toggler-icon-close.svg);
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
        border: none;
        -webkit-box-shadow: none;
                box-shadow: none;
        position: relative;
        top: 0;
        left: 0;
    }

    .navbar-mainnavigation input[type="checkbox"]:checked ~ .navbar-collapse {
        display: block !important;
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .navbar-mainnavigation input.search-toggle {
        width: 100%;
        margin-right: 0;
    }

    .navbar-mainnavigation input.search-toggle:before,
    .navbar-mainnavigation input.search-toggle:checked:before {
        font-family: var(--icon-font);
        content: "\e935";
        font-size: 1.75rem;
        padding: 0;
        background-image: none;
        width: 100%;
        height: auto;
    }

    .ingsoft .navbar-mainnavigation input.search-toggle:checked:before {
        color: var(--primary-orange);
    }

    .interwatt .navbar-mainnavigation input.search-toggle:checked:before {
        color: var(--primary-green);
    }

    .easypipe .navbar-mainnavigation input.search-toggle:checked:before {
        color: var(--primary-blue);
    }

    .navbar-collapse > .dropdown:first-of-type {
        margin-top: 1rem;
    }

    .navbar-collapse .dropdown input:before {
        content: none;
    }

    .navbar-mainnavigation .navbar-collapse input[type="checkbox"] {
        top: 0;
        margin-left: 0;
        width: 100%;
        position: absolute;
    }

    .navbar-mainnavigation .navbar-collapse input[type="checkbox"]:after {
        content: "\e93b";
        font-family: var(--icon-font);
        font-size: 1.25rem;
        width: 1px;
        position: absolute;
        top: 0;
        right: 40px;
        border: none;
        padding-left: 1.25rem;
        border-left: 1px solid var(--grey-6);
        border-radius: 0;
        color: var(--grey-3);
    }

    .navbar-mainnavigation .navbar-collapse input[type="checkbox"]:checked:after {
        content: "\e937";
        font-family: var(--icon-font);
        font-size: 1.25rem;
        width: 1px;
        position: absolute;
        top: 0;
        right: 40px;
        border: none;
        padding-left: 1.25rem;
        border-left: 1px solid var(--grey-6);
        border-radius: 0;
    }

    .navbar-collapse > .dropdown > input[type="checkbox"]:after,
    .navbar-collapse > .dropdown > input[type="checkbox"]:checked:after {
        top: 10px;
    }

    .navbar-collapse .dropdown ~ .dropdown-menu:empty input:after {
        display: none;
        content: none;
    }

    .navbar-mainnavigation input.toggle-level-1:checked ~ .dropdown-menu {
        display: block;
        position: relative !important;
        opacity: 1;
        visibility: visible;
        top: 0;
    }

    .navbar-mainnavigation input.toggle-level-1:checked ~ .dropdown-menu:empty {
        display: none;
    }

    .dropdown-menu > .frame-menu {
        background-color: var(--grey-9);
        padding: 1rem 0;
        --frame-outer-spacing-after: none;
    }

    .dropdown-menu > .frame-menu {
        display: none;
    }

    .menu-toggle:checked + .dropdown-menu > .frame-menu {
        display: block;
    }

    .toggle-level-1:checked + .dropdown-menu > .frame-menu .frame-menu + .frame-menu.frame-type-menu_subpages,
    .toggle-level-1:checked + .dropdown-menu > .frame-menu .frame-menu + .frame-menu.frame-type-menu_pages,
    .toggle-level-1:checked + .dropdown-menu > .frame-menu .frame-menu + .frame-submenu.frame-type-menu_subpages {
        display: none;
    }

    .toggle-level-1:checked + .dropdown-menu > .frame-menu .frame-menu + .frame-submenu.frame-type-menu_subpages {
        padding: 0 !important;
    }

    .toggle-level-2 + .frame-menu.frame-type-menu_subpages,
    .toggle-level-2 + .frame-menu.frame-type-menu_pages {
        display: none;
    }

    .toggle-level-2:checked + .frame-menu.frame-type-menu_subpages,
    .toggle-level-2:checked + .frame-menu.frame-type-menu_pages {
        display: block !important;
        -webkit-box-flex: 1;
            -ms-flex: 1 0 100%;
                flex: 1 0 100%;
    }

    .toggle-level-3 + .frame-submenu.frame-type-menu_subpages,
    .frame-menu:has(.toggle-level-3) + .frame-submenu.frame-type-menu_subpages {
        display: none;
    }

    .toggle-level-3:checked + .frame-submenu.frame-type-menu_subpages,
    .frame-menu:has(.toggle-level-3:checked) + .frame-submenu.frame-type-menu_subpages {
        display: block !important;
        -webkit-box-flex: 1;
            -ms-flex: 1 0 100%;
                flex: 1 0 100%;
    }

    .menu-toggle:has(+ .megamenu.dropdown-menu:empty),
    .toggle-level-2:not(:has(+ .frame-menu ul)) {
        display: none !important;
    }

    body:has(input.search-toggle:checked) {
        margin-top: 74px;
    }

    body:has(input.search-toggle:checked) .searchbox {
        display: block;
        width: 100%;
        background-color: var(--dm-solid-primary-6);
        max-width: 1520px;
        margin: 0 auto;
        padding: 16px 20px;
    }

    body:has(input.search-toggle:checked) .searchbox .input-group {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        align-items: center;
        -moz-animation: slide-down 0.3s ease-out;
        gap: 12px;
    }

    body:has(input.search-toggle:checked) .searchbox input[type="text"] {
        background-color: transparent;
        border-bottom: 1px solid var(--dm-solid-primary-4);
        padding: 0 0 5px 0;
    }

    body:has(input.search-toggle:checked) .searchbox input[type="text"]::-webkit-input-placeholder {
        color: var(--dm-transparent-primary-4);
    }

    body:has(input.search-toggle:checked) .searchbox input[type="text"]::-moz-placeholder {
        color: var(--dm-transparent-primary-4);
    }

    body:has(input.search-toggle:checked) .searchbox input[type="text"]:-ms-input-placeholder {
        color: var(--dm-transparent-primary-4);
    }

    body:has(input.search-toggle:checked) .searchbox input[type="text"]::-ms-input-placeholder {
        color: var(--dm-transparent-primary-4);
    }

    body:has(input.search-toggle:checked) .searchbox input[type="text"]::placeholder {
        color: var(--dm-transparent-primary-4);
    }

    body:has(input.search-toggle:checked) .searchbox button[type="submit"] {
        background-color: transparent;
        border: none;
        padding: 0;
    }

    body:has(input.search-toggle:checked) .searchbox button[type="submit"]::before {
        font-family: var(--icon-font);
        content: "\e935";
        color: var(--white);
        line-height: 1;
        font-size: 2rem;
    }

    body:has(input.search-toggle:checked) .searchbox .search-toggle:before {
        font-family: var(--icon-font);
        content: "\e940";
        font-size: 1.75rem;
        color: var(--white);
        padding: 0;
    }

    .navbar-mainnavigation > .container,
    .navbar-mainnavigation > .container-fluid,
    .navbar-mainnavigation > .container-sm,
    .navbar-mainnavigation > .container-md,
    .navbar-mainnavigation > .container-lg,
    .navbar-mainnavigation > .container-xl,
    .navbar-mainnavigation > .container-xxl {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .navbar-mainnavigation .navbar-collapse.show {
        width: 100%;
        padding: 0px 20px 20px;
    }

    .navbar-mainnavigation .navbar-brand-image > .navbar-brand-logo-normal,
    .navbar-nav.language.desktop,
    .navbar-nav.search {
        display: none;
    }

    .navbar-mainnavigation .navbar-brand-image > .navbar-brand-logo-inverted,
    .navbar-nav.language.mobile,
    .navbar-nav.search.mobile {
        display: block;
    }

    .navbar-nav.search.mobile {
        margin-left: auto;
        margin-right: 25px;
    }

    .search-toggle:before,
    .language-toggle:before {
        color: #000;
    }

    .ingsoft .search-toggle:hover:before,
    .ingsoft .language-toggle:hover:before,
    .interwatt .search-toggle:hover:before,
    .interwatt .language-toggle:hover:before,
    .easypipe .search-toggle:hover:before,
    .easypipe .language-toggle:hover:before {
        color: #000;
    }

    .navbar-nav.language.mobile .languagebox-wrapper {
        background-color: transparent;
        position: relative;
    }

    .navbar-nav.language.mobile .languagebox {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 30px;
    }

    .navbar-nav.language.mobile .languagebox li span {
        color: var(--dm-solid-primary-4);
        background-color: transparent;
        padding: 0;
        font-size: 1rem;
        text-transform: uppercase;
    }

    .navbar-nav.language.mobile .languagebox li a.dropdown-item.active span {
        color: var(--dm-solid-primary-5);
        font-weight: 700;
    }

    .navbar-mainnavigation.navbar-default .navbar-nav.language.mobile a:not(.active) {
        padding: 0;
    }

    .navbar-nav.language.mobile .languagebox li {
        position: relative;
    }

    .navbar-nav.language.mobile .languagebox li:first-child::after {
        content: "";
        width: 1px;
        height: 30px;
        display: block;
        background-color: var(--grey-6);
        position: absolute;
        right: -80%;
        top: -2px;
    }

    nav#mainnavigation:before {
        content: "";
        width: 100%;
        display: block;
        height: 3px;
        margin-bottom: 8px;
        position: absolute;
        left: 0;
        right: 0;
    }

    .navbar-default .container,
    nav#mainnavigation:before {
        -webkit-box-shadow: 0px 3px 4px rgb(0 0 0 / 30%) !important;
        box-shadow: 0px 3px 4px rgb(0 0 0 / 30%) !important;
    }

    .navbar-default .container {
        padding: 0;
    }

    .navbar-nav.language.mobile::before {
        content: "";
        display: block;
        width: 100%;
        max-width: 100px;
        height: 30px;
        position: absolute;
        right: 21px;
        top: 0;
        bottom: 0;
        margin: 0.35rem 0 0 0;
        background-image: url(../Icons/header-logo-inverse.svg);
        background-repeat: no-repeat;
        background-position: right;
        background-size: 100px;
    }


    /* BURGER MENU | LOGO  --- Styles from dev site*/

    .frame {
        padding-top: 1rem;
    }

    .navbar-default .container {
        background: var(--lm-solid-primary-7);
    }

    .navbar-mainnavigation .navbar-collapse {
        display: none !important;
    }

    .navbar-mainnavigation .navbar-collapse.show,
    .navbar-mainnavigation button.navbar-toggler {
        display: none;
    }

    .navbar-mainnavigation .navbar-collapse input[type="radio"],
    .navbar-mainnavigation .navbar-collapse input[type="checkbox"] {
        display: inline-block;
        border: none;
        height: auto;
        margin: 0;
    }

    .navbar-mainnavigation input[type="checkbox"] {
        display: inline-block;
        margin-right: 21px;
        border: none;
        height: 100%;
    }

    .navbar-mainnavigation input[type="checkbox"]:before {
        content: "";
        background-image: url(../Icons/toggler-icon.svg);
        background-repeat: no-repeat;
        background-position: center bottom;
        width: 100%;
        height: 20px;
    }

    .navbar-mainnavigation input[type="checkbox"]:checked:before {
        background-image: url(../Icons/toggler-icon-close.svg);
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
        border: none;
        -webkit-box-shadow: none;
                box-shadow: none;
        position: relative;
        top: 0;
        left: 0;
    }

    .navbar-mainnavigation input[type="checkbox"]:checked ~ .navbar-collapse {
        display: block !important;
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .navbar-mainnavigation input.search-toggle {
        width: 100%;
        margin-right: 0;
    }

    .navbar-mainnavigation input.search-toggle:before,
    .navbar-mainnavigation input.search-toggle:checked:before,
    .navbar-mainnavigation input.search-toggle-inverted:before {
        font-family: var(--icon-font);
        content: "\e935";
        font-size: 1.75rem;
        padding: 0;
        background-image: none;
        width: 100%;
        height: auto;
    }

    .navbar-mainnavigation .searchbox-wrapper:has(input.search-close:checked) ~ .container input.search-toggle:before {
        color: #000;
    }

    .ingsoft .navbar-mainnavigation input.search-toggle:checked:before {
        color: var(--primary-orange);
    }

    .interwatt .navbar-mainnavigation input.search-toggle:checked:before {
        color: var(--primary-green);
    }

    .easypipe .navbar-mainnavigation input.search-toggle:checked:before {
        color: var(--primary-blue);
    }

    .navbar-collapse > .dropdown:first-of-type {
        margin-top: 1rem;
    }

    .navbar-collapse .dropdown input:before {
        content: none;
    }

    .navbar-mainnavigation .navbar-collapse input[type="checkbox"] {
        top: 0;
        margin-left: 0;
        width: 100%;
        position: absolute;
    }

    .navbar-mainnavigation .navbar-collapse input[type="checkbox"]:after {
        content: "\e93b";
        font-family: var(--icon-font);
        font-size: 1.25rem;
        width: 1px;
        position: absolute;
        top: 0;
        right: 0;
        border: none;
        padding-left: 1.25rem;
        border-left: 1px solid var(--grey-6);
        border-radius: 0;
        color: var(--grey-3);
        padding-right: 40px;
    }

    .navbar-mainnavigation .navbar-collapse input[type="checkbox"]:checked:after {
        content: "\e937";
        font-family: var(--icon-font);
        font-size: 1.25rem;
        width: 1px;
        position: absolute;
        top: 0;
        right: 0;
        border: none;
        padding-left: 1.25rem;
        border-left: 1px solid var(--grey-6);
        border-radius: 0;
        padding-right: 40px;
    }

    .navbar-collapse > .dropdown > input[type="checkbox"]:after,
    .navbar-collapse > .dropdown > input[type="checkbox"]:checked:after {
        top: 16px;
    }

    .navbar-collapse .dropdown ~ .dropdown-menu:empty input:after {
        display: none;
        content: none;
    }

    .navbar-mainnavigation input.toggle-level-1:checked ~ .dropdown-menu {
        display: block;
        position: relative !important;
        opacity: 1;
        visibility: visible;
        top: 0;
    }

    .navbar-mainnavigation input.toggle-level-1:checked ~ .dropdown-menu:empty {
        display: none;
    }

    .dropdown-menu > .frame-menu {
        background-color: var(--grey-9);
        padding: 1rem 0;
        --frame-outer-spacing-after: none;
    }

    .dropdown-menu > .frame-menu {
        display: none;
    }

    .menu-toggle:checked + .dropdown-menu > .frame-menu {
        display: block;
    }

    .toggle-level-1:checked + .dropdown-menu > .frame-menu .frame-menu + .frame-menu.frame-type-menu_subpages,
    .toggle-level-1:checked + .dropdown-menu > .frame-menu .frame-menu + .frame-menu.frame-type-menu_pages,
    .toggle-level-1:checked + .dropdown-menu > .frame-menu .frame-menu + .frame-submenu.frame-type-menu_subpages {
        display: none;
    }

    .toggle-level-2 + .frame-menu.frame-type-menu_subpages,
    .toggle-level-2 + .frame-menu.frame-type-menu_pages {
        display: none;
    }

    .toggle-level-2:checked + .frame-menu.frame-type-menu_subpages,
    .toggle-level-2:checked + .frame-menu.frame-type-menu_pages {
        display: block !important;
        -webkit-box-flex: 1;
            -ms-flex: 1 0 100%;
                flex: 1 0 100%;
    }

    .toggle-level-3 + .frame-submenu.frame-type-menu_subpages,
    .frame-menu:has(.toggle-level-3) + .frame-submenu.frame-type-menu_subpages {
        display: none;
    }

    .toggle-level-3:checked + .frame-submenu.frame-type-menu_subpages,
    .frame-menu:has(.toggle-level-3:checked) + .frame-submenu.frame-type-menu_subpages {
        display: block !important;
        -webkit-box-flex: 1;
            -ms-flex: 1 0 100%;
                flex: 1 0 100%;
    }

    .menu-toggle:has(+ .megamenu.dropdown-menu:empty),
    .toggle-level-2:not(:has(+ .frame-menu ul)) {
        display: none !important;
    }


    .navbar-mainnavigation > .container,
    .navbar-mainnavigation > .container-fluid,
    .navbar-mainnavigation > .container-sm,
    .navbar-mainnavigation > .container-md,
    .navbar-mainnavigation > .container-lg,
    .navbar-mainnavigation > .container-xl,
    .navbar-mainnavigation > .container-xxl {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .navbar-mainnavigation .navbar-collapse.show {
        width: 100%;
        padding: 0px 20px 20px;
    }

    .navbar-mainnavigation .navbar-brand-image > .navbar-brand-logo-normal,
    .navbar-nav.language.desktop,
    .navbar-nav.search {
        display: none;
    }

    .navbar-mainnavigation .navbar-brand-image > .navbar-brand-logo-inverted,
    .navbar-nav.language.mobile,
    .navbar-nav.search.mobile {
        display: block;
    }

    .navbar-nav.search.mobile {
        margin-left: auto;
        margin-right: 25px;
    }

    .search-toggle:before,
    .language-toggle:before {
        color: #000;
    }

    .ingsoft .search-toggle:hover:before,
    .ingsoft .language-toggle:hover:before,
    .interwatt .search-toggle:hover:before,
    .interwatt .language-toggle:hover:before,
    .easypipe .search-toggle:hover:before,
    .easypipe .language-toggle:hover:before {
        color: #000;
    }

    .navbar-nav.language.mobile .languagebox-wrapper {
        background-color: transparent;
        position: relative;
    }

    .navbar-nav.language.mobile .languagebox {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 30px;
    }

    .navbar-nav.language.mobile .languagebox li span {
        color: var(--dm-solid-primary-4);
        background-color: transparent;
        padding: 0;
        font-size: 1rem;
        text-transform: uppercase;
    }

    .navbar-nav.language.mobile .languagebox li a.dropdown-item.active span {
        color: var(--dm-solid-primary-5);
        font-weight: 700;
    }

    .navbar-mainnavigation.navbar-default .navbar-nav.language.mobile a:not(.active) {
        padding: 0;
    }

    .navbar-nav.language.mobile .languagebox li {
        position: relative;
    }

    .navbar-nav.language.mobile .languagebox li:first-child::after {
        content: "";
        width: 1px;
        height: 30px;
        display: block;
        background-color: var(--grey-6);
        position: absolute;
        right: -80%;
        top: -2px;
    }

    nav#mainnavigation:before {
        content: "";
        width: 100%;
        display: block;
        height: 3px;
        margin-bottom: 8px;
        position: absolute;
        left: 0;
        right: 0;
    }

    .navbar-default .container,
    nav#mainnavigation:before {
        -webkit-box-shadow: 0px 3px 4px rgb(0 0 0 / 30%) !important;
        box-shadow: 0px 3px 4px rgb(0 0 0 / 30%) !important;
    }

    .navbar-default .container {
        padding: 0;
    }

    .navbar-nav.language.mobile::before {
        content: "";
        display: block;
        width: 100%;
        max-width: 100px;
        height: 30px;
        position: absolute;
        right: 21px;
        top: 0;
        bottom: 0;
        margin: 0.35rem 0 0 0;
        background-image: url(../Icons/header-logo-inverse.svg);
        background-repeat: no-repeat;
        background-position: right;
        background-size: 100px;
    }

    body:has(input.search-toggle:checked),
    body:has(input.search-close:checked):has(input.search-toggle) {
        margin-top: 70px;
    }

    body:has(input.search-toggle:checked) .searchbox,
    body:has(input.search-close:checked):has(input.search-toggle) .searchbox,
    body .searchbox{
        display: block;
        width: 100%;
        background-color: var(--dm-solid-primary-6);
        max-width: 1520px;
        margin: 0 auto;
        padding: 17px 20px;
    }

    body:has(input.search-toggle:checked) .searchbox .input-group,
    body:has(input.search-toggle) .searchbox .input-group {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        align-items: center;
        -moz-animation: slide-down 0.3s ease-out;
        gap: 15px;
    }

    body:has(input.search-toggle:checked) .searchbox input[type="text"],
    body:has(input.search-toggle) .searchbox input[type="text"] {
        background-color: transparent;
        border-bottom: 1px solid var(--dm-solid-primary-4);
        padding: 0 0 5px 0;
        margin-left: 0;
    }

    body:has(input.search-toggle:checked) .searchbox input[type="text"]::-webkit-input-placeholder,
    body:has(input.search-toggle) .searchbox input[type="text"]::-webkit-input-placeholder {
        color: var(--dm-transparent-primary-4);
    }

    body:has(input.search-toggle:checked) .searchbox input[type="text"]::-moz-placeholder,
    body:has(input.search-toggle) .searchbox input[type="text"]::-moz-placeholder {
        color: var(--dm-transparent-primary-4);
    }

    body:has(input.search-toggle:checked) .searchbox input[type="text"]:-ms-input-placeholder,
    body:has(input.search-toggle) .searchbox input[type="text"]:-ms-input-placeholder {
        color: var(--dm-transparent-primary-4);
    }

    body:has(input.search-toggle:checked) .searchbox input[type="text"]::-ms-input-placeholder,
    body:has(input.search-toggle) .searchbox input[type="text"]::-ms-input-placeholder {
        color: var(--dm-transparent-primary-4);
    }

    body:has(input.search-toggle:checked) .searchbox input[type="text"]::placeholder,
    body:has(input.search-toggle) .searchbox input[type="text"]::placeholder {
        color: var(--dm-transparent-primary-4);
    }

    body:has(input.search-toggle:checked) .searchbox button[type="submit"],
    body:has(input.search-toggle) .searchbox button[type="submit"] {
        background-color: transparent;
        border: none;
        padding: 0;
    }

    body:has(input.search-toggle:checked) .searchbox button[type="submit"]::before,
    body:has(input.search-toggle) .searchbox button[type="submit"]::before {
        font-family: var(--icon-font);
        content: "\e935";
        color: var(--white);
        line-height: 1;
        font-size: 2rem;
    }

    body:has(input.search-toggle:checked) .searchbox .search-toggle:before,
    body:has(input.search-toggle) .searchbox .search-toggle:before {
        font-family: var(--icon-font);
        content: "\e940";
        font-size: 1.75rem;
        color: var(--white);
        padding: 0;
    }

    body:has(input.search-close:checked):has(input.search-toggle:checked) {
        margin-top: 0;
    }

    .navbar-mainnavigation input.search-close[type="checkbox"]:before,
    .navbar-mainnavigation input.search-close[type="checkbox"]:checked:before {
        font-family: var(--icon-font);
        content: "\e940";
        font-size: 1.75rem;
        color: var(--white);
        padding: 0;
        top: -10px;
        background-image: none;
    }

    /* MEGA MENU */

    .megamenu.dropdown-menu .frame-menu .contentcontainer[data-container-identifier="container_5_columns"],
    .megamenu.dropdown-menu .frame-menu .contentcontainer[data-container-identifier="container_4_columns"],
    .megamenu.dropdown-menu .frame-menu .contentcontainer[data-container-identifier="container_3_columns"],
    .megamenu.dropdown-menu .frame-menu .contentcontainer[data-container-identifier="container_2_columns"] {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .dropdown-menu ul li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin-bottom: 0;
    }

    .navbar-default .navbar-nav .nav-link,
    .navbar-mainnavigation .nav-link,
    .navbar-mainnavigation.navbar-default a:not(.active),
    .navbar-mainnavigation.navbar-default-transition a:not(.active),
    .navbar-mainnavigation.navbar-default-transition.navbar-transition a:not(.active) {
        color: var(--dm-solid-primary-5);
        font-size: 1.25rem;
        text-shadow: none;
        padding: 16px 21px;
    }

    html .navbar-mainnavigation .navbar-nav.language.mobile {
        padding: 8px 21px 24px 21px !important;
        margin-right: 0px !important;
        position: relative;
    }

    .ingsoft .navbar-default .btn-primary,
    .interwatt .navbar-default .btn-primary,
    .easypipe .navbar-default .btn-primary {
        padding: 11.5px 40px;
        border-radius: 0;
        width: calc(100% - 42px);
        margin: 60px 21px 10px 21px;
    }

    .dropdown-menu.show {
        display: block;
        position: relative !important;
        background: var(--dm-solid-primary-2);
        top: 0;
        min-height: unset;
    }

    .navbar-mainnavigation .navbar-collapse.show {
        padding: 0 0 15px 0;
        overflow: hidden;
        overflow-y: auto;
        height: auto;
        max-height: 90vh;
    }

    .dropdown-menu .contentcontainer .contentcontainer-column > .frame-default a:not([class]) {
        padding-left: 1.75rem;
    }

    .megamenu .contentcontainer[data-container-identifier="container_3_columns"] {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 0.5rem;
    }

    .navbar-mainnavigation .dropdown-menu,
    .dropdown-menu .contentcontainer .contentcontainer-column {
        border-left: none;
    }

    .dropdown-menu .contentcontainer .contentcontainer-column > .frame-default,
    .navbar-mainnavigation .dropdown-menu {
        margin: 0;
    }

    .ingsoft .dropdown-menu .contentcontainer .contentcontainer-column > .frame-type-text a,
    .interwatt .dropdown-menu .contentcontainer .contentcontainer-column > .frame-type-text a,
    .easypipe .dropdown-menu .contentcontainer .contentcontainer-column > .frame-type-text a {
        background-image: unset;
        color: var(--dm-solid-primary-5);
        -webkit-text-fill-color: var(--dm-solid-primary-5);
        line-height: inherit;
    }

    .dropdown-menu .frame-menu.frame-type-menu_subpages li a,
    .dropdown-menu .frame-menu.frame-type-menu_pages li a,
    .ingsoft .dropdown-menu .contentcontainer .contentcontainer-column > .frame-type-text a,
    .interwatt .dropdown-menu .contentcontainer .contentcontainer-column > .frame-type-text a,
    .easypipe .dropdown-menu .contentcontainer .contentcontainer-column > .frame-type-text a {
        font-size: 18px;
    }

    .dropdown-menu > .frame-default .frame-container,
    .dropdown-menu .frame-container-default,
    .dropdown-menu .frame-menu.frame-type-menu_subpages li a,
    .dropdown-menu .frame-menu.frame-type-menu_pages li a,
    .contentcontainer .frame-background-none:first-child,
    .contentcontainer .frame-layout-embedded:first-child {
        padding: 0;
    }

    .dropdown-menu .contentcontainer .contentcontainer-column > .frame-default.frame-type-menu_subpages a:not([class]),
    .dropdown-menu .contentcontainer .contentcontainer-column > .frame-default.frame-type-menu_pages a:not([class]),
    .ingsoft .dropdown-menu .contentcontainer .contentcontainer-column > .frame-type-text a,
    .interwatt .dropdown-menu .contentcontainer .contentcontainer-column > .frame-type-text a,
    .easypipe .dropdown-menu .contentcontainer .contentcontainer-column > .frame-type-text a {
        padding-left: 2rem;
        line-height: 30px;
        padding-top: 0;
        padding-bottom: 0;
    }

    /*.dropdown-menu .frame-space-after-none,
    .dropdown-menu > .frame-default {
        --frame-outer-spacing-after: none;
        padding: 1rem 0;
    }*/

    .dropdown-menu .frame-menu.frame-type-menu_subpages {
        /* padding-bottom: 0.55rem; */
    }

    .dropdown-menu .frame-menu.frame-type-menu_subpages,
    .dropdown-menu > .frame-type-menu_subpages,
    .dropdown-menu .frame-menu.frame-type-menu_pages,
    .dropdown-menu > .frame-type-menu_pages {
        background: #eaeaea;
        /* padding: 0.55em 0; */
        --frame-outer-spacing-before: none !important;
    }

    .dropdown-menu .frame-menu.frame-type-menu_subpages ul,
    .dropdown-menu > .frame-type-menu_subpages ul,
    .dropdown-menu .frame-menu.frame-type-menu_pages ul,
    .dropdown-menu > .frame-type-menu_pages ul {
        padding-left: 3rem;
    }

    .dropdown-menu .frame-menu.frame-type-menu_subpages ul li,
    .dropdown-menu > .frame-type-menu_subpages ul li,
    .dropdown-menu .frame-menu.frame-type-menu_pages ul li,
    .dropdown-menu > .frame-type-menu_pages ul li {
        padding-right: 3rem;
    }

    .dropdown-menu .frame-menu .contentcontainer {
        gap: 1rem;
    }

    .dropdown-menu .frame-menu .contentcontainer .contentcontainer-column {
        gap: 1rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        position: relative;
    }

    .dropdown-menu .frame-menu .contentcontainer .contentcontainer-column:empty {
        display: none;
    }

    .dropdown-menu .frame-menu .contentcontainer .contentcontainer-column .frame-menu.frame-type-text {
        padding: 0;
        --frame-outer-spacing-before: none !important;
        width: 100%;
    }

    .dropdown-menu .frame-menu .contentcontainer .contentcontainer-column .frame-menu.frame-type-text a {
        padding-top: 0;
        padding-bottom: 0;
    }

    .megamenu.dropdown-menu .contentcontainer-column .frame.frame-menu.frame-type-menu_pages {
        margin: 0;
        padding-top: 1rem;
        padding-bottom: 0;
    }

    .dropdown-menu .frame-menu.frame-type-menu_pages li a.dropdown-toggle {
        line-height: 32px;
    }

    .dropdown-menu .frame-menu.frame-type-menu_pages li a.dropdown-toggle:hover {
        color: var(--dm-solid-primary-5);
    }

    .dropdown-menu .frame-menu ul {
        /* gap: 0.5rem; */
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .dropdown-menu .frame-submenu ul {
        gap: 0;
    }

    .dropdown-menu .contentcontainer .contentcontainer-column .frame-type-menu_subpages.frame-submenu.active ul {
        background: #d9d9d9;
        margin: 0 0 1rem;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .dropdown-menu .contentcontainer .contentcontainer-column .frame-type-menu_subpages.frame-submenu.active ul li a {
        font-size: 18px;
        font-weight: 400;
        line-height: 28px;
    }

    nav#mainnavigation::-webkit-scrollbar {
        width: 0;
    }

    .megamenu.dropdown-menu.show .contentcontainer-column .frame.frame-menu.frame-type-menu_subpages {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .megamenu.dropdown-menu.show .contentcontainer-column:last-child .frame.frame-menu.frame-type-menu_subpages {
        margin-bottom: -1rem;
    }

    .megamenu.dropdown-menu.show .contentcontainer-column:last-child .frame.frame-menu.frame-type-menu_subpages.active + .frame.frame-menu.frame-type-text {
        margin-top: 1rem;
    }
    .megamenu.dropdown-menu.show .contentcontainer-column:last-child .frame.frame-menu.frame-type-menu_subpages.active.d-none + .frame.frame-menu.frame-type-text {
        margin-top: 0;
    }

    #mainnavigation a.btn,
    .navbar-mainnavigation.navbar-default a.btn:not(.active),
    #mainnavigation a.btn.btn-primary.header-contact-btn {
        color: var(--white);
        font-weight: 600;
        font-size: 18px;
        line-height: 25px;
        font-family: var(--content-font);
    }

    .dropdown-menu .frame-menu .contentcontainer .contentcontainer-column .frame-menu.frame-type-text a {
        font-family: var(--content-font);
    }

    .ingsoft .dropdown-menu .frame a:not([class]):hover,
    .interwatt .dropdown-menu .frame a:not([class]):hover,
    .easypipe .dropdown-menu .frame a:not([class]):hover {
        color: rgba(0, 0, 0, 0.7);
    }

    .ingsoft .navbar-mainnavigation .nav-link:hover,
    .ingsoft .navbar-mainnavigation .nav-link.active,
    .ingsoft .navbar-mainnavigation .dropdown-toggle:hover,
    .ingsoft .navbar-mainnavigation .dropdown-toggle.active,
    .ingsoft .dropdown-menu .frame a:not([class]):hover {
        color: var(--primary-orange) !important;
        -webkit-text-fill-color: var(--primary-orange) !important;
    }

    .ingsoft .navbar-mainnavigation.navbar-default a:not(.active):hover,
    .ingsoft .navbar-mainnavigation.navbar-default-transition a:not(.active):hover,
    .ingsoft .navbar-mainnavigation.navbar-default-transition.navbar-transition a:not(.active):hover,
    .ingsoft .navbar-mainnavigation.navbar-default a:not(.active):focus,
    .ingsoft .navbar-mainnavigation.navbar-default-transition a:not(.active):focus,
    .ingsoft .navbar-mainnavigation.navbar-default-transition.navbar-transition a:not(.active):focus {
        color: var(--primary-orange);
    }

    .interwatt .navbar-mainnavigation .nav-link:hover,
    .interwatt .navbar-mainnavigation .nav-link.active,
    .interwatt .navbar-mainnavigation .dropdown-toggle:hover,
    .interwatt .navbar-mainnavigation .dropdown-toggle.active,
    .interwatt .dropdown-menu .frame a:not([class]):hover {
        color: var(--primary-green) !important;
        -webkit-text-fill-color: var(--primary-green) !important;
    }

    .interwatt .navbar-mainnavigation.navbar-default a:not(.active):hover,
    .interwatt .navbar-mainnavigation.navbar-default-transition a:not(.active):hover,
    .interwatt .navbar-mainnavigation.navbar-default-transition.navbar-transition a:not(.active):hover,
    .interwatt .navbar-mainnavigation.navbar-default a:not(.active):focus,
    .interwatt .navbar-mainnavigation.navbar-default-transition a:not(.active):focus,
    .interwatt .navbar-mainnavigation.navbar-default-transition.navbar-transition a:not(.active):focus {
        color: var(--primary-green);
    }

    /* MEGA MENU ICONS */

    .dropdown-toggle::after {
        content: none;
    }

    .parent .dropdown-toggle span.mobile-indicator::after,
    .parent.show .parent .dropdown-toggle span.mobile-indicator::after {
        content: "\e93b";
        font-family: var(--icon-font);
        border: none;
        position: absolute;
        right: 1.25rem;
        padding-left: 1.25rem;
        border-left: 1px solid var(--grey-6);
    }

    .parent.show .parent.show .dropdown-toggle span.mobile-indicator::after,
    .parent.show .dropdown-toggle.show span.mobile-indicator::after {
        content: "\e937";
    }

    /* SUCHE / LANGUAGE SWITCH */
    .searchbox.active {
        padding: 1rem 20px;
    }

    .searchbox.active input[type="text"] {
        font-size: 16px;
    }

    .searchbox.active button[type="submit"]:before {
        line-height: 1;
        font-size: 2rem;
    }

    .searchbox.active .search-toggle:before {
        padding: 0 0 0 10px;
    }

    .searchbox-wrapper .searchbox .search-toggle {
        display: none;
    }

    /* CTA */

    .cta-spalten + .cta-spalten {
        padding-top: 28px !important;
    }

    /* Styling Mobiles Menu*/
    /*Active Link Color*/
    .interwatt #mainnavigation .nav-link.active ~ .dropdown-menu .active > p > a {
        -webkit-text-fill-color: unset;
        -webkit-background-clip: unset;
        color: var(--primary-green);
    }

    .ingsoft #mainnavigation .nav-link.active ~ .dropdown-menu .active > p > a {
        -webkit-text-fill-color: unset;
        -webkit-background-clip: unset;
        color: var(--primary-orange);
    }

    .easypipe #mainnavigation .nav-link.active ~ .dropdown-menu .active > p > a {
        -webkit-text-fill-color: unset;
        -webkit-background-clip: unset;
        color: var(--primary-blue);
    }
    .easypipe #mainnavigation a.active {
        color: var(--primary-blue);
    }

    /*Active Show Ebene 1*/
    #mainnavigation .nav-link.active ~ .dropdown-menu,
    #mainnavigation .nav-link.active ~ .dropdown-menu > .frame-menu {
        display: block;
        position: relative !important;
        opacity: 1;
        visibility: visible;
        top: 0;
    }

    /*Active Clicked Hidden Ebene 1*/
    #mainnavigation .nav-link.active + input[type="checkbox"]:checked ~ .dropdown-menu,
    #mainnavigation .nav-link.active + input[type="checkbox"]:checked ~ .dropdown-menu > .frame-menu {
        display: none;
        position: unset;
        opacity: 0;
        visibility: hidden;
    }

    /*Active Show Ebene 2*/
    #mainnavigation .frame-menu:has(.active) .contentcontainer-column:has(.active) .frame-menu.frame-type-menu_pages,
    #mainnavigation .frame-menu:has(.active) + .toggle-level-2 + .frame-menu,
    #mainnavigation .frame-menu:has(.toggle-level-2) .frame-type-menu_subpages:has(.active) {
        display: block;
        position: relative !important;
        opacity: 1;
        visibility: visible;
        top: 0;
        width: 100%;
    }

    /*Active Clicked Hidden Ebene 2*/
    #mainnavigation .frame-menu:has(.active) + .toggle-level-2:checked + .frame-menu,
    #mainnavigation .frame-menu:has(.toggle-level-2:checked) .frame-type-menu_subpages:has(.active) {
        display: none !important;
        position: unset;
        opacity: 0;
        visibility: hidden;
    }

    /*.dropdown-menu .frame-menu .contentcontainer .contentcontainer-column .frame-menu.frame-type-text + input:checked + .frame-menu.frame-type-menu_pages:has(.menu-toggle.toggle-level-3:checked) + .frame-submenu.frame-type-menu_subpages {
        display:block!important;
    }

    .dropdown-menu .frame-menu .contentcontainer .contentcontainer-column .frame-menu.frame-type-text + input + .frame-menu.frame-type-menu_pages:has(.menu-toggle.toggle-level-3) + .frame-submenu.frame-type-menu_subpages {
        display:none!important;
    }*/

    /*Active Show Ebene 3*/
    #mainnavigation .frame-type-menu_subpages:has(.active) {
        display: block;
        position: relative !important;
        opacity: 1;
        visibility: visible;
        top: 0;
        width: 100%;
    }

    /*Active Clicked Hidden Ebene 3*/
    #mainnavigation .frame-menu:has(.toggle-level-3:checked) .frame-type-menu_subpages:has(.active) {
        display: none !important;
        position: unset;
        opacity: 0;
        visibility: hidden;
    }

    #mainnavigation .nav-link.active + input[type="checkbox"]:after,
    #mainnavigation .contentcontainer-column:has(.active) .frame-menu + input[type="checkbox"]:after,
    #mainnavigation .contentcontainer-column:has(.frame-submenu .active) .toggle-level-3:after {
        content: "\e937";
    }

    #mainnavigation .nav-link.active + input[type="checkbox"]:checked:after,
    #mainnavigation .contentcontainer-column:has(.active) .frame-menu + input[type="checkbox"]:checked:after,
    #mainnavigation .contentcontainer-column:has(.frame-submenu .active) .toggle-level-3:checked:after {
        content: "\e93b";
    }

    .navbar-mainnavigation .navbar-collapse input[type="checkbox"]:after {
        line-height: 30px;
    }

    .dropdown-menu .frame-submenu {
        background: #d9d9d9;
        padding-bottom: unset !important;
        padding-top: unset !important;
    }

    .frame-menu ul a,
    .navbar-mainnavigation.navbar-default .frame-submenu a:not(.active) {
        font-size: 18px !important;
        padding: 0 1.75rem 0;
        line-height: 30px !important;
        margin-bottom: 1rem;
    }

    /* .dropdown-menu .contentcontainer .contentcontainer-column > .frame-submenu ul {
        gap: 0.5rem;
    } */

    #mainnavigation .contentcontainer-column div.active p {
        margin-bottom: unset;
    }

    .dropdown-menu .contentcontainer .contentcontainer-column > .frame-submenu ul {
        margin: unset;
        padding: 1rem 0 0 2.5rem;
    }

    #mainnavigation .dropdown-menu .contentcontainer-column:last-child .frame-type-menu_subpages {
        margin-bottom: -1rem;
    }

    .megamenu .contentcontainer .contentcontainer-column:last-child > .frame-menu + .toggle-level-2:checked + .frame-type-menu_subpages + .frame-menu,
    .megamenu .contentcontainer .contentcontainer-column:last-child > .frame-menu:has(.active) + .toggle-level-2 + .frame-type-menu_subpages + .frame-menu {
        margin-top: 1rem;
        transition: none;
    }

    .megamenu .contentcontainer .contentcontainer-column:last-child > .frame-menu:has(.active) + .toggle-level-2:checked + .frame-type-menu_subpages + .frame-menu {
        margin-top: 0;
        transition: none;
    }

    .megamenu .contentcontainer .frame-type-menu_pages:has(.active, .toggle-level-3:checked) + .frame-submenu.frame-type-menu_subpages {
        margin-bottom: 0!important;
        transition: none;
    }

    .megamenu .contentcontainer .frame-type-menu_pages:has(.toggle-level-3:checked) + .frame-submenu.frame-type-menu_subpages {
        margin-bottom: 1rem;
        transition: none;
    }

    .megamenu .contentcontainer .frame-type-menu_pages:has(.active, .toggle-level-3)  + .frame-submenu.frame-type-menu_subpages {
        margin-bottom: 1rem;
        transition: none;
    }


}
/* Laptop/Tablet Querformat */
@media only screen and (max-width: 1024px) {
    /* HEADINGS */

    h1,
    .h1-regular {
        word-break: break-word;
    }

    h1,
    .h1-regular,
    .carousel .carousel-item h1,
    .carousel .carousel-item .h1 {
        font-size: var(--h1-small);
        font-style: normal;
        font-weight: 500;
        line-height: 58px;
        letter-spacing: -0.02em;
    }

    .h2-regular,
    .list-view h2,
    .frame-type-list h2.element-header,
    .carousel .carousel-item h2,
    .carousel .carousel-item .h2 {
        font-size: var(--h2-small);
        font-weight: 500;
        line-height: 46px;
        letter-spacing: -0.015em;
    }

    .list-view h2 {
        margin: 0;
    }

    .h2-small {
        font-size: var(--h2-tiny);
        font-weight: 500;
        line-height: 36px;
        letter-spacing: -0.01em;
        color: var(--dm-solid-primary-1);
    }

    h3,
    .h3-regular {
        font-size: var(--h3-small);
        font-weight: 500;
        line-height: 36px;
        letter-spacing: -0.01em;
        color: var(--dm-solid-primary-1);
    }
    .h3-small,
    .main-section .jobs .frame-type-card_group .card-body .card-subtitle,
    .main-section .frame-type-card_group .card .card-body h3,
    .main-section .frame-type-accordion .accordion .accordion-item button {
        font-size: var(--h3-tiny);
        line-height: 27px;
        letter-spacing: -0.01em;
        color: var(--dm-solid-primary-1);
        margin-bottom: 1.5rem;
    }

    /*.news-1-events-1 .card .card-body h3 a,
    .events-2 .card .card-body h3 a,
    .news-2 .card .card-body h3 a,
    .events-3 .card .card-body h3 a,
    .news-3 .card .card-body h3 a {
        font-size: var(--h3-tiny);
    }*/

    .h3-tiny {
        font-size: var(--h3-micro);
        line-height: 22px;
        letter-spacing: unset;
    }

    .h4-regular {
        font-size: var(--h4-small);
        line-height: 27px;
        letter-spacing: unset;
        color: var(--dm-solid-primary-1);
    }

    .p-large,
    .main-section blockquote p {
        font-size: 20px;
        line-height: 25px;
    }

    p,
    ul li,
    ol li {
        font-size: 16px;
        line-height: 22px;
    }

    /* GENERAL */
    .contentcontainer[data-container-identifier="container_66_33"] {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .contentcontainer-column:empty {
        display: none;
    }

    .contentcontainer[data-container-identifier="container_3_columns"] {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }

    .frame-type-container_1_columns .contentcontainer[data-container-identifier="container_4_columns"] .btn,
    .contentcontainer[data-container-identifier="container_3_columns"] .btn,
    .contentcontainer[data-container-identifier="container_2_columns"] .btn {
        width: 100%;
    }

    html .contentcontainer .frame-background-none.frame-type-texticon {
        padding-top: 0;
    }

    .frame-size-default.frame-background-none.frame-space-after-none:not(.frame-ruler-after):not(.frame-has-backgroundimage):not(.frame-layout-embedded)
        + .frame-size-default.frame-background-none.frame-space-before-none:not(.frame-ruler-before):not(.frame-has-backgroundimage):not(.frame-layout-embedded) {
        --frame-outer-spacing-before: none;
        padding-bottom: 20px;
        padding-top: 20px;
    }

    .usp {
        padding-top: 3.75rem;
    }

    .usp .texticon .texticon-content p {
        margin: 0 0 1.65rem 0;
    }

    /* IMG HEIGHT */

    .fullwidth figure img,
    .fullwidth figure picture,
    .gallery-row .gallery-item img,
    .gallery-row .gallery-item picture,
    .frame-indent .gallery-row .gallery-item img,
    .frame-indent .gallery-row .gallery-item picture {
        min-height: unset;
        max-height: unset;
    }

    /* STICKY ICONS */

    .side-buttons {
        display: none;
    }

    .side-buttons.mobile {
        display: block;
    }

    .side-buttons .side-wrapper {
        top: unset;
        bottom: 60px;
    }
    .side-buttons .side-wrapper.lowered {
        bottom: 17px;
        z-index: 1021;
    }

    .side-buttons .side-wrapper a,
    .side-buttons .side-wrapper .trigger,
    .scroll-top {
        width: 40px;
        height: 40px;
    }

    .side-buttons .side-wrapper a span:not(.phone.label span),
    .side-buttons .side-wrapper a span:not(.mail.label span) {
        display: none;
    }

    .side-buttons .side-wrapper a:before,
    a.side-buttons.webinar::before,
    .scroll-top .scroll-top-icon:before {
        font-size: 1.5rem;
    }

    a.phone.label,
    a.mail.label {
        top: -10px;
        min-width: 263px !important;
    }

    a.phone.label span,
    a.mail.label span {
        min-height: 40px;
        font-size: 1rem;
        width: 200px;
    }

    /* HEADER */

    .header .btn {
        width: 100%;
    }

    .header .contentcontainer[data-container-identifier="container_3_columns"] {
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
    }

    .ingsoft .main-section .farbkachel .contentcontainer,
    .ingsoft .farbkachel .contentcontainer,
    .interwatt .main-section .farbkachel .contentcontainer,
    .easypipe .main-section .farbkachel .contentcontainer,
    .interwatt .farbkachel .contentcontainer,
    .easypipe .farbkachel .contentcontainer {
        gap: 20px;
    }

    .ingsoft .main-section .farbkachel .contentcontainer-column .textmedia,
    .ingsoft .farbkachel .contentcontainer-column .textmedia,
    .interwatt .main-section .farbkachel .contentcontainer-column .textmedia,
    .interwatt .farbkachel .contentcontainer-column .textmedia,
    .easypipe .main-section .farbkachel .contentcontainer-column .textmedia,
    .easypipe .farbkachel .contentcontainer-column .textmedia {
        padding: 32px 40px;
    }

    .header .contentcontainer .frame:first-child + .frame:last-child {
        min-height: calc(270px / 1.2);
        padding-top: 3rem !important;
    }

    .header .schulung .onsite-event::before {
        font-size: 1.5rem;
        max-width: 45px;
        max-height: 45px;
    }

    .header .schulung .onsite-event {
        padding-left: 60px;
    }

    .header .contentcontainer-column .header-kachel ul li,
    .header .contentcontainer-column .schulung ul li {
        font-size: 20px;
        font-weight: 400;
        line-height: 25px;
        letter-spacing: none;
    }

    .header .contentcontainer-column .schulung ul li {
        width: auto;
        padding: 0 7.5% 15px 0;
    }

    .header .contentcontainer-column .schulung ul li:last-child {
        padding-right: 0;
    }

    .header .contentcontainer-column .schulung ul li:last-child:after {
        content: none;
    }

    .header .schulung .btn {
        width: 105%;
    }

    /* TEXT/IMAGE FULL WIDTH */

    .media-right .contentcontainer[data-container-identifier="container_2_columns"] .btn,
    .media-left .contentcontainer[data-container-identifier="container_2_columns"] .btn {
        width: auto;
        margin-top: 0;
    }

    /* CONTACT */

    .kontaktaufnahme .contentcontainer[data-container-identifier="container_33_66"],
    .kontaktaufnahme .contentcontainer[data-container-identifier="container_2_columns"] {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .kontaktaufnahme .contentcontainer-column[data-container-column="right"] .contentcontainer[data-container-identifier="container_2_columns"] {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        gap: 2.75rem;
    }

    .kontaktaufnahme .contentcontainer .contentcontainer-column[data-container-column="right"] {
        gap: 50px;
        display: -ms-grid;
        display: grid;
    }

    .kontaktaufnahme .contentcontainer .contentcontainer[data-container-identifier="container_3_columns"] {
        gap: 2.75rem;
    }

    .main-section .section .kontaktaufnahme-hero .textmedia {
        gap: 50px;
    }
    .main-section .section .kontaktaufnahme-hero .textmedia .textmedia-item {
        width: 100%;
        padding: 0;
    }

    .kontaktaufnahme .contentcontainer .frame-background-none:first-child,
    .kontaktaufnahme .contentcontainer .frame-layout-embedded:first-child {
        padding-bottom: 0;
    }

    .kontaktaufnahme
        .frame-size-default.frame-background-none.frame-space-after-none:not(.frame-ruler-after):not(.frame-has-backgroundimage):not(.frame-layout-embedded)
        + .frame-size-default.frame-background-none.frame-space-before-none:not(.frame-ruler-before):not(.frame-has-backgroundimage):not(.frame-layout-embedded) {
        padding: 0;
    }

    .kontaktaufnahme .textmedia-item .h3-small,
    .kontaktaufnahme-hero .textmedia-item .h3-small {
        font-weight: 500;
        font-size: 28px;
        line-height: 30px;
        letter-spacing: -0.01em;
    }

    .kontaktaufnahme .contentcontainer-column[data-container-column="right"] p,
    .kontaktaufnahme-hero .textmedia-item p {
        font-weight: 400;
        font-size: 20px;
        line-height: 25px;
    }

    .kontaktaufnahme-hero .textmedia-item .h3-small,
    .main-section .well {
        margin-top: 32px;
    }

    /* PHONE / MAIL IN TEXT ELEMENT */

    .main-section .well {
        margin: 2.5rem 0 1rem 0;
    }

    /* CTA */
    .cta .frame-inner > *:last-child {
        margin: 0 auto;
        text-align: center;
    }

    .cta-spalten {
        padding-top: 3rem !important;
    }

    .cta-spalten .contentcontainer {
        row-gap: 0;
    }

    .cta-spalten .contentcontainer .contentcontainer-column > .frame {
        padding-top: 0;
        padding-bottom: 0;
        margin-bottom: 0px;
    }

    .cta .contentcontainer[data-container-identifier="container_2_columns"] {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .cta .btn {
        width: auto !important;
    }

    .cta .contentcontainer {
        gap: 48px;
    }

    .cta-spalten .contentcontainer[data-container-identifier="container_3_columns"] {
        row-gap: 40px;
    }

    /* AKKORDEON */

    .acc .contentcontainer[data-container-identifier="container_2_columns"],
    .acc .contentcontainer[data-container-identifier="container_3_columns"] {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    /* FOOTER */

    .interwatt #page-footer .contentcontainer[data-container-identifier="container_2_columns_left"],
    .easypipe #page-footer .contentcontainer[data-container-identifier="container_2_columns_left"] {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 80px;
    }

    .interwatt #page-footer .contentcontainer[data-container-identifier="container_2_columns_left"] .contentcontainer-column[data-container-column="right"] > .frame,
    .easypipe #page-footer .contentcontainer[data-container-identifier="container_2_columns_left"] .contentcontainer-column[data-container-column="right"] > .frame {
        width: auto;
    }

    .interwatt #page-footer .contentcontainer[data-container-identifier="container_2_columns_left"] .contentcontainer-column[data-container-column="right"] > .frame:first-child,
    .easypipe #page-footer .contentcontainer[data-container-identifier="container_2_columns_left"] .contentcontainer-column[data-container-column="right"] > .frame:first-child {
        width: auto;
        padding-bottom: 0px;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .interwatt #page-footer .contentcontainer[data-container-identifier="container_2_columns_left"] .contentcontainer-column[data-container-column="right"] > .frame:nth-of-type(2),
    .easypipe #page-footer .contentcontainer[data-container-identifier="container_2_columns_left"] .contentcontainer-column[data-container-column="right"] > .frame:nth-of-type(2) {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        padding-bottom: 0px;
        padding-top: 0px;
    }
    .interwatt #page-footer .contentcontainer[data-container-identifier="container_2_columns_left"] .contentcontainer-column[data-container-column="right"] > .frame:nth-of-type(3),
    .easypipe #page-footer .contentcontainer[data-container-identifier="container_2_columns_left"] .contentcontainer-column[data-container-column="right"] > .frame:nth-of-type(3) {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        padding-top: 30px;
    }

    .interwatt #page-footer .contentcontainer[data-container-identifier="container_2_columns_left"] .contentcontainer[data-container-identifier="container_4_columns"] .contentcontainer-column[data-container-column="right"] > .frame,
    .easypipe #page-footer .contentcontainer[data-container-identifier="container_2_columns_left"] .contentcontainer[data-container-identifier="container_4_columns"] .contentcontainer-column[data-container-column="right"] > .frame {
        width: 100%;
    }

    #page-footer .contentcontainer[data-container-identifier="container_2_columns"] .contentcontainer-column[data-container-column="right"],
    #page-footer .contentcontainer[data-container-identifier="container_2_columns"] .contentcontainer-column[data-container-column="left"] {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    #page-footer .contentcontainer[data-container-identifier="container_2_columns"] .contentcontainer-column[data-container-column="right"] > .frame {
        padding-top: 0;
    }

    #page-footer .frame-type-div {
        padding-top: 0;
        padding-bottom: 0;
    }

    #page-footer .contentcontainer[data-container-identifier="container_2_columns"] .contentcontainer-column[data-container-column="right"] > .frame.frame-type-html {
        display: none;
    }

    /* TABELLE */

    .main-section .table-responsive tbody tr th {
        position: sticky;
        left: -1px;
        padding: 1rem;
        hyphenate-limit-chars: 15;
    }

    .main-section .table-responsive tbody tr:not(:first-of-type) th {
        -webkit-filter: drop-shadow(2px 0px 8px rgba(0, 0, 0, 0.4));
        filter: drop-shadow(2px 0px 8px rgba(0, 0, 0, 0.4));
    }

    .main-section .table-responsive tbody tr:first-of-type th:first-of-type {
        -webkit-filter: drop-shadow(2px 0px 8px rgba(0, 0, 0, 0.4));
        filter: drop-shadow(2px 0px 8px rgba(0, 0, 0, 0.4));
        z-index: 1;
    }

    .main-section .table-responsive tbody tr:not(:first-of-type) th {
        z-index: 1;
    }

    /* TESTIMONIALS */

    .carousel .item {
        height: auto;
    }

    .main-section .frame-type-carousel .carousel-item-type-text_and_image .carousel-content-inner.testimonial {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 5rem;
    }

    .carousel-item-type-text_and_image .carousel-image {
        display: block;
    }

    .main-section .frame-type-carousel .carousel-item-type-text_and_image .carousel-content .testimonial p a {
        padding: 13px 1rem;
        border: 1px solid var(--dm-transparent-primary-5);
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 1rem;
        width: 100%;
        color: var(--dm-solid-primary-2);
        font-size: 16px;
    }

    .main-section .frame-type-carousel .carousel-item-type-text_and_image .carousel-content .testimonial p a:after {
        display: none;
    }

    .main-section .frame-type-carousel .carousel-item-type-text_and_image .testimonial-left img {
        max-width: 220px;
        max-height: 220px;
        min-height: 220px;
        min-width: 220px;
    }

    .carousel .carousel-control-icon {
        top: 0;
        -webkit-transform: translate(0, -100%);
        -ms-transform: translate(0, -100%);
        transform: translate(0, -100%);
    }

    .main-section .frame-type-carousel .carousel-item-type-text_and_image .testimonial-right .carousel-text:before {
        -webkit-transform: translate(0, -100%);
        -ms-transform: translate(0, -100%);
        transform: translate(0, -100%);
    }

    .main-section .frame-type-carousel .carousel-item-type-text_and_image .carousel-content .testimonial p {
        padding-left: 0;
        padding-top: 1rem;
        font-weight: 400;
        font-size: 20px;
        line-height: 25px;
    }

    .main-section .frame-type-carousel .carousel-item-type-text_and_image .testimonial-left h3 {
        font-size: 24px;
        font-weight: 500;
        line-height: 26px;
        letter-spacing: -0.01em;
    }

    .main-section .frame-type-carousel .carousel-item-type-text_and_image .testimonial-left h4 {
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

    .main-section .frame-type-carousel .carousel-item-type-text_and_image .testimonial-left .carousel-image {
        padding-bottom: 1rem;
    }

    .main-section .frame-type-carousel .carousel-item-type-text_and_image .testimonial-right .carousel-control .carousel-control-prev-icon {
        left: 25px;
    }

    /* TAB CONTENT */

    .tabcontent .contentcontainer[data-container-identifier="container_3_columns"] {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 0;
    }

    /* JOB ADS */
    .jobs .card-body ul li {
        font-size: 1rem;
        line-height: 22px;
    }

    .main-section ul li:before {
        font-size: 1.25rem;
    }

    .jobs .frame-type-card_group .card-body a {
        margin-top: 1.25rem;
    }

    .jobs .card-group-element-columns-4 p:first-of-type {
        font-size: 18px;
        font-weight: 600;
        line-height: 22px;
    }

    .main-section .jobs .frame-type-card_group .card-body .card-subtitle {
        margin-bottom: 1rem;
    }

    /* MATCH */
    .main-section .frame-type-card_group .card-group-element-columns-2 .card .card-body,
    .main-section .frame-type-card_group .card-group-element-columns-3 .card .card-body,
    .main-section .frame-type-card_group .card-group-element-columns-4 .card .card-body {
        min-height: unset;
    }

    .main-section .frame-type-card_group .card-group-element-columns-2 .card-img-top picture,
    .main-section .frame-type-card_group .card-group-element-columns-2 .card-img-top img,
    .main-section .frame-type-card_group .card-group-element-columns-3 .card-img-top picture,
    .main-section .frame-type-card_group .card-group-element-columns-3 .card-img-top img,
    .main-section .frame-type-card_group .card-group-element-columns-4 .card-img-top picture,
    .main-section .frame-type-card_group .card-group-element-columns-4 .card-img-top img {
        min-height: 500px;
        max-height: 500px;
    }

    .main-section .frame-type-card_group .card-group-element-columns-3 {
        --cardgroup-columns: 2;
    }

    .match-group .contentcontainer .contentcontainer-column > .frame-type-card_group {
        padding-bottom: 0;
        padding-top: 0;
        margin-bottom: 20px;
    }

    .match-group .frame-inner > *:last-child {
        margin-bottom: 0.5rem;
    }

    /* REFERENZEN */

    .referenzen .tabcontent .frame-inner {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .referenzen .frame-type-image figure,
    .referenzen .frame-inner > *:last-child .frame-type-image .frame-inner > *:last-child {
        width: calc(25% - 9px);
    }

    .referenzen .frame-inner {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .referenzen .frame-type-text {
        padding-bottom: 0px !important;
        padding-top: 12px !important;
    }

    .referenzen .tabcontent figure,
    .referenzen .frame-inner > *:last-child .tabcontent .frame-inner > *:last-child {
        width: 32%;
        padding-bottom: calc(16% + 3rem);
    }

    .referenzen .tabcontent .frame-inner {
        gap: 0;
    }

    .referenzen .frame-inner {
        gap: 0.75rem;
    }

    .referenzen .frame-type-image figure:nth-of-type(n+5) {
        display: none;
    }

    .referenzen .frame-inner > *:last-child .tabcontent .frame-inner > *:last-child,
    .referenzen .tabcontent figure:nth-of-type(5) {
        display: block !important;
    }

    .referenzen .frame-type-image {
        padding-top: 0;
    }

    /* TEXT MODULE */

    ul.button-wrap > li {
        width: 100%;
    }

    /* WRT */
    .wrt .contentcontainer[data-container-identifier="container_3_columns"] {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .wrt .contentcontainer .contentcontainer-column > .frame {
        min-height: unset;
        height: 170px;
    }

    /* BACKED TEXT BOXES */

    .main-section .textkasten .contentcontainer .frame {
        min-height: unset;
        max-height: 168px;
        padding: 50px;
    }

    /* IMAGE GALLERY */

    /*.carousel .slidernavigation .carousel-control .carousel-control-icon {
        bottom: 20px;
    }*/

    /* TAB-FILTER */

    .contentcontainer[data-container-identifier="featured_filter"] .tab-navigation .nav button,
    .contentcontainer[data-container-identifier="featured_filter"] .tab-navigation .nav button.active,
    .event-list-value.event-header .tab-navigation .nav .nav-link,
    .news-grid-4 .tab-navigation .nav .nav-link {
        font-size: 20px;
        line-height: 25px;
    }

    .contentcontainer[data-container-identifier="featured_filter"] .tab-navigation .nav .nav-link.active:before {
        border-bottom: solid 2px #d9d9d9;
    }

    .frame-background-light .event-list-value.event-header .tab-navigation .nav .nav-link.active:before,
    .news-grid-4 .tab-navigation .nav .nav-link.active:before {
        border-bottom: solid 2px #7b7b7b;
    }

    .referenzen .btn-references-show-more,
    .referenzen .btn-references-show-less {
        margin: 3rem auto 1rem auto;
    }

    /* AKKORDEON */

    .main-section .frame-type-accordion .accordion .accordion-item button:before {
        font-size: 24px;
    }

    .main-section .frame-type-accordion .accordion .accordion-item button {
        margin-bottom: 0;
    }

    .main-section .frame-type-accordion .accordion .accordion-item .accordion-collapse .accordion-body {
        padding: 0.5rem 4rem 2rem;
    }

    /*EVENTS*/

    .event-list-value.event-header .tab-navigation .nav .nav-link {
        font-size: 20px;
        line-height: 25px;
    }

    .frame-type-list h2.element-header {
        margin-bottom: 50px;
        margin-top: 50px;
    }

    .events-2 .card-group-element.card-group-element-columns-2,
    .news-2 .card-group-element.card-group-element-columns-2,
    .events-3 .card-group-element.card-group-element-columns-3,
    .news-3 .card-group-element.card-group-element-columns-3,
    .events-4 .card-group-element.card-group-element-columns-4,
    .news-4 .card-group-element.card-group-element-columns-4,
    .list-view .card-group-element.card-group-element-columns-4 {
        gap: 48px;
    }

    .events-2 .card-group-element-columns-2 .card-group-element-item,
    .news-2 .card-group-element-columns-2 .card-group-element-item,
    .events-3 .card-group-element-columns-3 .card-group-element-item,
    .news-3 .card-group-element-columns-3 .card-group-element-item,
    .events-4 .card-group-element-columns-4 .card-group-element-item,
    .news-4 .card-group-element-columns-4 .card-group-element-item {
        width: calc(100% / var(--cardgroup-columns) - 48px / 2);
    }

    .list-view .card-group-element-columns-4 .card-group-element-item {
        width: calc(100% / var(--cardgroup-columns) - 48px / 2);
    }

    .list-view .contentcontainer[data-container-identifier="container_2_columns"]:before {
        top: calc(50% + 1.85rem);
    }

    /* PHONE / MAIL IN TEXT ELEMENT */

    .main-section .well a {
        font-size: 20px;
        line-height: 25px;
    }

    .main-section .well a:before {
        font-size: 20px;
    }

    .main-section .well {
        padding: 0.5rem 0.5rem;
    }

    /* LISTS */

    .main-section ul li:before,
    .header .contentcontainer-column .header-kachel ul li:before,
    .header .contentcontainer-column .schulung ul li:before {
        font-size: 2rem;
        line-height: inherit;
    }

    /* USER STORIES */
    .bericht {
        padding: 0;
        padding-top: 16px;
        padding-bottom: 16px;
    }

    .frame-type-container_1_columns .frame-default.frame-type-container_2_columns.bericht .contentcontainer[data-container-identifier="container_2_columns"] {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .bericht .contentcontainer,
    .bericht .contentcontainer .contentcontainer-column {
        gap: 32px;
    }

    .bericht h4 {
        font-size: 20px;
        line-height: 22px;
    }

    .bericht .contentcontainer .contentcontainer-column .frame-inner {
        padding: 32px 40px;
    }

    /* MATCH */

    .main-section .frame-type-card_group .card-group-element-columns-2,
    .main-section .frame-type-card_group .card-group-element-columns-3,
    .main-section .frame-type-card_group .card-group-element-columns-4 {
        gap: 20px;
    }

    .frame-type-card_group .card-group-element-columns-2 a,
    .frame-type-card_group .card-group-element-columns-3 a,
    .frame-type-card_group .card-group-element-columns-4 a {
        width: calc(100% / 2 - 10px);
    }

    /* GRID 1 VERANSTALTUNG + 1 NEWS */

    .news-1-events-1 .event-list-item .card .card-footer a,
    .news-1-events-1 .news .card .card-footer a,
    .events-2 .event-list-item .card .card-footer a,
    .news-2 .card .card-footer a,
    .events-3 .event-list-item .card .card-footer a,
    .news-3 .card .card-footer a {
        width: 100%;
    }

    /* GRID 3 EVENTS / 3 NEWS */

    .events-3 .card-group-element.card-group-element-columns-3,
    .news-3 .card-group-element.card-group-element-columns-3 {
        --cardgroup-columns: 2;
    }

    /* TEXT/IMAGE FULL WIDTH */

    .fullwidth .frame-type-text p {
        margin: 25px 0 30px 0;
    }

    .pswp__button.pswp__button--arrow--left {
        left: 43%;
    }

    .pswp__button.pswp__button--arrow--right {
        right: 43%;
    }

    /* FEATURE FILTER COL */

    .jobs .tabcontent {
        width: 50%;
    }

    .referenzen-feature .tabcontent {
        width: 25%;
        margin-bottom: var(--bs-gutter-x);
    }

    .jobs [data-container-identifier="featured_filter"] .card-group-element a {
        width: 100%;
    }

    /* REFERENZEN */

    .referenzen .contentcontainer-column {
        gap: 32px;
    }

    /* REFERENZEN FILTER */

    .referenzen-feature figcaption.caption {
        font-size: 20px;
        line-height: 22px;
    }

    .referenzen-feature figcaption.caption a {
        font-size: 14px;
        line-height: 20px;
    }

    /* POWERMAIL NEWSLETTER ALERT */

    .tx-powermail .powermail_create {
        font-size: 16px;
    }

    /* End Meda Query */

    /* SCROLLBAR =====================================================================================*/

    div.table-responsive {
      overflow: auto;
      -webkit-overflow-scrolling: touch;
    }

    /* Styles for non-iOS scrollbars */
    div.table-responsive::-webkit-scrollbar {
      width: 16px;
      background: transparent;
    }

    div.table-responsive::-webkit-scrollbar-track {
      border-radius: 50px;
      background: rgba(255, 255, 255, 0.05);
    }

    div.table-responsive::-webkit-scrollbar-thumb {
      background: rgba(255, 255, 255, 0.23);
      border-radius: 50px;
      -webkit-box-shadow: 2px 0px 8px rgb(0 0 0 / 40%);
      box-shadow: 2px 0px 8px rgb(0 0 0 / 40%);
    }

    div.table-responsive .table {
      margin-bottom: 32px;
    }

    /* Styles for iOS scrollbars */
    @supports (-webkit-overflow-scrolling: touch) {
      div.table-responsive::-webkit-scrollbar-thumb {
        background: rgba(255, 255, 255, 0.23);
        border-radius: 50px;
        -webkit-box-shadow: 2px 0px 8px rgb(0 0 0 / 40%);
        box-shadow: 2px 0px 8px rgb(0 0 0 / 40%);
      }
        div.table-responsive {
          overflow: scroll; /* This is necessary to enable scrolling on iOS */
          -webkit-overflow-scrolling: touch; /* Enable smooth scrolling on iOS */
        }
    }

}

/* Laptop/Tablet Querformat */
@media only screen and (max-width: 991px) {
    /* HEADER */

    .interwatt .main-section .farbkachel .contentcontainer-column .textmedia,
    .interwatt .farbkachel .contentcontainer-column .textmedia,
    .easypipe .main-section .farbkachel .contentcontainer-column .textmedia,
    .easypipe .farbkachel .contentcontainer-column .textmedia {
        padding: 32px 20px;
    }

    /* HEADER + TRAINING */
    .course .contentcontainer-column .header-kachel ul.list-normal {
        -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 10px;
    }

    .course .contentcontainer-column .header-kachel ul li {
        width: 44%;
    }

    .course .header-kachel li::after {
        content: none;
    }

    /* FOOTER*/

    .interwatt #page-footer .contentcontainer[data-container-identifier="container_4_columns"],
    .easypipe #page-footer .contentcontainer[data-container-identifier="container_4_columns"] {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        max-width: 600px;
        margin: 0 auto;
    }

    .interwatt #page-footer .contentcontainer[data-container-identifier="container_2_columns_left"],
    .easypipe #page-footer .contentcontainer[data-container-identifier="container_2_columns_left"] {
        gap: 0;
    }

    .interwatt #page-footer .frame-type-container_2_columns_left,
    .easypipe #page-footer .frame-type-container_2_columns_left {
        padding-bottom: 0px;
    }

    .interwatt #page-footer .contentcontainer[data-container-identifier="container_2_columns_left"] .contentcontainer-column[data-container-column="right"],
    .easypipe #page-footer .contentcontainer[data-container-identifier="container_2_columns_left"] .contentcontainer-column[data-container-column="right"] {
        border-top: 1px solid rgba(255, 255, 255, 0.23);
        padding-top: 30px;
    }

    .interwatt #page-footer .contentcontainer[data-container-identifier="container_2_columns_left"] .contentcontainer[data-container-identifier="container_4_columns"] .contentcontainer-column[data-container-column="right"],
    .easypipe #page-footer .contentcontainer[data-container-identifier="container_2_columns_left"] .contentcontainer[data-container-identifier="container_4_columns"] .contentcontainer-column[data-container-column="right"] {
        border-top: none;
        padding-top: 0;
    }

    .interwatt #page-footer .contentcontainer[data-container-identifier="container_2_columns_left"] .contentcontainer-column[data-container-column="right"] {
        padding-bottom: 20px;
    }

    /* End Meda Query */
}
@media only screen and (max-width: 900px) {
    .gradient-middle {
        width: 100%;
        max-width: unset;
    }
}

@media only screen and (max-width: 850px) {
    .header .contentcontainer-column .schulung .frame-inner h3 {
        margin-bottom: 40px;
    }

    .header .contentcontainer-column .schulung ul {
        display: block;
    }

    .header .contentcontainer-column .schulung ul li:after {
        content: none;
    }
    /* End Meda Query */
}

@media only screen and (max-width: 768px) {
    /* GENERAL */

    .contentcontainer[data-container-identifier="container_3_columns"],
    .frame-type-container_1_columns .frame-default.frame-type-container_2_columns .contentcontainer[data-container-identifier="container_2_columns"] {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    /* h1:last-of-type,
    h2:last-of-type,
    h3:last-of-type,
    h4:last-of-type,
    h5:last-of-type,
    h6:last-of-type {
        margin-bottom: revert !important;
    }*/

    /* LOGO */

    .navbar-mainnavigation .navbar-brand {
        margin-right: 0;
        height: 70px;
    }

    /* HEADER */

    .header:before {
        padding-bottom: 180px;
    }
    .header .contentcontainer[data-container-identifier="container_3_columns"] {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .hh .textmedia,
    .sm .textmedia {
        max-width: 100%;
    }

    .hh {
        margin-top: 80px;
    }

    /* TEXT/IMAGE FULL WIDTH */
    .main-section .section .fullwidth .textmedia .textmedia-text {
        padding-left: var(--bs-gutter-x, 20px);
        padding-right: var(--bs-gutter-x, 20px);
    }

    /* 5ER-CONTAINER 20/20/20/20/20 */
    .contentcontainer[data-container-identifier="container_5_cols"] {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 50px;
    }

    /* Carousel */

    .carousel .carousel-content-inner {
        flex-direction: column;
    }

    .main-section .frame-type-carousel .carousel-item-type-text_and_image .carousel-content-inner {
        padding: 2rem 0;
    }
    .main-section .frame-type-carousel .carousel-item-type-text_and_image .carousel-content-inner .carousel-text {
        padding-right: 0;
    }

    .main-section .frame-type-carousel .carousel-item-type-text_and_image .carousel-content-inner .carousel-text.w-50,
    .main-section .frame-type-carousel .carousel-item-type-text_and_image .carousel-content-inner .image.w-50{
        width: 100% !important
    }

    .carousel .carousel-control, .carousel .carousel-inner {
        margin-bottom: 1rem;
    }

    /* TESTIMONIALS */

    .main-section .frame-type-carousel .carousel-item-type-text_and_image .carousel-content-inner.testimonial {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .main-section .frame-type-carousel .carousel-item-type-text_and_image .testimonial .testimonial-left {
        width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }

    .carousel .carousel-control {
        width: 100px;
    }

    .main-section .frame-type-carousel .carousel-item-type-text_and_image .testimonial .testimonial-right {
        width: 100%;
    }

    /*FOOTER*/
    .ingsoft #page-footer .contentcontainer[data-container-identifier="container_3_columns"],
    .interwatt #page-footer .contentcontainer[data-container-identifier="container_2_columns_left"] .contentcontainer-column[data-container-column="right"],
    .easypipe #page-footer .contentcontainer[data-container-identifier="container_2_columns_left"] .contentcontainer-column[data-container-column="right"] {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 30px;
    }

    .interwatt #page-footer .contentcontainer[data-container-identifier="container_2_columns"] .contentcontainer-column[data-container-column="left"],
    .easypipe #page-footer .contentcontainer[data-container-identifier="container_2_columns"] .contentcontainer-column[data-container-column="left"] {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 0;
    }
    #page-footer .contentcontainer[data-container-identifier="container_2_columns"] .contentcontainer-column[data-container-column="left"] > .frame:last-child {
        text-align: center;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        padding-bottom: 28px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.23);
        margin-bottom: 28px;
        padding-top: 5px;
    }
    #page-footer .contentcontainer[data-container-identifier="container_2_columns"] .contentcontainer-column[data-container-column="left"] > .frame:first-child {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    #page-footer .contentcontainer[data-container-identifier="container_2_columns"] .contentcontainer-column[data-container-column="left"] > .frame:nth-of-type(2) {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }
    #page-footer .contentcontainer[data-container-identifier="container_2_columns"] .contentcontainer-column[data-container-column="left"] {
        border-bottom: none;
    }
    .ingsoft #page-footer .contentcontainer[data-container-identifier="container_2_columns"] .contentcontainer-column[data-container-column="left"] > .frame:last-child {
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 0px;
    }
    .ingsoft #page-footer .contentcontainer[data-container-identifier="container_2_columns"] .contentcontainer-column[data-container-column="left"] {
        border-bottom: 1px solid rgba(255, 255, 255, 0.23);
    }

    .interwatt #page-footer .contentcontainer[data-container-identifier="container_2_columns_left"] .contentcontainer-column[data-container-column="left"] .contentcontainer-column[data-container-column="right"] > .frame:first-child,
    .easypipe #page-footer .contentcontainer[data-container-identifier="container_2_columns_left"] .contentcontainer-column[data-container-column="left"] .contentcontainer-column[data-container-column="right"] > .frame:first-child {
        width: 100%;
    }

    .interwatt #page-footer .contentcontainer[data-container-identifier="container_2_columns"] .contentcontainer-column[data-container-column="left"] .frame:nth-of-type(2) .frame-inner,
    .easypipe #page-footer .contentcontainer[data-container-identifier="container_2_columns"] .contentcontainer-column[data-container-column="left"] .frame:nth-of-type(2) .frame-inner {
        min-width: unset;
        padding-left: 1rem;
    }

    /* CTA COLUMNS */

    .cta-spalten {
        padding-top: 35px !important;
        padding-bottom: 0 !important;
    }

    .cta-spalten + .cta-spalten {
        padding-top: 0 !important;
    }

    .cta-spalten .contentcontainer .contentcontainer-column > .frame {
        margin-bottom: 35px;
        height: auto !important;
    }

    .cta-spalten .frame-type-text h3 {
        margin-bottom: 16px;
    }

    .cta-spalten .frame-type-text p {
        margin-bottom: 24px;
    }

    .cta-spalten .frame-type-text p:last-child {
        margin-bottom: 0;
    }

    .cta-spalten .contentcontainer[data-container-identifier="container_3_columns"] {
        row-gap: 0;
    }

    /* KACHEL TRAINING */

    .header .schulung .btn {
        width: 106%;
    }

    /* AKKORDEON */

    .acc .contentcontainer {
        gap: 0;
    }

    /* End Meda Query */
}

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

@media only screen and (max-width: 600px) {
    /* GENERAL */

    .card-group-element-columns-4 {
        --cardgroup-columns: 1;
    }

    /* HEADINGS */

    h1,
    .h1-regular,
    .carousel .carousel-item h1,
    .carousel .carousel-item .h1 {
        font-size: var(--h1-tiny);
        line-height: 46px;
        letter-spacing: -0.01em;
    }

    .h2-regular,
    .list-view h2 {
        font-size: var(--h2-tiny);
        line-height: 36px;
        letter-spacing: -0.01em;
        color: var(--dm-solid-primary-1);
        margin-bottom: 15px;
    }
    .list-view h2 {
        margin-bottom: 0;
    }

    .h2-small {
        font-size: var(--h2-micro);
        line-height: 26px;
        letter-spacing: unset;
        color: var(--dm-solid-primary-1);
    }

    .h3-regular {
        font-size: var(--h3-tiny);
        line-height: 27px;
        letter-spacing: -0.01em;
        color: var(--dm-solid-primary-1);
    }

    .h3-small,
    .main-section .frame-type-card_group .card .card-body h3 {
        font-size: var(--h3-micro);
        line-height: 22px;
        letter-spacing: unset;
        color: var(--dm-solid-primary-1);
        margin-bottom: 16px;
    }

    /*.news-1-events-1 .card .card-body h3 a,
    .events-2 .card .card-body h3 a,
    .news-2 .card .card-body h3 a,
    .events-3 .card .card-body h3 a,
    .news-3 .card .card-body h3 a {
        font-size: var(--h3-micro);
    }*/

    .h4-regular {
        font-size: var(--h4-tiny);
        line-height: 22px;
        letter-spacing: unset;
        color: var(--dm-solid-primary-1);
    }

    .p-large,
    .main-section blockquote p {
        font-size: 18px;
    }

    p {
        font-size: 16px;
    }

    .frame-type-list h2.element-header {
        font-size: var(--h2-tiny);
        line-height: 36px;
        letter-spacing: -0.01em;
        margin-bottom: 50px;
        margin-top: 30px;
    }

    /* BUTTONS */

    .btn {
        width: 100%;
    }

    /* HEADER */

    .header .frame-backgroundimage-container,
    .header .frame-backgroundimage {
        background-position: 86% -80px;
        height: 100%;
    }

    .header .contentcontainer .frame.frame-type-container_66_33:first-child {
        width: 100%;
    }

    /* HEADER + TRAINING */

    .header .schulung .onsite-event::before {
        width: 40px;
        height: 40px;
        font-size: 1.2rem;
    }

    .header .schulung .onsite-event {
        padding-left: 55px;
    }

    .header .contentcontainer-column .header-kachel ul li,
    .header .contentcontainer-column .schulung ul li {
        font-size: 16px;
        font-weight: 400;
        line-height: 22px;
    }

    .header .contentcontainer .frame:first-child + .frame:last-child {
        padding-top: 4rem !important;
    }

    .header .contentcontainer-column .header-kachel ul li:not(:last-of-type) {
        padding-bottom: 15px;
    }

    .header .contentcontainer[data-container-identifier="container_1_columns"] .frame.header-button .btn {
        width: 100%!important;
    }

    /* LIST VIEW */
    .list-view {
        padding: 32px 0;
    }

    .list-view .card-group-element-item {
        width: 100% !important;
        margin-bottom: 50px;
    }
    .list-view {
        padding: 100px 0px 50px;
    }

    .list-view .card-img-top picture,
    .list-view .card-img-top img {
        display: none;
    }

    .list-view .event-list-item .online-event .card-img-top:after,
    .list-view .event-list-item .onsite-event .card-img-top:after {
        margin: 0;
        max-width: 40px;
        max-height: 40px;
        font-size: 1.5rem;
        bottom: -20px;
    }

    .events .card-title {
        margin-top: 1.75rem;
    }

    .news .card-title {
        margin-top: 1rem;
    }

    .event-list-item .card .card-body .event-list-row:nth-of-type(1) {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        gap: 15px;
    }

    .event-header,
    .news-header,
    .event-list-item .card .card-body,
    .news .card .card-body {
        padding-bottom: 24px;
    }

    .events .frame-inner,
    .news .frame-inner {
        padding-bottom: 0.5rem;
    }
    .event-list-item .card .card-body,
    .news .card .card-body {
        padding-top: 10px;
    }

    .event-header a,
    .news-header a {
        position: absolute;
        bottom: 0;
    }

    .list-view .card-group-element-item {
        margin-bottom: 1rem;
    }

    .list-view.events .event-list-item .card .card-body .event-list-row:nth-of-type(1),
    .news .card .card-body span.news-list-row:nth-of-type(1),
    .list-view.news-1-events-1 .event-list-item .card .card-body .event-list-row:nth-of-type(1) {
        padding-bottom: 0;
    }

    .language-1 .list-view .event-list-item .card .card-body .event-list-row:nth-of-type(1),
    .easypipe .list-view .event-list-item .card .card-body .event-list-row:nth-of-type(1) {
        padding-bottom: 0;
    }

    .event-list-item .card-group-element-item:last-child,
    .news-list-view .card-group-element-item:last-child {
        padding-bottom: 50px;
    }

    .event-list-item h3,
    .card-group-element-item h3 {
        font-size: var(--h3-micro);
        line-height: 22px;
    }

    .events-2 .card-group-element.card-group-element-columns-2,
    .news-2 .card-group-element.card-group-element-columns-2,
    .events-3 .card-group-element.card-group-element-columns-3,
    .news-3 .card-group-element.card-group-element-columns-3,
    .events-4 .card-group-element.card-group-element-columns-4,
    .news-4 .card-group-element.card-group-element-columns-4 {
        gap: 32px;
    }

    .event-list-item .card,
    .news .card {
        gap: 0px;
    }
    .list-view .card-title {
        margin-bottom: 12px;
    }

    .event-list-item .card .card-body h3,
    .news .card .card-body h3 {
        line-height: 22px;
    }

    .list-view .contentcontainer-column[data-container-column="left"] {
        padding: 0 0 33px;
    }

    .list-view .contentcontainer-column[data-container-column="left"],
    .list-view .contentcontainer-column[data-container-column="right"] {
        padding: 33px 0px 45px;
    }

    .list-view .news .news-list-view .card-group-element {
        gap: 7px;
    }

    .list-view .event-list-item .card-group-element {
        gap: 15px;
    }

    /* CONTACT */

    .kontaktaufnahme .contentcontainer-column[data-container-column="right"] .contentcontainer[data-container-identifier="container_2_columns"],
    .kontaktaufnahme .contentcontainer[data-container-identifier="container_3_columns"],
    .frame-type-container_1_columns .frame-default.frame-type-container_2_columns .contentcontainer[data-container-identifier="container_2_columns"],
    .frame-default.frame-type-container_2_columns.kontaktaufnahme .contentcontainer[data-container-identifier="container_2_columns"] .contentcontainer[data-container-identifier="container_2_columns"] {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        display: -ms-grid;
        display: grid;
    }

    .section-space {
        padding: 60px 0px 60px !important;
    }

    /* CTA */

    .cta .container-fluid {
        padding: 0;
    }

    .cta .contentcontainer {
        gap: 32px;
    }

    /* USP / TEXT-ICON */

    .usp {
        padding-top: 2rem;
    }

    .usp .contentcontainer[data-container-identifier="container_4_columns"],
    .usp .contentcontainer[data-container-identifier="container_3_columns"] {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .usp .texticon-icon .texticon-inner-icon,
    .usp .texticon-icon .texticon-inner-icon svg,
    .usp .texticon-icon .texticon-inner-icon img {
        height: 90px;
    }

    .usp .texticon-icon {
        margin-bottom: 16px;
    }

    /* 5ER-CONTAINER 20/20/20/20/20 */

    .contentcontainer[data-container-identifier="container_5_cols"] > div {
        width: 100%;
    }

    .contentcontainer[data-container-identifier="container_5_cols"] .container-five-group img {
        max-height: 100px;
    }

    /* TESTIMONIALS */

    .main-section .frame-type-carousel .carousel-item-type-text_and_image .carousel-content-inner.testimonial {
        padding: 0;
    }

    /* TEXT/IMAGE FULL WIDTH */

    .media-right .contentcontainer[data-container-identifier="container_2_columns"] .btn,
    .media-left .contentcontainer[data-container-identifier="container_2_columns"] .btn {
        width: 100%;
    }

    /*FOOTER*/
    .interwatt #page-footer .contentcontainer[data-container-identifier="container_4_columns"],
    .easypipe #page-footer .contentcontainer[data-container-identifier="container_4_columns"] {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        padding: 0 40px 30px;
    }

    .interwatt #page-footer .contentcontainer[data-container-identifier="container_2_columns_left"] .contentcontainer-column[data-container-column="right"],
    .easypipe #page-footer .contentcontainer[data-container-identifier="container_2_columns_left"] .contentcontainer-column[data-container-column="right"] {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 50px;
    }
    #page-footer .contentcontainer[data-container-identifier="container_2_columns"] .contentcontainer-column[data-container-column="right"] {
        gap: 18px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .interwatt #page-footer .contentcontainer[data-container-identifier="container_2_columns_left"] .contentcontainer-column[data-container-column="right"] > .frame,
    .easypipe #page-footer .contentcontainer[data-container-identifier="container_2_columns_left"] .contentcontainer-column[data-container-column="right"] > .frame,
    .interwatt #page-footer .contentcontainer[data-container-identifier="container_2_columns_left"] .contentcontainer-column[data-container-column="right"] > .frame:first-child,
    .easypipe #page-footer .contentcontainer[data-container-identifier="container_2_columns_left"] .contentcontainer-column[data-container-column="right"] > .frame:first-child {
        width: auto;
    }
    #page-footer .contentcontainer[data-container-identifier="container_2_columns"] .contentcontainer-column[data-container-column="right"],
    #page-footer .contentcontainer[data-container-identifier="container_2_columns"] .contentcontainer-column[data-container-column="left"] {
        padding: 40px 0 40px;
    }
    #page-footer .contentcontainer[data-container-identifier="container_2_columns"] .contentcontainer-column[data-container-column="left"] > .frame:last-child {
        padding-bottom: 40px;
        margin-bottom: 40px;
    }

    #page-footer .footer-section-content:before {
        background-size: auto;
        height: 100%;
        background-repeat: no-repeat;
    }

    .interwatt #page-footer .contentcontainer[data-container-identifier="container_2_columns_left"],
    .easypipe #page-footer .contentcontainer[data-container-identifier="container_2_columns_left"] {
        gap: 20px;
    }

    #page-footer .contentcontainer[data-container-identifier="container_2_columns"] .contentcontainer-column[data-container-column="right"] > .frame figure.image {
        margin: 0;
        padding: 5px 0px 0px;
    }

    .ingsoft #page-footer .contentcontainer[data-container-identifier="container_2_columns"] .contentcontainer-column[data-container-column="right"] {
        padding: 35px 0 35px;
    }

    .ingsoft #page-footer .contentcontainer[data-container-identifier="container_2_columns"] .contentcontainer-column[data-container-column="left"] {
        padding: 30px 0 30px;
    }

    .interwatt #page-footer .contentcontainer[data-container-identifier="container_2_columns"] .contentcontainer-column[data-container-column="left"] {
        padding: 30px 0 20px;
    }

    .interwatt #page-footer .contentcontainer[data-container-identifier="container_2_columns"] .contentcontainer-column[data-container-column="left"] > .frame:last-child {
        margin-bottom: 30px;
    }

    /* JOB ADS */

    .main-section .frame-type-card_group .card .card-body {
        padding: 2.5rem 2rem;
    }

    /* MATCH */
    .main-section .frame-type-card_group .card-group-element-columns-2,
    .main-section .frame-type-card_group .card-group-element-columns-3,
    .main-section .frame-type-card_group .card-group-element-columns-4 {
        --cardgroup-columns: 1;
    }

    .main-section .frame-type-card_group .card-group-element-columns-2 .card-img-top picture,
    .main-section .frame-type-card_group .card-group-element-columns-2 .card-img-top img,
    .main-section .frame-type-card_group .card-group-element-columns-3 .card-img-top picture,
    .main-section .frame-type-card_group .card-group-element-columns-3 .card-img-top img,
    .main-section .frame-type-card_group .card-group-element-columns-4 .card-img-top picture,
    .main-section .frame-type-card_group .card-group-element-columns-4 .card-img-top img {
        min-height: unset;
        height: auto;
        max-height: 300px;
    }

    /* REFERENZEN */

    .referenzen .frame-inner {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .referenzen .frame-type-image figure,
    .referenzen .frame-inner > *:last-child .frame-type-image .frame-inner > *:last-child {
        width: calc(50% - 4px);
    }
    .referenzen .tabcontent figure,
    .referenzen .frame-inner > *:last-child .tabcontent .frame-inner > *:last-child {
        width: 49%;
        padding-bottom: calc(49% - 3rem);
        margin-bottom: 0.5rem;
    }
    .referenzen .frame-inner {
        gap: 0.5rem;
    }

    .referenzen .frame-type-text:first-child {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .referenzen .frame-type-image {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .referenzen .frame-type-text {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        width: 100%;
        padding-top: 2rem;
    }

    .referenzen p a.more-info {
        font-size: 1.125rem;
        padding: 10px 40px;
        border: 1px solid transparent;
        border-radius: 0;
        -webkit-transition: var(--main-transition);
        -o-transition: var(--main-transition);
        transition: var(--main-transition);
        width: 100%;
        text-align: center;
        display: block;
    }

    .referenzen-feature figcaption.caption a.external:after {
        font-size: 16px;
        padding-left: 0;
    }

    .ingsoft .referenzen p a.more-info,
    .interwatt .referenzen p a.more-info,
    .easypipe .referenzen p a.more-info,
    .easypipe .referenzen p a.more-info:after,
    .interwatt .referenzen p a.more-info:after,
    .ingsoft .referenzen p a.more-info:after {
        color: var(--dm-solid-primary-1);
    }

    .ingsoft .referenzen p a.more-info {
        background: var(--primary-orange);
    }

    .ingsoft .referenzen p a.more-info:hover {
        background: var(--secondary-orange);
    }

    .interwatt .referenzen p a.more-info {
        background: var(--primary-green);
    }

    .interwatt .referenzen p a.more-info:hover {
        background: var(--secondary-green);
    }

    .easypipe .referenzen p a.more-info {
        background: var(--primary-blue);
    }

    .easypipe .referenzen p a.more-info:hover {
        background: var(--secondary-blue);
    }

    .ingsoft .referenzen p a.more-info:hover,
    .ingsoft .referenzen p a.more-info:hover:after,
    .easypipe .referenzen p a.more-info:hover,
    .easypipe .referenzen p a.more-info:hover:after,
    .interwatt .referenzen p a.more-info:hover,
    .interwatt .referenzen p a.more-info:hover:after {
        color: var(--dm-solid-primary-1);
    }

    /* WRT */

    .wrt .contentcontainer .contentcontainer-column  a > .frame {
        height: 130px;
    }

    .wrt .contentcontainer {
        gap: 25px;
    }

    /* TEXT BOX */

    .main-section .textkasten .contentcontainer .contentcontainer-column {
        gap: 25px;
    }

    .main-section .textkasten .contentcontainer .frame {
        min-height: unset;
        max-height: 116px;
        padding: 30px;
    }

    /* TESTIMONIALS */

    .main-section .frame-type-carousel .carousel-item-type-text_and_image .carousel-content .testimonial p {
        font-weight: 400;
        font-size: 16px;
        line-height: 22px;
        color: var(--dm-solid-primary-1);
    }

    /* TABELLE */

    .main-section .tx-powermail form fieldset legend {
        font-size: 20px;
        line-height: 22px;
    }

    /* .form-control, */
    .form-control:focus,
    .form-group input[type="file"]:focus {
        font-size: 14px;
        line-height: 20px;
    }

    .table {
        margin-bottom: 0;
    }

    .table-responsive {
        margin-bottom: 2rem;
    }

    /* FEATURE FILTER */

    .contentcontainer[data-container-identifier="featured_filter"] .tab-navigation .nav button,
    .contentcontainer[data-container-identifier="featured_filter"] .tab-navigation .nav button.active,
    .event-list-value.event-header .tab-navigation .nav .nav-link,
    .news-grid-4 .tab-navigation .nav .nav-link {
        font-size: 16px;
        line-height: 22px;
    }

    .contentcontainer[data-container-identifier="featured_filter"] .tab-navigation {
        margin-bottom: 2.5rem;
    }

    .referenzen .btn-references-show-more,
    .referenzen .btn-references-show-less {
        margin: 2rem auto 1rem auto;
        font-size: 16px;
        line-height: 22px;
        letter-spacing: 0.01em;
    }

    .referenzen .btn-references-show-more:after {
        font-size: 1rem;
    }

    /* PHONE / MAIL IN TEXT ELEMENT */

    .main-section .well a {
        font-size: 16px;
        line-height: 22px;
    }

    .main-section .well a:before {
        font-size: 16px;
    }

    .main-section .well {
        padding: 0.4rem 0.4rem;
        gap: 12px;
    }

    .main-section p {
        margin-bottom: 30px;
    }

    /*FRAME SHADER*/

    .fullwidth.media-right.frame-background-primary .contentcontainer[data-container-identifier="container_2_columns"],
    .fullwidth.media-left.frame-background-primary .contentcontainer[data-container-identifier="container_2_columns"],
    .fullwidth.media-right.frame-background-secondary .contentcontainer[data-container-identifier="container_2_columns"],
    .fullwidth.media-left.frame-background-secondary .contentcontainer[data-container-identifier="container_2_columns"] {
        padding-bottom: 3rem;
    }

    .frame-background-primary,
    .frame-background-secondary,
    .frame-background-light,
    .frame-background-dark {
        padding: 2rem 0px;
    }

    .checkbox .switch p {
        margin-bottom: 0;
    }

    /* LISTS */

    .main-section ul li:before,
    .header .contentcontainer-column .header-kachel ul li:before,
    .header .contentcontainer-column .schulung ul li:before {
        font-size: 1.75rem;
    }

    /* USER STORIES */

    .bericht .contentcontainer,
    .bericht .contentcontainer .contentcontainer-column {
        gap: 12px;
    }

    .bericht h3 {
        font-size: 32px;
        line-height: 36px;
    }

    .bericht {
        padding: 0;
        padding-top: 6px;
        padding-bottom: 6px;
    }

    .bericht p {
        margin-bottom: 1rem;
    }

    /* MATCH */

    .frame-type-card_group .card .card-body {
        padding: 32px 20px;
    }

    .frame-type-card_group .card-group-element-columns-2 a,
    .frame-type-card_group .card-group-element-columns-3 a,
    .frame-type-card_group .card-group-element-columns-4 a,
    .jobs .frame-type-card_group .card-group-element-columns-4 a {
        width: 100%;
    }

    .main-section .frame-type-card_group .card-group-element-columns-2 .card,
    .main-section .frame-type-card_group .card-group-element-columns-3 .card,
    .main-section .frame-type-card_group .card-group-element-columns-4 .card,
    .main-section .frame-type-card_group .card-group-element-columns-2 .card img,
    .main-section .frame-type-card_group .card-group-element-columns-2 .card-img-top picture,
    .main-section .frame-type-card_group .card-group-element-columns-2 .card-img-top img,
    .main-section .frame-type-card_group .card-group-element-columns-3 .card-img-top picture,
    .main-section .frame-type-card_group .card-group-element-columns-3 .card-img-top img,
    .main-section .frame-type-card_group .card-group-element-columns-4 .card-img-top picture,
    .main-section .frame-type-card_group .card-group-element-columns-4 .card-img-top img {
        min-height: 275px;
    }

    /* TEXT/IMAGE FULL WIDTH */

    .fullwidth .frame-type-text p {
        margin: 20px 0 25px 0;
    }

    /* NEWS / EVENTS + SEARCH PAGINATION */

    .news .f3-widget-paginator,
    .events .f3-widget-paginator,
    .main-section .tx-indexedsearch-browsebox {
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

    /* IMAGE GALLERY */

    .bildergalerie .full-fixed-height .carousel-item-type-image,
    .bildergalerie .full-fixed-height .carousel-item-type-image picture,
    .bildergalerie .full-fixed-height .carousel-item-type-image img,
    .bildergalerie.full-fixed-height .carousel-item-type-image,
    .bildergalerie.full-fixed-height .carousel-item-type-image picture,
    .bildergalerie.full-fixed-height .carousel-item-type-image img,
    .bildergalerie .carousel-item-type-image .carousel-image picture,
    .bildergalerie .carousel-item-type-image .carousel-image img,
    .bildergalerie .carousel-item-type-image {
        min-height: auto !important;
        height: auto !important;
    }

    .pswp__button.pswp__button--arrow--left {
        left: 39%;
    }

    .pswp__button.pswp__button--arrow--right {
        right: 39%;
    }

    /* FEATURE FILTER COL */

    .frame-type-featured_filter .tabcontent {
        width: 100%;
    }

    .referenzen-feature .tabcontent {
        width: 50%;
    }

    /* REFERENZEN */

    .referenzen .contentcontainer-column {
        gap: 0;
    }

    /* CTA WITH COLUMNS */

    .cta-spalten .frame-type-text h3 {
        margin-bottom: 16px;
    }

    /* IMG HEIGHT */

    .frame-indent .gallery-row .gallery-item img,
    .frame-indent .gallery-row .gallery-item picture {
        height: 275px;
    }

    /* FOOTER H3 */

    #page-footer h3.footertitle {
        margin-bottom: 10px;
    }

    .news-1-events-1 .event-list-item .card .card-footer a,
    .news-1-events-1 .event-list-item .card .card-footer span,
    .news-1-events-1 .news .card .card-footer a,
    .news-1-events-1 .news .card .card-footer span,
    .events-2 .event-list-item .card .card-footer a,
    .news-2 .card .card-footer a,
    .events-3 .event-list-item .card .card-footer a,
    .news-3 .card .card-footer a {
        width: 100%;
    }

    /* IMAGE GALLERY */

    .bildergalerie .contentcontainer[data-container-identifier="container_2_columns"] {
        gap: 6px;
    }

    /* End Meda Query */
}

@media only screen and (max-width: 575px) {
    .carousel .carousel-item {
        padding-left: 0;
        padding-right: 0;
    }
}

@media only screen and (max-width: 500px) {
    /* HEADER */
    .content-wrapper .contentcontainer-column .header-kachel .frame-inner,
    .course .contentcontainer-column .header-kachel .frame-inner {
        min-width: unset;
    }

    /* KACHEL TRAINING */

    .header .schulung .btn {
        width: 110%;
    }

    /* CONTACT */
    .kontaktaufnahme .contentcontainer[data-container-identifier="container_33_66"],
    .kontaktaufnahme .contentcontainer[data-container-identifier="container_2_columns"] {
        display: block;
    }

    .kontaktaufnahme .contentcontainer .contentcontainer[data-container-identifier="container_3_columns"]

    /* PHONE / MAIL IN TEXT ELEMENT */

    .main-section .well a {
        font-size: 18px;
    }

    .main-section .well {
        padding: 0.5rem 0.2rem;
        margin: 24px 0 2.5rem;
    }

    .kontaktaufnahme-hero .textmedia-item .h3-small {
        margin-top: 24px;
    }

    .main-section .frame-type-card_group .card-group-element-columns-2 .card .card-body,
    .main-section .frame-type-card_group .card-group-element-columns-3 .card .card-body,
    .main-section .frame-type-card_group .card-group-element-columns-4 .card .card-body {
        height: inherit;
    }

    /* TABELLE */

    .main-section .table-responsive tbody tr th {
        padding: 1rem 1rem 1rem 0.5rem;
    }

    /* End Meda Query */
}

@media only screen and (max-width: 465px) {
    .frame-type-card_group .card .card-body p:not([class]) {
        margin-bottom: 15px;
    }
}

@media only screen and (max-width: 440px) {
    /* HEADER */

    .main-section .farbkachel .contentcontainer-column .textmedia .textmedia-text p:first-of-type,
    .farbkachel .contentcontainer-column .textmedia .textmedia-text p,
    .farbkachel .contentcontainer-column .textmedia .textmedia-text p:first-of-type {
        display: none;
    }

    .main-section .farbkachel .contentcontainer-column .textmedia h3,
    .farbkachel .contentcontainer-column .textmedia h3 {
        margin-bottom: 0px;
        text-align: center;
    }

    .pagelevel-0 .body-bg:before {
        top: 580px;
        height: calc(100% - 580px);
    }

    /* KACHEL TRAINING */

    .header .schulung .btn {
        width: 112%;
    }

    /* REFERENZEN */

    .referenzen .frame-inner {
        gap: 0.25rem;
    }
}

@media only screen and (max-width: 400px) {
    .main-section .frame-type-accordion .accordion .accordion-item .accordion-collapse .accordion-body {
        padding: 1rem 1.25rem;
    }

    .header .contentcontainer .frame:first-child + .frame:last-child {
        padding-top: 4.5rem !important;
    }

    .pswp__button.pswp__button--arrow--left {
        left: 34%;
    }

    .pswp__button.pswp__button--arrow--right {
        right: 34%;
    }
}

@media only screen and (max-width: 395px) {
    /* LOGO */

    #page-header a.navbar-brand.navbar-brand-image {
        padding-right: 0px;
    }
}


/* Smartphone M */
@media only screen and (max-width: 375px) {
    /* LOGO */
    .navbar-default .navbar-brand-image img {
        max-height: 35px;
    }

    /* SUCHE */
    .search-toggle:before {
        font-size: 1.5rem;
        padding: 0;
    }

    /* BUTTONS */

    .contentcontainer[data-container-identifier="container_3_columns"] .btn,
    .contentcontainer[data-container-identifier="container_2_columns"] .btn,
    .btn {
        white-space: unset;
    }

    /* JOB ADS */

    .main-section .frame-type-card_group .card .card-body {
        padding: 1.25rem 1rem;
    }

    /* MATCH */

    .main-section .frame-type-card_group .card-group-element-columns-2 .card,
    .main-section .frame-type-card_group .card-group-element-columns-3 .card,
    .main-section .frame-type-card_group .card-group-element-columns-4 .card,
    .main-section .frame-type-card_group .card-group-element-columns-2 .card img,
    .main-section .frame-type-card_group .card-group-element-columns-2 .card-img-top picture,
    .main-section .frame-type-card_group .card-group-element-columns-2 .card-img-top img,
    .main-section .frame-type-card_group .card-group-element-columns-3 .card-img-top picture,
    .main-section .frame-type-card_group .card-group-element-columns-3 .card-img-top img,
    .main-section .frame-type-card_group .card-group-element-columns-4 .card-img-top picture,
    .main-section .frame-type-card_group .card-group-element-columns-4 .card-img-top img {
        min-height: 275px;
    }

    /*.main-section .frame-type-card_group .card-group-element-columns-2 .card .card-body {
        min-height: 260px
    }*/

    /*.main-section .frame-type-card_group .card-group-element-columns-3 .card .card-body,
    .main-section .frame-type-card_group .card-group-element-columns-4 .card .card-body,
    .main-section .frame-type-card_group .card-group-element-columns-2 .card .card-body {
        max-height: 240px;
    }*/

    .main-section .jobs .frame-type-card_group .card .card-body {
        max-height: unset;
    }

    /* KACHEL TRAINING */

    .header .schulung .btn {
        width: 115%;
    }

    /* End Media Query */
}

@media only screen and (max-width: 1490px) and (min-width: 1181px) {
    .navbar-default .navbar-nav .nav-link,
    .navbar-mainnavigation .nav-link {
        font-size: 18px;
        padding: 0.5rem 0.5rem !important;
    }

    .navbar-mainnavigation .navbar-brand {
        margin-right: 0;
    }

    .navbar-default .navbar-brand-image img {
        max-height: 35px;
    }

    .language-toggle:before,
    .search-toggle:before {
        font-size: 1.25rem;
    }

    .ingsoft .navbar-default .btn-primary,
    .interwatt .navbar-default .btn-primary,
    .easypipe .navbar-default .btn-primary {
        font-size: 14px;
        padding: 5px 10px;
    }
}

/** IFRAME **/
@media only screen and (max-width: 1023px) {
    #booking-iframe {
        height: 2330px;
    }
}
@media only screen and (max-width: 1020px) {
    #booking-iframe {
        height: 2307px;
    }
}
@media only screen and (max-width: 391px) {
    #booking-iframe {
        height: 2324px;
    }
}
@media only screen and (max-width: 389px) {
    #booking-iframe {
        height: 2341px;
    }
}
@media only screen and (max-width: 381px) {
    #booking-iframe {
        height: 2355px;
    }
}
@media only screen and (max-width: 377px) {
    #booking-iframe {
        height: 2371px;
    }
}

@supports (-webkit-touch-callout: none) {

  @media only screen and (max-width: 1024px) {
    /* CSS specific to iOS devices */

        .side-buttons .side-wrapper a:hover {
            text-decoration: none;
            background-color: #e35802;
        }
    }

    @media screen and (max-width: 600px) {
        .event-list-item .card .card-body .event-list-row:nth-of-type(1),
        .news .card .card-body span.news-list-row:nth-of-type(1) {
            padding-bottom: 1rem;
        }
        .list-view .card-group-element-item {
            margin-bottom: 2rem;
        }
    }
}

@media screen and (min-width: 1025px) {
    a.show-more-slide, a.show-less-slide {
        font-size: 20px;
    }
    .powermail_fieldwrap_type_captcha img {
        margin:0 0 10px 0;
    }
}

@media (min-width: 1180px) {
    .frame-background-dark.frame-layout-embedded > .frame-group-container > .frame-group-inner {
        margin-left: 15%;
        margin-right: 15%;
    }
}


@media (max-width: 475px) {
    .slidernavigation .carousel-control-prev {
        right: 4px;
    }

    .carousel-control.carousel-control-next {
        right: 9px !important;
    }
}