@media (min-width: 992px) {
    main {
        padding-top: clamp(40px, 6vw, 60px);
    }
}

@media (min-width: 1200px) {
    body:not(.index) {
        background-position: top -300px left, bottom -260px right;
    }

    #overflow {
        background: url('../img/form-content-5.svg') top 200px right no-repeat;
    }
}

main>section+section:not(#demo) {
    padding-top: clamp(40px, 8vw, 80px);
}

#arbeitszeiten {
    padding-bottom: clamp(40px, 8vw, 80px);
}

#zusaetzliche-vorteile .funktionen-row {
    row-gap: 30px;
}

/* #region digitale zeiterfassung --------------------------------- */

#digitale-zeiterfassung .banner {
    overflow: hidden;
    position: relative;
    transform: rotate3d(0, 1, 0, 8deg) translateX(-8px);
}

#digitale-zeiterfassung .banner img {
    border-radius: 22px;
    margin-bottom: 30px;
}

@media (min-width: 992px) {
    #digitale-zeiterfassung .banner {
        position: relative;
        left: 12px;
    }
}

/* #endregion digitale zeiterfassung ------------------------------ */

/* #region wichtigste funktionen ---------------------------------- */

#wichtigste-funktionen>.row {
    row-gap: clamp(30px, 3vw, 40px);
}

@media (min-width: 1200px) {
    #wichtigste-funktionen {
        background: url("../img/form-content-2.svg") left -50px bottom -900px no-repeat;
    }
}

#wichtigste-funktionen .default-tab {
    padding: clamp(30px, 4vw, 50px);
}

#wichtigste-funktionen .template-page img {
    border-radius: 5px;
    border: 1px solid #707070;
}

#wichtigste-funktionen .laptop {
    max-width: 570px;
    padding: 6% 11% 12% 12%;
}

#wichtigste-funktionen .tab-1 .template-page>.row>.col-xs-12>p:first-of-type {
    position: relative;
    padding: 6px 0 6px 55px;
}

@media (min-width: 768px) {
    #wichtigste-funktionen .tab-1 .template-page>.row>.col-xs-12>p:first-of-type {
        padding-left: 68px;
    }
}

@media (min-width: 992px) {
    #wichtigste-funktionen .tab-1 {
        margin-bottom: -10px;
    }
}

#wichtigste-funktionen .tab-1 .template-page>.row>.col-xs-12>p:first-of-type::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Cpath d='M19,9l1.25-2.75L23,5,20.25,3.75,19,1,17.75,3.75,15,5l2.75,1.25Z' transform='translate(-1 -1)' fill='%23923826'/%3E%3Cpath id='Pfad_702' data-name='Pfad 702' d='M19,15l-1.25,2.75L15,19l2.75,1.25L19,23l1.25-2.75L23,19l-2.75-1.25Z' transform='translate(-1 -1)' fill='%23923826'/%3E%3Cpath d='M11.5,9.5,9,4,6.5,9.5,1,12l5.5,2.5L9,20l2.5-5.5L17,12ZM9.99,12.99,9,15.17l-.99-2.18L5.83,12l2.18-.99L9,8.83l.99,2.18,2.18.99Z' transform='translate(-1 -1)' fill='%23923826'/%3E%3C/svg%3E%0A");
}

#wichtigste-funktionen .tab-2 .tab-headline::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='32px' viewBox='0 -960 960 960' width='32px' fill='%23973826'%3E%3Cpath d='M309.23-300h40v-180h-40v180Zm301.54 0h40v-380h-40v380ZM460-300h40v-100h-40v100Zm0-180h40v-80h-40v80ZM224.62-160q-27.62 0-46.12-18.5Q160-197 160-224.62v-510.76q0-27.62 18.5-46.12Q197-800 224.62-800h510.76q27.62 0 46.12 18.5Q800-763 800-735.38v510.76q0 27.62-18.5 46.12Q763-160 735.38-160H224.62Zm0-40h510.76q9.24 0 16.93-7.69 7.69-7.69 7.69-16.93v-510.76q0-9.24-7.69-16.93-7.69-7.69-16.93-7.69H224.62q-9.24 0-16.93 7.69-7.69 7.69-7.69 16.93v510.76q0 9.24 7.69 16.93 7.69 7.69 16.93 7.69ZM200-760v560-560Z'/%3E%3C/svg%3E");
}

