/*
* Prefixed by:
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media (pointer: none), (pointer: coarse) {
}

@media (max-width: 1440px) {
    :root {
        --side: 8rem
    }
}

@media only screen and (max-width: 1440px) {
    html {
        font-size: 9px;
    }

    .tpl-template-product-filter article > * {
        padding: 0 7%;
    }

    .filter-options-container,
    .filter-description {
        width: 100%;
    }

    .filter-options-container::before {
        width: 100%;
    }

    .tpl-template-services .filter-options-container::before {
        width: 65%;
    }
}

@media only screen and (max-width: 1280px) {
    html {
        font-size: 8px;
    }

    .calltoaction,
    .calltoaction.totop {
        position: fixed;
        right: 0;
        top: 70%;
        display: -ms-grid;
        display: grid;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        width: 100%;
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
        max-width: 6.85vw;
        pointer-events: none;
        padding: 2.5vw 0;
    }

    .calltoaction .block,
    .calltoaction.totop .block {
        height: 5rem;
        /* background-color: #000; */
        color: white;
        text-align: center;
        border: none;
        width: 6vw;
        min-height: 3.46vw;
        pointer-events: all;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

    .calltoaction.totop {
        -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%);
        display: none;
    }

    .filter-block {
        margin-bottom: 3rem;
    }
}

@media only screen and (max-width: 1080px) {
    .header-media
        .background-header[style*='Header-gross_Startseite_1920x600'] {
        background-position: 82% center;
    }
}

@media screen and (max-width: 1300px) and (min-width: 1081px) {

    :root {
        --side: 5rem
    }

    #breadcrumbs,
    .contact-block,
    .seo_textblock,
    article > *,
    .products article > p.has-background,
    .compare-table-container,
    article > h1.has-background,
    article > h2.has-background,
    article > h3.has-background,
    article > h4.has-background,
    article > h5.has-background,
    article > h6.has-background {
        padding: 0 var(--side);
    }
}

