/* ==========================================================
   Services Template Styles
   Loaded conditionally when page template "Services" is active.
   ========================================================== */

.page-template-page-template-services-php .et_pb_section.bewrtungen.et_section_regular {
    padding-bottom: 100px;
}

.page-template-page-template-services-php {

    /* ==========================================================
       PAGE 2130 (Entwurf) - Scoped Styles
       Cleaned version: removed unused AWEOS theme chrome,
       Lato font-faces, .info-kacheln, .leistungen, .slide-infos,
       .reviews, .video-sektion, timeline, .headline/404,
       navigation/header/footer chrome, and generic overrides.
       ========================================================== */


    /* ---------------------------------------------------------
       GENERAL / TYPOGRAPHY
       --------------------------------------------------------- */
    h1, h2, h3, h4, h5 {
        color: #333;
        font-family: 'Manrope';
        font-weight: 800;
        line-height: 130%;
    }

    .logged-in caption {
        display: none;
    }


    /* ---------------------------------------------------------
       HEADER-CONTENT (Hero Section)
       --------------------------------------------------------- */
    .header-content .et_pb_text span {
        display: block;
        margin-top: 20px;
        color: black;
    }

    .header-content li:before {
        position: absolute;
        content: '\4e';
        font-family: 'ETmodules';
        left: 0;
    }

    .header-content li {
        padding: 5px 0px;
        padding-left: 30px;
        position: relative;
        color: black;
    }

    .header-content ul {
        padding: 0;
        list-style: none;
    }

    .et_pb_section.header-content {
        padding: 0;
        margin: 0;
        width: 100%;
        max-width: 100%;
    }

    .header-content .et_pb_row {
        width: 100%;
        max-width: 1440px;
        padding: 0;
        display: flex;
        justify-content: space-between;
        align-items: stretch;
        height: 785px;
    }

    .header-content .et_pb_module.et_pb_image {
        height: 100%;
    }

    .header-content .et_pb_image .et_pb_image_wrap,
    .header-content .et_pb_image img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

    .header-content .et_pb_column.et_pb_column_1_2:first-child {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .header-content .et_pb_column_1_2 .et_pb_text_inner {
        padding-left: 0;
    }

    body .header-content .et_pb_row {
        width: 100%;
    }

    .header-content .et_pb_column.et_pb_column_1_2 {
        width: 50%;
        margin: 0;
    }

    .header-content h1 {
        position: relative;
        margin-bottom: 10px;
        padding-bottom: 10px;
        font-size: 40px;
        color: black;
    }

    .header-content h1:before {
        border-bottom: 1px solid #d3d3d3;
        width: 50%;
        position: absolute;
        left: 0px;
        bottom: 0px;
        height: 100%;
        content: '';
    }

    .header-content a {
        padding: 10px 40px;
        display: inline-block;
        margin-right: 20px;
        border-radius: 6px;
        line-height: 100%;
        text-transform: uppercase;
        font-size: 16px;
        font-weight: bold;
        margin-top: 20px;
        color: #333;
    }

    .header-content a.first-btn {
        background: #552102;
        color: #fff;
        transition: 500ms;
        transform: translateZ(0);
        will-change: transform;
    }

    .header-content a.second-btn {
        padding-right: 30px;
        position: relative;
    }

    .header-content a.second-btn:before {
        content: '\24';
        font-family: 'ETmodules';
        position: absolute;
        right: 0;
        font-size: 22px;
        color: #6687ad5c;
        font-weight: normal;
    }

    .header-content img.wp-image-2133 {
        width: 100% !important;
        height: 71% !important;
        position: relative;
        bottom: -14%;
        border-radius: 10px;
    }

    .et_pb_section.et_pb_section_0.header-content.et_section_regular {
        background-image: radial-gradient(farthest-side at 50% 10%, #f9c2a1 0%, #eb6f24 100%);
        height: 1000px;
    }


    /* ---------------------------------------------------------
       HEADER-TEXT (Info Box in Hero)
       --------------------------------------------------------- */
    .header-text {
        margin-bottom: 10px;
    }

    .et_pb_module.et_pb_text.header-text.et_pb_text_align_left.et_pb_bg_layout_light {
        background-color: white;
        box-shadow: 4px 4px 18px rgba(0, 0, 0, .16);
        padding: 20px;
        margin-right: 60px;
        border-radius: 10px;
    }


    /* ---------------------------------------------------------
       ANKER (Sticky Navigation Bar)
       --------------------------------------------------------- */
    .header-content .et_pb_row.anker {
        max-width: 100%;
        height: max-content;
        display: flex;
        background: #f17d36;
        align-items: center;
        width: 100%;
    }

    .anker .et_pb_module.et_pb_text {
        display: flex;
        max-width: 1440px;
        margin: 0 auto;
        width: 90%;
    }

    .anker .et_pb_text_inner {
        display: flex;
        justify-content: space-between;
        grid-gap: 20px;
    }

    .anker .et_pb_text_inner a {
        margin: 0;
        padding: 0;
        display: flex;
        align-items: center;
        color: #fff;
    }


    /* ---------------------------------------------------------
       HERO-SLIDER (Bewertungen Slider in Hero)
       --------------------------------------------------------- */
    .hero-slider h4 a {
        text-decoration: underline;
        font-size: 18px;
        padding-left: 0;
        margin-top: 0;
        color: black;
    }

    .hero-slider h4 strong:before {
        content: '\e033 \e033 \e033 \e033 \e033';
        display: inline-block;
        font-family: 'ETmodules';
        color: #ffb300;
        letter-spacing: 2px;
        font-size: 14px;
        padding-right: 5px;
    }

    .entry-content .hero-slider span {
        display: contents;
    }

    .hero-slider h4 {
        position: relative;
        padding-bottom: 0;
        color: black;
        line-height: 24px;
        text-transform: unset;
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .entry-content .hero-slider span {
        display: contents;
        font-size: 14px !important;
    }

    /* Slider Arrows */
    .prev-arrow {
        width: 0;
        height: 0;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-right: 10px solid #000;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        cursor: pointer;
    }

    .next-arrow {
        width: 0;
        height: 0;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-left: 10px solid #000;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        cursor: pointer;
    }

    div#start-header:after {
        content: '';
        width: 100%;
        position: absolute;
        bottom: 0px;
        left: 0;
        z-index: 1;
        background-size: 100%;
        height: 85px;
        background-image: url(https://blaschke.cloud/services/wp-content/uploads/2023/04/wave-unten-white.svg);
        background-repeat: no-repeat;
    }


    /* ---------------------------------------------------------
       UEBERSCHRIFT (Section Headings)
       --------------------------------------------------------- */
    .ueberschrift h2,
    .ueberschrift h1 {
        position: relative;
        margin-bottom: 10px;
        padding-bottom: 5px;
        font-size: 40px;
        letter-spacing: 2px;
    }

    .ueberschrift h2:before,
    .ueberschrift h1:before {
        content: '';
        border-bottom: 2px solid #ec660f;
        width: 100px;
        height: 100%;
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        bottom: 0px;
    }

    .ueberschrift span {
        font-size: 20px;
    }

    .ueberschrift .et_pb_text_inner {
        text-align: center;
    }

    .et_pb_row.et_pb_row .ueberschrift {
        width: 75%;
        margin: 0 auto;
    }


    /* ---------------------------------------------------------
       VIDEOS-TOP
       --------------------------------------------------------- */
    .videos-top {
        margin-top: -230px;
        margin-bottom: 60px;
    }


    /* ---------------------------------------------------------
       KACHELN-PAKETE (Pricing Cards)
       --------------------------------------------------------- */
    .et_pb_section.kacheln-pakete {
        background: #f7f7f7;
    }

    .kacheln-pakete .et_pb_column.et_pb_column_4_4 {
        display: flex;
        grid-gap: 24px;
    }

    .kacheln-pakete .et_pb_column .et_pb_module.et_pb_text {
        text-align: center;
        padding: 40px 20px;
        border-radius: 4px;
        margin: 0;
        background: #fff;
        box-shadow: 4px 4px 18px rgba(0, 0, 0, .16);
    }

    .kacheln-pakete .et_pb_text_inner {
        display: flex;
        flex-direction: column;
        grid-gap: 20px;
    }

    .kacheln-pakete p,
    .kacheln-pakete h4 {
        padding: 0;
        font-weight: normal;
    }

    .kacheln-pakete span {
        font-size: 18px;
        font-weight: normal;
    }

    .kacheln-pakete h3 {
        font-weight: normal;
        line-height: 100%;
        padding-bottom: 0px;
        letter-spacing: 2px;
    }

    .kacheln-pakete strong {
        font-size: 26px;
    }

    .kacheln-pakete a {
        background: #f18c4b;
        padding: 10px 20px;
        border-radius: 4px;
        color: #fff;
        font-weight: bold;
        font-size: 16px;
        transition: 500ms;
        line-height: 100%;
        display: block;
        margin-top: 20px;
        text-transform: uppercase;
    }

    .kacheln-pakete ul {
        padding: 0;
        list-style: none;
    }

    .kacheln-pakete li {
        padding: 10px 0px;
        border-top: 1px solid #f7f7f7;
        font-size: 14px;
        text-align: left;
        padding-left: 30px;
        line-height: 1.4;
        position: relative;
        display: flex;
        align-items: center;
    }

    .kacheln-pakete li:before {
        position: absolute;
        left: 0;
        content: '\4e';
        font-family: 'ETmodules';
        text-align: center;
        color: #5cc124;
        font-size: 20px;
    }

    .kacheln-pakete .hidden.content {
        display: none;
    }



    /* Show more / Show less buttons */
    button.show-more,
    button.show-less {
        background: #a39f9c;
        color: #fff;
        transition: 500ms;
        transform: translateZ(0);
        will-change: transform;
        border: unset;
        border-radius: 5px;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 5px;
        padding-bottom: 5px;
        margin: 0 auto;
        font-weight: bold;
        font-size: 16px;
    }

    button.show-more:hover,
    button.show-less:hover {
        cursor: pointer;
        background-color: white;
        color: #a39f9c;
        border-color: #a39f9c;
        border-style: solid;
    }


    /* ---------------------------------------------------------
       PAKETE-NONE / PAKETE-BUTTON
       --------------------------------------------------------- */
    .pakete-none {
        display: none;
    }

    div#pakete.pakete-none {
        margin-top: 0;
        padding-top: 0;
    }

    div#pakete.pakete-none .et_pb_module.et_pb_text.et_pb_text_align_left.et_pb_bg_layout_light {
        width: 18.5%;
    }

    .pakete-button h4 {
        text-transform: uppercase;
        padding: 7px 20px;
        color: #fff !important;
        background: #f28c4b;
        border-radius: 5px;
        font-weight: bold;
        width: 19%;
        font-size: 18px;
        margin: 0 auto !important;
        cursor: pointer;
    }

    .pakete-button a {
        padding: 7px 20px;
        color: #fff !important;
        background: #f28c4b;
        border-radius: 5px;
        font-weight: bold;
        font-size: 18px;
        margin: 0 auto;
    }


    /* ---------------------------------------------------------
       CTA-BANNER
       --------------------------------------------------------- */
    div#cta-banner {
        padding: 0;
    }

    body #cta-banner .et_pb_row {
        max-width: 100%;
        width: 100%;
        background: #f28c4b;
        margin: 0px;
        padding: 50px 0px;
        position: relative;
        display: flex;
        align-items: center;
    }

    body #cta-banner .et_pb_row:before {
        content: '';
        background-image: url(/services/wp-content/uploads/2022/09/logo-blaschke-cloud-element.png);
        background-size: 100%;
        background-repeat: no-repeat;
        position: absolute;
        right: 10%;
        bottom: 50px;
        width: 150px;
        height: 150px;
        z-index: 1;
        transform: rotate(-15deg);
        opacity: 0.4;
    }

    #cta-banner .et_pb_text_inner {
        text-align: center;
        width: 100%;
        margin: 0 auto;
    }

    #cta-banner h2 {
        font-size: 40px;
        color: #fff;
        padding-bottom: 0px;
    }

    #cta-banner p {
        color: #fff;
        font-size: 24px;
        line-height: 1.4;
    }

    #cta-banner a {
        background: #552102;
        padding: 10px 40px;
        border-radius: 8px;
        color: #fff;
        font-weight: bold;
        font-size: 20px;
        transition: 500ms;
        display: inline-block;
        line-height: 100%;
        text-transform: uppercase;
        letter-spacing: 2px;
    }

    #cta-banner a:hover {
        text-decoration: none;
        transform: scale(1.05);
    }

    #cta-banner .et_pb_row:before {
        content: '';
        background-image: url(/services/wp-content/uploads/2022/09/logo-blaschke-cloud-element.png);
        background-size: 90%;
        background-repeat: no-repeat;
        position: absolute;
        right: -10%;
        bottom: 50px;
        width: 150px;
        height: 150px;
        z-index: 1;
        transform: rotate(-15deg);
        opacity: 0.2;
    }


    /* ---------------------------------------------------------
       TEXT-BILD (Text + Image Sections)
       --------------------------------------------------------- */
    .text-bild .et_pb_row {
        display: flex;
        align-items: center;
    }

    .text-bild img {
        border-radius: 6px;
        box-shadow: 0px 0px 20px #00000030;
    }

    .text-bild span.et_pb_image_wrap:before {
        content: '';
        width: 50px;
        height: 50px;
        position: absolute;
        top: -25px;
        right: -25px;
        background: #c3540c;
        border-radius: 6px;
    }

    .text-bild span.et_pb_image_wrap:after {
        content: '';
        width: 70px;
        height: 70px;
        position: absolute;
        bottom: -25px;
        left: -25px;
        background: #f18c4b;
        z-index: 9;
        border-radius: 6px;
    }

    .text-bild ul {
        padding: 0;
        list-style: none;
    }

    .text-bild li:before {
        width: 25px;
        height: 25px;
        position: absolute;
        left: 0;
        border-radius: 50%;
        background: #00bc00;
        content: '';
        background-image: url(/services/wp-content/themes/AWEOS/svgs/check-white.svg);
        background-size: 75%;
        background-position: 40%;
        background-repeat: no-repeat;
    }

    .text-bild li {
        padding-left: 35px;
        margin: 5px 0px;
        position: relative;
        display: flex;
        align-items: center;
    }


    /* ---------------------------------------------------------
       DUO-BOX
       --------------------------------------------------------- */
    .duo-box {
        outline: #ffc48c solid 2px;
        background-color: #fff1e2;
        box-shadow: 0 0 25px -4px #c8c8c855, 0 0 8px -1px #c8c8c855;
        padding: 27px;
        border-radius: 8px;
        margin-bottom: 20px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .duo-box a {
        background: #f18c4b;
        padding: 10px 20px;
        border-radius: 4px;
        color: #fff;
        font-weight: bold;
        font-size: 16px;
        transition: 500ms;
        line-height: 100%;
        display: block;
        margin-top: 20px;
        text-transform: uppercase;
    }

    .duo-box p {
        margin-bottom: 20px;
    }


    /* ---------------------------------------------------------
       BEWERTUNGEN (Reviews/Ratings)
       --------------------------------------------------------- */
    span.bewertung {
        position: relative;
        font-weight: bold;
        display: flex;
        align-items: center;
        padding-left: 90px;
        margin-top: 10px;
        line-height: 100%;
    }

    span.bewertung::before {
        content: "";
        background: url(/services/wp-content/themes/AWEOS/svgs/stars-gelb.svg);
        background-size: 100%;
        height: 100%;
        width: 80px;
        background-repeat: no-repeat;
        display: block;
        background-position: 50%;
        position: absolute;
        top: 0;
        left: 0px;
    }

    .bewertungen .et_pb_column.et_pb_column {
        margin-right: 30px;
    }

    .bewertungen li,
    .bewertungen li.clone.right {
        display: flex;
        flex-direction: column;
        background: white;
        padding: 20px;
        text-align: left;
        height: 325px;
    }

    .bewertungen li strong {
        margin-bottom: 10px;
        font-style: normal;
        position: relative;
        text-align: left;
        padding-right: 85px;
        display: flex;
        align-items: center;
        width: max-content;
    }

    .bewertungen li.lslide:before {
        content: '';
        background: url(/wp-content/themes/aweos/svg/stars-gelb.svg);
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: 100%;
        width: 70px;
        position: absolute;
        height: 30px;
        right: 0;
    }

    #bewertungen-haupt.lightSlider,
    #bewertungen-unter.lightSlider {
        overflow: visible;
        padding: 20px 0;
    }

    #bewertungen-haupt li,
    #bewertungen-unter li {
        border: 1px solid #eaeaea;
        padding: 35px;
        position: relative;
    }

    #bewertungen-haupt li:before,
    #bewertungen-unter li:before {
        content: '';
        background-image: url(https://blaschke.cloud/services/wp-content/uploads/2023/04/google-bewertungen.svg);
        width: 57px;
        height: 57px;
        position: absolute;
        top: -30px;
        left: 45%;
        background-size: 64%;
        background-repeat: no-repeat;
        background-color: #fff;
        background-position: 50% 50%;
    }

    #bewertungen-haupt li strong:before,
    #bewertungen-unter li strong:before {
        content: '\e033 \e033 \e033 \e033 \e033';
        font-family: 'ETmodules';
        color: #ffb300;
        letter-spacing: 2px;
        font-size: 12px;
        display: block;
    }

    #bewertungen-haupt strong,
    #bewertungen-unter strong {
        display: block;
        padding-top: 5px;
    }

    .et_pb_module.et_pb_text.bewertung-button.et_pb_text_align_center.et_pb_bg_layout_light a {
        padding: 7px 20px;
        color: #fff !important;
        background: #f28c4b;
        border-radius: 5px;
        font-weight: bold;
        font-size: 18px;
        margin: 0 auto;
        text-transform: uppercase;
    }


    /* ---------------------------------------------------------
       FAQ / ACCORDION
       --------------------------------------------------------- */
    .et_pb_toggle_open {
        padding: 20px;
        background-color: #fff;
        z-index: 1;
        border: none;
        border-radius: 6px;
    }

    .et_pb_toggle_close {
        background-color: #f7f7f7;
        padding: 15px 20px;
        border: none;
        border-radius: 6px;
    }

    body .faq h3.et_pb_toggle_title {
        font-size: 22px;
        color: #000;
    }

    .et_pb_toggle_content {
        padding-top: 10px;
        position: relative;
    }

    .et_pb_toggle_title:before {
        font-size: 22px;
        color: #ec660f;
        opacity: 0.7;
    }

    .et_pb_toggle.et_pb_module.et_pb_accordion_item {
        margin-bottom: 20px;
    }

    .et_pb_toggle_content {
        padding: 0px 15px;
    }

    h3.et_pb_toggle_title {
        padding: 0px 15px;
    }

    h5.et_pb_toggle_title {
        padding: 0px 15px;
    }

    .et_pb_section.faq {
        padding-bottom: 0px;
    }

    .et_pb_accordion .et_pb_toggle ul {
        list-style-type: disc !important;
    }

    #vorteile h5.et_pb_toggle_title {
        font-weight: bold;
        font-size: 20px;
        color: #333;
    }


    /* ---------------------------------------------------------
       TABLEPRESS / SERVICETABELLE
       --------------------------------------------------------- */
    .tablepress th {
        width: 220px !important;
    }

    table.tablepress tr {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: stretch;
        justify-content: flex-start;
    }

    #et-main-area #main-content .et_pb_module.et_pb_code table.tablepress tr td {
        width: 220px;
        max-width: 100% !important;
    }

    table.tablepress thead th {
        background: #f07d36 !important;
        color: #ffffff;
    }

    .tablepress thead .row-1 th {
        border: none;
    }

    .servicetabelle .row-1 {
        font-weight: bold;
        background-color: #f08d4b;
        box-shadow: 0px 0px 40px #00000030;
        color: #fff;
    }

    #tablepress-1.servicetabelle {
        border: none;
    }

    .servicetabelle td.column-2,
    .servicetabelle td.column-3 {
        text-align: center;
    }


    /* ---------------------------------------------------------
       FORMULAR (Contact Form - form1)
       --------------------------------------------------------- */
    .form1 .et_pb_column {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border: none;
        background: #fff;
    }

    .form1 .et_pb_module.et_pb_text {
        width: 100%;
        margin: 0 auto;
    }

    textarea.wpcf7-form-control.wpcf7-textarea {
        height: 41px;
    }

    .form1 .wpcf7-list-item label {
        position: relative;
        left: 0;
        padding: 0;
    }

    .form1 input.wpcf7-form-control.wpcf7-submit {
        background: #5bc123;
        border: none;
        color: #fff;
        font-weight: bold;
        padding: 10px 20px;
        font-size: 16px;
        border-radius: 6px;
        text-transform: uppercase;
        width: 100%;
    }

    .form1 input.wpcf7-form-control.wpcf7-submit:hover {
        cursor: pointer;
    }

    .form1 input.wpcf7-form-control.wpcf7-submit:hover:disabled {
        cursor: not-allowed;
    }

    .form1 .acceptance-635 input[type=checkbox] {
        width: 15px !important;
        height: 15px;
        top: 0;
        position: absolute;
        left: 0;
    }

    .form1 textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required {
        height: 60px;
    }

    /* Form row layout */
    .wps-form-row {
        padding-bottom: 0px;
        flex-direction: row;
        display: flex;
        width: 100%;
        justify-content: space-between;
        align-items: stretch;
    }

    .wps-form-column {
        margin: 10px 0px;
        width: 49%;
        position: relative;
    }

    .wps-form-row .wpcf7-form-control {
        width: 100%;
    }

    .wps-form-row input.wpcf7-form-control,
    .wps-form-row textarea.wpcf7-form-control,
    select.wpcf7-form-control.wpcf7-select {
        background: #f7f7f7;
        border: none;
        padding: 10px;
        padding-left: 20px;
        font-size: 16px;
        border-radius: 10px;
        max-width: 100%;
        height: 45px;
    }

    .wps-form-row .wpcf7-list-item-label a {
        color: #21b5b1;
        text-decoration: none;
        border-bottom: dashed 1px #a0c123;
    }

    span.pflichtfelder {
        font-size: 13px;
        line-height: 1.4;
    }

    .wpcf7 form.sent .wpcf7-response-output,
    .wpcf7 form.invalid .wpcf7-response-output,
    .wpcf7 form.unaccepted .wpcf7-response-output {
        margin: 0px;
        position: relative;
        bottom: 0px;
        border-radius: 10px;
        margin-top: 10px;
        font-size: 14px;
    }

    .wpcf7-not-valid-tip {
        font-size: 16px;
        padding-left: 10px;
    }

    input[type="radio"] {
        margin: 0;
    }

    select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required,
    select.wpcf7-form-control.wpcf7-select {
        -webkit-appearance: none;
        background-image: url();
        background-position: 96% 50%;
        background-repeat: no-repeat;
        background-size: 14px;
    }

    input[type=checkbox] {
        -webkit-appearance: checkbox;
        position: absolute;
    }

    .full-row .wps-form-column {
        width: 100%;
    }

    /* Rechtstext (form legal text) */
    .rechtstext span.wpcf7-list-item-label {
        font-weight: normal;
        display: block;
        padding-left: 30px;
    }

    .rechtstext a {
        color: #000;
        text-decoration: underline;
    }

    .rechtstext {
        margin-left: 0px;
        font-size: 15px;
        line-height: 1.4;
        padding: 0;
    }


    /* ---------------------------------------------------------
       KONTAKT-SEKTION / KONTAKTDATEN
       --------------------------------------------------------- */
    .kontaktdaten a {
        display: block;
        margin: 5px 0px;
    }

    .kontakt-sektion.et_pb_row {
        box-shadow: 0px 0px 40px #00000030;
        padding: 30px;
        border-radius: 6px;
    }

    .kontakt-sektion .et_pb_column.et_pb_column_1_2:last-child {
        width: 65%;
    }

    .kontakt-sektion .et_pb_column.et_pb_column_1_2:first-child {
        width: 30%;
        margin-right: 5%;
    }


    /* ---------------------------------------------------------
       LISTE (Checkmark Lists)
       --------------------------------------------------------- */
    .liste li:before {
        content: '\4e';
        font-family: 'ETmodules';
        width: 19px;
        height: 19px;
        position: absolute;
        left: 0;
        top: 3px;
        background: #ed6509;
        color: #fff;
        border-radius: 50%;
        line-height: 21px;
        font-size: 12px;
        text-align: center;
    }

    .liste li {
        padding-left: 25px;
        padding-bottom: 5px;
        position: relative;
    }

    .liste ul {
        padding: 0px;
        list-style: none;
        margin-top: 14px;
    }


    /* ---------------------------------------------------------
       MISC ROW SPACING
       --------------------------------------------------------- */
    .et_pb_row.et_pb_row_3 {
        margin-bottom: 30px;
    }


    /* ==========================================================
       MEDIA QUERIES
       ========================================================== */

    @media (max-width: 1440px) {
        body .header-content .et_pb_row {
            width: 90% !important;
        }
        .header-content .et_pb_row {
            width: 90%;
        }
        #bewertungen-haupt li strong:before,
        #bewertungen-unter li strong:before {
            padding-right: 5px;
        }
        .entry-content .bewertungen li strong {
            margin-bottom: 0px;
        }
    }

    @media (max-width: 1300px) {
        .header-content .et_pb_column_1_2 .et_pb_text_inner {
            padding: 50px;
        }
        #cta-banner .et_pb_text_inner {
            width: 70%;
        }
        .videos-top {
            margin-top: 0px !important;
        }
    }

    @media (max-width: 1024px) {
        .entry-content .hero-slider h4 a {
            line-height: 20px;
        }
        .entry-content div#start-header:after {
            bottom: -10px;
        }
        .pakete-button h4 {
            width: 30%;
        }
        div#pakete.pakete-none .et_pb_module.et_pb_text.et_pb_text_align_left.et_pb_bg_layout_light {
            width: 49%;
        }
        #bewertungen-haupt li,
        #bewertungen-unter li {
            height: fit-content;
        }
        .kacheln-pakete .et_pb_column.et_pb_column_4_4 {
            display: flex;
            grid-gap: 18px;
            flex-wrap: wrap;
        }
        .kacheln-pakete .et_pb_column .et_pb_module.et_pb_text {
            width: 49%;
        }
        .kacheln-pakete .et_pb_text_inner {
            grid-gap: 10px;
        }
        #cta-banner p,
        body .faq h3.et_pb_toggle_title,
        .kacheln-pakete strong {
            font-size: 20px;
        }
        .kacheln-pakete a {
            font-size: 14px;
        }
        .header-content h1 {
            font-size: 30px;
        }
        .ueberschrift h2,
        .ueberschrift h1 {
            font-size: 32px;
        }
        body #cta-banner .et_pb_row {
            padding: 30px 0px;
        }
        #cta-banner .et_pb_text_inner {
            width: 70%;
        }
        #cta-banner h2 {
            font-size: 32px;
        }
    }

    @media (max-width: 980px) {
        div#pakete.pakete-none .et_pb_module.et_pb_text.et_pb_text_align_left.et_pb_bg_layout_light {
            width: 48%;
        }
        body .header-content .et_pb_row {
            width: 90% !important;
            padding-top: 40px;
        }
        .entry-content .hero-slider h4 a {
            font-size: 15px;
            margin-right: 0;
        }
        .header-content h1 {
            font-size: 26px;
        }
        .entry-content div#start-header::after {
            bottom: -11px;
        }
        .entry-content .et_pb_section.et_pb_section_0.header-content.et_section_regular {
            background-image: radial-gradient(farthest-side at 50% 10%, #f9c2a1 0%, #eb6f24 100%);
            height: 890px;
        }
        .header-content .et_pb_column_1_2 .et_pb_text_inner {
            padding: 0px;
        }
        .ueberschrift h2,
        .ueberschrift h1 {
            letter-spacing: 0;
        }
        .kacheln-pakete .et_pb_column.et_pb_column_4_4 {
            flex-direction: row;
            flex-wrap: wrap;
        }
        .kacheln-pakete .et_pb_column .et_pb_module.et_pb_text {
            width: 48%;
        }
        .header-content .et_pb_row {
            height: auto;
        }
        .header-content .et_pb_column.et_pb_column_1_2 {
            width: 100%;
            margin: 0;
        }
        .text-bild .et_pb_row {
            flex-direction: column;
        }
        body .text-bild .et_pb_image .et_pb_image_wrap,
        body .text-bild .et_pb_image_wrap img {
            width: 100%;
        }
    }

    @media (max-width: 768px) {
        .header-content a.first-btn {
            width: 100%;
            text-align: center;
        }
        .pakete-button h4 {
            width: 33%;
        }
        .entry-content div#start-header::after {
            bottom: -36px;
        }
        #cta-banner .et_pb_text_inner {
            width: 90%;
        }
        .kontakt-sektion.et_pb_row {
            display: flex;
            flex-direction: column;
        }
        .kontakt-sektion .et_pb_column.et_pb_column_1_2:first-child {
            width: 100%;
            margin: 0;
            order: 2;
            margin-top: 30px;
        }
        .kontakt-sektion .et_pb_column.et_pb_column_1_2:last-child {
            width: 100%;
        }
    }

    @media (max-width: 580px) {
        .wps-form-row input.wpcf7-form-control,
        .wps-form-row textarea.wpcf7-form-control,
        select.wpcf7-form-control.wpcf7-select {
            background: #e1e1e1;
        }
        .pakete-button h4 {
            width: 50%;
        }
        .kacheln-pakete li {
            font-size: 16px;
        }
        .entry-content .et_pb_section.et_pb_section_0.header-content.et_section_regular {
            background-image: radial-gradient(farthest-side at 50% 10%, #f9c2a1 0%, #eb6f24 100%);
            height: 1164px;
        }
        .entry-content .et_pb_row.et_pb_row .ueberschrift {
            width: 100%;
        }
        .entry-content .et_pb_module.et_pb_text.header-text.et_pb_text_align_left.et_pb_bg_layout_light {
            margin-right: 0px;
            margin-bottom: 30px;
        }
        .entry-content div#start-header::after {
            bottom: -49px;
        }
        div#pakete {
            margin-top: 0px;
        }
        div#pakete.pakete-none .et_pb_module.et_pb_text.et_pb_text_align_left.et_pb_bg_layout_light {
            width: 100%;
            margin-top: 10px;
        }
        #cta-banner a {
            letter-spacing: 0;
        }
        #vorteile h5.et_pb_toggle_title,
        body .faq h3.et_pb_toggle_title {
            font-size: 18px;
            line-height: 1.4;
        }
        .header-content .et_pb_row {
            flex-direction: column;
        }
        .header-content .et_pb_row.anker {
            display: none;
        }
        .kacheln-pakete .et_pb_column .et_pb_module.et_pb_text {
            width: 100%;
        }
        .kacheln-pakete a {
            font-size: 18px;
        }
        .ueberschrift h2,
        .ueberschrift h1,
        #cta-banner h2,
        h2 {
            font-size: 22px;
        }
        .text-bild span.et_pb_image_wrap:before,
        .text-bild span.et_pb_image_wrap:after {
            display: none;
        }
        #cta-banner a {
            font-size: 18px;
        }
        #cta-banner p {
            font-size: 16px;
        }
        body #cta-banner .et_pb_row:before {
            right: 20px;
            bottom: 20px;
            width: 100px;
            height: 100px;
        }
        .wps-form-row {
            flex-direction: column;
        }
        .wps-form-column {
            width: 100%;
        }
        .form1 input.wpcf7-form-control.wpcf7-submit {
            width: 100%;
        }
        .kontakt-sektion .et_pb_column.et_pb_column_1_2:first-child {
            margin-top: 0px;
        }
        .kontakt-sektion.et_pb_row {
            padding: 20px;
        }
        .header-content h1 {
            font-size: 24px;
        }
        .header-content a.second-btn {
            padding-left: 0;
        }
    }

    @media (max-width: 425px) {
        .bewertungen h3 {
            font-size: 14px;
        }
        .entry-content h3.et_pb_toggle_title {
            padding-right: 0;
        }
        .entry-content div#start-header::after {
            bottom: -62px;
        }
        .entry-content .et_pb_section.et_pb_section_0.header-content.et_section_regular {
            background-image: radial-gradient(farthest-side at 50% 10%, #f9c2a1 0%, #eb6f24 100%);
            height: 1137px;
        }
        .pakete-button h4 {
            width: 65%;
        }
    }

    @media (max-width: 390px) {
        .pakete-button h4 {
            width: 75%;
        }
        #cta-banner a {
            font-size: 16px;
        }
        .entry-content .hero-slider h4 a {
            line-height: 20px;
            padding-top: 0;
        }
    }




}