#wichtigste-funktionen .tab-3 .tab-headline::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='32px' viewBox='0 -960 960 960' width='32px' fill='%23973826'%3E%3Cpath d='M160-200v-440 440Zm24.62 40q-27.62 0-46.12-18.5Q120-197 120-224.62v-390.76q0-27.62 18.5-46.12Q157-680 184.62-680H360v-55.39q0-27.61 18.5-46.11t46.12-18.5h110.76q27.62 0 46.12 18.5Q600-763 600-735.39V-680h175.38q27.62 0 46.12 18.5Q840-643 840-615.38v167.92q-9.54-6.08-19.15-10.58-9.62-4.5-20.85-8.42v-148.92q0-10.77-6.92-17.7-6.93-6.92-17.7-6.92H184.62q-10.77 0-17.7 6.92-6.92 6.93-6.92 17.7v390.76q0 10.77 6.92 17.7 6.93 6.92 17.7 6.92H483q2.23 11 4.77 20.62 2.54 9.61 6.15 19.38h-309.3ZM400-680h160v-55.39q0-10.76-6.92-17.69-6.93-6.92-17.7-6.92H424.62q-10.77 0-17.7 6.92-6.92 6.93-6.92 17.69V-680ZM720-80q-66.85 0-113.42-46.58Q560-173.15 560-240t46.58-113.42Q653.15-400 720-400t113.42 46.58Q880-306.85 880-240t-46.58 113.42Q786.85-80 720-80Zm15.38-166.46v-108.92h-30.76v121.84L786-152.15 807.85-174l-72.47-72.46Z'/%3E%3C/svg%3E");
}

/* #endregion wichtigste funktionen ------------------------------- */

/* #region zusaetzliche vorteile ---------------------------------- */

@media (min-width: 1200px) {
    #zusaetzliche-vorteile {
        background:
            url("../img/form-content-2.svg") left -50px top -510px no-repeat,
            url("../img/form-content-1.svg") right bottom -595px no-repeat;
    }
}

#zusaetzliche-vorteile>.row+.row {
    margin-top: clamp(30px, 3vw, 40px);
}

#funktionen img {
    display: inline-block;
    margin: 6px 0;
}

#zusaetzliche-vorteile .default-tab :is(h1, h2, h3, h4, h5, h6) {
    display: inline-block;
    font-size: inherit;
    margin: 0;
}

@media (min-width: 768px) {
    #zusaetzliche-vorteile .stoerer {
        position: absolute;
        top: -200px;
        right: 0;
    }
}

@media (min-width: 1300px) {
    #zusaetzliche-vorteile .stoerer {
        right: -50px;
    }
}

/* #endregion zusaetzliche vorteile ------------------------------- */

/* #region arbeitszeiten ------------------------------------------ */

@media (min-width: 1200px) {
    #arbeitszeiten {
        background: url("../img/form-content-1.svg") right top -350px no-repeat;
    }
}

#arbeitszeiten .tab-headline {
    margin-bottom: clamp(30px, 4vw, 50px);
}

#arbeitszeiten .default-tab {
    font-size: inherit;
}

@media (min-width: 768px) {
    #arbeitszeiten .default-tab {
        padding: 40px 40px 30px 40px;
    }
}

/* #endregion arbeitszeiten --------------------------------------- */

/* #region demo --------------------------------------------------- */

#demo>.row {
    row-gap: clamp(30px, 4vw, 50px);
}

/* #endregion demo ------------------------------------------------ */