@media screen and (max-width: 1080px) {

    :root {
        --side: 5rem;
        --side: calc((100% - (100vw / 12 * 10)) / 2);
    }

    .splide .splide__arrow--prev {
        left: 0;
        transform: translateY(-50%);
    }

    .splide .splide__arrow--next {
        right: 0;
        transform: translateY(-50%);
    }
    /* @media screen and (max-width: 1080px), (pointer: none), (pointer: coarse) { */
    header {
        z-index: 10;
    }

    article#job {
        margin-top: 8rem;
    }

    header.lp,
    .single-becker header {
        padding: 2rem 0;
        position: absolute;
    }

    .header-media {
        max-width: 100vw;
    }

    .single-product {
        max-width: calc(100% / 12 * 6);
        padding-right: 0 !important;
    }

    .logo.landingpage-logo a {
        display: block !important;
    }

    .landingpage .logo img {
        height: 10vh;
        width: auto;
    }

    .service-subpages .service-subpages-tile:only-child {
        margin-left: var(--side);
    }

    .full-content > section:first-child {
        padding-top: 5rem;
    }

    .calltoaction,
    .calltoaction.totop {
        z-index: 5;
    }

    #breadcrumbs,
    .contact-block,
    .seo_textblock,
    article > *,
    .products article > p.has-background,
    .compare-table-container,
    article > h1.has-background,
    article > h2.has-background,
    article > h3.has-background,
    article > h4.has-background,
    article > h5.has-background,
    article > h6.has-background {
        padding: 0 calc(100vw / 12 * 1);
        padding: 0 var(--side);
    }

    .contact-block {
        padding: 0 calc(100vw / 12 * 1);
        padding-left: calc(100vw / 12 * 1);
        padding-right: calc(100vw / 12 * 1);
        padding: 0 var(--side);
        padding-left: var(--side);
        padding-right: var(--side);
        padding-top: 4.8rem;
        padding-bottom: 1.8rem;
    }

    footer {
        padding: 3rem calc(100vw / 12 * 1);
        padding: 3rem var(--side);
    }

    .header-item:not(.landingpage-logo).logo {
        padding: 1.5rem 0;
        width: fit-content;
        text-align: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .header-item:not(.landingpage-logo).logo img {
        height: 5rem;
        width: auto;
        max-width: none;
    }

    .service-subpages .overlay,
    .service.wassermann_block .overlay {
        opacity: 1;
    }

    .service-subpages > .col,
    .service.wassermann_block > .col {
        margin: -1rem;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

    article > .social_media-block {
        padding: 0;
    }

    footer .menus,
    footer .menus nav {
        margin: 0 0 3rem;
    }

    .accordion-container .accordion_entry a::before {
        left: calc(2rem - 100vw / 24);
    }

    .service-wrapper .fullwidth > * {
        margin: 0 -1rem;
    }

    .main .subpages-wrapper .child-page {
        margin: 1rem;
        width: calc(100% / 3 - 2rem);
    }

    .company > .col {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }

    .calltoaction.search form.search {
        top: -10rem;
    }
}

@media screen and (min-width: 769px) {
    .mobile-only {
        display: none;
    }
}

@media only screen and (max-width: 768px) {
    .contact-block p + p {
        margin-top: 1rem;
    }

    .job-content-wrapper {
        gap: 0;
        flex-direction: column;
    }

    .filter-options-container .slider-selector {
        /* margin-top: 5rem; */
        /* padding: 0; */
    }

    .filter-options-container .slider-selector label {
        /* top: 5px; */
    }

    .filter-options-container .noUi-horizontal {
        /* margin-top: 4.5rem; */
    }

    .filter-options-container .noUi-tooltip {
        display: block;
        top: 110%;
        bottom: auto !important;
    }

    .contact-block .t,
    .contact-block .e {
        margin-bottom: 1rem;
    }

    .calltoaction.search form.search {
        top: -11rem;
    }

    .social_media-block .splide__pagination {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        /* flex-wrap: nowrap; */
    }

    h2:not(.custom_headline),
    .h2 {
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
    }

    .searchpage article > a {
        width: 100%;
        /* padding: 0 var(--side); */
        padding: 0 var(--side);
    }

    .searchpage .post_details {
        width: 100%;
        padding: 0 var(--side);
    }

    .header-media .background-header span {
        /* font-size: 1.5em; */
        /* font-size: 2.25em; */
    }

    .header-media .background-header {
        background-position: 72% center;
        background-attachment: scroll;
    }

    .download-block .download {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }

    #filtered-content ~ .load_more,
    .single-product {
        /* width: 100%; */
        max-width: 50rem;
        margin-left: auto;
        margin-right: auto;
    }

    .social_media-block .splide__pagination__page {
        width: 2.5rem;
    }

    article.has-sidebar {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .filter-options-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        align-items: flex-start;
    }

    .filter-options-container .multi-selector + .more-filter {
        margin-left: 0;
    }

    .tpl-template-services .filter-options-container::before {
        width: 80%;
    }

    article.has-sidebar .sidebar {
        display: none;
    }
    article.has-sidebar .sidebar.mobile-only {
        display: block;
        max-width: unset;
        margin: 0;
        padding: 0;
        margin-bottom: 4rem;
    }
    article.has-sidebar .sidebar > ul {
        margin: 0;
        padding: 0;
    }
    .tpl-template-product-filter .main-content {
        padding-left: 7%;
        flex-shrink: 0;
        width: 100%;
    }

    .popupform-content {
        max-height: 80%;
        width: 100%;
        max-height: 80vh;
        max-width: 90vw;
        overflow: auto;
    }

    .filter-block h2:not(.custom_headline),
    .filter-block .h2,
    .filter-block .table-wrapper {
        margin-left: 0;
    }

    .service.wassermann_block .service-tile,
    .main .subpages-wrapper .child-page,
    .service-subpages .service-subpages-tile {
        width: calc(100% / 2 - 2rem);
    }
    .lg_6 {
        width: 100%;
    }

    main article > .category-block {
        padding: 0;
    }

    main .splide__track {
        max-width: calc(100vw / 12 * 10 + 2rem);
        margin: auto;
    }

    .seperated-block::after {
        width: calc(100vw / 12 * 10);
        margin: 0 var(--side);
    }

    .main .contact-block .image {
        padding: 0;
        padding-top: 2rem;
    }

    #breadcrumbs a {
        margin-right: 2rem;
        font-size: 1.8rem;
    }

    #breadcrumbs {
        display: none;
    }

    .subpages-wrapper .content {
        display: none;
    }

    .subpages-wrapper .child-page .overlay {
        position: relative;
        z-index: 2;
    }

    .subpages-wrapper .child-page a::after {
        z-index: 3;
    }

    .subpages-wrapper .child-page:hover .overlay {
        opacity: 1;
        pointer-events: all;
        visibility: visible;
    }

    .main .child-page .background {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
    }

    .company > .col {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }

    .splide__pagination {
        display: none !important;
    }

    .accordion_content .table-wrapper.two .table_image .table-wrapper.two {
        width: 100%;
        margin-left: 0;
    }

    .accordion_content .lg_8 .content {
        margin-left: 0rem;
    }

    .accordion_content > .col > .col,
    .table_image > .col > .col {
        padding: 0;
    }

    .compare-table,
    .compare-table thead,
    .compare-table tbody,
    .compare-table tr {
        display: flex;
        flex-direction: column;
        gap: 1em;
        width: 100%;
    }

    .compare-table tbody tr {
        background-color: var(--white);
        box-shadow: 0 0 1rem rgba(0, 0, 0, 0.25);
        gap: 0.5rem;
        padding: 0 0 1.5rem;
    }

    .table-wrapper thead tr > *,
    .table-wrapper tbody tr > * {
        display: block;
        width: 100%;
        border: none;
    }

    .table-wrapper tbody tr > * {
        padding: 0.5rem 1rem;
    }

    .table-wrapper tbody tr > th {
        background-color: #f0f0f0;
        padding: 1rem;
        margin-bottom: 1rem;
        color: var(--black);
    }

    .table-wrapper tbody tr > td:before {
        content: attr(data-product) ': ';
        color: var(--primary, #003a65);
    }

    .compare-table-container {
        margin: 5rem 0;
    }
    .compare-table thead .product-info {
        width: 100% !important;
        padding: 0;
    }
}

@media only screen and (max-width: 480px) {
    h1:not(.custom_headline),
    h2:not(.custom_headline),
    .h1,
    .h2 {
        font-size: 1.8em;
    }

    h3:not(.custom_headline),
    h4:not(.custom_headline),
    .h3,
    .h4 {
        font-size: 1.5em;
    }

    .service.wassermann_block .service-tile,
    .main .subpages-wrapper .child-page,
    .service-subpages .service-subpages-tile {
        width: calc(100% / 1 - 2rem);
    }

    .service-subpages .service-subpages-tile:only-child {
        margin-left: 0;
    }

    .accordion-container .accordion_entry a::before {
        /* background-size: 2rem 2.25rem;
        height: 2rem;
        width: 2.25rem;
        left: calc(2rem - 100vw / 16);
        top: 1.5em; */
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (-o-min-device-pixel-ratio: 3/2),
    only screen and (min-resolution: 144dpi) {
}