.page-template-page-template-services-php {    

	.head-content :is(h1, h2, h3, h4) {
		color: white;
	}

	/*
	.et_pb_row:has(.lSSlideWrapper) {
	display: none !important;
}
	*/

	.wpcf7-form input.wpcf7-form-control.wpcf7-submit {

		background: #ec6608;
		border-radius: 0;
		color: white;
		padding: 12px 21px;
		display: inline-block;
		line-height: 100%;
		font-weight: bold;
		margin-top: 5px;
	}

	.wpcf7-form input.wpcf7-form-control.wpcf7-submit:hover {
		transform: scale(1);
		opacity: 0.8;
	}

	#cta-banner a {
		background: #ec6608;
		border-radius: 0;
		color: white;
		padding: 18px 21px;
		display: inline-block;
		line-height: 100%;
		font-weight: bold;
		margin-top: 35px;
	}
	#cta-banner a:hover {
		transform: scale(1);
		opacity: 0.8;
	}

	.timeline .timeline--date {
		background: #fff7ee;
		max-width: 55px;
	}
	
	.tabellen-row {
		margin-top: 5px;
		width: 70%;
		max-width: 1200px;
	}

	/* 4-Spalten Tabellen Layout */
	.tabellen-row-4col.et_pb_row {
		width: 95% !important;
		max-width: 1400px !important;
		display: flex !important;
		flex-wrap: nowrap !important;
		gap: 12px;
	}

	.tabellen-row-4col .et_pb_column {
		flex: 1 1 0 !important;
		width: auto !important;
		min-width: 0 !important;
		max-width: none !important;
		margin-right: 0 !important;
		margin-left: 0 !important;
		padding: 18px 14px !important;
		background: #ffffff;
		overflow: visible !important;
		border-radius: 4px;
	}

	.tabellen-row-4col .et_pb_column.box-left {
		border: 2px solid #e6843a;
	}

	.tabellen-row-4col .et_pb_column.box-right {
		border: 2px solid #b25e2c;
	}

	.tabellen-row-4col .et_pb_column:before,
	.tabellen-row-4col .et_pb_column:after {
		display: none !important;
	}

	.tabellen-row-4col .tabelle-first h3 {
		font-size: 20px;
		padding-top: 8px;
		line-height: 1.3;
	}

	.tabellen-row-4col .tabelle-first .et_pb_text_inner {
		color: #333;
		font-size: 13px;
	}

	.tabellen-row-4col h4 {
		font-size: 26px;
		padding-top: 15px;
		padding-bottom: 15px;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.tabellen-row-4col h4 small {
		font-size: 13px;
		color: #999;
		font-weight: normal;
		display: inline;
	}

	.tabellen-row-4col h6 {
		font-size: 13px;
	}

	.tabellen-row-4col .tabelle-first a[href="#beratung"] {
		display: block;
		color: white;
		text-align: center;
		padding: 14px 12px;
		font-size: 14px;
		font-weight: bold;
		border-radius: 4px;
		text-transform: uppercase;
		margin-top: 10px;
		transition: 300ms;
	}

	.tabellen-row-4col .box-left .tabelle-first a[href="#beratung"] {
		background: #ee8c43;
	}

	.tabellen-row-4col .box-right .tabelle-first a[href="#beratung"] {
		background: #ba6633;
	}

	.tabellen-row-4col .tabelle-first a[href="#beratung"]:hover {
		opacity: 0.85;
	}

	.tabellen-row-4col .box-technik {
		padding: 12px 10px !important;
	}

	.tabellen-row-4col .box-technik h3 {
		font-size: 15px;
		padding-bottom: 5px;
	}

	.tabellen-row-4col .box-technik li {
		font-size: 13px;
		padding-bottom: 4px;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}

	.tabellen-row-4col .box-technik strong {
		float: none !important;
		font-size: 13px;
		display: block;
		width: 100%;
	}

	.tabellen-row-4col .box-technik img {
		width: 16px;
		margin-right: 4px;
	}

	.tabellen-row-4col .box-technik ul {
		padding: 0;
	}

	.tabellen-row-4col .et_pb_accordion .et_pb_toggle h5 {
		font-size: 14px;
	}

	.tabellen-row-4col .et_pb_accordion .et_pb_toggle {
		padding: 10px 0 !important;
	}

	.tabellen-row-4col .features-head li {
		font-size: 14px;
		padding: 3px 0;
		line-height: 1.3;
	}

	.tabellen-row-4col .et_pb_toggle_content {
		padding: 4px 0;
	}

	.tabellen-row-4col .sterne-container img {
		width: 32px;
		padding: 8px;
	}

	/* Override sterne margin-bottom for 4col layout */
	.tabellen-row-4col .sterne-container {
		margin-bottom: 8px !important;
		margin-top: 5px;
	}

	.tabellen-row-4col .sterne-container img {
		margin-right: 4px !important;
	}



	#start-header {
		margin-block: 50px 0;
	}
	
	#cta-banner {
		background: #fff1e2;
	}

	#cta-banner :is(p, h2, div) {
		color: #544f4a !important;
	}

	#cta-banner a {
		margin: 0 !important;
		padding: 10px 13px !important;
	}
	
	.kacheln-pakete a:nth-child(3) {
		background: #fff7ee;
		color: #b0602d;
	}
	
	.kacheln-pakete .et_pb_column .et_pb_module.et_pb_text {    
		border: 1.5px solid #e6843a;
		box-shadow: 8px 13px 16px 0px #00000011 !important;
	}
	
	table.tablepress tr {
		display: table-row;
	}
	
	.timeline-inverted .timeline-body {
		padding-left: 14px;
		padding-bottom: 10px;
	}

	.timeline-inverted .timeline-body h4 {
		padding-inline: 0;
	}

	.timeline .timeline-body {
		padding-bottom: 10px;
	}

	.timeline .timeline-body h4 {
		padding-inline: 0;
	}
	
	.akzeptieren-form input {
		margin-top: 8px;
		margin-left: -22px;
	}

	.akzeptieren-form {
		padding-left: 28px;
	}
}

/* ===== KONTAKTLEISTE FÜR SEITE 2130 ===== */

/* Container für Kontaktleiste */
.header-contact-bar {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 30px;
    margin-right: 25px;
    flex-shrink: 0;
}

/* Telefon und E-Mail Links */
.header-contact-bar .contact-phone,
.header-contact-bar .contact-email {
    position: relative;
    padding-left: 38px;
    color: #000 !important;
    text-decoration: underline !important;
    font-size: 14px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    height: 30px;
    white-space: nowrap;
    flex-shrink: 0;
}

.header-contact-bar .contact-phone:hover,
.header-contact-bar .contact-email:hover {
    color: #e67e22 !important;
}

a.contact-email {
    margin-right: 10px;
}

/* Basis für beide Icons */
.header-contact-bar .contact-phone:before,
.header-contact-bar .contact-email:before {
    background-size: 50%;
    background-color: rgb(255 225 204);
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 28px;
    height: 28px;
    display: inline-block;
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    flex-shrink: 0;
}

/* Telefon-Icon - SCHWARZ */
.header-contact-bar .contact-phone:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23333333'%3E%3Cpath d='M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z'/%3E%3C/svg%3E") !important;
}

/* E-Mail-Icon - SCHWARZ */
.header-contact-bar .contact-email:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23333333'%3E%3Cpath d='M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z'/%3E%3C/svg%3E") !important;
}

/* Nur Kontaktleiste positionieren - AP nicht anfassen */
.page-template-page-template-services-php .header-contact-bar {
    position: absolute;
    right: 180px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99;
}

/* Responsive - auf kleineren Bildschirmen ausblenden */
@media (max-width: 980px) {
    .header-contact-bar {
        display: none;
    }
}



.page-template-page-template-services-php {
	.header-contact-bar .contact-email, 
	.header-contact-bar .contact-phone {
		text-decoration: none !important;
	}


	#cta-banner div, #cta-banner p {
		font-size: 17px !important;
	}

	#cta-banner h2 {
		font-size: 26px !important;
		margin-bottom: 10px;
	}

	#cta-banner a {
		font-size: 17px !important;
	}

	#cta-banner .et_pb_row:before {
		top: 12px;
		opacity: 0.1 !important;
		filter: brightness(1.8);
	}

	.ueberschrift h2,
	.head-text h2 {
		line-height: 1.4;
		margin-bottom: 25px !important;
		padding-bottom: 20px !important;
		font-size: 37px;
	}

	.head-text h2 {
		margin-bottom: 0 !important;
	}
}



/* ==========================================================
   4-Spalten Pakete Responsive (page-2130)
   ========================================================== */
@media (max-width: 1279px) {
    .page-template-page-template-services-php .tabellen-row-4col.et_pb_row {
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        width: 98% !important;
        gap: 10px;
    }
    .page-template-page-template-services-php .tabellen-row-4col .et_pb_column {
        width: auto !important;
        max-width: none !important;
        margin-right: 0 !important;
        margin-bottom: 0 !important;
        padding: 14px 10px !important;
    }
}

@media (max-width: 1100px) {
    .page-template-page-template-services-php .tabellen-row-4col.et_pb_row {
        flex-wrap: wrap !important;
        width: 90% !important;
        gap: 12px;
    }
    .page-template-page-template-services-php .tabellen-row-4col .et_pb_column {
        flex: 0 0 calc(50% - 6px) !important;
        max-width: calc(50% - 6px) !important;
        width: calc(50% - 6px) !important;
        margin-bottom: 12px !important;
    }
    .page-template-page-template-services-php .tabellen-row-4col .box-technik strong {
        display: inline !important;
        float: right !important;
    }
    .page-template-page-template-services-php .tabellen-row-4col .tabelle-first h3 {
        font-size: 22px;
    }
    .page-template-page-template-services-php .tabellen-row-4col h4 {
        font-size: 26px;
    }
    .page-template-page-template-services-php .tabellen-row-4col .features-head li {
        font-size: 14px;
    }
    .page-template-page-template-services-php .tabellen-row-4col .box-technik li,
    .page-template-page-template-services-php .tabellen-row-4col .box-technik strong {
        font-size: 14px;
    }
}

@media (max-width: 580px) {
    .page-template-page-template-services-php .tabellen-row-4col.et_pb_row {
        flex-direction: column !important;
        width: 92% !important;
    }
    .page-template-page-template-services-php .tabellen-row-4col .et_pb_column {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
        padding: 20px 18px !important;
    }
    .page-template-page-template-services-php .tabellen-row-4col .tabelle-first h3 {
        font-size: 24px;
    }
    .page-template-page-template-services-php .tabellen-row-4col h4 {
        font-size: 28px;
    }
    .page-template-page-template-services-php .tabellen-row-4col .features-head li {
        font-size: 15px;
    }
    .page-template-page-template-services-php .tabellen-row-4col .box-technik li,
    .page-template-page-template-services-php .tabellen-row-4col .box-technik strong {
        font-size: 15px;
    }
    .page-template-page-template-services-php .tabellen-row-4col .box-technik strong {
        display: inline !important;
        float: right !important;
    }
    .page-template-page-template-services-php .tabellen-row-4col .et_pb_accordion .et_pb_toggle h5 {
        font-size: 16px;
    }
}

/* ==========================================================
   Paketvergleich-Tabelle mobil lesbar machen (page-2130)
   Einfacher horizontaler Scroll
   ========================================================== */
@media (max-width: 980px) {
    .page-template-page-template-services-php .et_pb_code_inner {
        overflow-x: auto !important;
        overflow-y: visible !important;
        -webkit-overflow-scrolling: touch;
        max-width: 100vw;
        padding-bottom: 12px;
    }

    .page-template-page-template-services-php #tablepress-7 {
        display: table !important;
        width: 900px !important;
        min-width: 900px !important;
        margin: 0;
        border: none !important;
        background: #fff;
        border-collapse: collapse;
    }

    .page-template-page-template-services-php #tablepress-7 thead {
        display: table-header-group !important;
    }

    .page-template-page-template-services-php #tablepress-7 tbody {
        display: table-row-group !important;
    }

    .page-template-page-template-services-php #tablepress-7 tr {
        display: table-row !important;
        width: auto !important;
        margin: 0 !important;
        border: none !important;
        border-radius: 0 !important;
        position: static !important;
    }

    .page-template-page-template-services-php #tablepress-7 th,
    .page-template-page-template-services-php #tablepress-7 td {
        display: table-cell !important;
        width: auto !important;
        min-width: 120px;
        padding: 12px 14px !important;
        text-align: center !important;
        vertical-align: middle !important;
        white-space: normal;
        box-sizing: border-box;
    }

    .page-template-page-template-services-php #tablepress-7 th.column-1,
    .page-template-page-template-services-php #tablepress-7 td.column-1 {
        min-width: 200px;
        text-align: left !important;
    }

    .page-template-page-template-services-php #tablepress-7 td:before {
        content: none !important;
        display: none !important;
    }
}