/* SHK Variante 3 – Korrekturen 1.3 */

/* Kadence-Innenbereiche vollständig transparent: entfernt den grauen Streifen über dem Bildheader. */
.home #masthead .site-header-wrap,
.home #masthead .site-header-inner-wrap,
.home #masthead .site-header-upper-inner-wrap,
.home #masthead .site-main-header-wrap,
.home #masthead .site-header-row-container,
.home #masthead .site-header-row-container-inner,
.page-id-11 #masthead .site-header-wrap,
.page-id-11 #masthead .site-header-inner-wrap,
.page-id-11 #masthead .site-header-upper-inner-wrap,
.page-id-11 #masthead .site-main-header-wrap,
.page-id-11 #masthead .site-header-row-container,
.page-id-11 #masthead .site-header-row-container-inner,
.page-id-13 #masthead .site-header-wrap,
.page-id-13 #masthead .site-header-inner-wrap,
.page-id-13 #masthead .site-header-upper-inner-wrap,
.page-id-13 #masthead .site-main-header-wrap,
.page-id-13 #masthead .site-header-row-container,
.page-id-13 #masthead .site-header-row-container-inner,
.page-id-15 #masthead .site-header-wrap,
.page-id-15 #masthead .site-header-inner-wrap,
.page-id-15 #masthead .site-header-upper-inner-wrap,
.page-id-15 #masthead .site-main-header-wrap,
.page-id-15 #masthead .site-header-row-container,
.page-id-15 #masthead .site-header-row-container-inner,
.page-id-88 #masthead .site-header-wrap,
.page-id-88 #masthead .site-header-inner-wrap,
.page-id-88 #masthead .site-header-upper-inner-wrap,
.page-id-88 #masthead .site-main-header-wrap,
.page-id-88 #masthead .site-header-row-container,
.page-id-88 #masthead .site-header-row-container-inner {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Schmaler Bildheader auf den Unterseiten – Navigation wie auf der Startseite über dem Bild. */
.page-id-11 .site-header,
.page-id-11 #masthead,
.page-id-13 .site-header,
.page-id-13 #masthead,
.page-id-15 .site-header,
.page-id-15 #masthead,
.page-id-88 .site-header,
.page-id-88 #masthead {
    position: absolute !important;
    top: var(--shk-status-height) !important;
    left: 0 !important;
    right: 0 !important;
    background: linear-gradient(to bottom, rgba(41,69,78,.78), rgba(41,69,78,.08)) !important;
    border: 0 !important;
    box-shadow: none !important;
}

.page-id-11 .site-header .main-navigation a,
.page-id-11 #masthead .main-navigation a,
.page-id-11 #masthead .primary-menu a,
.page-id-11 #masthead .menu a,
.page-id-13 .site-header .main-navigation a,
.page-id-13 #masthead .main-navigation a,
.page-id-13 #masthead .primary-menu a,
.page-id-13 #masthead .menu a,
.page-id-15 .site-header .main-navigation a,
.page-id-15 #masthead .main-navigation a,
.page-id-15 #masthead .primary-menu a,
.page-id-15 #masthead .menu a,
.page-id-88 .site-header .main-navigation a,
.page-id-88 #masthead .main-navigation a,
.page-id-88 #masthead .primary-menu a,
.page-id-88 #masthead .menu a {
    color: #fff !important;
    text-shadow: 0 2px 12px rgba(0,0,0,.30) !important;
}


.page-id-11 .menu-toggle-open,
.page-id-13 .menu-toggle-open,
.page-id-15 .menu-toggle-open,
.page-id-88 .menu-toggle-open,
.page-id-11 .menu-toggle-open .menu-toggle-icon,
.page-id-13 .menu-toggle-open .menu-toggle-icon,
.page-id-15 .menu-toggle-open .menu-toggle-icon,
.page-id-88 .menu-toggle-open .menu-toggle-icon {
    color: #fff !important;
}

.page-id-11 .site-content,
.page-id-11 #content,
.page-id-11 .content-area,
.page-id-11 #primary,
.page-id-11 main,
.page-id-11 .site-main,
.page-id-11 article,
.page-id-11 .entry-content,
.page-id-13 .site-content,
.page-id-13 #content,
.page-id-13 .content-area,
.page-id-13 #primary,
.page-id-13 main,
.page-id-13 .site-main,
.page-id-13 article,
.page-id-13 .entry-content,
.page-id-15 .site-content,
.page-id-15 #content,
.page-id-15 .content-area,
.page-id-15 #primary,
.page-id-15 main,
.page-id-15 .site-main,
.page-id-15 article,
.page-id-15 .entry-content,
.page-id-88 .site-content,
.page-id-88 #content,
.page-id-88 .content-area,
.page-id-88 #primary,
.page-id-88 main,
.page-id-88 .site-main,
.page-id-88 article,
.page-id-88 .entry-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.page-id-11 .entry-content,
.page-id-13 .entry-content,
.page-id-15 .entry-content,
.page-id-88 .entry-content,
.page-id-88 .wp-block-post-content {
    max-width: none !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.shk-v3-subhero,
.v2-subpage-hero {
    min-height: 390px !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: flex-end !important;
    padding: 155px 24px 62px !important;
    background-image:
        linear-gradient(90deg, rgba(41,69,78,.82), rgba(41,69,78,.58) 52%, rgba(41,69,78,.38)),
        url('/wp-content/uploads/2026/05/ChatGPT-Image-9.-Mai-2026-19_36_00.png') !important;
    background-size: cover !important;
    background-position: center 56% !important;
    border: 0 !important;
}

.shk-v3-subhero-inner,
.v2-subpage-hero-inner {
    position: relative !important;
    z-index: 1 !important;
}

.shk-v3-subhero-inner > span,
.v2-subpage-hero-inner > span {
    color: #0091AA !important;
}

.shk-v3-subhero h1,
.v2-subpage-hero-inner h1 {
    color: #fff !important;
    text-shadow: 0 3px 20px rgba(0,0,0,.24) !important;
}

.shk-v3-subhero p,
.v2-subpage-hero-inner p {
    color: rgba(255,255,255,.86) !important;
}

/* Schnellkontakt war als normale blaue Linkfläche im Footer sichtbar. Wieder als schwebende Leiste darstellen. */
.floating-contact-bar {
    position: fixed !important;
    right: 18px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 99999 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.floating-contact-bar > a,
.floating-contact-item {
    width: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    color: #fff !important;
    border-radius: 999px !important;
    text-decoration: none !important;
    box-shadow: 0 8px 22px rgba(15,23,42,.16) !important;
    transition: width .25s ease-in-out, background .2s ease-in-out, transform .2s ease-in-out !important;
}

.floating-contact-bar > a:hover,
.floating-contact-item:hover {
    width: 230px !important;
    transform: translateX(-4px) !important;
}

.floating-icon {
    width: 48px !important;
    min-width: 48px !important;
    height: 48px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 20px !important;
    line-height: 1 !important;
}

.floating-text {
    opacity: 0 !important;
    white-space: nowrap !important;
    padding-right: 18px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    transition: opacity .2s ease-in-out !important;
}

.floating-contact-bar > a:hover .floating-text,
.floating-contact-item:hover .floating-text { opacity: 1 !important; }
.floating-text strong { font-size: 14px !important; font-weight: 700 !important; line-height: 1.2 !important; color: #fff !important; }
.floating-text small { margin-top: 2px !important; font-size: 12px !important; font-weight: 400 !important; opacity: .9 !important; color: #fff !important; }
.floating-phone,.floating-contact-bar > a:nth-child(1) { background: #0091AA !important; }
.floating-mail,.floating-contact-bar > a:nth-child(2) { background: #29454E !important; }
.floating-instagram,.floating-contact-bar > a:nth-child(3) { background: #c13584 !important; }
.floating-location,.floating-contact-bar > a:nth-child(4) { background: #334155 !important; }

/* Footerlinks selbst ohne Auswahl-/Hintergrundeffekt. */
.site-footer a,
.site-footer-wrap a,
#colophon a {
    background: transparent !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

@media (max-width: 768px) {
    .shk-v3-subhero,
    .v2-subpage-hero {
        min-height: 330px !important;
        padding: 135px 18px 46px !important;
        background-position: 62% center !important;
    }
    .floating-contact-bar {
        right: 50% !important;
        top: auto !important;
        bottom: 16px !important;
        transform: translateX(50%) !important;
        flex-direction: row !important;
        gap: 8px !important;
        background: rgba(255,255,255,.94) !important;
        padding: 8px !important;
        border-radius: 999px !important;
        box-shadow: 0 8px 24px rgba(15,23,42,.18) !important;
    }
    .floating-contact-bar > a,
    .floating-contact-item {
        width: 46px !important;
        min-width: 46px !important;
        min-height: 46px !important;
    }
    .floating-contact-bar > a:hover,
    .floating-contact-item:hover { width: 46px !important; transform: none !important; }
    .floating-icon { width: 46px !important; min-width: 46px !important; height: 46px !important; }
    .floating-text { display: none !important; }
}


/* Wärmepumpen-Check: Grundstruktur aus Variante 2 */
.v2-subpage {
    width: 100%;
    background: #ffffff;
    color: #111827;
}

.v2-subpage-hero {
    width: 100vw;
    margin-left: calc(50% - 50vw);

    padding: 72px 24px 76px 24px;

    background:
        radial-gradient(circle at top right, rgba(0, 145, 170, 0.10), transparent 34%),
        linear-gradient(135deg, #ffffff 0%, #f8fafc 58%, #eef6ff 100%);

    border-bottom: 1px solid #e5e7eb;
}

.v2-subpage-hero-inner {
    max-width: 920px;
    margin: 0 auto;
    text-align: center;
}

.v2-subpage-hero-inner span {
    display: inline-block;

    margin-bottom: 14px;

    color: #0091AA;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.v2-subpage-hero-inner h1 {
    max-width: 760px;

    margin: 0 auto 18px auto;

    color: #0f172a;
    font-size: clamp(32px, 4vw, 48px);
    line-height: 1.08;
    font-weight: 850;
}

.v2-subpage-hero-inner p {
    max-width: 680px;

    margin: 0 auto;

    color: #475569;
    font-size: 17px;
    line-height: 1.7;
}

.v2-subpage-content {
    max-width: 1180px;

    margin: 0 auto;
    padding: 64px 24px 70px 24px;
}

/* =========================================
   Wärmepumpen-Check Seite
========================================= */

.v2-form-intro {
    max-width: 780px;

    margin: 0 auto 34px auto;
    text-align: center;
}

.v2-form-intro h2 {
    margin: 0 0 16px 0;

    color: #0f172a;
    font-size: clamp(28px, 3vw, 40px);
    line-height: 1.15;
    font-weight: 850;
}

.v2-form-intro p {
    margin: 0;

    color: #475569;
    font-size: 17px;
    line-height: 1.7;
}

.v2-form-box {
    max-width: 980px;
    margin: 0 auto;
}


/* =========================================
   Forminator Grundlayout
========================================= */

.page-id-88 form {
    max-width: 900px !important;
    margin: 0 auto !important;
}

.page-id-88 form.forminator-custom-form,
.page-id-88 .forminator-ui.forminator-custom-form {
    max-width: 980px !important;

    margin: 0 auto 40px auto !important;
    padding: 42px 36px !important;

    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 24px !important;

    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.08) !important;
}

.page-id-88 form input[type="text"],
.page-id-88 form input[type="email"],
.page-id-88 form input[type="tel"],
.page-id-88 form input[type="number"],
.page-id-88 form textarea,
.page-id-88 form select {
    width: 100% !important;

    border-radius: 10px !important;
    border: 1px solid #d1d5db !important;

    padding: 13px 15px !important;

    font-size: 15px !important;
    background: #ffffff !important;
}

.page-id-88 form input[type="text"]:focus,
.page-id-88 form input[type="email"]:focus,
.page-id-88 form input[type="tel"]:focus,
.page-id-88 form input[type="number"]:focus,
.page-id-88 form textarea:focus,
.page-id-88 form select:focus {
    border-color: #0091AA !important;
    box-shadow: 0 0 0 3px rgba(0, 145, 170, 0.16) !important;
    outline: none !important;
}

.page-id-88 form label,
.page-id-88 .forminator-ui .forminator-label {
    font-weight: 800 !important;
    color: #0f172a !important;
    margin-bottom: 10px !important;
}

.page-id-88 form textarea {
    min-height: 120px !important;
}

.page-id-88 form button,
.page-id-88 form input[type="submit"],
.page-id-88 .forminator-ui .forminator-button-submit {
    background: #0091AA !important;
    color: #ffffff !important;

    border-radius: 999px !important;

    padding: 14px 34px !important;

    font-weight: 800 !important;
    font-size: 16px !important;

    border: none !important;
    cursor: pointer !important;

    transition: all 0.2s ease-in-out !important;
}

.page-id-88 form button:hover,
.page-id-88 form input[type="submit"]:hover,
.page-id-88 .forminator-ui .forminator-button-submit:hover {
    background: #356f78 !important;
    transform: translateY(-1px) !important;
}

.page-id-88 form p,
.page-id-88 form .forminator-row,
.page-id-88 .forminator-ui .forminator-row {
    margin-bottom: 28px !important;
}


/* =========================================
   Radio-Kacheln
   Klasse in Forminator: tile-options
========================================= */

.page-id-88 .forminator-ui .forminator-field.tile-options,
.page-id-88 .forminator-ui .tile-options .forminator-field,
.page-id-88 .forminator-ui .tile-options {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 18px !important;
    justify-content: center !important;
    align-items: stretch !important;

    max-width: 900px !important;
    margin: 0 auto 38px auto !important;
}

.page-id-88 .forminator-ui .forminator-field.tile-options > .forminator-label,
.page-id-88 .forminator-ui .tile-options .forminator-field > .forminator-label,
.page-id-88 .forminator-ui .tile-options > .forminator-label {
    flex: 0 0 100% !important;

    font-size: 18px !important;
    font-weight: 800 !important;
    color: #0f172a !important;

    margin-bottom: 8px !important;

    text-align: left !important;
}

.page-id-88 .forminator-ui .forminator-field.tile-options .forminator-radio,
.page-id-88 .forminator-ui .tile-options .forminator-field .forminator-radio,
.page-id-88 .forminator-ui .tile-options .forminator-radio {
    position: relative !important;

    width: 185px !important;
    height: 120px !important;

    margin: 0 !important;
    padding: 0 !important;
}

.page-id-88 .forminator-ui .forminator-field.tile-options .forminator-radio input[type="radio"],
.page-id-88 .forminator-ui .forminator-field.tile-options .forminator-radio-bullet,
.page-id-88 .forminator-ui .tile-options .forminator-radio input[type="radio"],
.page-id-88 .forminator-ui .tile-options .forminator-radio-bullet {
    display: none !important;
}

.page-id-88 .forminator-ui .forminator-field.tile-options .forminator-radio-label,
.page-id-88 .forminator-ui .tile-options .forminator-radio-label {
    width: 100% !important;
    height: 100% !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 12px !important;

    border: 1px solid #d1d5db !important;
    border-radius: 18px !important;

    background: #ffffff !important;

    text-align: center !important;

    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    color: #0f172a !important;

    cursor: pointer !important;

    box-shadow: 0 6px 16px rgba(15, 23, 42, 0.05) !important;
    transition: all 0.2s ease-in-out !important;
}

.page-id-88 .forminator-ui .forminator-field.tile-options .forminator-radio:hover .forminator-radio-label,
.page-id-88 .forminator-ui .tile-options .forminator-radio:hover .forminator-radio-label {
    border-color: #0091AA !important;
    box-shadow: 0 12px 26px rgba(0, 145, 170, 0.14) !important;
    transform: translateY(-2px) !important;
}

.page-id-88 .forminator-ui .forminator-field.tile-options .forminator-radio input[type="radio"]:checked ~ .forminator-radio-label,
.page-id-88 .forminator-ui .tile-options .forminator-radio input[type="radio"]:checked ~ .forminator-radio-label,
.page-id-88 .forminator-ui .forminator-field.tile-options .forminator-radio:has(input[type="radio"]:checked) .forminator-radio-label,
.page-id-88 .forminator-ui .tile-options .forminator-radio:has(input[type="radio"]:checked) .forminator-radio-label {
    border-color: #0091AA !important;
    background: #edf7f8 !important;
    box-shadow: 0 0 0 3px rgba(0, 145, 170, 0.16) !important;
}


/* =========================================
   Checkbox-Kacheln
   Klasse in Forminator: tile-checkboxes
========================================= */

.page-id-88 .forminator-ui .forminator-field.tile-checkboxes,
.page-id-88 .forminator-ui .tile-checkboxes .forminator-field,
.page-id-88 .forminator-ui .tile-checkboxes {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 18px !important;
    justify-content: center !important;
    align-items: stretch !important;

    max-width: 900px !important;
    margin: 0 auto 38px auto !important;
}

.page-id-88 .forminator-ui .forminator-field.tile-checkboxes > .forminator-label,
.page-id-88 .forminator-ui .tile-checkboxes .forminator-field > .forminator-label,
.page-id-88 .forminator-ui .tile-checkboxes > .forminator-label {
    flex: 0 0 100% !important;

    font-size: 18px !important;
    font-weight: 800 !important;
    color: #0f172a !important;

    margin-bottom: 8px !important;

    text-align: left !important;
}

.page-id-88 .forminator-ui .forminator-field.tile-checkboxes .forminator-checkbox,
.page-id-88 .forminator-ui .tile-checkboxes .forminator-field .forminator-checkbox,
.page-id-88 .forminator-ui .tile-checkboxes .forminator-checkbox {
    position: relative !important;

    width: 185px !important;
    height: 120px !important;

    margin: 0 !important;
    padding: 0 !important;
}

.page-id-88 .forminator-ui .forminator-field.tile-checkboxes .forminator-checkbox input[type="checkbox"],
.page-id-88 .forminator-ui .forminator-field.tile-checkboxes .forminator-checkbox-box,
.page-id-88 .forminator-ui .tile-checkboxes .forminator-checkbox input[type="checkbox"],
.page-id-88 .forminator-ui .tile-checkboxes .forminator-checkbox-box {
    display: none !important;
}

.page-id-88 .forminator-ui .forminator-field.tile-checkboxes .forminator-checkbox-label,
.page-id-88 .forminator-ui .tile-checkboxes .forminator-checkbox-label {
    width: 100% !important;
    height: 100% !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 12px !important;

    border: 1px solid #d1d5db !important;
    border-radius: 18px !important;

    background: #ffffff !important;

    text-align: center !important;

    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    color: #0f172a !important;

    cursor: pointer !important;

    box-shadow: 0 6px 16px rgba(15, 23, 42, 0.05) !important;
    transition: all 0.2s ease-in-out !important;
}

.page-id-88 .forminator-ui .forminator-field.tile-checkboxes .forminator-checkbox:hover .forminator-checkbox-label,
.page-id-88 .forminator-ui .tile-checkboxes .forminator-checkbox:hover .forminator-checkbox-label {
    border-color: #0091AA !important;
    box-shadow: 0 12px 26px rgba(0, 145, 170, 0.14) !important;
    transform: translateY(-2px) !important;
}

.page-id-88 .forminator-ui .forminator-field.tile-checkboxes .forminator-checkbox input[type="checkbox"]:checked ~ .forminator-checkbox-label,
.page-id-88 .forminator-ui .tile-checkboxes .forminator-checkbox input[type="checkbox"]:checked ~ .forminator-checkbox-label,
.page-id-88 .forminator-ui .forminator-field.tile-checkboxes .forminator-checkbox:has(input[type="checkbox"]:checked) .forminator-checkbox-label,
.page-id-88 .forminator-ui .tile-checkboxes .forminator-checkbox:has(input[type="checkbox"]:checked) .forminator-checkbox-label {
    border-color: #0091AA !important;
    background: #edf7f8 !important;
    box-shadow: 0 0 0 3px rgba(0, 145, 170, 0.16) !important;
}


/* =========================================
   Normale Checkboxen
   Zum Beispiel Datenschutz
========================================= */

.page-id-88 .forminator-ui .forminator-consent {
    margin-bottom: 12px !important;
}

.page-id-88 .forminator-ui .forminator-consent .forminator-checkbox {
    width: auto !important;
    height: auto !important;

    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
}

.page-id-88 .forminator-ui .forminator-consent .forminator-checkbox-box {
    display: inline-block !important;
    flex: 0 0 auto !important;
}

.page-id-88 .forminator-ui .forminator-consent .forminator-checkbox-label {
    width: auto !important;
    height: auto !important;

    display: inline !important;

    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;

    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
    color: #334155 !important;
}


/* =========================================
   Responsive Unterseiten und Formulare
========================================= */

@media (max-width: 1024px) {
    .v2-service-detail-grid,
    .v2-about-page-grid,
    .v2-contact-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .v2-subpage-hero {
        padding: 52px 20px 56px 20px;
    }

    .v2-subpage-content {
        padding: 48px 18px 56px 18px;
    }

    .v2-about-page-text,
    .v2-about-page-box,
    .v2-contact-info,
    .v2-contact-form-box,
    .v2-service-detail-card {
        padding: 28px 22px;
        border-radius: 22px;
    }

    .page-id-88 form.forminator-custom-form,
    .page-id-88 .forminator-ui.forminator-custom-form {
        padding: 28px 18px !important;
        border-radius: 20px !important;
    }

    .page-id-88 .forminator-ui .forminator-field.tile-options,
    .page-id-88 .forminator-ui .tile-options .forminator-field,
    .page-id-88 .forminator-ui .tile-options,
    .page-id-88 .forminator-ui .forminator-field.tile-checkboxes,
    .page-id-88 .forminator-ui .tile-checkboxes .forminator-field,
    .page-id-88 .forminator-ui .tile-checkboxes {
        justify-content: center !important;
        gap: 12px !important;
    }

    .page-id-88 .forminator-ui .forminator-field.tile-options .forminator-radio,
    .page-id-88 .forminator-ui .tile-options .forminator-radio,
    .page-id-88 .forminator-ui .forminator-field.tile-checkboxes .forminator-checkbox,
    .page-id-88 .forminator-ui .tile-checkboxes .forminator-checkbox {
        width: calc(50% - 8px) !important;
        height: 110px !important;
    }

    .page-id-88 .forminator-ui .forminator-field.tile-options .forminator-radio-label,
    .page-id-88 .forminator-ui .tile-options .forminator-radio-label,
    .page-id-88 .forminator-ui .forminator-field.tile-checkboxes .forminator-checkbox-label,
    .page-id-88 .forminator-ui .tile-checkboxes .forminator-checkbox-label {
        font-size: 14px !important;
        padding: 10px !important;
    }
}

@media (max-width: 480px) {
    .v2-subpage-hero-inner h1 {
        font-size: 28px;
    }

    .v2-subpage-hero-inner p {
        font-size: 15px;
    }

    .page-id-88 .forminator-ui .forminator-field.tile-options .forminator-radio,
    .page-id-88 .forminator-ui .tile-options .forminator-radio,
    .page-id-88 .forminator-ui .forminator-field.tile-checkboxes .forminator-checkbox,
    .page-id-88 .forminator-ui .tile-checkboxes .forminator-checkbox {
        width: 100% !important;
        height: 95px !important;
    }
}

/* =========================================================
   SHK Variante 3 – Korrekturen 1.2
   ========================================================= */

/* Die äußerste Kadence-Zeile war weiterhin grau hinterlegt.
   Alle ungenutzten Header-Zeilen und Wrapper werden vollständig neutralisiert. */
#masthead .site-top-header-wrap,
#mobile-header .site-top-header-wrap {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

.home #masthead .site-header-upper-wrap,
.home #masthead .site-header-upper-inner-wrap,
.home #masthead .site-header-inner-wrap,
.home #masthead .site-header-wrap,
.page-id-11 #masthead .site-header-upper-wrap,
.page-id-11 #masthead .site-header-upper-inner-wrap,
.page-id-11 #masthead .site-header-inner-wrap,
.page-id-11 #masthead .site-header-wrap,
.page-id-13 #masthead .site-header-upper-wrap,
.page-id-13 #masthead .site-header-upper-inner-wrap,
.page-id-13 #masthead .site-header-inner-wrap,
.page-id-13 #masthead .site-header-wrap,
.page-id-15 #masthead .site-header-upper-wrap,
.page-id-15 #masthead .site-header-upper-inner-wrap,
.page-id-15 #masthead .site-header-inner-wrap,
.page-id-15 #masthead .site-header-wrap,
.page-id-88 #masthead .site-header-upper-wrap,
.page-id-88 #masthead .site-header-upper-inner-wrap,
.page-id-88 #masthead .site-header-inner-wrap,
.page-id-88 #masthead .site-header-wrap {
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.home #masthead .site-main-header-wrap,
.home #masthead .site-main-header-wrap .site-header-row-container-inner,
.page-id-11 #masthead .site-main-header-wrap,
.page-id-11 #masthead .site-main-header-wrap .site-header-row-container-inner,
.page-id-13 #masthead .site-main-header-wrap,
.page-id-13 #masthead .site-main-header-wrap .site-header-row-container-inner,
.page-id-15 #masthead .site-main-header-wrap,
.page-id-15 #masthead .site-main-header-wrap .site-header-row-container-inner,
.page-id-88 #masthead .site-main-header-wrap,
.page-id-88 #masthead .site-main-header-wrap .site-header-row-container-inner {
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Nur die eigentliche Navigationszeile liegt über dem Bild. */
.home #masthead,
.page-id-11 #masthead,
.page-id-13 #masthead,
.page-id-15 #masthead,
.page-id-88 #masthead {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
}

.home #masthead .site-main-header-wrap .site-header-row-container-inner,
.page-id-11 #masthead .site-main-header-wrap .site-header-row-container-inner,
.page-id-13 #masthead .site-main-header-wrap .site-header-row-container-inner,
.page-id-15 #masthead .site-main-header-wrap .site-header-row-container-inner,
.page-id-88 #masthead .site-main-header-wrap .site-header-row-container-inner {
    min-height: 76px !important;
}

/* Seitentitel neben dem Logo auf Bildheadern lesbar darstellen. */
.home #masthead .site-title,
.home #masthead .site-title a,
.page-id-11 #masthead .site-title,
.page-id-11 #masthead .site-title a,
.page-id-13 #masthead .site-title,
.page-id-13 #masthead .site-title a,
.page-id-15 #masthead .site-title,
.page-id-15 #masthead .site-title a,
.page-id-88 #masthead .site-title,
.page-id-88 #masthead .site-title a {
    color: #ffffff !important;
    text-shadow: 0 2px 12px rgba(0,0,0,.42) !important;
}

/* Schnellkontakt: feste, kontrastreiche Schaltflächen mit weißem SVG-Symbol. */
body #colophon .floating-contact-bar,
body .site-footer .floating-contact-bar,
body .floating-contact-bar {
    right: 22px !important;
    gap: 12px !important;
}

body #colophon .floating-contact-bar > a,
body .site-footer .floating-contact-bar > a,
body .floating-contact-bar > a {
    width: 54px !important;
    min-width: 54px !important;
    height: 54px !important;
    min-height: 54px !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 2px solid rgba(255,255,255,.96) !important;
    border-radius: 999px !important;
    color: #ffffff !important;
    background-clip: padding-box !important;
    box-shadow: 0 10px 28px rgba(2,18,30,.28) !important;
    opacity: 1 !important;
    visibility: visible !important;
}

body #colophon .floating-contact-bar > a.floating-phone,
body .floating-contact-bar > a.floating-phone {
    background: #0091AA !important;
}
body #colophon .floating-contact-bar > a.floating-mail,
body .floating-contact-bar > a.floating-mail {
    background: #29454E !important;
}
body #colophon .floating-contact-bar > a.floating-instagram,
body .floating-contact-bar > a.floating-instagram {
    background: #0091AA !important;
}
body #colophon .floating-contact-bar > a.floating-location,
body .floating-contact-bar > a.floating-location {
    background: #0b1f2f !important;
}

body #colophon .floating-contact-bar > a:hover,
body .site-footer .floating-contact-bar > a:hover,
body .floating-contact-bar > a:hover {
    width: 238px !important;
    padding-right: 16px !important;
}

body .floating-contact-bar .floating-icon {
    width: 50px !important;
    min-width: 50px !important;
    height: 50px !important;
    color: #ffffff !important;
    font-size: 0 !important;
}

body .floating-contact-bar .floating-icon svg {
    display: block !important;
    width: 23px !important;
    height: 23px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 2.1 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

body .floating-contact-bar .floating-text {
    color: #ffffff !important;
}

/* Der normale Kontaktbereich im Footer bleibt zusätzlich sichtbar. */
.shk-footer-contact {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 11px 24px !important;
    max-width: 560px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.shk-footer-contact a {
    display: flex !important;
    align-items: center !important;
    gap: 11px !important;
    min-width: 0 !important;
    padding: 7px 0 !important;
    color: #ffffff !important;
    text-decoration: none !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

.shk-footer-contact a:hover {
    color: #0091AA !important;
}

.shk-footer-contact-icon {
    display: grid !important;
    place-items: center !important;
    flex: 0 0 34px !important;
    width: 34px !important;
    height: 34px !important;
    border-radius: 11px !important;
    color: #ffffff !important;
    background: rgba(255,255,255,.10) !important;
}

.shk-footer-contact-icon svg {
    width: 17px !important;
    height: 17px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 2 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

.shk-footer-contact-copy {
    min-width: 0 !important;
    display: grid !important;
    gap: 1px !important;
}

.shk-footer-contact-copy strong {
    color: #ffffff !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
}

.shk-footer-contact-copy small {
    overflow: hidden !important;
    color: #cbdce7 !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

@media (max-width: 768px) {
    .home #masthead .site-main-header-wrap .site-header-row-container-inner,
    .page-id-11 #masthead .site-main-header-wrap .site-header-row-container-inner,
    .page-id-13 #masthead .site-main-header-wrap .site-header-row-container-inner,
    .page-id-15 #masthead .site-main-header-wrap .site-header-row-container-inner,
    .page-id-88 #masthead .site-main-header-wrap .site-header-row-container-inner {
        min-height: 66px !important;
    }

    body #colophon .floating-contact-bar,
    body .site-footer .floating-contact-bar,
    body .floating-contact-bar {
        right: 50% !important;
        gap: 8px !important;
    }

    body #colophon .floating-contact-bar > a,
    body .site-footer .floating-contact-bar > a,
    body .floating-contact-bar > a,
    body #colophon .floating-contact-bar > a:hover,
    body .site-footer .floating-contact-bar > a:hover,
    body .floating-contact-bar > a:hover {
        width: 46px !important;
        min-width: 46px !important;
        height: 46px !important;
        min-height: 46px !important;
        padding: 0 !important;
    }

    body .floating-contact-bar .floating-icon {
        width: 42px !important;
        min-width: 42px !important;
        height: 42px !important;
    }

    body .floating-contact-bar .floating-icon svg {
        width: 20px !important;
        height: 20px !important;
    }

    .shk-footer-contact {
        grid-template-columns: 1fr !important;
        gap: 5px !important;
    }
}

/* =========================================================
   Korrektur 1.3: Kadence-Inhaltsabstand oberhalb des ersten Blocks
   ---------------------------------------------------------
   Kadence setzt auf .single-content standardmäßig margin-top: 2rem.
   Da der Header absolut über dem ersten Bildbereich liegt, erschien dieser
   freie Bereich als grauer Streifen. Der Abstand wird nur auf den gestalteten
   Seiten entfernt.
========================================================= */
body.home .content-area,
body.home .content-wrap,
body.home article.entry,
body.home .entry-content-wrap,
body.home .entry-content.single-content,
body.home .single-content,
body.page-id-11 .content-area,
body.page-id-11 .content-wrap,
body.page-id-11 article.entry,
body.page-id-11 .entry-content-wrap,
body.page-id-11 .entry-content.single-content,
body.page-id-11 .single-content,
body.page-id-13 .content-area,
body.page-id-13 .content-wrap,
body.page-id-13 article.entry,
body.page-id-13 .entry-content-wrap,
body.page-id-13 .entry-content.single-content,
body.page-id-13 .single-content,
body.page-id-15 .content-area,
body.page-id-15 .content-wrap,
body.page-id-15 article.entry,
body.page-id-15 .entry-content-wrap,
body.page-id-15 .entry-content.single-content,
body.page-id-15 .single-content,
body.page-id-88 .content-area,
body.page-id-88 .content-wrap,
body.page-id-88 article.entry,
body.page-id-88 .entry-content-wrap,
body.page-id-88 .entry-content.single-content,
body.page-id-88 .single-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Physischer und logischer Abstand werden beide überschrieben, damit auch
   Browser-/Theme-Regeln mit margin-block-start sicher erfasst werden. */
body.home .entry-content.single-content,
body.page-id-11 .entry-content.single-content,
body.page-id-13 .entry-content.single-content,
body.page-id-15 .entry-content.single-content,
body.page-id-88 .entry-content.single-content {
    margin-block-start: 0 !important;
}

/* Der erste selbst gebaute Seitenblock darf ebenfalls keinen Eigenabstand
   übernehmen. */
.shk-v3-home,
.shk-v3-subpage,
.shk-v3-home > .shk-v3-hero,
.shk-v3-subpage > .shk-v3-subhero,
.shk-v3-subpage > .v2-subpage-hero {
    margin-top: 0 !important;
}

/* =========================================================
   Korrektur 1.5: sichtbarer Abstand innerhalb des Bildheaders
   ---------------------------------------------------------
   Die vorherige Regel änderte nur die Mindesthöhe einer inneren
   Kadence-Zeile. Je nach Header-Konfiguration bleiben Logo und Menü
   dabei trotzdem direkt an der oberen Kante. Der Abstand wird daher
   am realen äußeren Header (#masthead) erzeugt. Da der Header absolut
   über dem Hero-Bild liegt, bleibt im Abstand weiterhin das Bild samt
   dunklem Verlauf sichtbar – es entsteht kein grauer Zwischenstreifen.
========================================================= */
body.home #masthead,
body.page-id-11 #masthead,
body.page-id-13 #masthead,
body.page-id-15 #masthead,
body.page-id-88 #masthead {
    padding-top: 14px !important;
    padding-bottom: 10px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}

/* Die eigentliche Zeile bleibt kompakt und wird innerhalb des neuen
   Außenabstands sauber vertikal zentriert. */
body.home #masthead .site-main-header-wrap .site-header-row-container-inner,
body.page-id-11 #masthead .site-main-header-wrap .site-header-row-container-inner,
body.page-id-13 #masthead .site-main-header-wrap .site-header-row-container-inner,
body.page-id-15 #masthead .site-main-header-wrap .site-header-row-container-inner,
body.page-id-88 #masthead .site-main-header-wrap .site-header-row-container-inner {
    min-height: 64px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    box-sizing: border-box !important;
    align-items: center !important;
}

body.home #masthead .site-main-header-inner-wrap,
body.page-id-11 #masthead .site-main-header-inner-wrap,
body.page-id-13 #masthead .site-main-header-inner-wrap,
body.page-id-15 #masthead .site-main-header-inner-wrap,
body.page-id-88 #masthead .site-main-header-inner-wrap,
body.home #masthead .site-header-section,
body.page-id-11 #masthead .site-header-section,
body.page-id-13 #masthead .site-header-section,
body.page-id-15 #masthead .site-header-section,
body.page-id-88 #masthead .site-header-section {
    align-items: center !important;
    overflow: visible !important;
}

/* Der Verlauf deckt auch den neu geschaffenen Innenabstand ab. */
body.home #masthead,
body.page-id-11 #masthead,
body.page-id-13 #masthead,
body.page-id-15 #masthead,
body.page-id-88 #masthead {
    background: linear-gradient(
        to bottom,
        rgba(5,24,38,.88) 0%,
        rgba(5,24,38,.58) 62%,
        rgba(41,69,78,.08) 100%
    ) !important;
}

@media (max-width: 768px) {
    body.home #masthead,
    body.page-id-11 #masthead,
    body.page-id-13 #masthead,
    body.page-id-15 #masthead,
    body.page-id-88 #masthead {
        padding-top: 9px !important;
        padding-bottom: 7px !important;
    }

    body.home #masthead .site-main-header-wrap .site-header-row-container-inner,
    body.page-id-11 #masthead .site-main-header-wrap .site-header-row-container-inner,
    body.page-id-13 #masthead .site-main-header-wrap .site-header-row-container-inner,
    body.page-id-15 #masthead .site-main-header-wrap .site-header-row-container-inner,
    body.page-id-88 #masthead .site-main-header-wrap .site-header-row-container-inner {
        min-height: 58px !important;
    }
}

/* =========================================================
   Korrektur 1.6: Logo- und Menüzeile gezielt nach unten
   ---------------------------------------------------------
   Nicht mehr den kompletten Masthead aufpolstern, sondern die tatsächliche
   Kadence-Hauptzeile innerhalb des Bildheaders verschieben. So bleibt der
   Bildhintergrund direkt unter der Öffnungsleiste sichtbar, während Logo und
   Navigation mehr Luft nach oben erhalten.
========================================================= */
body.home #masthead,
body.page-id-11 #masthead,
body.page-id-13 #masthead,
body.page-id-15 #masthead,
body.page-id-88 #masthead {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

body.home #masthead .site-main-header-wrap,
body.page-id-11 #masthead .site-main-header-wrap,
body.page-id-13 #masthead .site-main-header-wrap,
body.page-id-15 #masthead .site-main-header-wrap,
body.page-id-88 #masthead .site-main-header-wrap {
    position: relative !important;
    top: 18px !important;
    z-index: 2 !important;
}

/* Die Zeile selbst bleibt ausreichend hoch und sauber zentriert. */
body.home #masthead .site-main-header-wrap .site-header-row-container-inner,
body.page-id-11 #masthead .site-main-header-wrap .site-header-row-container-inner,
body.page-id-13 #masthead .site-main-header-wrap .site-header-row-container-inner,
body.page-id-15 #masthead .site-main-header-wrap .site-header-row-container-inner,
body.page-id-88 #masthead .site-main-header-wrap .site-header-row-container-inner {
    min-height: 72px !important;
}

@media (max-width: 768px) {
    body.home #masthead .site-main-header-wrap,
    body.page-id-11 #masthead .site-main-header-wrap,
    body.page-id-13 #masthead .site-main-header-wrap,
    body.page-id-15 #masthead .site-main-header-wrap,
    body.page-id-88 #masthead .site-main-header-wrap {
        top: 10px !important;
    }

    body.home #masthead .site-main-header-wrap .site-header-row-container-inner,
    body.page-id-11 #masthead .site-main-header-wrap .site-header-row-container-inner,
    body.page-id-13 #masthead .site-main-header-wrap .site-header-row-container-inner,
    body.page-id-15 #masthead .site-main-header-wrap .site-header-row-container-inner,
    body.page-id-88 #masthead .site-main-header-wrap .site-header-row-container-inner {
        min-height: 60px !important;
    }
}


/* =========================================================
   Korrektur 1.8: Wärmepumpen-Header exakt wie übrige Unterseiten
   ----------------------------------------------------------------
   Die Seite wird serverseitig von v2-subpage-hero auf shk-v3-subhero
   umgestellt. Damit greifen ausschließlich dieselben Hero-Regeln wie auf
   Leistungen, Über uns und Kontakt. Auch die Logo-/Menüzeile verwendet
   wieder den identischen 18px-Offset der anderen Unterseiten.
========================================================= */
body.page-id-88 #masthead .site-main-header-wrap {
    top: 18px !important;
}

/* Falls alter gecachter HTML-Code kurzzeitig ausgeliefert wird, wird auch
   der alte Hero ohne eigenen Zusatzabstand auf dieselben Maße gezwungen. */
body.page-id-88 .v2-subpage-hero,
body.page-id-88 .shk-v3-subhero {
    margin-top: 0 !important;
    min-height: 390px !important;
    padding: 155px 24px 62px !important;
    box-sizing: border-box !important;
}

@media (max-width: 768px) {
    body.page-id-88 #masthead .site-main-header-wrap {
        top: 10px !important;
    }

    body.page-id-88 .v2-subpage-hero,
    body.page-id-88 .shk-v3-subhero {
        min-height: 330px !important;
        padding: 135px 18px 46px !important;
    }
}

/* =========================================================
   Variante 3 – Feinschliff 1.9
   Klare/sticky Navigation, ruhigerer Hero, gemeinsames Raster
   für Header und Footer sowie konsistente Formularbuttons.
========================================================= */

/* Die schmale Statuszeile bleibt sichtbar, tritt gegenüber der eigentlichen
   Navigation aber klar in den Hintergrund. */
:root {
    --shk-status-height: 34px;
    --shk-nav-container-width: 1180px;
}

.shk-livebar {
    height: var(--shk-status-height) !important;
    min-height: var(--shk-status-height) !important;
    background: #071b2a !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
    font-size: 12px !important;
}

.shk-livebar-inner {
    width: min(var(--shk-nav-container-width), calc(100% - 48px)) !important;
}

/* Am Seitenanfang liegt die Hauptnavigation als klar erkennbare Glasleiste
   auf dem Hero. Der bisher gewünschte vertikale Versatz bleibt bestehen. */
body.home #masthead .site-main-header-wrap,
body.page-id-11 #masthead .site-main-header-wrap,
body.page-id-13 #masthead .site-main-header-wrap,
body.page-id-15 #masthead .site-main-header-wrap,
body.page-id-88 #masthead .site-main-header-wrap {
    top: 18px !important;
    transition: top .22s ease !important;
}

body.home #masthead .site-main-header-wrap .site-header-row-container-inner > .site-container,
body.page-id-11 #masthead .site-main-header-wrap .site-header-row-container-inner > .site-container,
body.page-id-13 #masthead .site-main-header-wrap .site-header-row-container-inner > .site-container,
body.page-id-15 #masthead .site-main-header-wrap .site-header-row-container-inner > .site-container,
body.page-id-88 #masthead .site-main-header-wrap .site-header-row-container-inner > .site-container {
    width: min(var(--shk-nav-container-width), calc(100% - 48px)) !important;
    max-width: none !important;
    min-height: 76px !important;
    margin: 0 auto !important;
    padding: 0 22px !important;
    box-sizing: border-box !important;
    background: rgba(6, 27, 42, .72) !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    border-radius: 18px !important;
    box-shadow: 0 16px 38px rgba(1, 14, 24, .20) !important;
    -webkit-backdrop-filter: blur(15px) saturate(125%) !important;
    backdrop-filter: blur(15px) saturate(125%) !important;
}

body.home #masthead .site-main-header-inner-wrap,
body.page-id-11 #masthead .site-main-header-inner-wrap,
body.page-id-13 #masthead .site-main-header-inner-wrap,
body.page-id-15 #masthead .site-main-header-inner-wrap,
body.page-id-88 #masthead .site-main-header-inner-wrap {
    min-height: 76px !important;
}

/* Links wirken nun eindeutig wie eine Navigation. */
body.home #masthead .main-navigation .primary-menu-container > ul > li > a,
body.page-id-11 #masthead .main-navigation .primary-menu-container > ul > li > a,
body.page-id-13 #masthead .main-navigation .primary-menu-container > ul > li > a,
body.page-id-15 #masthead .main-navigation .primary-menu-container > ul > li > a,
body.page-id-88 #masthead .main-navigation .primary-menu-container > ul > li > a {
    position: relative !important;
    min-height: 76px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    display: flex !important;
    align-items: center !important;
    font-size: 15px !important;
    letter-spacing: .005em !important;
}

body.home #masthead .main-navigation .primary-menu-container > ul > li > a::after,
body.page-id-11 #masthead .main-navigation .primary-menu-container > ul > li > a::after,
body.page-id-13 #masthead .main-navigation .primary-menu-container > ul > li > a::after,
body.page-id-15 #masthead .main-navigation .primary-menu-container > ul > li > a::after,
body.page-id-88 #masthead .main-navigation .primary-menu-container > ul > li > a::after {
    content: "" !important;
    position: absolute !important;
    left: 12px !important;
    right: 12px !important;
    bottom: 15px !important;
    height: 2px !important;
    border-radius: 999px !important;
    background: #75c7f3 !important;
    transform: scaleX(0) !important;
    transform-origin: center !important;
    transition: transform .2s ease !important;
}

body.home #masthead .main-navigation .primary-menu-container > ul > li > a:hover::after,
body.home #masthead .main-navigation .primary-menu-container > ul > li.current-menu-item > a::after,
body.home #masthead .main-navigation .primary-menu-container > ul > li.current_page_item > a::after,
body.page-id-11 #masthead .main-navigation .primary-menu-container > ul > li > a:hover::after,
body.page-id-11 #masthead .main-navigation .primary-menu-container > ul > li.current-menu-item > a::after,
body.page-id-11 #masthead .main-navigation .primary-menu-container > ul > li.current_page_item > a::after,
body.page-id-13 #masthead .main-navigation .primary-menu-container > ul > li > a:hover::after,
body.page-id-13 #masthead .main-navigation .primary-menu-container > ul > li.current-menu-item > a::after,
body.page-id-13 #masthead .main-navigation .primary-menu-container > ul > li.current_page_item > a::after,
body.page-id-15 #masthead .main-navigation .primary-menu-container > ul > li > a:hover::after,
body.page-id-15 #masthead .main-navigation .primary-menu-container > ul > li.current-menu-item > a::after,
body.page-id-15 #masthead .main-navigation .primary-menu-container > ul > li.current_page_item > a::after,
body.page-id-88 #masthead .main-navigation .primary-menu-container > ul > li > a:hover::after,
body.page-id-88 #masthead .main-navigation .primary-menu-container > ul > li.current-menu-item > a::after,
body.page-id-88 #masthead .main-navigation .primary-menu-container > ul > li.current_page_item > a::after {
    transform: scaleX(1) !important;
}

/* Beim Scrollen bleiben Live-Öffnungsstatus UND Hauptnavigation sichtbar.
   Die Statuszeile sitzt fest oben; die Navigation wird direkt darunter fixiert. */
body.shk-nav-stuck .shk-livebar {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 10060 !important;
    width: 100% !important;
}

body.shk-nav-stuck #masthead {
    position: fixed !important;
    top: var(--shk-status-height) !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 10050 !important;
    background: rgba(6, 27, 42, .96) !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.10) !important;
    box-shadow: 0 12px 34px rgba(2,18,30,.22) !important;
    -webkit-backdrop-filter: blur(16px) saturate(125%) !important;
    backdrop-filter: blur(16px) saturate(125%) !important;
}

/* WordPress-Adminleiste berücksichtigen. */
body.admin-bar.shk-nav-stuck .shk-livebar {
    top: 32px !important;
}

body.admin-bar.shk-nav-stuck #masthead {
    top: calc(32px + var(--shk-status-height)) !important;
}

body.shk-nav-stuck #masthead .site-main-header-wrap {
    top: 0 !important;
}

body.shk-nav-stuck #masthead .site-main-header-wrap .site-header-row-container-inner > .site-container {
    width: min(var(--shk-nav-container-width), calc(100% - 48px)) !important;
    min-height: 68px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

body.shk-nav-stuck #masthead .site-main-header-inner-wrap,
body.shk-nav-stuck #masthead .main-navigation .primary-menu-container > ul > li > a {
    min-height: 68px !important;
}

body.shk-nav-stuck #masthead .site-branding img,
body.shk-nav-stuck #masthead .custom-logo {
    max-height: 54px !important;
}

/* Startseiten-Hero: mehr Raum zwischen Navigation, Hauptbotschaft,
   Handlungsbuttons und Vertrauenskacheln. */
body.home .shk-v3-hero {
    min-height: 790px !important;
    padding: 232px 24px 106px !important;
}

body.home .shk-v3-hero-inner {
    gap: 72px !important;
}

body.home .shk-v3-hero-copy {
    max-width: 640px !important;
}

body.home .shk-v3-hero h1 {
    max-width: 620px !important;
    margin-bottom: 28px !important;
    font-size: clamp(44px, 5.35vw, 70px) !important;
    line-height: 1.04 !important;
}

body.home .shk-v3-hero-copy > p {
    max-width: 600px !important;
    margin-bottom: 38px !important;
    font-size: 18px !important;
    line-height: 1.75 !important;
}

body.home .shk-v3-actions {
    gap: 15px !important;
}

body.home .shk-v3-hero-trust {
    width: 290px !important;
    gap: 14px !important;
}

body.home .shk-v3-hero-trust div {
    padding: 18px 19px !important;
}

/* Header und Footer verwenden nun dasselbe 1180-px-Raster. */
#colophon .site-footer-row-container-inner {
    width: min(var(--shk-nav-container-width), calc(100% - 48px)) !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
}

#colophon .site-footer-row-container-inner > .site-container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

#colophon .site-footer-row-columns-2 {
    grid-template-columns: minmax(0, 1fr) auto !important;
    column-gap: 56px !important;
    align-items: start !important;
}

#colophon .site-footer-section:last-child,
#colophon .footer-navigation-wrap,
#colophon .footer-navigation {
    justify-content: flex-end !important;
    text-align: right !important;
}

#colophon .footer-navigation .menu {
    justify-content: flex-end !important;
}

.shk-footer-contact {
    max-width: 620px !important;
}

/* Kontaktformular: Primärbutton in jedem Zustand weiß beschriften. */
body.page-id-15 .shk-v3-form-wrap .forminator-button-submit,
body.page-id-15 .shk-v3-form-wrap .forminator-button-submit:hover,
body.page-id-15 .shk-v3-form-wrap .forminator-button-submit:focus,
body.page-id-15 .shk-v3-form-wrap .forminator-button-submit:active,
body.page-id-15 .shk-v3-form-wrap button[type="submit"],
body.page-id-15 .shk-v3-form-wrap button[type="submit"]:hover,
body.page-id-15 .shk-v3-form-wrap button[type="submit"]:focus,
body.page-id-15 .shk-v3-form-wrap button[type="submit"]:active {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-shadow: none !important;
}

body.page-id-15 .shk-v3-form-wrap .forminator-button-submit *,
body.page-id-15 .shk-v3-form-wrap button[type="submit"] * {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

@media (max-width: 1024px) {
    body.home .shk-v3-hero {
        min-height: 735px !important;
        padding-top: 220px !important;
        padding-bottom: 78px !important;
    }

    body.home .shk-v3-hero-inner {
        gap: 42px !important;
    }

    #colophon .site-footer-row-columns-2 {
        grid-template-columns: 1fr !important;
        row-gap: 30px !important;
    }

    #colophon .site-footer-section:last-child,
    #colophon .footer-navigation-wrap,
    #colophon .footer-navigation,
    #colophon .footer-navigation .menu {
        justify-content: flex-start !important;
        text-align: left !important;
    }
}

@media (max-width: 782px) {
    body.admin-bar.shk-nav-stuck .shk-livebar {
        top: 46px !important;
    }

    body.admin-bar.shk-nav-stuck #masthead {
        top: calc(46px + var(--shk-status-height)) !important;
    }
}

@media (max-width: 768px) {
    :root {
        --shk-status-height: 36px;
    }

    .shk-livebar-inner,
    #colophon .site-footer-row-container-inner {
        width: calc(100% - 30px) !important;
    }

    body.home #masthead .site-main-header-wrap,
    body.page-id-11 #masthead .site-main-header-wrap,
    body.page-id-13 #masthead .site-main-header-wrap,
    body.page-id-15 #masthead .site-main-header-wrap,
    body.page-id-88 #masthead .site-main-header-wrap {
        top: 9px !important;
    }

    body.home #masthead .site-main-header-wrap .site-header-row-container-inner > .site-container,
    body.page-id-11 #masthead .site-main-header-wrap .site-header-row-container-inner > .site-container,
    body.page-id-13 #masthead .site-main-header-wrap .site-header-row-container-inner > .site-container,
    body.page-id-15 #masthead .site-main-header-wrap .site-header-row-container-inner > .site-container,
    body.page-id-88 #masthead .site-main-header-wrap .site-header-row-container-inner > .site-container {
        width: calc(100% - 24px) !important;
        min-height: 64px !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
        border-radius: 15px !important;
    }

    body.shk-nav-stuck #masthead .site-main-header-wrap {
        top: 0 !important;
    }

    body.shk-nav-stuck #masthead .site-main-header-wrap .site-header-row-container-inner > .site-container {
        width: calc(100% - 24px) !important;
        min-height: 62px !important;
        border-radius: 0 !important;
    }

    body.home .shk-v3-hero {
        min-height: auto !important;
        padding: 178px 18px 68px !important;
    }

    body.home .shk-v3-hero h1 {
        margin-bottom: 22px !important;
        font-size: clamp(38px, 11.5vw, 54px) !important;
    }

    body.home .shk-v3-hero-copy > p {
        margin-bottom: 30px !important;
        font-size: 16.5px !important;
    }

    body.home .shk-v3-hero-trust {
        width: 100% !important;
        gap: 9px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.home #masthead .site-main-header-wrap,
    body.page-id-11 #masthead .site-main-header-wrap,
    body.page-id-13 #masthead .site-main-header-wrap,
    body.page-id-15 #masthead .site-main-header-wrap,
    body.page-id-88 #masthead .site-main-header-wrap,
    body.home #masthead .main-navigation .primary-menu-container > ul > li > a::after,
    body.page-id-11 #masthead .main-navigation .primary-menu-container > ul > li > a::after,
    body.page-id-13 #masthead .main-navigation .primary-menu-container > ul > li > a::after,
    body.page-id-15 #masthead .main-navigation .primary-menu-container > ul > li > a::after,
    body.page-id-88 #masthead .main-navigation .primary-menu-container > ul > li > a::after {
        transition: none !important;
    }
}


/* Hölzmann Branding */
:root {
    --hh-dark: #29454E;
    --hh-accent: #0091AA;
    --hh-accent-soft: #6FA8B0;
    --hh-surface: #F4F8F8;
    --hh-line: #D9E3E5;
}

.site-branding img,
.custom-logo {
    max-height: 60px !important;
    width: auto !important;
    max-width: 330px !important;
    background: transparent !important;
    padding: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.home .site-branding img,
.home .custom-logo {
    background: transparent !important;
    padding: 0 !important;
    box-shadow: none !important;
}

.shk-v3-region-copy {
    margin: 20px 0 0 !important;
    color: #556b72 !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
}

.shk-v3-contact-card strong,
.shk-v3-address strong {
    color: #5b6d73 !important;
}

.shk-v3-contact-symbol,
.shk-v3-map-pin {
    background: #edf6f7 !important;
    color: var(--hh-accent) !important;
}

.floating-phone,.floating-contact-bar > a:nth-child(1) { background: #0091AA !important; }
.floating-mail,.floating-contact-bar > a:nth-child(2) { background: #29454E !important; }
.floating-instagram,.floating-contact-bar > a:nth-child(3) { background: #0091AA !important; }
.floating-location,.floating-contact-bar > a:nth-child(4) { background: #29454E !important; }

.shk-v3-btn-primary,
.page-id-88 form button,
.page-id-88 form input[type="submit"],
.page-id-88 .forminator-ui .forminator-button-submit {
    background: #0091AA !important;
}

.shk-v3-btn-primary:hover,
.page-id-88 form button:hover,
.page-id-88 form input[type="submit"]:hover,
.page-id-88 .forminator-ui .forminator-button-submit:hover {
    background: #356f78 !important;
}

.shk-v3-text-link,
.site-header .main-navigation a:hover,
.site-header .primary-menu a:hover,
.site-header .menu a:hover {
    color: #0091AA !important;
}

.site-footer,
.site-footer-wrap,
#colophon {
    background: #29454E !important;
}


.site-branding .site-title,
.site-branding .site-description,
.branding-container .site-title,
.branding-container .site-description {
    display: none !important;
}


/* Final logo sizing */
@media (max-width: 768px) {
    .site-branding img,
    .custom-logo {
        max-width: 280px !important;
        max-height: 52px !important;
    }
}




/* =========================================
   Finales Logo auf den dunklen Bildheadern
   ========================================= */
.home .site-branding,
.page-id-11 .site-branding,
.page-id-13 .site-branding,
.page-id-15 .site-branding,
.page-id-88 .site-branding,
.page-id-203 .site-branding,
.page-id-204 .site-branding {
    display: inline-flex !important;
    align-items: center !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.home .site-branding img,
.home .custom-logo,
.page-id-11 .site-branding img,
.page-id-11 .custom-logo,
.page-id-13 .site-branding img,
.page-id-13 .custom-logo,
.page-id-15 .site-branding img,
.page-id-15 .custom-logo,
.page-id-88 .site-branding img,
.page-id-88 .custom-logo,
.page-id-203 .site-branding img,
.page-id-203 .custom-logo,
.page-id-204 .site-branding img,
.page-id-204 .custom-logo {
    display: block !important;
    max-height: 58px !important;
    max-width: 340px !important;
    width: auto !important;
    background: transparent !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    filter: brightness(0) invert(1) !important;
    opacity: .98 !important;
}

/* Neue SEO-Leistungsseiten: gleiche Headerdarstellung wie die bestehenden Unterseiten */
.page-id-203 .site-header,
.page-id-203 #masthead,
.page-id-204 .site-header,
.page-id-204 #masthead {
    position: absolute !important;
    top: var(--shk-status-height) !important;
    left: 0 !important;
    right: 0 !important;
    background: linear-gradient(to bottom, rgba(41,69,78,.82), rgba(41,69,78,.08)) !important;
    border: 0 !important;
    box-shadow: none !important;
}

.page-id-203 #masthead .site-header-wrap,
.page-id-203 #masthead .site-header-inner-wrap,
.page-id-203 #masthead .site-header-upper-inner-wrap,
.page-id-203 #masthead .site-main-header-wrap,
.page-id-203 #masthead .site-header-row-container,
.page-id-203 #masthead .site-header-row-container-inner,
.page-id-204 #masthead .site-header-wrap,
.page-id-204 #masthead .site-header-inner-wrap,
.page-id-204 #masthead .site-header-upper-inner-wrap,
.page-id-204 #masthead .site-main-header-wrap,
.page-id-204 #masthead .site-header-row-container,
.page-id-204 #masthead .site-header-row-container-inner {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.page-id-203 #masthead .main-navigation a,
.page-id-203 #masthead .primary-menu a,
.page-id-203 #masthead .menu a,
.page-id-204 #masthead .main-navigation a,
.page-id-204 #masthead .primary-menu a,
.page-id-204 #masthead .menu a,
.page-id-203 .menu-toggle-open,
.page-id-203 .menu-toggle-open .menu-toggle-icon,
.page-id-204 .menu-toggle-open,
.page-id-204 .menu-toggle-open .menu-toggle-icon {
    color: #fff !important;
    text-shadow: 0 2px 12px rgba(0,0,0,.30) !important;
}

.page-id-203 .entry-title,
.page-id-203 .page-title,
.page-id-204 .entry-title,
.page-id-204 .page-title {
    display: none !important;
}

.page-id-203 .site-content,
.page-id-203 #content,
.page-id-203 .content-area,
.page-id-203 #primary,
.page-id-203 main,
.page-id-203 .site-main,
.page-id-203 article,
.page-id-203 .entry-content,
.page-id-204 .site-content,
.page-id-204 #content,
.page-id-204 .content-area,
.page-id-204 #primary,
.page-id-204 main,
.page-id-204 .site-main,
.page-id-204 article,
.page-id-204 .entry-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.page-id-203 .entry-content,
.page-id-204 .entry-content {
    max-width: none !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* SEO-Landingpages: lesbarer Inhalt statt Keyword-Wand */
.shk-v3-subhero-actions {
    justify-content: center !important;
    margin-top: 28px !important;
}

.shk-v3-seo-intro {
    max-width: 820px;
    margin: 0 auto 46px;
    text-align: center;
}

.shk-v3-seo-intro h2,
.shk-v3-seo-split h2,
.shk-v3-seo-region-box h2 {
    margin: 0 0 16px;
    color: var(--shk-ink);
    font-size: clamp(30px, 3.6vw, 44px);
    line-height: 1.14;
    letter-spacing: -.025em;
}

.shk-v3-seo-intro p,
.shk-v3-seo-split p,
.shk-v3-seo-region-box p {
    margin: 0;
    color: var(--shk-text);
    font-size: 17px;
    line-height: 1.75;
}

.shk-v3-seo-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
    margin-bottom: 64px;
}

.shk-v3-seo-card {
    padding: 30px;
    background: #fff;
    border: 1px solid var(--shk-line);
    border-radius: 26px;
    box-shadow: var(--shk-shadow);
}

.shk-v3-seo-card > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    margin-bottom: 18px;
    border-radius: 13px;
    background: #edf6f7;
    color: #0091AA;
    font-weight: 900;
    font-size: 13px;
}

.shk-v3-seo-card h3 {
    margin: 0 0 10px;
    color: var(--shk-ink);
    font-size: 23px;
}

.shk-v3-seo-card p {
    margin: 0;
    color: var(--shk-text);
    line-height: 1.7;
}

.shk-v3-seo-split {
    display: grid;
    grid-template-columns: 1.15fr .85fr;
    gap: 34px;
    align-items: stretch;
    margin: 0 0 64px;
}

.shk-v3-seo-split > div:first-child {
    padding: 38px 40px;
    background: #fff;
    border: 1px solid var(--shk-line);
    border-radius: 30px;
    box-shadow: var(--shk-shadow);
}

.shk-v3-seo-note {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 38px;
    border-radius: 30px;
    background: #29454E;
    color: #fff;
    box-shadow: var(--shk-shadow);
}

.shk-v3-seo-note strong {
    display: block;
    margin-bottom: 12px;
    font-size: 25px;
    line-height: 1.25;
}

.shk-v3-seo-note p {
    margin: 0 0 24px !important;
    color: rgba(255,255,255,.82) !important;
}

.shk-v3-seo-note .shk-v3-btn {
    align-self: flex-start;
}

.shk-v3-seo-region-box {
    margin-bottom: 68px;
    padding: 40px;
    border-radius: 30px;
    background: #f4f8f8;
    border: 1px solid var(--shk-line);
}

.shk-v3-seo-faq {
    margin-bottom: 64px;
}

.shk-v3-seo-faq .shk-v3-section-head {
    margin-bottom: 30px;
}

.shk-v3-faq-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.shk-v3-faq-grid article {
    padding: 28px 30px;
    border: 1px solid var(--shk-line);
    border-radius: 24px;
    background: #fff;
}

.shk-v3-faq-grid h3 {
    margin: 0 0 9px;
    color: var(--shk-ink);
    font-size: 20px;
    line-height: 1.3;
}

.shk-v3-faq-grid p {
    margin: 0;
    color: var(--shk-text);
    line-height: 1.7;
}

.shk-v3-inline-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 18px;
    margin-top: 22px;
}

@media (max-width: 900px) {
    .shk-v3-seo-grid,
    .shk-v3-seo-split {
        grid-template-columns: 1fr;
    }
    .shk-v3-faq-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .home .site-branding img,
    .home .custom-logo,
    .page-id-11 .site-branding img,
    .page-id-11 .custom-logo,
    .page-id-13 .site-branding img,
    .page-id-13 .custom-logo,
    .page-id-15 .site-branding img,
    .page-id-15 .custom-logo,
    .page-id-88 .site-branding img,
    .page-id-88 .custom-logo,
    .page-id-203 .site-branding img,
    .page-id-203 .custom-logo,
    .page-id-204 .site-branding img,
    .page-id-204 .custom-logo {
        max-width: 255px !important;
        max-height: 46px !important;
    }
    .shk-v3-seo-card,
    .shk-v3-seo-split > div:first-child,
    .shk-v3-seo-note,
    .shk-v3-seo-region-box,
    .shk-v3-faq-grid article {
        padding: 26px 22px;
    }
}

/* =========================================================
   Footer – Copyright zentrieren
   ========================================================= */

#colophon .site-bottom-footer-wrap .site-footer-row-container-inner,
#colophon .site-bottom-footer-wrap .site-footer-row,
#colophon .site-bottom-footer-wrap .site-footer-section {
    width: 100% !important;
    max-width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
}

#colophon .site-bottom-footer-wrap .footer-html,
#colophon .site-bottom-footer-wrap .footer-html-inner,
#colophon .site-bottom-footer-wrap .footer-widget-area {
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    justify-content: center !important;
}

#colophon .site-bottom-footer-wrap p {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
}

/* =========================================================
   FINAL RESPONSIVE PASS – 09/2026
   ---------------------------------------------------------
   Ziel:
   - saubere Textumbrüche ohne abgeschnittene Wörter
   - keine horizontale Scrollbar
   - stabile Darstellung auf 360 / 390 / 430 / 768 / 1024 px
   - Kontakt, Formulare, Footer, Livebar und Hero mobil sauber
   ========================================================= */

/* ---------- Grundschutz gegen horizontales Überlaufen ---------- */
html {
    max-width: 100%;
    overflow-x: clip;
}

body {
    max-width: 100%;
    overflow-x: hidden;
}

.shk-v3-home,
.shk-v3-subpage,
.shk-v3-hero,
.shk-v3-hero-inner,
.shk-v3-subhero,
.shk-v3-subhero-inner,
.shk-v3-subcontent,
.shk-v3-contact-grid,
.shk-v3-contact-info,
.shk-v3-form-wrap,
.shk-v3-about-page-grid,
.shk-v3-about-page-copy,
.shk-v3-founder-card,
.shk-v3-founder-copy,
.shk-v3-team-grid,
.shk-v3-values,
.shk-v3-seo-grid,
.shk-v3-seo-split,
.shk-v3-faq-grid,
#colophon,
#colophon * {
    box-sizing: border-box;
}

.shk-v3-contact-grid > *,
.shk-v3-about-page-grid > *,
.shk-v3-founder-card > *,
.shk-v3-team-grid > *,
.shk-v3-values > *,
.shk-v3-seo-grid > *,
.shk-v3-seo-split > *,
.shk-v3-faq-grid > *,
.forminator-row > *,
.forminator-col,
[class*="forminator-col-"] {
    min-width: 0 !important;
}

/* ---------- Saubere Typografie / Textumbrüche ---------- */
.shk-v3-hero h1,
.shk-v3-subhero h1,
.shk-v3-subcontent h1,
.shk-v3-subcontent h2,
.shk-v3-subcontent h3,
.shk-v3-section-head h2,
.shk-v3-seo-intro h2,
.shk-v3-seo-split h2,
.shk-v3-seo-region-box h2,
.shk-v3-seo-card h3,
.shk-v3-faq-grid h3,
.shk-v3-founder-copy h2,
.shk-v3-founder-copy h3,
.shk-v3-team-copy h3 {
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: manual;
    text-wrap: balance;
}

.shk-v3-hero p,
.shk-v3-subhero p,
.shk-v3-subcontent p,
.shk-v3-subcontent li,
.shk-v3-seo-card p,
.shk-v3-faq-grid p,
.shk-v3-founder-copy p,
.shk-v3-team-copy p {
    word-break: normal;
    overflow-wrap: break-word;
    hyphens: auto;
    text-wrap: pretty;
}

/* Nur echte lange Zeichenketten dürfen notfalls mitten im String umbrechen. */
a[href^="mailto:"],
.shk-v3-contact-card a,
.shk-v3-address a,
.shk-footer-contact-copy small,
.hh-legal-content a {
    overflow-wrap: anywhere !important;
    word-break: normal !important;
}

.shk-v3-subcontent img,
.shk-v3-subcontent iframe,
.shk-v3-subcontent video,
.shk-v3-about-page-image img,
.shk-v3-founder-photo img,
.shk-v3-team-image img {
    max-width: 100% !important;
}

/* ---------- Tablet / kleine Laptops ---------- */
@media (max-width: 1024px) {
    .shk-v3-contact-grid,
    .shk-v3-about-page-grid,
    .shk-v3-founder-card,
    .shk-v3-seo-split {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .shk-v3-values,
    .shk-v3-team-grid,
    .shk-v3-seo-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .shk-v3-about-page-image,
    .shk-v3-founder-photo {
        max-width: 760px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
}

/* =========================================================
   SMARTPHONE / TABLET PORTRAIT
   ========================================================= */
@media (max-width: 768px) {

    :root {
        --shk-status-height: 36px;
    }

    /* ---------- Live-Öffnungszeiten ---------- */
    .shk-livebar {
        height: var(--shk-status-height) !important;
        min-height: var(--shk-status-height) !important;
    }

    .shk-livebar-inner {
        width: calc(100% - 20px) !important;
        max-width: none !important;
        min-width: 0 !important;
        gap: 10px !important;
        padding: 0 !important;
    }

    .shk-livebar-status {
        min-width: 0 !important;
        flex: 1 1 auto !important;
    }

    .shk-livebar-status b {
        min-width: 0 !important;
        font-size: 11.5px !important;
        line-height: 1.2 !important;
        white-space: nowrap !important;
    }

    .shk-livebar-inner > a {
        flex: 0 0 auto !important;
        font-size: 11px !important;
        white-space: nowrap !important;
    }

    /* ---------- Header / Logo ---------- */
    body.home #masthead .site-main-header-wrap .site-header-row-container-inner > .site-container,
    body.page-id-11 #masthead .site-main-header-wrap .site-header-row-container-inner > .site-container,
    body.page-id-13 #masthead .site-main-header-wrap .site-header-row-container-inner > .site-container,
    body.page-id-15 #masthead .site-main-header-wrap .site-header-row-container-inner > .site-container,
    body.page-id-88 #masthead .site-main-header-wrap .site-header-row-container-inner > .site-container,
    body.page-id-203 #masthead .site-main-header-wrap .site-header-row-container-inner > .site-container,
    body.page-id-204 #masthead .site-main-header-wrap .site-header-row-container-inner > .site-container,
    body.page-id-210 #masthead .site-main-header-wrap .site-header-row-container-inner > .site-container,
    body.page-id-212 #masthead .site-main-header-wrap .site-header-row-container-inner > .site-container {
        width: calc(100% - 20px) !important;
        min-width: 0 !important;
        min-height: 62px !important;
        padding-left: 12px !important;
        padding-right: 10px !important;
    }

    .site-header-section,
    .site-header-section-left,
    .site-header-section-right,
    .site-branding,
    .site-branding-container {
        min-width: 0 !important;
    }

    .home .site-branding img,
    .home .custom-logo,
    .page-id-11 .site-branding img,
    .page-id-11 .custom-logo,
    .page-id-13 .site-branding img,
    .page-id-13 .custom-logo,
    .page-id-15 .site-branding img,
    .page-id-15 .custom-logo,
    .page-id-88 .site-branding img,
    .page-id-88 .custom-logo,
    .page-id-203 .site-branding img,
    .page-id-203 .custom-logo,
    .page-id-204 .site-branding img,
    .page-id-204 .custom-logo,
    .page-id-210 .site-branding img,
    .page-id-210 .custom-logo,
    .page-id-212 .site-branding img,
    .page-id-212 .custom-logo {
        width: auto !important;
        max-width: min(225px, 62vw) !important;
        max-height: 44px !important;
    }

    .menu-toggle-open {
        flex: 0 0 auto !important;
        min-width: 44px !important;
        min-height: 44px !important;
    }

    /* Sticky bleibt unter der Livebar und nutzt volle Breite. */
    body.shk-nav-stuck #masthead .site-main-header-wrap .site-header-row-container-inner > .site-container {
        width: 100% !important;
        min-height: 60px !important;
        padding-left: 14px !important;
        padding-right: 14px !important;
        border-radius: 0 !important;
    }

    /* ---------- Hero ---------- */
    body.home .shk-v3-hero {
        min-height: auto !important;
        padding: 166px 16px 58px !important;
    }

    body.home .shk-v3-hero-copy,
    body.home .shk-v3-hero h1,
    body.home .shk-v3-hero-copy > p {
        max-width: 100% !important;
    }

    body.home .shk-v3-hero h1 {
        margin-bottom: 20px !important;
        font-size: clamp(35px, 10.2vw, 46px) !important;
        line-height: 1.06 !important;
        letter-spacing: -.025em !important;
    }

    body.home .shk-v3-hero-copy > p {
        margin-bottom: 26px !important;
        font-size: 16px !important;
        line-height: 1.6 !important;
    }

    .shk-v3-subhero,
    .v2-subpage-hero {
        min-height: 320px !important;
        padding: 132px 16px 42px !important;
        background-position: 60% center !important;
    }

    .shk-v3-subhero-inner,
    .v2-subpage-hero-inner {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .shk-v3-subhero h1,
    .v2-subpage-hero-inner h1 {
        max-width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        font-size: clamp(32px, 8.8vw, 42px) !important;
        line-height: 1.08 !important;
        letter-spacing: -.02em !important;
    }

    .shk-v3-subhero p,
    .v2-subpage-hero-inner p {
        max-width: 36rem !important;
        margin-left: auto !important;
        margin-right: auto !important;
        font-size: 15.5px !important;
        line-height: 1.55 !important;
    }

    /* ---------- Allgemeiner Inhaltsbereich ---------- */
    .shk-v3-subcontent,
    .v2-subpage-content {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .shk-v3-subcontent h2,
    .shk-v3-section-head h2,
    .shk-v3-seo-intro h2,
    .shk-v3-seo-split h2,
    .shk-v3-seo-region-box h2,
    .shk-v3-founder-copy h2 {
        font-size: clamp(28px, 7.4vw, 36px) !important;
        line-height: 1.12 !important;
        letter-spacing: -.02em !important;
    }

    .shk-v3-subcontent h3,
    .shk-v3-seo-card h3,
    .shk-v3-faq-grid h3,
    .shk-v3-founder-copy h3,
    .shk-v3-team-copy h3 {
        font-size: clamp(20px, 5.8vw, 26px) !important;
        line-height: 1.2 !important;
    }

    .shk-v3-subcontent p,
    .shk-v3-subcontent li,
    .shk-v3-seo-intro p,
    .shk-v3-seo-split p,
    .shk-v3-seo-region-box p {
        font-size: 16px !important;
        line-height: 1.65 !important;
    }

    /* ---------- Grids / Karten ---------- */
    .shk-v3-contact-grid,
    .shk-v3-about-page-grid,
    .shk-v3-founder-card,
    .shk-v3-team-grid,
    .shk-v3-values,
    .shk-v3-seo-grid,
    .shk-v3-seo-split,
    .shk-v3-faq-grid {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .shk-v3-contact-grid,
    .shk-v3-about-page-grid,
    .shk-v3-founder-card,
    .shk-v3-team-grid,
    .shk-v3-values {
        gap: 24px !important;
    }

    .shk-v3-seo-card,
    .shk-v3-seo-split > div:first-child,
    .shk-v3-seo-note,
    .shk-v3-seo-region-box,
    .shk-v3-faq-grid article,
    .shk-v3-founder-card,
    .shk-v3-team-card {
        max-width: 100% !important;
        min-width: 0 !important;
        padding: 24px 20px !important;
        border-radius: 22px !important;
    }

    /* ---------- Buttons ---------- */
    .shk-v3-actions,
    .shk-v3-inline-actions,
    .shk-v3-subhero-actions,
    .shk-v3-about-cta-actions {
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 10px !important;
    }

    .shk-v3-actions .shk-v3-btn,
    .shk-v3-inline-actions .shk-v3-btn,
    .shk-v3-subhero-actions .shk-v3-btn,
    .shk-v3-about-cta-actions .shk-v3-btn,
    .shk-v3-btn {
        max-width: 100% !important;
    }

    .shk-v3-actions .shk-v3-btn,
    .shk-v3-inline-actions .shk-v3-btn,
    .shk-v3-about-cta-actions .shk-v3-btn {
        width: 100% !important;
        justify-content: center !important;
        text-align: center !important;
        white-space: normal !important;
    }

    /* ---------- Kontaktseite ---------- */
    body.page-id-15 .shk-v3-contact-grid,
    body.page-id-15 .shk-v3-contact-info,
    body.page-id-15 .shk-v3-form-wrap,
    body.page-id-15 .shk-v3-location-section,
    body.page-id-15 #oeffnungszeiten {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    body.page-id-15 .shk-v3-contact-card,
    body.page-id-15 .shk-v3-address {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    body.page-id-15 .shk-v3-contact-card {
        align-items: flex-start !important;
    }

    body.page-id-15 .shk-v3-contact-card > div,
    body.page-id-15 .shk-v3-address > div {
        min-width: 0 !important;
    }

    body.page-id-15 .shk-v3-contact-card a,
    body.page-id-15 .shk-v3-address a {
        max-width: 100% !important;
    }

    /* Öffnungszeiten dürfen niemals aus dem Screen laufen. */
    body.page-id-15 #oeffnungszeiten,
    body.page-id-15 #oeffnungszeiten * {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    body.page-id-15 #oeffnungszeiten [class*="row"],
    body.page-id-15 #oeffnungszeiten li {
        min-width: 0 !important;
    }

    /* Auf der Kontaktseite keine Floating-Leiste über den Öffnungszeiten. */
    body.page-id-15 .floating-contact-bar {
        display: none !important;
    }

    /* ---------- Forminator allgemein ---------- */
    body.page-id-15 .forminator-ui,
    body.page-id-15 .forminator-custom-form,
    body.page-id-88 .forminator-ui,
    body.page-id-88 .forminator-custom-form {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    body.page-id-15 .forminator-row,
    body.page-id-88 .forminator-row {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    body.page-id-15 .forminator-row {
        display: block !important;
    }

    body.page-id-15 .forminator-col,
    body.page-id-15 [class*="forminator-col-"],
    body.page-id-88 .forminator-col,
    body.page-id-88 [class*="forminator-col-"] {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        flex: 0 0 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    body.page-id-15 .forminator-field,
    body.page-id-15 .forminator-input,
    body.page-id-15 .forminator-textarea,
    body.page-id-15 .forminator-select,
    body.page-id-15 input,
    body.page-id-15 textarea,
    body.page-id-15 select,
    body.page-id-88 .forminator-field,
    body.page-id-88 .forminator-input,
    body.page-id-88 .forminator-textarea,
    body.page-id-88 .forminator-select,
    body.page-id-88 input,
    body.page-id-88 textarea,
    body.page-id-88 select {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    body.page-id-15 .forminator-label,
    body.page-id-15 .forminator-description,
    body.page-id-15 .forminator-error-message,
    body.page-id-88 .forminator-label,
    body.page-id-88 .forminator-description,
    body.page-id-88 .forminator-error-message,
    body.page-id-88 .forminator-checkbox-label,
    body.page-id-88 .forminator-radio-label {
        white-space: normal !important;
        overflow-wrap: break-word !important;
        word-break: normal !important;
        text-wrap: pretty;
    }

    body.page-id-88 form.forminator-custom-form,
    body.page-id-88 .forminator-ui.forminator-custom-form {
        padding: 24px 16px !important;
        border-radius: 18px !important;
    }

    /* Wärmepumpen-Kacheln auf Tablet/Handy: zwei saubere Spalten. */
    body.page-id-88 .forminator-ui .forminator-field.tile-options,
    body.page-id-88 .forminator-ui .tile-options .forminator-field,
    body.page-id-88 .forminator-ui .tile-options,
    body.page-id-88 .forminator-ui .forminator-field.tile-checkboxes,
    body.page-id-88 .forminator-ui .tile-checkboxes .forminator-field,
    body.page-id-88 .forminator-ui .tile-checkboxes {
        gap: 10px !important;
    }

    body.page-id-88 .forminator-ui .forminator-field.tile-options .forminator-radio,
    body.page-id-88 .forminator-ui .tile-options .forminator-radio,
    body.page-id-88 .forminator-ui .forminator-field.tile-checkboxes .forminator-checkbox,
    body.page-id-88 .forminator-ui .tile-checkboxes .forminator-checkbox {
        width: calc(50% - 5px) !important;
        height: auto !important;
        min-height: 96px !important;
    }

    body.page-id-88 .forminator-ui .forminator-field.tile-options .forminator-radio-label,
    body.page-id-88 .forminator-ui .tile-options .forminator-radio-label,
    body.page-id-88 .forminator-ui .forminator-field.tile-checkboxes .forminator-checkbox-label,
    body.page-id-88 .forminator-ui .tile-checkboxes .forminator-checkbox-label {
        min-height: 96px !important;
        padding: 12px 10px !important;
        font-size: 14px !important;
        line-height: 1.3 !important;
        text-wrap: balance;
    }

    /* ---------- Footer ---------- */
    #colophon .site-footer-row-container-inner {
        width: calc(100% - 28px) !important;
        max-width: none !important;
    }

    #colophon .site-footer-row-columns-2 {
        grid-template-columns: minmax(0, 1fr) !important;
        row-gap: 24px !important;
    }

    #colophon .shk-footer-contact {
        width: 100% !important;
        max-width: 100% !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 4px !important;
    }

    #colophon .shk-footer-contact a {
        min-width: 0 !important;
        width: 100% !important;
    }

    #colophon .shk-footer-contact-copy {
        min-width: 0 !important;
    }

    #colophon .shk-footer-contact-copy small {
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: unset !important;
        overflow-wrap: anywhere !important;
    }

    #colophon .site-footer-section:last-child,
    #colophon .footer-navigation-wrap,
    #colophon .footer-navigation,
    #colophon .footer-navigation .menu {
        width: 100% !important;
        justify-content: center !important;
        text-align: center !important;
    }

    #colophon .footer-navigation .menu {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 8px 18px !important;
    }

    #colophon .footer-navigation .menu a {
        white-space: normal !important;
        text-wrap: balance;
    }

    #colophon .site-bottom-footer-wrap,
    #colophon .site-bottom-footer-wrap .site-footer-row-container-inner,
    #colophon .site-bottom-footer-wrap .site-footer-row,
    #colophon .site-bottom-footer-wrap .site-footer-section,
    #colophon .site-bottom-footer-wrap .footer-html,
    #colophon .site-bottom-footer-wrap .footer-html-inner {
        width: 100% !important;
        max-width: 100% !important;
        justify-content: center !important;
        text-align: center !important;
    }

    /* Floating Schnellkontakt auf anderen Seiten. */
    body:not(.page-id-15) .floating-contact-bar {
        left: 50% !important;
        right: auto !important;
        top: auto !important;
        bottom: max(12px, env(safe-area-inset-bottom)) !important;
        transform: translateX(-50%) !important;
        flex-direction: row !important;
        gap: 7px !important;
        padding: 7px !important;
        border-radius: 999px !important;
        background: rgba(255,255,255,.95) !important;
        box-shadow: 0 8px 24px rgba(15,23,42,.18) !important;
    }

    body:not(.page-id-15) .floating-contact-bar > a,
    body:not(.page-id-15) .floating-contact-bar > a:hover {
        width: 44px !important;
        min-width: 44px !important;
        height: 44px !important;
        min-height: 44px !important;
        padding: 0 !important;
        transform: none !important;
    }

    body:not(.page-id-15) .floating-contact-bar .floating-icon {
        width: 40px !important;
        min-width: 40px !important;
        height: 40px !important;
    }

    body:not(.page-id-15) .floating-contact-bar .floating-text {
        display: none !important;
    }
}

/* =========================================================
   KLEINE SMARTPHONES
   ========================================================= */
@media (max-width: 520px) {

    /* Auf kleinen Displays zählt der Live-Status. Der zweite Link würde
       sonst unnötig Text quetschen. */
    .shk-livebar-inner {
        justify-content: center !important;
    }

    .shk-livebar-status {
        justify-content: center !important;
        text-align: center !important;
    }

    .shk-livebar-inner > a {
        display: none !important;
    }

    body.home .shk-v3-hero h1 {
        font-size: clamp(34px, 10.5vw, 42px) !important;
    }

    .shk-v3-subhero h1,
    .v2-subpage-hero-inner h1 {
        font-size: clamp(30px, 9vw, 38px) !important;
    }

    .shk-v3-subhero p,
    .v2-subpage-hero-inner p {
        font-size: 15px !important;
        line-height: 1.5 !important;
    }

    .shk-v3-seo-card,
    .shk-v3-seo-split > div:first-child,
    .shk-v3-seo-note,
    .shk-v3-seo-region-box,
    .shk-v3-faq-grid article,
    .shk-v3-founder-card,
    .shk-v3-team-card {
        padding: 22px 18px !important;
    }

    /* Wärmepumpen-Kacheln auf echtem Smartphone einspaltig. */
    body.page-id-88 .forminator-ui .forminator-field.tile-options .forminator-radio,
    body.page-id-88 .forminator-ui .tile-options .forminator-radio,
    body.page-id-88 .forminator-ui .forminator-field.tile-checkboxes .forminator-checkbox,
    body.page-id-88 .forminator-ui .tile-checkboxes .forminator-checkbox {
        width: 100% !important;
        min-height: 84px !important;
    }

    body.page-id-88 .forminator-ui .forminator-field.tile-options .forminator-radio-label,
    body.page-id-88 .forminator-ui .tile-options .forminator-radio-label,
    body.page-id-88 .forminator-ui .forminator-field.tile-checkboxes .forminator-checkbox-label,
    body.page-id-88 .forminator-ui .tile-checkboxes .forminator-checkbox-label {
        min-height: 84px !important;
    }
}

/* =========================================================
   SEHR KLEINE SMARTPHONES – ca. 360–420 px
   ========================================================= */
@media (max-width: 420px) {

    body.home #masthead .site-main-header-wrap .site-header-row-container-inner > .site-container,
    body.page-id-11 #masthead .site-main-header-wrap .site-header-row-container-inner > .site-container,
    body.page-id-13 #masthead .site-main-header-wrap .site-header-row-container-inner > .site-container,
    body.page-id-15 #masthead .site-main-header-wrap .site-header-row-container-inner > .site-container,
    body.page-id-88 #masthead .site-main-header-wrap .site-header-row-container-inner > .site-container,
    body.page-id-203 #masthead .site-main-header-wrap .site-header-row-container-inner > .site-container,
    body.page-id-204 #masthead .site-main-header-wrap .site-header-row-container-inner > .site-container,
    body.page-id-210 #masthead .site-main-header-wrap .site-header-row-container-inner > .site-container,
    body.page-id-212 #masthead .site-main-header-wrap .site-header-row-container-inner > .site-container {
        width: calc(100% - 16px) !important;
        padding-left: 10px !important;
        padding-right: 8px !important;
    }

    .home .site-branding img,
    .home .custom-logo,
    .page-id-11 .site-branding img,
    .page-id-11 .custom-logo,
    .page-id-13 .site-branding img,
    .page-id-13 .custom-logo,
    .page-id-15 .site-branding img,
    .page-id-15 .custom-logo,
    .page-id-88 .site-branding img,
    .page-id-88 .custom-logo,
    .page-id-203 .site-branding img,
    .page-id-203 .custom-logo,
    .page-id-204 .site-branding img,
    .page-id-204 .custom-logo,
    .page-id-210 .site-branding img,
    .page-id-210 .custom-logo,
    .page-id-212 .site-branding img,
    .page-id-212 .custom-logo {
        max-width: min(205px, 58vw) !important;
        max-height: 40px !important;
    }

    body.home .shk-v3-hero {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    .shk-v3-subhero,
    .v2-subpage-hero {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    .shk-v3-subcontent,
    .v2-subpage-content {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    .shk-v3-subcontent h2,
    .shk-v3-section-head h2,
    .shk-v3-seo-intro h2,
    .shk-v3-seo-split h2,
    .shk-v3-seo-region-box h2,
    .shk-v3-founder-copy h2 {
        font-size: clamp(27px, 7.8vw, 32px) !important;
    }

    body.page-id-88 form.forminator-custom-form,
    body.page-id-88 .forminator-ui.forminator-custom-form {
        padding: 20px 12px !important;
    }

    #colophon .site-footer-row-container-inner {
        width: calc(100% - 24px) !important;
    }
}


/* =========================================================
   FINAL POLISH 2 – Sticky Glass Header + Mobile Kontakt
   09/2026
   ========================================================= */

/* ---------------------------------------------------------
   1) STICKY HEADER
   Livebar bleibt oben. Die Navigation bleibt beim Scrollen
   als abgerundete Glas-Karte sichtbar statt als Vollbreitenbalken.
   --------------------------------------------------------- */

body.shk-nav-stuck #masthead {
    background: transparent !important;
    border: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    pointer-events: none;
}

body.shk-nav-stuck #masthead .site-main-header-wrap {
    top: 8px !important;
    pointer-events: auto;
}

body.shk-nav-stuck #masthead .site-main-header-wrap .site-header-row-container-inner > .site-container {
    width: min(var(--shk-nav-container-width), calc(100% - 48px)) !important;
    min-height: 68px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 22px !important;
    padding-right: 22px !important;

    background: rgba(6, 27, 42, .88) !important;
    border: 1px solid rgba(255,255,255,.15) !important;
    border-radius: 18px !important;
    box-shadow: 0 14px 34px rgba(2,18,30,.24) !important;

    -webkit-backdrop-filter: blur(16px) saturate(125%) !important;
    backdrop-filter: blur(16px) saturate(125%) !important;
}

body.shk-nav-stuck #masthead .site-main-header-inner-wrap,
body.shk-nav-stuck #masthead .main-navigation .primary-menu-container > ul > li > a {
    min-height: 68px !important;
}


/* ---------------------------------------------------------
   2) KONTAKTSEITE – TELEFON / MAIL / ADRESSE
   Keine aggressiven Wortumbrüche bei Telefonnummern.
   --------------------------------------------------------- */

body.page-id-15 .shk-v3-contact-card a[href^="tel:"] {
    white-space: nowrap !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    hyphens: none !important;
}

body.page-id-15 .shk-v3-contact-card a[href^="mailto:"] {
    word-break: normal !important;
    overflow-wrap: anywhere !important;
    hyphens: none !important;
}

body.page-id-15 .shk-v3-contact-card > div,
body.page-id-15 .shk-v3-contact-card > div > span,
body.page-id-15 .shk-v3-contact-card > div > strong {
    word-break: normal !important;
    hyphens: none !important;
}


/* ---------------------------------------------------------
   3) TABLET PORTRAIT / SMARTPHONE
   --------------------------------------------------------- */

@media (max-width: 768px) {

    /* Sticky-Navigation auch mobil als schwebende Glas-Karte. */
    body.shk-nav-stuck #masthead .site-main-header-wrap {
        top: 7px !important;
    }

    body.shk-nav-stuck #masthead .site-main-header-wrap .site-header-row-container-inner > .site-container {
        width: calc(100% - 20px) !important;
        min-height: 60px !important;
        padding-left: 12px !important;
        padding-right: 10px !important;

        background: rgba(6, 27, 42, .91) !important;
        border: 1px solid rgba(255,255,255,.14) !important;
        border-radius: 14px !important;
        box-shadow: 0 12px 28px rgba(2,18,30,.24) !important;

        -webkit-backdrop-filter: blur(15px) saturate(125%) !important;
        backdrop-filter: blur(15px) saturate(125%) !important;
    }

    body.shk-nav-stuck #masthead .site-main-header-inner-wrap {
        min-height: 60px !important;
    }


    /* ---------- Kontaktseite: echte Vollbreite statt schmaler Karte ---------- */

    body.page-id-15 .shk-v3-subcontent {
        padding: 44px 14px 64px !important;
    }

    body.page-id-15 .shk-v3-contact-grid {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
    }

    body.page-id-15 .shk-v3-contact-info,
    body.page-id-15 .shk-v3-form-wrap {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        margin: 0 0 22px !important;
        padding: 28px 20px !important;
        border-radius: 22px !important;
    }

    body.page-id-15 .shk-v3-contact-info > h2,
    body.page-id-15 .shk-v3-form-heading > h2 {
        max-width: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        font-size: clamp(29px, 7.6vw, 36px) !important;
        line-height: 1.12 !important;
        text-wrap: balance;
    }

    body.page-id-15 .shk-v3-contact-info > p,
    body.page-id-15 .shk-v3-form-heading > p {
        max-width: none !important;
    }


    /* Kontaktzeilen: Icon links, Inhalt rechts – mit genug Platz. */

    body.page-id-15 .shk-v3-contact-card {
        display: grid !important;
        grid-template-columns: 48px minmax(0, 1fr) !important;
        column-gap: 14px !important;
        align-items: start !important;

        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 18px 0 !important;
    }

    body.page-id-15 .shk-v3-contact-symbol {
        width: 48px !important;
        min-width: 48px !important;
        height: 48px !important;
        margin: 0 !important;
    }

    body.page-id-15 .shk-v3-contact-card > div {
        width: 100% !important;
        min-width: 0 !important;
        padding-top: 1px !important;
    }

    body.page-id-15 .shk-v3-contact-card strong {
        display: block !important;
        margin-bottom: 5px !important;
    }

    body.page-id-15 .shk-v3-contact-card a,
    body.page-id-15 .shk-v3-contact-card > div > span {
        display: block !important;
        max-width: 100% !important;
        font-size: 16px !important;
        line-height: 1.45 !important;
    }

    body.page-id-15 .shk-v3-contact-card a[href^="tel:"] {
        white-space: nowrap !important;
        font-size: 17px !important;
    }

    body.page-id-15 .shk-v3-contact-card a[href^="mailto:"] {
        font-size: 15px !important;
        line-height: 1.45 !important;
    }


    /* Regionstext bekommt wieder normale Lesebreite. */

    body.page-id-15 .shk-v3-region-copy {
        margin-top: 22px !important;
        font-size: 15px !important;
        line-height: 1.65 !important;
    }


    /* ---------- Öffnungszeiten: keine "Sams / tag"-Umbrüche ---------- */

    body.page-id-15 .shk-v3-hours {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;

        margin-top: 30px !important;
        padding: 24px 18px !important;
        border-radius: 20px !important;
    }

    body.page-id-15 .shk-v3-hours-head {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 13px !important;
        margin-bottom: 18px !important;
    }

    body.page-id-15 .shk-v3-hours-head > div {
        width: 100% !important;
        min-width: 0 !important;
    }

    body.page-id-15 .shk-v3-hours-head h3 {
        margin: 5px 0 0 !important;
        font-size: 28px !important;
        line-height: 1.12 !important;
    }

    body.page-id-15 .shk-live-status-inline {
        align-self: flex-start !important;
        max-width: 100% !important;
        white-space: normal !important;
    }

    body.page-id-15 .shk-v3-hours dl {
        width: 100% !important;
        margin: 0 !important;
    }

    body.page-id-15 .shk-v3-hours dl > div {
        display: flex !important;
        align-items: flex-start !important;
        justify-content: space-between !important;
        gap: 14px !important;

        width: 100% !important;
        min-width: 0 !important;
        padding: 14px 0 !important;
    }

    body.page-id-15 .shk-v3-hours dt {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        max-width: 52% !important;

        word-break: normal !important;
        overflow-wrap: normal !important;
        hyphens: none !important;
    }

    body.page-id-15 .shk-v3-hours dd {
        flex: 0 0 auto !important;
        min-width: 0 !important;
        margin: 0 !important;

        text-align: right !important;
        white-space: nowrap !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
        hyphens: none !important;
    }


    /* ---------- Form auf Kontaktseite ---------- */

    body.page-id-15 .shk-v3-form-wrap {
        margin-top: 0 !important;
    }

    body.page-id-15 .forminator-ui.forminator-custom-form,
    body.page-id-15 form.forminator-custom-form {
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-shadow: none !important;
    }


    /* ---------- Floating Schnellkontakt ---------- */

    body:not(.page-id-15) .floating-contact-bar {
        left: 50% !important;
        right: auto !important;
        top: auto !important;
        bottom: max(14px, env(safe-area-inset-bottom)) !important;
        transform: translateX(-50%) !important;

        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;

        gap: 7px !important;
        padding: 7px !important;

        background: rgba(255,255,255,.95) !important;
        border: 1px solid rgba(15,23,42,.08) !important;
        border-radius: 999px !important;
        box-shadow: 0 10px 28px rgba(15,23,42,.20) !important;

        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;

        transition:
            opacity .2s ease,
            visibility .2s ease,
            transform .2s ease !important;
    }

    body:not(.page-id-15) .floating-contact-bar > a,
    body:not(.page-id-15) .floating-contact-bar > a:hover {
        flex: 0 0 44px !important;
        width: 44px !important;
        min-width: 44px !important;
        max-width: 44px !important;
        height: 44px !important;
        min-height: 44px !important;
        max-height: 44px !important;

        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
        border-width: 1px !important;
    }

    body:not(.page-id-15) .floating-contact-bar .floating-icon {
        width: 42px !important;
        min-width: 42px !important;
        max-width: 42px !important;
        height: 42px !important;
        min-height: 42px !important;
        max-height: 42px !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    body:not(.page-id-15) .floating-contact-bar .floating-text {
        display: none !important;
    }

    /* Sobald der Footer sichtbar wird, verschwindet die schwebende Leiste.
       Dadurch liegt sie nicht mehr auf Copyright oder Footer-Inhalten. */
    body.hh-footer-visible:not(.page-id-15) .floating-contact-bar {
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transform: translate(-50%, 12px) !important;
    }


    /* ---------- Footer: mobile Rechtlinks sauber zentriert ---------- */

    #colophon .footer-navigation,
    #colophon .footer-navigation-wrap,
    #colophon .footer-navigation .menu {
        width: 100% !important;
        justify-content: center !important;
        text-align: center !important;
    }

    #colophon .footer-navigation .menu {
        gap: 9px 20px !important;
    }
}


/* ---------------------------------------------------------
   4) KLEINE SMARTPHONES
   --------------------------------------------------------- */

@media (max-width: 420px) {

    body.shk-nav-stuck #masthead .site-main-header-wrap .site-header-row-container-inner > .site-container {
        width: calc(100% - 14px) !important;
        border-radius: 13px !important;
    }

    body.page-id-15 .shk-v3-subcontent {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    body.page-id-15 .shk-v3-contact-info,
    body.page-id-15 .shk-v3-form-wrap {
        padding: 24px 16px !important;
        border-radius: 20px !important;
    }

    body.page-id-15 .shk-v3-contact-card {
        grid-template-columns: 44px minmax(0, 1fr) !important;
        column-gap: 12px !important;
        padding: 16px 0 !important;
    }

    body.page-id-15 .shk-v3-contact-symbol {
        width: 44px !important;
        min-width: 44px !important;
        height: 44px !important;
    }

    body.page-id-15 .shk-v3-contact-card a[href^="tel:"] {
        font-size: 16px !important;
    }

    body.page-id-15 .shk-v3-contact-card a[href^="mailto:"] {
        font-size: 14px !important;
    }

    body.page-id-15 .shk-v3-hours {
        padding: 22px 16px !important;
    }

    body.page-id-15 .shk-v3-hours dl > div {
        gap: 10px !important;
    }

    body.page-id-15 .shk-v3-hours dt {
        max-width: 48% !important;
    }

    body.page-id-15 .shk-v3-hours dd {
        font-size: 14px !important;
    }
}


/* =========================================================
   FINAL POLISH 3 – Mobile Typografie / saubere Umbrüche
   ---------------------------------------------------------
   Ziel:
   - keine künstlichen Trennungen wie "telefo-nisch"
   - keine Wortbrüche mitten in Wärmepumpe / Klimaanlage
   - kompaktere Überschriften auf kleinen Displays
   - Öffnungszeiten auf sehr kleinen Handys sauber untereinander
   ========================================================= */

@media (max-width: 520px) {

    /* Deutsche automatische Silbentrennung auf dem Handy deaktivieren.
       Browser sollen nur an echten Leerzeichen umbrechen. */
    .shk-v3-home p,
    .shk-v3-home li,
    .shk-v3-subpage p,
    .shk-v3-subpage li,
    .shk-v3-subcontent p,
    .shk-v3-subcontent li,
    .shk-v3-contact-info p,
    .shk-v3-form-wrap p,
    .shk-v3-region-copy,
    .shk-v3-seo-card p,
    .shk-v3-faq-grid p,
    .shk-v3-founder-copy p,
    .shk-v3-team-copy p {
        -webkit-hyphens: none !important;
        hyphens: none !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
        text-wrap: pretty;
    }

    /* Überschriften nicht künstlich "balancieren".
       Auf sehr schmalen Displays wirkt natürlicher Umbruch deutlich besser. */
    .shk-v3-home h1,
    .shk-v3-home h2,
    .shk-v3-home h3,
    .shk-v3-subpage h1,
    .shk-v3-subpage h2,
    .shk-v3-subpage h3,
    .shk-v3-subcontent h1,
    .shk-v3-subcontent h2,
    .shk-v3-subcontent h3,
    .shk-v3-section-head h2,
    .shk-v3-seo-intro h2,
    .shk-v3-seo-split h2,
    .shk-v3-seo-region-box h2,
    .shk-v3-seo-card h3,
    .shk-v3-faq-grid h3,
    .shk-v3-founder-copy h2,
    .shk-v3-founder-copy h3,
    .shk-v3-team-copy h3 {
        -webkit-hyphens: none !important;
        hyphens: none !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
        text-wrap: pretty !important;
    }

    /* Mailadressen sind die einzige Ausnahme: lange Strings dürfen umbrechen. */
    a[href^="mailto:"] {
        word-break: normal !important;
        overflow-wrap: anywhere !important;
        -webkit-hyphens: none !important;
        hyphens: none !important;
    }
}


@media (max-width: 420px) {

    /* Auf 360–420 px waren mehrere H2 schlicht zu groß.
       Etwas kleiner = deutlich natürlichere Zeilenbilder. */
    .shk-v3-subcontent h2,
    .shk-v3-section-head h2,
    .shk-v3-seo-intro h2,
    .shk-v3-seo-split h2,
    .shk-v3-seo-region-box h2,
    .shk-v3-founder-copy h2,
    body.page-id-15 .shk-v3-contact-info > h2,
    body.page-id-15 .shk-v3-form-heading > h2 {
        font-size: 27px !important;
        line-height: 1.14 !important;
        letter-spacing: -.018em !important;
    }

    .shk-v3-subcontent h3,
    .shk-v3-seo-card h3,
    .shk-v3-faq-grid h3,
    .shk-v3-founder-copy h3,
    .shk-v3-team-copy h3 {
        font-size: 20px !important;
        line-height: 1.22 !important;
    }

    .shk-v3-subcontent p,
    .shk-v3-subcontent li,
    body.page-id-15 .shk-v3-contact-info > p,
    body.page-id-15 .shk-v3-form-heading > p {
        font-size: 15.5px !important;
        line-height: 1.62 !important;
    }

    /* Kontaktseite: "Wir melden uns schnellstmöglich zurück."
       soll nicht wegen zu großer Schrift unnötig auf 4–5 Zeilen zerfallen. */
    body.page-id-15 .shk-v3-contact-info > h2 {
        font-size: 28px !important;
        line-height: 1.12 !important;
    }

    /* Öffnungszeiten:
       Auf kleinen Displays nicht zwei Spalten erzwingen.
       Tag und Uhrzeit stehen sauber untereinander. */
    body.page-id-15 .shk-v3-hours dl > div {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 3px !important;
        padding: 13px 0 !important;
    }

    body.page-id-15 .shk-v3-hours dt {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        margin: 0 !important;
        font-size: 15px !important;
        line-height: 1.35 !important;
        white-space: nowrap !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
        -webkit-hyphens: none !important;
        hyphens: none !important;
    }

    body.page-id-15 .shk-v3-hours dd {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        margin: 0 !important;
        font-size: 14.5px !important;
        line-height: 1.4 !important;
        text-align: left !important;
        white-space: nowrap !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
        -webkit-hyphens: none !important;
        hyphens: none !important;
    }

    /* Lange CTA-Überschriften auf Start-/Unterseiten:
       Kein Wort darf mitten in Wärmepumpe oder Klimaanlage brechen. */
    .shk-v3-home .shk-v3-subcontent h2,
    .shk-v3-home section h2,
    .shk-v3-home article h2,
    .shk-v3-subpage section h2,
    .shk-v3-subpage article h2 {
        max-width: 100% !important;
        font-size: 27px !important;
        line-height: 1.14 !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
        -webkit-hyphens: none !important;
        hyphens: none !important;
        text-wrap: pretty !important;
    }
}


/* =========================================================
   FINAL POLISH 4 – Mobile Textbox / sichere Textbreiten
   ---------------------------------------------------------
   Nur Typografie und Box-Inhalte.
   Die drei schwebenden Telefon/Mail/Standort-Buttons bleiben
   bewusst unverändert.
   ========================================================= */

@media (max-width: 520px) {

    /* Etwas mehr nutzbare Breite auf kleinen Displays. */
    .shk-v3-subcontent,
    .v2-subpage-content {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    /* Jede Inhaltsbox und jedes direkte Kindelement darf sich
       innerhalb seines Containers verkleinern. */
    .shk-v3-subcontent > *,
    .shk-v3-subcontent section,
    .shk-v3-subcontent article,
    .shk-v3-subcontent [class*="card"],
    .shk-v3-subcontent [class*="copy"],
    .shk-v3-subcontent [class*="content"],
    .shk-v3-subcontent [class*="info"],
    .shk-v3-subcontent [class*="text"],
    .shk-v3-subcontent [class*="note"],
    .shk-v3-subcontent [class*="box"] {
        min-width: 0 !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Karten bekommen auf dem Handy etwas weniger Innenabstand.
       Das schafft Platz für lange deutsche Wörter. */
    .shk-v3-seo-card,
    .shk-v3-faq-grid article,
    .shk-v3-values article,
    .shk-v3-team-card,
    .shk-v3-founder-card,
    .shk-v3-seo-split > div:first-child,
    .shk-v3-seo-note,
    .shk-v3-seo-region-box,
    body.page-id-15 .shk-v3-contact-info,
    body.page-id-15 .shk-v3-form-wrap {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    /* Kurze Überschriften / Labels mobil zentrieren.
       Längere Fließtexte bleiben bewusst linksbündig. */
    body:not(.page-id-210):not(.page-id-212) .shk-v3-subcontent .shk-v3-label,
    body:not(.page-id-210):not(.page-id-212) .shk-v3-subcontent h2,
    body:not(.page-id-210):not(.page-id-212) .shk-v3-subcontent h3,
    body:not(.page-id-210):not(.page-id-212) .shk-v3-section-head,
    body:not(.page-id-210):not(.page-id-212) .shk-v3-section-head h2 {
        text-align: center !important;
    }

    body:not(.page-id-210):not(.page-id-212) .shk-v3-subcontent .shk-v3-label {
        display: block !important;
        width: 100% !important;
    }

    /* Überschriften niemals über den Rand laufen lassen. */
    body:not(.page-id-210):not(.page-id-212) .shk-v3-subcontent h2,
    body:not(.page-id-210):not(.page-id-212) .shk-v3-subcontent h3 {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin-left: auto !important;
        margin-right: auto !important;

        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
        -webkit-hyphens: none !important;
        hyphens: none !important;
        text-wrap: pretty !important;
    }

    /* Auf echtem Handy deutlich kompakter als zuvor.
       So passen auch Wörter wie "Heizungsmodernisierung". */
    body:not(.page-id-210):not(.page-id-212) .shk-v3-subcontent h2 {
        font-size: 24px !important;
        line-height: 1.15 !important;
        letter-spacing: -.018em !important;
    }

    body:not(.page-id-210):not(.page-id-212) .shk-v3-subcontent h3,
    .shk-v3-seo-card h3,
    .shk-v3-faq-grid h3 {
        font-size: 21px !important;
        line-height: 1.2 !important;
        letter-spacing: -.012em !important;
    }

    /* Fließtext: vollständig sichtbar, keine harten Worttrennungen. */
    .shk-v3-subcontent p,
    .shk-v3-subcontent li {
        width: auto !important;
        max-width: 100% !important;
        min-width: 0 !important;

        text-align: left !important;
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
        -webkit-hyphens: none !important;
        hyphens: none !important;

        font-size: 15.5px !important;
        line-height: 1.62 !important;
    }

    /* Kurze Einleitungen direkt unter einer Überschrift dürfen
       zentriert werden; Listen und längere Texte bleiben links. */
    body:not(.page-id-210):not(.page-id-212) .shk-v3-section-head > p,
    body:not(.page-id-210):not(.page-id-212) .shk-v3-seo-intro > p,
    body.page-id-15 .shk-v3-contact-info > p,
    body.page-id-15 .shk-v3-form-heading > p {
        max-width: 32rem !important;
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: center !important;
    }

    /* Leistungs-/SEO-Karten: Text nicht zu weit am Rand. */
    .shk-v3-seo-card p,
    .shk-v3-faq-grid p,
    .shk-v3-seo-split p,
    .shk-v3-seo-region-box p {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* Kontakt: die große Überschrift darf etwas größer bleiben,
       aber muss vollständig innerhalb der Karte bleiben. */
    body.page-id-15 .shk-v3-contact-info > h2,
    body.page-id-15 .shk-v3-form-heading > h2 {
        width: 100% !important;
        max-width: 100% !important;
        font-size: 25px !important;
        line-height: 1.14 !important;
        text-align: center !important;
    }

    /* Öffnungszeiten: Überschrift und Status mittig,
       die eigentlichen Zeiten bleiben gut lesbar links. */
    body.page-id-15 .shk-v3-hours-head,
    body.page-id-15 .shk-v3-hours-head > div {
        width: 100% !important;
        max-width: 100% !important;
        align-items: center !important;
        text-align: center !important;
    }

    body.page-id-15 .shk-v3-hours-head h3 {
        width: 100% !important;
        max-width: 100% !important;
        font-size: 24px !important;
        line-height: 1.14 !important;
        text-align: center !important;
        white-space: normal !important;
    }

    body.page-id-15 .shk-live-status-inline {
        align-self: center !important;
    }

    body.page-id-15 .shk-v3-hours dt,
    body.page-id-15 .shk-v3-hours dd {
        text-align: left !important;
    }

    /* Lange Mailadressen bleiben die einzige Zeichenkette,
       die notfalls innerhalb des Strings umbrechen darf. */
    .shk-v3-subcontent a[href^="mailto:"] {
        max-width: 100% !important;
        overflow-wrap: anywhere !important;
        word-break: normal !important;
    }
}


/* Sehr schmale Geräte / DevTools um 320–380 px */
@media (max-width: 380px) {

    .shk-v3-subcontent,
    .v2-subpage-content {
        padding-left: 7px !important;
        padding-right: 7px !important;
    }

    .shk-v3-seo-card,
    .shk-v3-faq-grid article,
    .shk-v3-values article,
    .shk-v3-team-card,
    .shk-v3-founder-card,
    .shk-v3-seo-split > div:first-child,
    .shk-v3-seo-note,
    .shk-v3-seo-region-box,
    body.page-id-15 .shk-v3-contact-info,
    body.page-id-15 .shk-v3-form-wrap {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    body:not(.page-id-210):not(.page-id-212) .shk-v3-subcontent h2 {
        font-size: 22px !important;
        line-height: 1.16 !important;
    }

    body:not(.page-id-210):not(.page-id-212) .shk-v3-subcontent h3,
    .shk-v3-seo-card h3,
    .shk-v3-faq-grid h3 {
        font-size: 20px !important;
        line-height: 1.2 !important;
    }

    body.page-id-15 .shk-v3-contact-info > h2,
    body.page-id-15 .shk-v3-form-heading > h2 {
        font-size: 23px !important;
        line-height: 1.15 !important;
    }

    body.page-id-15 .shk-v3-hours-head h3 {
        font-size: 22px !important;
    }

    .shk-v3-subcontent p,
    .shk-v3-subcontent li {
        font-size: 15px !important;
        line-height: 1.6 !important;
    }
}


/* =========================================================
   FINAL POLISH 5 – Homepage + Leistungen mobil
   ---------------------------------------------------------
   Fokus:
   - Karten nutzen die verfügbare Handybreite besser
   - Überschriften bleiben vollständig in den Boxen
   - keine abgeschnittenen Leistungsnamen
   - kurze CTA-Texte auf der Homepage zentriert
   - Fließtexte bleiben gut lesbar
   - Floating Buttons bleiben unverändert
   ========================================================= */

@media (max-width: 520px) {

    /* =====================================================
       HOMEPAGE
       ===================================================== */

    body.home .shk-v3-home,
    body.home .entry-content,
    body.home .entry-content-wrap,
    body.home .single-content {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    /* Alle Bereiche unterhalb des Hero dürfen die mobile Breite nutzen. */
    body.home .shk-v3-home > section:not(.shk-v3-hero) {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        box-sizing: border-box !important;
    }

    body.home .shk-v3-home > section:not(.shk-v3-hero) article,
    body.home .shk-v3-home > section:not(.shk-v3-hero) [class*="card"],
    body.home .shk-v3-home > section:not(.shk-v3-hero) [class*="box"],
    body.home .shk-v3-home > section:not(.shk-v3-hero) [class*="copy"] {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    /* Labels und Überschriften auf der Homepage mobil ruhig zentrieren. */
    body.home .shk-v3-home > section:not(.shk-v3-hero) .shk-v3-label,
    body.home .shk-v3-home > section:not(.shk-v3-hero) h2,
    body.home .shk-v3-home > section:not(.shk-v3-hero) h3 {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: center !important;
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
        -webkit-hyphens: none !important;
        hyphens: none !important;
        text-wrap: pretty !important;
    }

    body.home .shk-v3-home > section:not(.shk-v3-hero) h2 {
        font-size: 24px !important;
        line-height: 1.14 !important;
        letter-spacing: -.018em !important;
    }

    body.home .shk-v3-home > section:not(.shk-v3-hero) h3 {
        font-size: 20px !important;
        line-height: 1.2 !important;
    }

    /* Längere normale Texte bleiben linksbündig. */
    body.home .shk-v3-home > section:not(.shk-v3-hero) p,
    body.home .shk-v3-home > section:not(.shk-v3-hero) li {
        max-width: 100% !important;
        min-width: 0 !important;
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
        -webkit-hyphens: none !important;
        hyphens: none !important;
        font-size: 15.5px !important;
        line-height: 1.62 !important;
    }

    /* Reine CTA-/Projektbereiche mit Button:
       Überschrift + kurzer Einleitungstext wirken mobil besser zentriert. */
    body.home .shk-v3-home section:has(.shk-v3-btn) .shk-v3-label,
    body.home .shk-v3-home section:has(.shk-v3-btn) h2,
    body.home .shk-v3-home section:has(.shk-v3-btn) > p,
    body.home .shk-v3-home section:has(.shk-v3-btn) [class*="copy"] > p {
        text-align: center !important;
    }

    body.home .shk-v3-home section:has(.shk-v3-btn) > p,
    body.home .shk-v3-home section:has(.shk-v3-btn) [class*="copy"] > p {
        max-width: 30rem !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }


    /* =====================================================
       LEISTUNGEN – Seite 11
       ===================================================== */

    body.page-id-11 .entry-content,
    body.page-id-11 .entry-content-wrap,
    body.page-id-11 .single-content,
    body.page-id-11 .v2-subpage,
    body.page-id-11 .v2-subpage-content,
    body.page-id-11 .shk-v3-subpage,
    body.page-id-11 .shk-v3-subcontent {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    body.page-id-11 .v2-subpage-content,
    body.page-id-11 .shk-v3-subcontent {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    body.page-id-11 .v2-service-detail-grid {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        gap: 20px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    body.page-id-11 .v2-service-detail-card {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 20px 16px !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }

    /* Auch unbekannte innere Wrapper dürfen nicht breiter als die Karte sein. */
    body.page-id-11 .v2-service-detail-card > *,
    body.page-id-11 .v2-service-detail-card div,
    body.page-id-11 .v2-service-detail-card header,
    body.page-id-11 .v2-service-detail-card section {
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    body.page-id-11 .v2-service-detail-card img {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
    }

    body.page-id-11 .v2-service-detail-card .shk-v3-label,
    body.page-id-11 .v2-service-detail-card > span,
    body.page-id-11 .v2-service-detail-card h2,
    body.page-id-11 .v2-service-detail-card h3,
    body.page-id-11 .v2-service-detail-card h4 {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin-left: auto !important;
        margin-right: auto !important;

        text-align: center !important;
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
        -webkit-hyphens: none !important;
        hyphens: none !important;
        text-wrap: pretty !important;
    }

    /* Wichtig: lange Wörter wie Heizungsmodernisierung passen nun
       durch mehr Breite + kleinere, responsive Schrift. */
    body.page-id-11 .v2-service-detail-card h2,
    body.page-id-11 .v2-service-detail-card h3 {
        font-size: clamp(19px, 5.6vw, 22px) !important;
        line-height: 1.18 !important;
        letter-spacing: -.012em !important;
    }

    body.page-id-11 .v2-service-detail-card p,
    body.page-id-11 .v2-service-detail-card li {
        width: auto !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        text-align: left !important;
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
        -webkit-hyphens: none !important;
        hyphens: none !important;

        font-size: 15px !important;
        line-height: 1.58 !important;
    }

    body.page-id-11 .v2-service-detail-card ul,
    body.page-id-11 .v2-service-detail-card ol {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 20px !important;
        box-sizing: border-box !important;
    }
}


/* Sehr schmale Geräte – ca. 320–380 px */
@media (max-width: 380px) {

    body.home .shk-v3-home > section:not(.shk-v3-hero) {
        padding-left: 7px !important;
        padding-right: 7px !important;
    }

    body.home .shk-v3-home > section:not(.shk-v3-hero) h2 {
        font-size: 22px !important;
        line-height: 1.15 !important;
    }

    body.home .shk-v3-home > section:not(.shk-v3-hero) h3 {
        font-size: 19px !important;
    }

    body.page-id-11 .v2-subpage-content,
    body.page-id-11 .shk-v3-subcontent {
        padding-left: 7px !important;
        padding-right: 7px !important;
    }

    body.page-id-11 .v2-service-detail-card {
        padding-left: 13px !important;
        padding-right: 13px !important;
    }

    body.page-id-11 .v2-service-detail-card h2,
    body.page-id-11 .v2-service-detail-card h3 {
        font-size: 18px !important;
        line-height: 1.2 !important;
        letter-spacing: -.008em !important;
    }

    body.page-id-11 .v2-service-detail-card p,
    body.page-id-11 .v2-service-detail-card li {
        font-size: 14.5px !important;
        line-height: 1.58 !important;
    }
}


/* =========================================================
   FINAL POLISH 6 – Über uns zentriert
   ========================================================= */

body.page-id-13 .shk-v3-subcontent {
    text-align: center;
}

body.page-id-13 .shk-v3-subcontent .shk-v3-label,
body.page-id-13 .shk-v3-subcontent h2,
body.page-id-13 .shk-v3-subcontent h3,
body.page-id-13 .shk-v3-subcontent p {
    text-align: center !important;
}

body.page-id-13 .shk-v3-subcontent > p,
body.page-id-13 .shk-v3-about-page-copy p,
body.page-id-13 .shk-v3-founder-copy p,
body.page-id-13 .shk-v3-about-principles-head p {
    max-width: 860px;
    margin-left: auto !important;
    margin-right: auto !important;
}

body.page-id-13 .shk-v3-founder-copy {
    text-align: center !important;
}

body.page-id-13 .shk-v3-founder-copy .shk-v3-btn {
    margin-left: auto !important;
    margin-right: auto !important;
}

body.page-id-13 .shk-v3-founder-copy .shk-v3-checks,
body.page-id-13 .shk-v3-subcontent .shk-v3-checks {
    display: inline-block !important;
    width: auto !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: left !important;
}

body.page-id-13 .shk-v3-about-principles-head,
body.page-id-13 .shk-v3-founder-head,
body.page-id-13 .shk-v3-team-head {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
}

body.page-id-13 .shk-v3-values article,
body.page-id-13 .shk-v3-values article strong,
body.page-id-13 .shk-v3-values article p {
    text-align: center !important;
}

@media (max-width: 768px) {
    body.page-id-13 .shk-v3-subcontent,
    body.page-id-13 .shk-v3-subcontent .shk-v3-label,
    body.page-id-13 .shk-v3-subcontent h2,
    body.page-id-13 .shk-v3-subcontent h3,
    body.page-id-13 .shk-v3-subcontent p {
        text-align: center !important;
    }

    body.page-id-13 .shk-v3-founder-copy .shk-v3-checks,
    body.page-id-13 .shk-v3-subcontent .shk-v3-checks {
        text-align: left !important;
    }
}

/* Abstand zwischen letzter Leistung und Projektanfrage */
body.page-id-11 .shk-v3-contact-teaser {
    margin-top: 48px !important;
}

@media (max-width: 768px) {
    body.page-id-11 .shk-v3-contact-teaser {
        margin-top: 32px !important;
    }
}

/* =========================================================
   Homepage – Abstand Einsatzgebiet / Ablauf reduzieren
   ========================================================= */

body.home .shk-v3-section.shk-v3-region-section {
    margin-bottom: 0 !important;
    padding-bottom: 28px !important;
}

body.home .shk-v3-section.shk-v3-process-section {
    margin-top: 0 !important;
    padding-top: 28px !important;
}

@media (max-width: 768px) {

    body.home .shk-v3-section.shk-v3-region-section {
        padding-bottom: 20px !important;
    }

    body.home .shk-v3-section.shk-v3-process-section {
        padding-top: 20px !important;
    }
}


/* =========================================================
   IMPRESSUM + DATENSCHUTZ
   Header wie Leistungen / Über uns / Kontakt
   Seiten: 210 + 212
   ========================================================= */


/* Kadence-Abstand vor dem Hero entfernen */
body.page-id-210 .site-content,
body.page-id-210 #content,
body.page-id-210 .content-area,
body.page-id-210 #primary,
body.page-id-210 main,
body.page-id-210 .site-main,
body.page-id-210 article,
body.page-id-210 .entry-content,

body.page-id-212 .site-content,
body.page-id-212 #content,
body.page-id-212 .content-area,
body.page-id-212 #primary,
body.page-id-212 main,
body.page-id-212 .site-main,
body.page-id-212 article,
body.page-id-212 .entry-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}


/* Header direkt über den Bild-Hero legen */
body.page-id-210 .site-header,
body.page-id-210 #masthead,
body.page-id-212 .site-header,
body.page-id-212 #masthead {
    position: absolute !important;
    top: var(--shk-status-height, 34px) !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 1000 !important;

    background: linear-gradient(
        to bottom,
        rgba(5,24,38,.88) 0%,
        rgba(5,24,38,.58) 62%,
        rgba(41,69,78,.08) 100%
    ) !important;

    border: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
}


/* Kadence-Hüllen transparent */
body.page-id-210 #masthead .site-header-wrap,
body.page-id-210 #masthead .site-header-inner-wrap,
body.page-id-210 #masthead .site-header-upper-wrap,
body.page-id-210 #masthead .site-header-upper-inner-wrap,
body.page-id-210 #masthead .site-main-header-wrap,
body.page-id-210 #masthead .site-header-row-container,
body.page-id-210 #masthead .site-header-row-container-inner,

body.page-id-212 #masthead .site-header-wrap,
body.page-id-212 #masthead .site-header-inner-wrap,
body.page-id-212 #masthead .site-header-upper-wrap,
body.page-id-212 #masthead .site-header-upper-inner-wrap,
body.page-id-212 #masthead .site-main-header-wrap,
body.page-id-212 #masthead .site-header-row-container,
body.page-id-212 #masthead .site-header-row-container-inner {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}


/* Gleicher Abstand wie auf Kontakt / Leistungen */
body.page-id-210 #masthead .site-main-header-wrap,
body.page-id-212 #masthead .site-main-header-wrap {
    position: relative !important;
    top: 18px !important;
    z-index: 2 !important;
    transition: top .22s ease !important;
}


/* Dunkle Glasleiste */
body.page-id-210 #masthead
.site-main-header-wrap
.site-header-row-container-inner > .site-container,

body.page-id-212 #masthead
.site-main-header-wrap
.site-header-row-container-inner > .site-container {
    width: min(
        var(--shk-nav-container-width, 1180px),
        calc(100% - 48px)
    ) !important;

    max-width: none !important;
    min-height: 76px !important;
    margin: 0 auto !important;
    padding: 0 22px !important;

    box-sizing: border-box !important;

    background: rgba(6,27,42,.72) !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    border-radius: 18px !important;

    box-shadow: 0 16px 38px rgba(1,14,24,.20) !important;

    -webkit-backdrop-filter:
        blur(15px) saturate(125%) !important;

    backdrop-filter:
        blur(15px) saturate(125%) !important;
}


body.page-id-210 #masthead .site-main-header-inner-wrap,
body.page-id-212 #masthead .site-main-header-inner-wrap {
    min-height: 76px !important;
}


/* Navigation weiß */
body.page-id-210 #masthead .main-navigation a,
body.page-id-210 #masthead .primary-menu a,
body.page-id-210 #masthead .menu a,

body.page-id-212 #masthead .main-navigation a,
body.page-id-212 #masthead .primary-menu a,
body.page-id-212 #masthead .menu a {
    color: #ffffff !important;
    text-shadow: 0 2px 12px rgba(0,0,0,.30) !important;
}


/* Gleiche Menü-Höhe */
body.page-id-210 #masthead
.main-navigation
.primary-menu-container > ul > li > a,

body.page-id-212 #masthead
.main-navigation
.primary-menu-container > ul > li > a {
    position: relative !important;

    min-height: 76px !important;

    padding-left: 12px !important;
    padding-right: 12px !important;

    display: flex !important;
    align-items: center !important;

    font-size: 15px !important;
    letter-spacing: .005em !important;
}


/* Unterstrich bei Hover */
body.page-id-210 #masthead
.main-navigation
.primary-menu-container > ul > li > a::after,

body.page-id-212 #masthead
.main-navigation
.primary-menu-container > ul > li > a::after {
    content: "" !important;

    position: absolute !important;
    left: 12px !important;
    right: 12px !important;
    bottom: 15px !important;

    height: 2px !important;

    border-radius: 999px !important;

    background: #75c7f3 !important;

    transform: scaleX(0) !important;
    transform-origin: center !important;

    transition: transform .2s ease !important;
}


body.page-id-210 #masthead
.main-navigation
.primary-menu-container > ul > li > a:hover::after,

body.page-id-212 #masthead
.main-navigation
.primary-menu-container > ul > li > a:hover::after {
    transform: scaleX(1) !important;
}


/* Logo auf dunklem Header weiß */
body.page-id-210 #masthead .site-branding,
body.page-id-212 #masthead .site-branding {
    display: inline-flex !important;
    align-items: center !important;

    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}


body.page-id-210 #masthead .site-branding img,
body.page-id-210 #masthead .custom-logo,
body.page-id-212 #masthead .site-branding img,
body.page-id-212 #masthead .custom-logo {
    display: block !important;

    max-height: 58px !important;
    max-width: 340px !important;
    width: auto !important;

    background: transparent !important;

    padding: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    filter: brightness(0) invert(1) !important;
    opacity: .98 !important;
}


/* Mobile */
@media (max-width: 768px) {

    body.page-id-210 #masthead .site-main-header-wrap,
    body.page-id-212 #masthead .site-main-header-wrap {
        top: 10px !important;
    }

    body.page-id-210 #masthead
    .site-main-header-wrap
    .site-header-row-container-inner > .site-container,

    body.page-id-212 #masthead
    .site-main-header-wrap
    .site-header-row-container-inner > .site-container {
        width: calc(100% - 24px) !important;
        min-height: 60px !important;

        padding: 0 14px !important;

        border-radius: 14px !important;
    }

    body.page-id-210 #masthead .site-main-header-inner-wrap,
    body.page-id-212 #masthead .site-main-header-inner-wrap {
        min-height: 60px !important;
    }

    body.page-id-210 #masthead .site-branding img,
    body.page-id-210 #masthead .custom-logo,
    body.page-id-212 #masthead .site-branding img,
    body.page-id-212 #masthead .custom-logo {
        max-width: 255px !important;
        max-height: 46px !important;
    }
}

/* =========================================================
   IMPRESSUM + DATENSCHUTZ – STICKY EXAKT WIE DIE ANDEREN SEITEN
   ---------------------------------------------------------
   Die Rechtseiten haben am Seitenanfang ihren eigenen Header-
   Aufbau. Sobald .shk-nav-stuck aktiv ist, übernimmt hier aber
   exakt dieselbe schwebende Glas-Karte wie auf Startseite,
   Leistungen, Über uns, Kontakt und Wärmepumpen-Check.
   ========================================================= */

body.page-id-210.shk-nav-stuck #masthead,
body.page-id-212.shk-nav-stuck #masthead {
    position: fixed !important;
    top: var(--shk-status-height, 34px) !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 10050 !important;

    background: transparent !important;
    border: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;

    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;

    pointer-events: none !important;
    overflow: visible !important;
}

body.page-id-210.shk-nav-stuck #masthead .site-main-header-wrap,
body.page-id-212.shk-nav-stuck #masthead .site-main-header-wrap {
    top: 8px !important;
    pointer-events: auto !important;
}

body.page-id-210.shk-nav-stuck #masthead
.site-main-header-wrap
.site-header-row-container-inner > .site-container,

body.page-id-212.shk-nav-stuck #masthead
.site-main-header-wrap
.site-header-row-container-inner > .site-container {
    width: min(
        var(--shk-nav-container-width, 1180px),
        calc(100% - 48px)
    ) !important;

    max-width: none !important;
    min-height: 68px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding-left: 22px !important;
    padding-right: 22px !important;

    box-sizing: border-box !important;

    background: rgba(6, 27, 42, .88) !important;
    border: 1px solid rgba(255,255,255,.15) !important;
    border-radius: 18px !important;

    box-shadow: 0 14px 34px rgba(2,18,30,.24) !important;

    -webkit-backdrop-filter: blur(16px) saturate(125%) !important;
    backdrop-filter: blur(16px) saturate(125%) !important;
}

body.page-id-210.shk-nav-stuck #masthead .site-main-header-inner-wrap,
body.page-id-212.shk-nav-stuck #masthead .site-main-header-inner-wrap,
body.page-id-210.shk-nav-stuck #masthead .main-navigation .primary-menu-container > ul > li > a,
body.page-id-212.shk-nav-stuck #masthead .main-navigation .primary-menu-container > ul > li > a {
    min-height: 68px !important;
}

body.page-id-210.shk-nav-stuck #masthead .site-branding img,
body.page-id-210.shk-nav-stuck #masthead .custom-logo,
body.page-id-212.shk-nav-stuck #masthead .site-branding img,
body.page-id-212.shk-nav-stuck #masthead .custom-logo {
    max-height: 54px !important;
}

/* WordPress-Adminleiste auf Desktop */
body.admin-bar.page-id-210.shk-nav-stuck #masthead,
body.admin-bar.page-id-212.shk-nav-stuck #masthead {
    top: calc(32px + var(--shk-status-height, 34px)) !important;
}

@media (max-width: 782px) {
    body.admin-bar.page-id-210.shk-nav-stuck #masthead,
    body.admin-bar.page-id-212.shk-nav-stuck #masthead {
        top: calc(46px + var(--shk-status-height, 36px)) !important;
    }
}

@media (max-width: 768px) {

    body.page-id-210.shk-nav-stuck #masthead .site-main-header-wrap,
    body.page-id-212.shk-nav-stuck #masthead .site-main-header-wrap {
        top: 7px !important;
    }

    body.page-id-210.shk-nav-stuck #masthead
    .site-main-header-wrap
    .site-header-row-container-inner > .site-container,

    body.page-id-212.shk-nav-stuck #masthead
    .site-main-header-wrap
    .site-header-row-container-inner > .site-container {
        width: calc(100% - 20px) !important;
        min-height: 60px !important;

        padding-left: 12px !important;
        padding-right: 10px !important;

        background: rgba(6, 27, 42, .91) !important;
        border: 1px solid rgba(255,255,255,.14) !important;
        border-radius: 14px !important;

        box-shadow: 0 12px 28px rgba(2,18,30,.24) !important;

        -webkit-backdrop-filter: blur(15px) saturate(125%) !important;
        backdrop-filter: blur(15px) saturate(125%) !important;
    }

    body.page-id-210.shk-nav-stuck #masthead .site-main-header-inner-wrap,
    body.page-id-212.shk-nav-stuck #masthead .site-main-header-inner-wrap {
        min-height: 60px !important;
    }

    body.page-id-210.shk-nav-stuck #masthead .site-branding img,
    body.page-id-210.shk-nav-stuck #masthead .custom-logo,
    body.page-id-212.shk-nav-stuck #masthead .site-branding img,
    body.page-id-212.shk-nav-stuck #masthead .custom-logo {
        max-width: min(225px, 62vw) !important;
        max-height: 44px !important;
    }
}

/* Footer – Rechtliche Links */
.hh-footer-legal {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 28px;
}

.hh-footer-legal a {
    color: #ffffff !important;
    text-decoration: none !important;
    font-size: 14px;
}

.hh-footer-legal a:hover {
    color: #0091AA !important;
}

@media (max-width: 768px) {
    .hh-footer-legal {
        justify-content: center;
        flex-wrap: wrap;
        gap: 10px 22px;
        text-align: center;
    }
}



/* =========================================================
   FINAL POLISH 7 – kompakter Desktop / Region / Footer
   ========================================================= */


/* ---------------------------------------------------------
   1) Einsatzgebiet auf der Startseite klarer hervorheben
   --------------------------------------------------------- */

body.home .shk-v3-section.shk-v3-region-section {
    width: min(1180px, calc(100% - 48px)) !important;
    max-width: 1180px !important;

    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 34px !important;

    padding: 46px 40px !important;

    background: #f2f7f8 !important;
    border: 1px solid #d8e5e8 !important;
    border-radius: 26px !important;

    box-shadow: 0 12px 34px rgba(15, 45, 55, .055) !important;
}

body.home .shk-v3-region-section .shk-v3-label {
    display: inline-block !important;

    width: auto !important;

    padding: 6px 12px !important;
    margin-bottom: 10px !important;

    background: #dff0f2 !important;
    border-radius: 999px !important;
}

body.home .shk-v3-region-section h2 {
    margin-bottom: 14px !important;
}


/* ---------------------------------------------------------
   2) Über uns – Werte-Karten wirklich mittig
   --------------------------------------------------------- */

@media (min-width: 1025px) {

    body.page-id-13 .shk-v3-values {
        width: min(100%, 1020px) !important;
        max-width: 1020px !important;

        margin-left: auto !important;
        margin-right: auto !important;

        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        justify-content: center !important;
    }
}


/* ---------------------------------------------------------
   3) Footer kompakter
   --------------------------------------------------------- */

#colophon .site-middle-footer-wrap .site-footer-row-container-inner {
    padding-top: 24px !important;
    padding-bottom: 22px !important;
}

#colophon .site-bottom-footer-wrap .site-footer-row-container-inner {
    padding-top: 9px !important;
    padding-bottom: 9px !important;
}

#colophon .shk-footer-contact a {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}


/* ---------------------------------------------------------
   4) Desktop insgesamt etwas kompakter
   Mobile / Tablet bleiben unverändert
   --------------------------------------------------------- */

@media (min-width: 1200px) {

    /* Startseite */
    body.home .shk-v3-hero {
        min-height: 690px !important;
        padding: 200px 24px 82px !important;
    }

    body.home .shk-v3-hero-inner {
        gap: 56px !important;
    }

    body.home .shk-v3-hero h1 {
        max-width: 580px !important;

        margin-bottom: 22px !important;

        font-size: clamp(42px, 4.4vw, 60px) !important;
        line-height: 1.04 !important;
    }

    body.home .shk-v3-hero-copy > p {
        max-width: 580px !important;

        margin-bottom: 30px !important;

        font-size: 17px !important;
        line-height: 1.65 !important;
    }

    body.home .shk-v3-hero-inner {
        gap: 56px !important;
    }


    /* Unterseiten */
    .shk-v3-subhero,
    .v2-subpage-hero {
        min-height: 350px !important;
        padding: 135px 24px 50px !important;
    }


    /* normale Unterseiten etwas weniger vertikaler Raum */
    .v2-subpage-content {
        padding-top: 54px !important;
        padding-bottom: 58px !important;
    }


    /* Über-uns-Abstände */
    .shk-v3-founder-section,
    .shk-v3-about-principles,
    .shk-v3-about-region,
    .shk-v3-team-section,
    .shk-v3-about-cta {
        margin-top: 72px !important;
    }
}


/* Einsatzgebiet mobil wieder normal an Bildschirmbreite anpassen */
@media (max-width: 768px) {

    body.home .shk-v3-section.shk-v3-region-section {
        width: calc(100% - 20px) !important;

        padding: 30px 18px !important;
        margin-bottom: 24px !important;

        border-radius: 20px !important;
    }
}

/* =========================================================
   FINAL POLISH 8
   Einsatzgebiet / Regional-Block / Werte / Footer
   09/2026
   ========================================================= */


/* =========================================================
   1) STARTSEITE – BLOCK VOR EINSATZGEBIET
   Abstand + runde Ecken
   ========================================================= */

/*
 * Das ist der Abschnitt direkt VOR .shk-v3-region-section.
 * Dadurch müssen wir am HTML nichts ändern.
 */
body.home .shk-v3-section:has(+ .shk-v3-region-section) {
    border-radius: 26px !important;
    overflow: hidden !important;

    margin-bottom: 28px !important;
}


/* =========================================================
   2) STARTSEITE – EINSATZGEBIET
   Eigenständiger, etwas stärkerer Farbton
   ========================================================= */

body.home .shk-v3-section.shk-v3-region-section {
    width: min(1180px, calc(100% - 48px)) !important;
    max-width: 1180px !important;

    margin-top: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 38px !important;

    padding: 42px 40px !important;

    /*
     * Bewusst etwas blauer/türkiser als der Block darüber.
     * Dadurch sind die beiden Bereiche klar voneinander getrennt.
     */
    background:
        linear-gradient(
            135deg,
            #e7f2f4 0%,
            #eef7f8 58%,
            #f5fafb 100%
        ) !important;

    border: 1px solid #c8dde1 !important;
    border-radius: 26px !important;

    box-shadow:
        0 14px 34px rgba(25, 69, 78, .07) !important;
}


/* kleines Label deutlicher machen */
body.home .shk-v3-region-section .shk-v3-label {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;

    margin-bottom: 12px !important;
    padding: 6px 13px !important;

    color: #0091AA !important;
    background: #d3e9ec !important;

    border: 1px solid rgba(0, 145, 170, .13) !important;
    border-radius: 999px !important;
}


body.home .shk-v3-region-section h2 {
    margin-top: 0 !important;
    margin-bottom: 13px !important;
}


/* Text etwas klarer, aber nicht zu dunkel */
body.home .shk-v3-region-section p,
body.home .shk-v3-region-section .shk-v3-region-copy {
    color: #4b646c !important;
}


/* =========================================================
   3) ÜBER UNS – "UNSER ANSPRUCH"
   Karten UND Inhalt wirklich zentrieren
   ========================================================= */

@media (min-width: 1025px) {

    body.page-id-13 .shk-v3-values {
        display: grid !important;

        width: min(100%, 1020px) !important;
        max-width: 1020px !important;

        margin-left: auto !important;
        margin-right: auto !important;

        grid-template-columns:
            repeat(3, minmax(0, 1fr)) !important;

        gap: 20px !important;

        align-items: stretch !important;
        justify-content: center !important;
    }


    /*
     * Das war der entscheidende fehlende Teil:
     * Inhalt vertikal UND horizontal in jeder Karte zentrieren.
     */
    body.page-id-13 .shk-v3-values article {
        display: flex !important;
        flex-direction: column !important;

        justify-content: center !important;
        align-items: center !important;

        min-height: 180px !important;

        padding: 26px 28px !important;

        text-align: center !important;
        box-sizing: border-box !important;
    }


    body.page-id-13 .shk-v3-values article strong {
        display: block !important;

        width: 100% !important;

        margin: 0 0 10px !important;

        text-align: center !important;
    }


    body.page-id-13 .shk-v3-values article p {
        width: 100% !important;
        max-width: 290px !important;

        margin: 0 auto !important;

        text-align: center !important;
    }
}


/* =========================================================
   4) FOOTER – DESKTOP DEUTLICH FLACHER
   ========================================================= */

@media (min-width: 769px) {

    /*
     * Kadence erzeugt den großen Raum nicht nur über den äußeren
     * Container. Deshalb nehmen wir jetzt auch die eigentlichen
     * Footer-Zeilen mit.
     */

    #colophon .site-middle-footer-wrap,
    #colophon .site-bottom-footer-wrap,
    #colophon .site-footer-row-container-inner,
    #colophon .site-middle-footer-inner-wrap,
    #colophon .site-bottom-footer-inner-wrap {
        min-height: 0 !important;
    }


    /* obere Footer-Zeile */
    #colophon .site-middle-footer-wrap
    .site-footer-row-container-inner {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }


    #colophon .site-middle-footer-wrap
    .site-footer-row {
        min-height: 0 !important;

        padding-top: 16px !important;
        padding-bottom: 14px !important;

        align-items: center !important;
    }


    /* Kontaktblock enger */
    #colophon .shk-footer-contact {
        gap: 3px 22px !important;
    }


    #colophon .shk-footer-contact a {
        padding-top: 2px !important;
        padding-bottom: 2px !important;
    }


    /* Rechtlinks ebenfalls ohne unnötigen Außenraum */
    #colophon .hh-footer-legal {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }


    /* untere Copyright-Zeile */
    #colophon .site-bottom-footer-wrap
    .site-footer-row-container-inner {
        min-height: 0 !important;

        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }


    #colophon .site-bottom-footer-wrap
    .site-footer-row {
        min-height: 0 !important;

        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }


    #colophon .site-bottom-footer-wrap p {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
}


/* =========================================================
   5) MOBILE
   Region weiterhin sauber und mit Abstand
   ========================================================= */

@media (max-width: 768px) {

    body.home .shk-v3-section:has(+ .shk-v3-region-section) {
        border-radius: 20px !important;
        margin-bottom: 20px !important;
    }


    body.home .shk-v3-section.shk-v3-region-section {
        width: calc(100% - 20px) !important;

        margin-top: 0 !important;
        margin-bottom: 26px !important;

        padding: 30px 18px !important;

        border-radius: 20px !important;
    }


    /*
     * Auf Handy Karten wieder normal untereinander,
     * Inhalt aber ebenfalls sauber mittig.
     */
    body.page-id-13 .shk-v3-values article {
        display: flex !important;
        flex-direction: column !important;

        justify-content: center !important;
        align-items: center !important;

        text-align: center !important;
    }


    body.page-id-13 .shk-v3-values article p {
        margin-left: auto !important;
        margin-right: auto !important;

        text-align: center !important;
    }
}
/* =========================================================
   FINAL POLISH 9
   Startseite – Beratung / Einsatzgebiet sauber trennen
   ========================================================= */


/* ---------------------------------------------------------
   Oberer Block: "Klare Beratung statt unnötigem Drumherum"
   Wir erkennen ihn eindeutig am Über-uns-Link.
   --------------------------------------------------------- */

body.home .shk-v3-home section:has(
    a.shk-v3-text-link[href*="/ueber-uns"]
) {
    border-radius: 26px !important;
    overflow: hidden !important;
}


/* Falls die Hintergrundfläche auf einem inneren Wrapper liegt,
   wird sie durch den äußeren Radius sauber abgeschnitten. */

body.home .shk-v3-home section:has(
    a.shk-v3-text-link[href*="/ueber-uns"]
) > div {
    border-radius: inherit;
}


/* ---------------------------------------------------------
   Echter Abstand zwischen Beratung und Einsatzgebiet
   --------------------------------------------------------- */

body.home .shk-v3-section.shk-v3-region-section {
    margin-top: 30px !important;
}


/* ---------------------------------------------------------
   Mobil etwas kompakter
   --------------------------------------------------------- */

@media (max-width: 768px) {

    body.home .shk-v3-home section:has(
        a.shk-v3-text-link[href*="/ueber-uns"]
    ) {
        border-radius: 20px !important;
    }

    body.home .shk-v3-section.shk-v3-region-section {
        margin-top: 20px !important;
    }
}

/* =========================================================
   FLOATING CONTACT
   Nur der aktive Button fährt aus
   ========================================================= */

@media (min-width: 769px) {

    /* Alle Buttons rechts an ihrer festen Position verankern */
    body .floating-contact-bar {
        align-items: flex-end !important;
    }

    /* Grundzustand: jeder Button bleibt rund */
    body .floating-contact-bar > a {
        width: 54px !important;
        min-width: 54px !important;
        max-width: 54px !important;

        padding-right: 0 !important;
        transform: none !important;
    }

    /* Nur der tatsächlich berührte Button fährt nach links aus */
    body .floating-contact-bar > a:hover,
    body .floating-contact-bar > a:focus-visible {
        width: 238px !important;
        max-width: 238px !important;

        padding-right: 16px !important;
        transform: translateX(-4px) !important;
    }

    /* Alle anderen bleiben auch dann garantiert klein */
    body .floating-contact-bar:hover > a:not(:hover),
    body .floating-contact-bar:focus-within > a:not(:focus-visible) {
        width: 54px !important;
        max-width: 54px !important;

        padding-right: 0 !important;
        transform: none !important;
    }

    /* Text nur im jeweiligen aktiven Button anzeigen */
    body .floating-contact-bar > a .floating-text {
        opacity: 0 !important;
    }

    body .floating-contact-bar > a:hover .floating-text,
    body .floating-contact-bar > a:focus-visible .floating-text {
        opacity: 1 !important;
    }
}

/* =========================================================
   HERO – TRUST-KACHELN langsamer nacheinander einfliegen
   ========================================================= */

body:is(
    .home,
    .page-id-297,
    .page-id-300,
    .page-id-304
) .shk-v3-hero-trust > div {
    opacity: 0;
    animation: shkHeroTrustIn .95s cubic-bezier(.22, 1, .36, 1) forwards;
    will-change: transform, opacity;
}

body:is(
    .home,
    .page-id-297,
    .page-id-300,
    .page-id-304
) .shk-v3-hero-trust > div:nth-child(1) {
    animation-delay: .35s;
}

body:is(
    .home,
    .page-id-297,
    .page-id-300,
    .page-id-304
) .shk-v3-hero-trust > div:nth-child(2) {
    animation-delay: .75s;
}

body:is(
    .home,
    .page-id-297,
    .page-id-300,
    .page-id-304
) .shk-v3-hero-trust > div:nth-child(3) {
    animation-delay: 1.15s;
}

@keyframes shkHeroTrustIn {
    0% {
        opacity: 0;
        transform: translateX(52px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@media (prefers-reduced-motion: reduce) {
    body:is(
        .home,
        .page-id-297,
        .page-id-300
    ) .shk-v3-hero-trust > div {
        opacity: 1 !important;
        transform: none !important;
        animation: none !important;
    }
}


/* =========================================================
   FINAL MOBILE MENU
   Weiß / kompakt / aktive Seite hervorgehoben
   ========================================================= */

@media (max-width: 768px) {

    /* ---------------------------------------------------------
       Drawer selbst
       --------------------------------------------------------- */

    #mobile-drawer.popup-drawer .drawer-inner {
        background: #ffffff !important;
        color: #29454e !important;

        width: min(320px, 88vw) !important;
        max-width: 320px !important;

        padding: 0 !important;

        box-shadow: -12px 0 40px rgba(6, 27, 42, .18) !important;
    }


    /* ---------------------------------------------------------
       Kopfbereich / Schließen-X
       --------------------------------------------------------- */

    #mobile-drawer .drawer-header {
        min-height: 58px !important;

        padding: 8px 14px !important;

        background: #ffffff !important;
        border-bottom: 1px solid #e2ebed !important;
    }

    #mobile-drawer .drawer-toggle {
        width: 40px !important;
        height: 40px !important;

        padding: 8px !important;

        color: #29454e !important;
        background: transparent !important;

        border: 0 !important;
        border-radius: 10px !important;
    }

    #mobile-drawer .drawer-toggle:hover,
    #mobile-drawer .drawer-toggle:focus {
        color: #0091AA !important;
        background: #edf6f7 !important;
    }


    /* ---------------------------------------------------------
       Menübereich
       --------------------------------------------------------- */

    #mobile-drawer .drawer-content {
        padding: 10px 12px 16px !important;
        background: #ffffff !important;
    }

    #mobile-drawer .mobile-navigation {
        margin: 0 !important;
        padding: 0 !important;
    }

    #mobile-drawer .mobile-navigation ul {
        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;
    }

    #mobile-drawer .mobile-navigation ul li {
        margin: 3px 0 !important;
        padding: 0 !important;

        border: 0 !important;
        background: transparent !important;
    }


    /* ---------------------------------------------------------
       Einzelne Menülinks
       Weniger Padding als aktuell
       --------------------------------------------------------- */

    #mobile-drawer .mobile-navigation ul li > a {
        display: flex !important;
        align-items: center !important;

        min-height: 48px !important;

        margin: 0 !important;
        padding: 10px 14px !important;

        color: #29454e !important;
        background: transparent !important;

        border: 0 !important;
        border-radius: 11px !important;

        font-size: 15px !important;
        font-weight: 600 !important;
        line-height: 1.25 !important;

        text-decoration: none !important;

        transition:
            background-color .18s ease,
            color .18s ease !important;
    }


    /* Hover */
    #mobile-drawer .mobile-navigation ul li > a:hover,
    #mobile-drawer .mobile-navigation ul li > a:focus {
        color: #0091AA !important;
        background: #f0f7f8 !important;
    }


    /* ---------------------------------------------------------
       Aktuell ausgewählte Seite
       --------------------------------------------------------- */

    #mobile-drawer .mobile-navigation ul li.current-menu-item > a,
    #mobile-drawer .mobile-navigation ul li.current_page_item > a,
    #mobile-drawer .mobile-navigation ul li.current-menu-ancestor > a {
        color: #0091AA !important;

        background: #dff0f2 !important;

        font-weight: 700 !important;
    }


    /* kleiner Akzent links bei aktiver Seite */
    #mobile-drawer .mobile-navigation ul li.current-menu-item > a::before,
    #mobile-drawer .mobile-navigation ul li.current_page_item > a::before {
        content: "" !important;

        width: 4px !important;
        height: 22px !important;

        margin-right: 10px !important;

        background: #0091AA !important;

        border-radius: 999px !important;

        flex: 0 0 4px !important;
    }


    /* ---------------------------------------------------------
       Alte dunkle Kadence-Hintergründe neutralisieren
       --------------------------------------------------------- */

    #mobile-drawer,
    #mobile-drawer .drawer-inner,
    #mobile-drawer .drawer-content,
    #mobile-drawer .mobile-navigation,
    #mobile-drawer .mobile-navigation ul,
    #mobile-drawer .mobile-navigation li {
        border-color: #e2ebed !important;
    }
}

/* =========================================================
   MOBILE MENU – Feinschliff kompakter
   ========================================================= */

@media (max-width: 768px) {

    /* Drawer insgesamt kompakter */
    #mobile-drawer.popup-drawer .drawer-inner {
        width: min(300px, 86vw) !important;
        max-width: 300px !important;
    }

    /* Weniger Platz oben */
    #mobile-drawer .drawer-header {
        min-height: 52px !important;
        padding: 5px 10px !important;
    }

    /* X kleiner */
    #mobile-drawer .drawer-toggle {
        width: 36px !important;
        height: 36px !important;
        padding: 7px !important;
        border-radius: 9px !important;
    }

    /* Menübereich enger */
    #mobile-drawer .drawer-content {
        padding: 7px 10px 12px !important;
    }

    #mobile-drawer .mobile-navigation ul li {
        margin: 2px 0 !important;
    }

    /* Menüpunkte niedriger */
    #mobile-drawer .mobile-navigation ul li > a {
        min-height: 44px !important;
        padding: 8px 12px !important;

        font-size: 14px !important;

        border-radius: 10px !important;
    }

    /* aktiver Balken etwas feiner */
    #mobile-drawer .mobile-navigation ul li.current-menu-item > a::before,
    #mobile-drawer .mobile-navigation ul li.current_page_item > a::before {
        width: 3px !important;
        height: 18px !important;
        margin-right: 9px !important;
        flex-basis: 3px !important;
    }
}

/* =========================================================
   FINAL MOBILE FOOTER
   kompakt / sauber / einheitlich
   ========================================================= */

@media (max-width: 768px) {

    /* ---------------------------------------------------------
       Footer-Grundfläche
       --------------------------------------------------------- */

    #colophon {
        padding: 0 !important;
    }

    #colophon .site-footer-row-container-inner {
        width: calc(100% - 32px) !important;
        max-width: 520px !important;

        margin-left: auto !important;
        margin-right: auto !important;

        padding-left: 0 !important;
        padding-right: 0 !important;
    }


    /* ---------------------------------------------------------
       Hauptbereich
       --------------------------------------------------------- */

    #colophon .site-middle-footer-wrap
    .site-footer-row-container-inner {
        padding-top: 22px !important;
        padding-bottom: 16px !important;
    }

    #colophon .site-middle-footer-wrap .site-footer-row,
    #colophon .site-footer-row-columns-2 {
        display: grid !important;

        grid-template-columns: 1fr !important;
        gap: 18px !important;

        min-height: 0 !important;
    }


    /* ---------------------------------------------------------
       Kontaktbereich
       --------------------------------------------------------- */

    #colophon .shk-footer-contact {
        display: grid !important;

        width: 100% !important;
        max-width: none !important;

        grid-template-columns: 1fr !important;

        gap: 4px !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* einzelne Kontaktzeile */
    #colophon .shk-footer-contact a {
        display: grid !important;

        grid-template-columns: 38px minmax(0, 1fr) !important;
        align-items: center !important;

        width: 100% !important;
        min-width: 0 !important;

        gap: 11px !important;

        padding: 8px 0 !important;

        text-align: left !important;

        border-bottom: 1px solid rgba(255,255,255,.08) !important;

        text-decoration: none !important;
    }


    /* letzte Zeile ohne Trennlinie */
    #colophon .shk-footer-contact a:last-child {
        border-bottom: 0 !important;
    }


    /* Icons */
    #colophon .shk-footer-contact-icon {
        width: 38px !important;
        min-width: 38px !important;
        height: 38px !important;

        display: grid !important;
        place-items: center !important;

        border-radius: 11px !important;

        background: rgba(255,255,255,.09) !important;
    }

    #colophon .shk-footer-contact-icon svg {
        width: 18px !important;
        height: 18px !important;
    }


    /* Text */
    #colophon .shk-footer-contact-copy {
        display: grid !important;
        gap: 2px !important;

        min-width: 0 !important;

        text-align: left !important;
    }

    #colophon .shk-footer-contact-copy strong {
        font-size: 12px !important;
        line-height: 1.2 !important;

        letter-spacing: .02em !important;
    }

    #colophon .shk-footer-contact-copy small {
        font-size: 12px !important;
        line-height: 1.4 !important;

        white-space: normal !important;
        overflow: visible !important;
        text-overflow: unset !important;

        overflow-wrap: anywhere !important;
    }


    /* ---------------------------------------------------------
       Datenschutz / Impressum
       --------------------------------------------------------- */

    #colophon .hh-footer-legal {
        display: flex !important;

        width: 100% !important;

        align-items: center !important;
        justify-content: flex-start !important;

        flex-wrap: wrap !important;

        gap: 8px 18px !important;

        margin: 0 !important;
        padding-top: 4px !important;

        text-align: left !important;
    }

    #colophon .hh-footer-legal a {
        font-size: 12px !important;
        line-height: 1.4 !important;

        color: rgba(255,255,255,.82) !important;

        text-decoration: none !important;
    }

    #colophon .hh-footer-legal a:hover,
    #colophon .hh-footer-legal a:focus {
        color: #ffffff !important;
    }


    /* ---------------------------------------------------------
       Copyright
       --------------------------------------------------------- */

    #colophon .site-bottom-footer-wrap {
        border-top: 1px solid rgba(255,255,255,.08) !important;
    }

    #colophon .site-bottom-footer-wrap
    .site-footer-row-container-inner {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    #colophon .site-bottom-footer-wrap .site-footer-row,
    #colophon .site-bottom-footer-wrap .site-footer-section {
        min-height: 0 !important;

        justify-content: center !important;

        text-align: center !important;
    }

    #colophon .site-bottom-footer-wrap p {
        margin: 0 !important;

        font-size: 11px !important;
        line-height: 1.4 !important;

        color: rgba(255,255,255,.7) !important;

        text-align: center !important;
    }
}

/* =========================================================
   MOBILE FOOTER – FINAL KOMPAKT
   ========================================================= */

@media (max-width: 768px) {

    /* =====================================================
       Alle Kadence-Footer-Höhen neutralisieren
       ===================================================== */

    #colophon .site-middle-footer-wrap,
    #colophon .site-bottom-footer-wrap,
    #colophon .site-middle-footer-inner-wrap,
    #colophon .site-bottom-footer-inner-wrap,
    #colophon .site-footer-row-container-inner,
    #colophon .site-footer-row,
    #colophon .site-footer-section {
        min-height: 0 !important;
        height: auto !important;
    }


    /* =====================================================
       OBERER FOOTER
       Kontakt + Datenschutz / Impressum
       ===================================================== */

    #colophon .site-middle-footer-wrap {
        padding: 0 !important;
    }

    #colophon .site-middle-footer-wrap
    .site-footer-row-container-inner {
        padding-top: 14px !important;
        padding-bottom: 12px !important;
    }

    #colophon .site-middle-footer-wrap
    .site-footer-row,
    #colophon .site-footer-row-columns-2 {
        gap: 8px !important;
        row-gap: 8px !important;

        padding: 0 !important;
        margin: 0 !important;
    }


    /* =====================================================
       KONTAKTZEILEN
       ===================================================== */

    #colophon .shk-footer-contact {
        gap: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #colophon .shk-footer-contact a {
        grid-template-columns: 34px minmax(0, 1fr) !important;

        gap: 9px !important;

        min-height: 0 !important;

        padding-top: 6px !important;
        padding-bottom: 6px !important;
    }

    #colophon .shk-footer-contact-icon {
        width: 34px !important;
        min-width: 34px !important;
        height: 34px !important;

        border-radius: 10px !important;
    }

    #colophon .shk-footer-contact-icon svg {
        width: 16px !important;
        height: 16px !important;
    }

    #colophon .shk-footer-contact-copy strong {
        font-size: 11px !important;
    }

    #colophon .shk-footer-contact-copy small {
        font-size: 11px !important;
        line-height: 1.3 !important;
    }


    /* =====================================================
       DATENSCHUTZ / IMPRESSUM
       näher an Kontaktblock
       ===================================================== */

    #colophon .hh-footer-legal {
        gap: 16px !important;

        margin: 0 !important;

        padding-top: 5px !important;
        padding-bottom: 2px !important;

        justify-content: flex-start !important;
    }

    #colophon .hh-footer-legal a {
        margin: 0 !important;
        padding: 0 !important;

        font-size: 11px !important;
        line-height: 1.3 !important;
    }


    /* =====================================================
       COPYRIGHT
       Der große Leerraum kommt hauptsächlich von hier.
       ===================================================== */

    #colophon .site-bottom-footer-wrap {
        min-height: 0 !important;
        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    #colophon .site-bottom-footer-wrap
    .site-footer-row-container-inner {
        min-height: 0 !important;
        height: auto !important;

        margin: 0 auto !important;

        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }

    #colophon .site-bottom-footer-wrap
    .site-footer-row {
        min-height: 0 !important;
        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    #colophon .site-bottom-footer-wrap
    .site-footer-section,
    #colophon .site-bottom-footer-wrap
    .footer-html,
    #colophon .site-bottom-footer-wrap
    .footer-html-inner,
    #colophon .site-bottom-footer-wrap
    .footer-widget-area {
        min-height: 0 !important;
        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    #colophon .site-bottom-footer-wrap p {
        margin: 0 !important;
        padding: 0 !important;

        font-size: 10px !important;
        line-height: 1.3 !important;
    }
}

/* =========================================================
   MOBILE – Abstand zwischen Seiteninhalt und Footer reduzieren
   ========================================================= */

@media (max-width: 768px) {

    body.home .content-area,
    body.home .content-wrap,
    body.home article.entry,
    body.home .entry-content-wrap,
    body.home .entry-content,
    body.home .single-content,

    body.page-id-11 .content-area,
    body.page-id-11 .content-wrap,
    body.page-id-11 article.entry,
    body.page-id-11 .entry-content-wrap,
    body.page-id-11 .entry-content,
    body.page-id-11 .single-content,

    body.page-id-13 .content-area,
    body.page-id-13 .content-wrap,
    body.page-id-13 article.entry,
    body.page-id-13 .entry-content-wrap,
    body.page-id-13 .entry-content,
    body.page-id-13 .single-content,

    body.page-id-15 .content-area,
    body.page-id-15 .content-wrap,
    body.page-id-15 article.entry,
    body.page-id-15 .entry-content-wrap,
    body.page-id-15 .entry-content,
    body.page-id-15 .single-content,

    body.page-id-88 .content-area,
    body.page-id-88 .content-wrap,
    body.page-id-88 article.entry,
    body.page-id-88 .entry-content-wrap,
    body.page-id-88 .entry-content,
    body.page-id-88 .single-content {

        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }


    /* Letzter eigener Seitenblock darf keinen Extra-Abstand
       mehr zum Footer erzeugen */
    body.home .shk-v3-home > section:last-child,
    body.page-id-11 .shk-v3-subpage > section:last-child,
    body.page-id-13 .shk-v3-subpage > section:last-child,
    body.page-id-15 .shk-v3-subpage > section:last-child,
    body.page-id-88 .shk-v3-subpage > section:last-child {
        margin-bottom: 0 !important;
    }


    /* Footer direkt an den Content ziehen */
    #colophon {
        margin-top: 0 !important;
    }
}

/* =========================================================
   MOBILE – kleiner sauberer Abstand vor dem Footer
   ========================================================= */

@media (max-width: 768px) {

    body.home .shk-v3-home,
    body.page-id-11 .shk-v3-subpage,
    body.page-id-13 .shk-v3-subpage,
    body.page-id-15 .shk-v3-subpage,
    body.page-id-88 .shk-v3-subpage {
        padding-bottom: 18px !important;
    }

    #colophon {
        margin-top: 0 !important;
    }
}

/* =========================================================
   FINAL MOBILE HEADER
   Livebar + Navbar von Anfang an fest
   Kein Springen beim Scrollen
   ========================================================= */

@media (max-width: 768px) {

    /* ---------------------------------------------------------
       Livebar bleibt immer ganz oben
       --------------------------------------------------------- */

    .shk-livebar,
    body.shk-nav-stuck .shk-livebar {
        position: fixed !important;

        top: 0 !important;
        left: 0 !important;
        right: 0 !important;

        width: 100% !important;

        z-index: 10060 !important;
    }


    /* ---------------------------------------------------------
       Hauptnavigation ebenfalls von Anfang an fixed
       --------------------------------------------------------- */

    body.home #masthead,
    body.page-id-11 #masthead,
    body.page-id-13 #masthead,
    body.page-id-15 #masthead,
    body.page-id-88 #masthead,
    body.page-id-210 #masthead,
    body.page-id-212 #masthead,

    body.home.shk-nav-stuck #masthead,
    body.page-id-11.shk-nav-stuck #masthead,
    body.page-id-13.shk-nav-stuck #masthead,
    body.page-id-15.shk-nav-stuck #masthead,
    body.page-id-88.shk-nav-stuck #masthead,
    body.page-id-210.shk-nav-stuck #masthead,
    body.page-id-212.shk-nav-stuck #masthead {

        position: fixed !important;

        top: var(--shk-status-height, 36px) !important;
        left: 0 !important;
        right: 0 !important;

        width: 100% !important;

        z-index: 10050 !important;

        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;

        pointer-events: none !important;
    }


    /* ---------------------------------------------------------
       Navbar sitzt IMMER exakt gleich
       Kein Wechsel 9px -> 7px mehr
       --------------------------------------------------------- */

    body.home #masthead .site-main-header-wrap,
    body.page-id-11 #masthead .site-main-header-wrap,
    body.page-id-13 #masthead .site-main-header-wrap,
    body.page-id-15 #masthead .site-main-header-wrap,
    body.page-id-88 #masthead .site-main-header-wrap,
    body.page-id-210 #masthead .site-main-header-wrap,
    body.page-id-212 #masthead .site-main-header-wrap,

    body.shk-nav-stuck #masthead .site-main-header-wrap {

        position: relative !important;

        top: 7px !important;

        margin: 0 !important;

        pointer-events: auto !important;

        transition: none !important;
    }


    /* ---------------------------------------------------------
       Glas-Karte immer gleiche Größe
       --------------------------------------------------------- */

    body.home #masthead
    .site-main-header-wrap
    .site-header-row-container-inner > .site-container,

    body.page-id-11 #masthead
    .site-main-header-wrap
    .site-header-row-container-inner > .site-container,

    body.page-id-13 #masthead
    .site-main-header-wrap
    .site-header-row-container-inner > .site-container,

    body.page-id-15 #masthead
    .site-main-header-wrap
    .site-header-row-container-inner > .site-container,

    body.page-id-88 #masthead
    .site-main-header-wrap
    .site-header-row-container-inner > .site-container,

    body.page-id-210 #masthead
    .site-main-header-wrap
    .site-header-row-container-inner > .site-container,

    body.page-id-212 #masthead
    .site-main-header-wrap
    .site-header-row-container-inner > .site-container,

    body.shk-nav-stuck #masthead
    .site-main-header-wrap
    .site-header-row-container-inner > .site-container {

        width: calc(100% - 20px) !important;

        min-height: 60px !important;

        margin-left: auto !important;
        margin-right: auto !important;

        padding-left: 12px !important;
        padding-right: 10px !important;

        background: rgba(6, 27, 42, .91) !important;

        border: 1px solid rgba(255,255,255,.14) !important;
        border-radius: 14px !important;

        box-shadow: 0 12px 28px rgba(2,18,30,.24) !important;

        -webkit-backdrop-filter: blur(15px) saturate(125%) !important;
        backdrop-filter: blur(15px) saturate(125%) !important;
    }


    /* innere Höhe ebenfalls unverändert */
    #masthead .site-main-header-inner-wrap,
    body.shk-nav-stuck #masthead .site-main-header-inner-wrap {
        min-height: 60px !important;
    }


    /* ---------------------------------------------------------
       WordPress Adminbar
       --------------------------------------------------------- */

    body.admin-bar .shk-livebar,
    body.admin-bar.shk-nav-stuck .shk-livebar {
        top: 46px !important;
    }

    body.admin-bar.home #masthead,
    body.admin-bar.page-id-11 #masthead,
    body.admin-bar.page-id-13 #masthead,
    body.admin-bar.page-id-15 #masthead,
    body.admin-bar.page-id-88 #masthead,
    body.admin-bar.page-id-210 #masthead,
    body.admin-bar.page-id-212 #masthead,

    body.admin-bar.shk-nav-stuck #masthead {
        top: calc(46px + var(--shk-status-height, 36px)) !important;
    }
}

/* =========================================================
   COMPLIANZ COOKIE-BUTTON – FINAL
   Desktop: separat unten rechts
   Mobile: vierter Button in der Floating-Bar
   ========================================================= */


/* =========================================================
   DESKTOP
   ========================================================= */

#cmplz-manage-consent {
    position: fixed !important;

    right: 18px !important;
    bottom: 18px !important;
    left: auto !important;
    top: auto !important;

    width: 54px !important;
    height: 54px !important;

    margin: 0 !important;
    padding: 0 !important;

    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    z-index: 99999 !important;

    transform: none !important;
}


#cmplz-manage-consent > .cmplz-manage-consent {
    position: relative !important;

    inset: auto !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 54px !important;
    min-width: 54px !important;
    max-width: 54px !important;

    height: 54px !important;
    min-height: 54px !important;
    max-height: 54px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #0b1f2f !important;

    border: 2px solid rgba(255,255,255,.96) !important;
    border-radius: 999px !important;

    box-shadow: 0 10px 28px rgba(2,18,30,.28) !important;

    overflow: hidden !important;

    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    text-indent: -9999px !important;

    cursor: pointer !important;

    transform: none !important;

    transition:
        transform .18s ease,
        background-color .18s ease,
        box-shadow .18s ease !important;
}


/* ---------------------------------------------------------
   Richtiger farbiger Cookie als SVG
   Auf Mac / Windows identisch
   --------------------------------------------------------- */

#cmplz-manage-consent > .cmplz-manage-consent::before {
    content: "" !important;

    position: absolute !important;
    inset: 0 !important;

    width: 27px !important;
    height: 27px !important;

    margin: auto !important;

    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23D9A066' d='M28.4 15.1c-1.8.2-3.7-.5-5-1.8-1.4-1.4-2-3.3-1.8-5.1-1.8.2-3.7-.5-5-1.8-1.1-1.1-1.8-2.6-1.8-4.1C7.9 2.9 2.5 8.7 2.5 15.8 2.5 23.4 8.6 29.5 16.2 29.5c7.1 0 12.9-5.4 13.5-12.3-.5-.7-.9-1.4-1.3-2.1z'/%3E%3Ccircle cx='10' cy='11' r='2' fill='%236D432B'/%3E%3Ccircle cx='8.5' cy='19' r='1.7' fill='%236D432B'/%3E%3Ccircle cx='15.5' cy='23' r='2' fill='%236D432B'/%3E%3Ccircle cx='17' cy='14.5' r='1.6' fill='%236D432B'/%3E%3Ccircle cx='23' cy='20' r='1.5' fill='%236D432B'/%3E%3C/svg%3E") !important;

    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;

    text-indent: 0 !important;

    pointer-events: none !important;
}


#cmplz-manage-consent > .cmplz-manage-consent:hover {
    background: #17384a !important;

    transform: translateY(-2px) !important;

    box-shadow: 0 14px 32px rgba(2,18,30,.32) !important;
}


/* =========================================================
   MOBILE
   Wenn JS den Cookie in die Floating-Bar verschiebt
   ========================================================= */

@media (max-width: 768px) {

    .floating-contact-bar
    > #cmplz-manage-consent.shk-cookie-floating-item {

        position: static !important;

        flex: 0 0 44px !important;

        width: 44px !important;
        min-width: 44px !important;
        max-width: 44px !important;

        height: 44px !important;
        min-height: 44px !important;
        max-height: 44px !important;

        margin: 0 !important;
        padding: 0 !important;

        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;

        transform: none !important;

        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;

        z-index: auto !important;
    }


    .floating-contact-bar
    > #cmplz-manage-consent.shk-cookie-floating-item
    > .cmplz-manage-consent {

        position: relative !important;
        inset: auto !important;

        width: 44px !important;
        min-width: 44px !important;
        max-width: 44px !important;

        height: 44px !important;
        min-height: 44px !important;
        max-height: 44px !important;

        margin: 0 !important;
        padding: 0 !important;

        border-width: 1px !important;

        transform: none !important;

        box-shadow: 0 8px 22px rgba(15,23,42,.16) !important;
    }


    .floating-contact-bar
    > #cmplz-manage-consent.shk-cookie-floating-item
    > .cmplz-manage-consent::before {

        width: 23px !important;
        height: 23px !important;
    }


    .floating-contact-bar
    > #cmplz-manage-consent.shk-cookie-floating-item
    > .cmplz-manage-consent:hover,
    .floating-contact-bar
    > #cmplz-manage-consent.shk-cookie-floating-item
    > .cmplz-manage-consent:focus {

        transform: none !important;
    }


    /* ---------------------------------------------------------
       Kontaktseite:
       Dort gibt es mobil keine Floating-Contact-Bar.
       Cookie deshalb separat unten rechts.
       --------------------------------------------------------- */

    body.page-id-15 #cmplz-manage-consent {
        position: fixed !important;

        right: 14px !important;
        bottom: max(14px, env(safe-area-inset-bottom)) !important;
        left: auto !important;
        top: auto !important;

        width: 44px !important;
        height: 44px !important;

        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;

        z-index: 99999 !important;
    }

    body.page-id-15
    #cmplz-manage-consent
    > .cmplz-manage-consent {

        position: relative !important;
        inset: auto !important;

        width: 44px !important;
        min-width: 44px !important;
        max-width: 44px !important;

        height: 44px !important;
        min-height: 44px !important;
        max-height: 44px !important;

        margin: 0 !important;
        padding: 0 !important;

        border-width: 1px !important;

        transform: none !important;
    }

    body.page-id-15
    #cmplz-manage-consent
    > .cmplz-manage-consent::before {

        width: 23px !important;
        height: 23px !important;
    }
}

/* =========================================================
   SHK V3 – ZENTRALES GRUNDLAYOUT
   Version 2.4.0
   ---------------------------------------------------------
   Gilt für alle Seiten, denen das MU-Plugin die Body-Klasse
   .shk-v3-layout gibt.

   Verantwortlich für:
   - Kadence-Grundabstände
   - Header über dem ersten Seitenbereich
   - Glas-Navigation
   - Logo / Navigationsfarben
   - Sticky-Grundzustand
   - mobile Headerdarstellung

   NICHT verantwortlich für seitenindividuelle Inhalte wie
   Homepage-Hero, Kontaktformular, Wärmepumpen-Formular usw.
   ========================================================= */

/* ---------- Kadence-Grundlayout vereinheitlichen ---------- */
body.shk-v3-layout .site-content,
body.shk-v3-layout #content,
body.shk-v3-layout .content-area,
body.shk-v3-layout .content-wrap,
body.shk-v3-layout #primary,
body.shk-v3-layout main,
body.shk-v3-layout .site-main,
body.shk-v3-layout article.entry,
body.shk-v3-layout .entry-content-wrap,
body.shk-v3-layout .entry-content.single-content,
body.shk-v3-layout .single-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

body.shk-v3-layout .entry-content.single-content {
    margin-block-start: 0 !important;
}

body.shk-v3-layout .entry-content {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* ---------- Header liegt auf dem ersten Seitenbereich ---------- */
body.shk-v3-layout #masthead,
body.shk-v3-layout .site-header {
    position: absolute !important;
    top: var(--shk-status-height, 34px) !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 1000 !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    background: linear-gradient(
        to bottom,
        rgba(5,24,38,.88) 0%,
        rgba(5,24,38,.58) 62%,
        rgba(41,69,78,.08) 100%
    ) !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Kadence-Wrapper dürfen keine eigene Fläche hinter dem Glasheader erzeugen. */
body.shk-v3-layout #masthead .site-header-wrap,
body.shk-v3-layout #masthead .site-header-inner-wrap,
body.shk-v3-layout #masthead .site-header-upper-wrap,
body.shk-v3-layout #masthead .site-header-upper-inner-wrap,
body.shk-v3-layout #masthead .site-main-header-wrap,
body.shk-v3-layout #masthead .site-header-row-container,
body.shk-v3-layout #masthead .site-header-row-container-inner {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

body.shk-v3-layout #masthead .site-header-upper-wrap,
body.shk-v3-layout #masthead .site-header-upper-inner-wrap,
body.shk-v3-layout #masthead .site-header-inner-wrap,
body.shk-v3-layout #masthead .site-header-wrap {
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ---------- Gemeinsame Glas-Navigation ---------- */
body.shk-v3-layout #masthead .site-main-header-wrap {
    position: relative !important;
    top: 18px !important;
    z-index: 2 !important;
    transition: top .22s ease !important;
}

body.shk-v3-layout #masthead .site-main-header-wrap .site-header-row-container-inner > .site-container {
    width: min(var(--shk-nav-container-width, 1180px), calc(100% - 48px)) !important;
    max-width: none !important;
    min-height: 76px !important;
    margin: 0 auto !important;
    padding: 0 22px !important;
    box-sizing: border-box !important;
    background: rgba(6,27,42,.72) !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    border-radius: 18px !important;
    box-shadow: 0 16px 38px rgba(1,14,24,.20) !important;
    -webkit-backdrop-filter: blur(15px) saturate(125%) !important;
    backdrop-filter: blur(15px) saturate(125%) !important;
}

body.shk-v3-layout #masthead .site-main-header-inner-wrap {
    min-height: 76px !important;
}

/* ---------- Logo ---------- */
body.shk-v3-layout .site-branding {
    display: inline-flex !important;
    align-items: center !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

body.shk-v3-layout .site-branding img,
body.shk-v3-layout .custom-logo {
    display: block !important;
    width: auto !important;
    max-width: 340px !important;
    max-height: 58px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    filter: brightness(0) invert(1) !important;
    opacity: .98 !important;
}

/* ---------- Navigation ---------- */
body.shk-v3-layout #masthead .main-navigation a,
body.shk-v3-layout #masthead .primary-menu a,
body.shk-v3-layout #masthead .menu a,
body.shk-v3-layout .menu-toggle-open,
body.shk-v3-layout .menu-toggle-open .menu-toggle-icon {
    color: #ffffff !important;
    text-shadow: 0 2px 12px rgba(0,0,0,.30) !important;
}

body.shk-v3-layout #masthead .main-navigation .primary-menu-container > ul > li > a {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    min-height: 76px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    font-size: 15px !important;
    letter-spacing: .005em !important;
}

body.shk-v3-layout #masthead .main-navigation .primary-menu-container > ul > li > a::after {
    content: "" !important;
    position: absolute !important;
    left: 12px !important;
    right: 12px !important;
    bottom: 15px !important;
    height: 2px !important;
    border-radius: 999px !important;
    background: #75c7f3 !important;
    transform: scaleX(0) !important;
    transform-origin: center !important;
    transition: transform .2s ease !important;
}

body.shk-v3-layout #masthead .main-navigation .primary-menu-container > ul > li > a:hover::after,
body.shk-v3-layout #masthead .main-navigation .primary-menu-container > ul > li.current-menu-item > a::after,
body.shk-v3-layout #masthead .main-navigation .primary-menu-container > ul > li.current_page_item > a::after {
    transform: scaleX(1) !important;
}

/* ---------- Sticky: zentrale Basis gewinnt nach den normalen Headerregeln ---------- */
body.shk-v3-layout.shk-nav-stuck #masthead {
    position: fixed !important;
    top: var(--shk-status-height, 34px) !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 10050 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    pointer-events: none !important;
}

body.shk-v3-layout.shk-nav-stuck #masthead .site-main-header-wrap {
    top: 8px !important;
    pointer-events: auto !important;
}

body.shk-v3-layout.shk-nav-stuck #masthead .site-main-header-wrap .site-header-row-container-inner > .site-container {
    width: min(var(--shk-nav-container-width, 1180px), calc(100% - 48px)) !important;
    min-height: 68px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 22px !important;
    padding-right: 22px !important;
    background: rgba(6,27,42,.88) !important;
    border: 1px solid rgba(255,255,255,.15) !important;
    border-radius: 18px !important;
    box-shadow: 0 14px 34px rgba(2,18,30,.24) !important;
    -webkit-backdrop-filter: blur(16px) saturate(125%) !important;
    backdrop-filter: blur(16px) saturate(125%) !important;
}

body.shk-v3-layout.shk-nav-stuck #masthead .site-main-header-inner-wrap,
body.shk-v3-layout.shk-nav-stuck #masthead .main-navigation .primary-menu-container > ul > li > a {
    min-height: 68px !important;
}

body.admin-bar.shk-v3-layout.shk-nav-stuck #masthead {
    top: calc(32px + var(--shk-status-height, 34px)) !important;
}

/* ---------- Mobile ---------- */
@media (max-width: 782px) {
    body.admin-bar.shk-v3-layout.shk-nav-stuck #masthead {
        top: calc(46px + var(--shk-status-height, 36px)) !important;
    }
}

@media (max-width: 768px) {
    body.shk-v3-layout #masthead .site-main-header-wrap {
        top: 9px !important;
    }

    body.shk-v3-layout #masthead .site-main-header-wrap .site-header-row-container-inner > .site-container {
        width: calc(100% - 20px) !important;
        min-width: 0 !important;
        min-height: 62px !important;
        padding-left: 12px !important;
        padding-right: 10px !important;
        border-radius: 15px !important;
    }

    body.shk-v3-layout .site-branding img,
    body.shk-v3-layout .custom-logo {
        max-width: min(225px, 62vw) !important;
        max-height: 44px !important;
    }

    body.shk-v3-layout.shk-nav-stuck #masthead .site-main-header-wrap {
        top: 7px !important;
    }

    body.shk-v3-layout.shk-nav-stuck #masthead .site-main-header-wrap .site-header-row-container-inner > .site-container {
        width: calc(100% - 20px) !important;
        min-height: 60px !important;
        padding-left: 12px !important;
        padding-right: 10px !important;
        background: rgba(6,27,42,.91) !important;
        border: 1px solid rgba(255,255,255,.14) !important;
        border-radius: 14px !important;
        box-shadow: 0 12px 28px rgba(2,18,30,.24) !important;
        -webkit-backdrop-filter: blur(15px) saturate(125%) !important;
        backdrop-filter: blur(15px) saturate(125%) !important;
    }

    body.shk-v3-layout.shk-nav-stuck #masthead .site-main-header-inner-wrap {
        min-height: 60px !important;
    }
}

@media (max-width: 420px) {
    body.shk-v3-layout #masthead .site-main-header-wrap .site-header-row-container-inner > .site-container {
        width: calc(100% - 16px) !important;
        padding-left: 10px !important;
        padding-right: 8px !important;
    }

    body.shk-v3-layout .site-branding img,
    body.shk-v3-layout .custom-logo {
        max-width: min(205px, 58vw) !important;
        max-height: 40px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.shk-v3-layout #masthead .site-main-header-wrap,
    body.shk-v3-layout #masthead .main-navigation .primary-menu-container > ul > li > a::after {
        transition: none !important;
    }
}

/* =========================================================
   HÖLZMANN BRAND SYSTEM 2026
   ---------------------------------------------------------
   Markenfarben:
   - Blau:       #0091AA
   - Anthrazit:  #4E5055

   Typografie:
   - Open Sans als zentrale Webtypografie
   - Fallback: Arial / sans-serif

   Ziel:
   - farbiges Original-Logo statt Negativdarstellung
   - helle Glasnavigation
   - konsistente Markenfarben für Buttons, Links, Icons,
     Karten, Footer, Formulare und Floating Contact
   ========================================================= */

:root {
    --hh-blue: #0091AA;
    --hh-blue-dark: #00788D;
    --hh-blue-soft: #E8F6F8;

    --hh-anthracite: #4E5055;
    --hh-anthracite-dark: #3F4145;
    --hh-text: #4E5055;
    --hh-text-soft: #6B6D72;

    --hh-bg: #FFFFFF;
    --hh-bg-soft: #F6F7F8;
    --hh-border: #D9DADD;
    --hh-white: #FFFFFF;

    /* alte Variablen auf das neue Branding mappen */
    --hh-dark: var(--hh-anthracite);
    --hh-accent: var(--hh-blue);
    --hh-accent-soft: #67BFCE;
    --hh-surface: var(--hh-bg-soft);
    --hh-line: var(--hh-border);

    --shk-ink: var(--hh-anthracite);
    --shk-text: var(--hh-text-soft);
    --shk-line: var(--hh-border);
    --shk-shadow: 0 14px 34px rgba(78,80,85,.10);
}


/* =========================================================
   TYPOGRAFIE
   ========================================================= */

html,
body,
button,
input,
select,
textarea,
.main-navigation,
.mobile-navigation,
.shk-livebar,
.shk-v3-home,
.shk-v3-subpage,
.shk-v3-subcontent,
#colophon,
.cmplz-document {
    font-family: "Open Sans", Arial, Helvetica, sans-serif !important;
}

body {
    color: var(--hh-text) !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.shk-v3-hero h1,
.shk-v3-subhero h1,
.shk-v3-section-head h2,
.shk-v3-seo-intro h2,
.shk-v3-seo-split h2,
.shk-v3-seo-region-box h2 {
    font-family: "Open Sans", Arial, Helvetica, sans-serif !important;
    color: var(--hh-anthracite);
}

h1,
h2,
.shk-v3-hero h1,
.shk-v3-subhero h1 {
    font-weight: 800 !important;
}

h3,
h4,
h5,
h6,
.main-navigation a,
.mobile-navigation a,
.shk-v3-btn,
button,
input[type="submit"] {
    font-weight: 700 !important;
}


/* =========================================================
   LIVEBAR
   ========================================================= */

.shk-livebar {
    background: var(--hh-anthracite) !important;
    border-bottom-color: rgba(255,255,255,.12) !important;
}

.shk-livebar,
.shk-livebar a,
.shk-livebar b {
    color: #fff !important;
}

.shk-livebar a:hover,
.shk-livebar a:focus {
    color: #0091AA !important;
}


/* =========================================================
   HEADER / LOGO / NAVIGATION
   Helle Glasfläche, damit das farbige SVG-Logo korrekt wirkt
   ========================================================= */

body.shk-v3-layout #masthead,
body.shk-v3-layout .site-header {
    background: transparent !important;
}

body.shk-v3-layout #masthead .site-main-header-wrap,
body.shk-v3-layout #masthead .site-main-header-wrap .site-header-row-container-inner {
    background: transparent !important;
}

body.shk-v3-layout
#masthead
.site-main-header-wrap
.site-header-row-container-inner > .site-container {
    background: rgba(255,255,255,.72) !important;
    border: 1px solid rgba(255,255,255,.48) !important;
    box-shadow:
        0 12px 32px rgba(78,80,85,.14),
        inset 0 1px 0 rgba(255,255,255,.45) !important;
    -webkit-backdrop-filter: blur(20px) saturate(135%) !important;
    backdrop-filter: blur(20px) saturate(135%) !important;
}

/* Farbiges Original-Logo anzeigen */
body.shk-v3-layout .site-branding img,
body.shk-v3-layout .custom-logo,
body.shk-v3-layout #masthead .site-branding img,
body.shk-v3-layout #masthead .custom-logo,
body.shk-v3-layout.shk-nav-stuck #masthead .site-branding img,
body.shk-v3-layout.shk-nav-stuck #masthead .custom-logo {
    filter: none !important;
    opacity: 1 !important;
}

/* Navigation auf heller Glasfläche */
body.shk-v3-layout #masthead .main-navigation a,
body.shk-v3-layout #masthead .primary-menu a,
body.shk-v3-layout #masthead .menu a {
    color: var(--hh-anthracite) !important;
    text-shadow: none !important;
}

body.shk-v3-layout
#masthead
.main-navigation
.primary-menu-container > ul > li > a::after {
    background: var(--hh-blue) !important;
}

/* Burger auf hellem Header */
body.shk-v3-layout .menu-toggle-open,
body.shk-v3-layout .menu-toggle-open .menu-toggle-icon,
body.shk-v3-layout #masthead .menu-toggle-open,
body.shk-v3-layout #masthead .menu-toggle-open .menu-toggle-icon {
    color: var(--hh-anthracite) !important;
}


/* =========================================================
   STICKY HEADER
   ========================================================= */

body.shk-v3-layout.shk-nav-stuck
#masthead
.site-main-header-wrap
.site-header-row-container-inner > .site-container {
    background: rgba(255,255,255,.84) !important;
    border: 1px solid rgba(255,255,255,.55) !important;
    box-shadow:
        0 14px 34px rgba(78,80,85,.16),
        inset 0 1px 0 rgba(255,255,255,.52) !important;
    -webkit-backdrop-filter: blur(22px) saturate(140%) !important;
    backdrop-filter: blur(22px) saturate(140%) !important;
}

body.shk-v3-layout.shk-nav-stuck #masthead .main-navigation a,
body.shk-v3-layout.shk-nav-stuck #masthead .primary-menu a,
body.shk-v3-layout.shk-nav-stuck #masthead .menu a {
    color: var(--hh-anthracite) !important;
}


/* =========================================================
   HERO-BEREICHE
   Bild bleibt, Overlay orientiert sich an Anthrazit
   ========================================================= */

.shk-v3-subhero,
.v2-subpage-hero {
    background-image:
        linear-gradient(
            90deg,
            rgba(78,80,85,.82),
            rgba(78,80,85,.56) 52%,
            rgba(78,80,85,.28)
        ),
        url('/wp-content/uploads/2026/05/ChatGPT-Image-9.-Mai-2026-19_36_00.png') !important;
}

.shk-v3-hero h1,
.shk-v3-subhero h1,
.v2-subpage-hero-inner h1 {
    color: #fff !important;
    text-shadow: 0 3px 20px rgba(0,0,0,.22) !important;
}

.shk-v3-hero p,
.shk-v3-subhero p,
.v2-subpage-hero-inner p {
    color: rgba(255,255,255,.92) !important;
}

.shk-v3-subhero-inner > span,
.v2-subpage-hero-inner > span,
.shk-v3-hero .shk-v3-eyebrow,
.shk-v3-hero-eyebrow {
    color: #0091AA !important;
}


/* =========================================================
   CONTENT / LINKS / LABELS
   ========================================================= */

.shk-v3-subcontent,
.shk-v3-subcontent p,
.shk-v3-subcontent li,
.shk-v3-seo-card p,
.shk-v3-faq-grid p,
.shk-v3-founder-copy p,
.shk-v3-team-copy p,
.cmplz-document,
.cmplz-document p,
.cmplz-document li {
    color: var(--hh-text) !important;
}

.shk-v3-subcontent h2,
.shk-v3-subcontent h3,
.shk-v3-section-head h2,
.shk-v3-seo-intro h2,
.shk-v3-seo-split h2,
.shk-v3-seo-region-box h2,
.shk-v3-seo-card h3,
.shk-v3-faq-grid h3,
.shk-v3-founder-copy h2,
.shk-v3-founder-copy h3,
.shk-v3-team-copy h3,
.cmplz-document h1,
.cmplz-document h2,
.cmplz-document h3,
.cmplz-document h4 {
    color: var(--hh-anthracite) !important;
}

.shk-v3-text-link,
.shk-v3-subcontent a:not(.shk-v3-btn),
.cmplz-document a {
    color: var(--hh-blue) !important;
}

.shk-v3-text-link:hover,
.shk-v3-subcontent a:not(.shk-v3-btn):hover,
.cmplz-document a:hover {
    color: var(--hh-blue-dark) !important;
}

.shk-v3-seo-card > span,
.shk-v3-contact-symbol,
.shk-v3-map-pin {
    background: var(--hh-blue-soft) !important;
    color: var(--hh-blue) !important;
}


/* =========================================================
   BUTTONS
   ========================================================= */

.shk-v3-btn-primary,
.shk-v3-btn.shk-v3-btn-primary,
body.page-id-88 form button,
body.page-id-88 form input[type="submit"],
body.page-id-88 .forminator-ui .forminator-button-submit,
body.page-id-15 .forminator-ui .forminator-button-submit,
body.page-id-15 button[type="submit"],
.forminator-ui .forminator-button-submit {
    background: var(--hh-blue) !important;
    border-color: var(--hh-blue) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

.shk-v3-btn-primary:hover,
.shk-v3-btn.shk-v3-btn-primary:hover,
body.page-id-88 form button:hover,
body.page-id-88 form input[type="submit"]:hover,
body.page-id-88 .forminator-ui .forminator-button-submit:hover,
body.page-id-15 .forminator-ui .forminator-button-submit:hover,
body.page-id-15 button[type="submit"]:hover,
.forminator-ui .forminator-button-submit:hover {
    background: var(--hh-blue-dark) !important;
    border-color: var(--hh-blue-dark) !important;
}

.shk-v3-btn-secondary,
.shk-v3-btn:not(.shk-v3-btn-primary) {
    background: #fff !important;
    color: var(--hh-anthracite) !important;
    border-color: var(--hh-border) !important;
}

.shk-v3-btn-secondary:hover,
.shk-v3-btn:not(.shk-v3-btn-primary):hover {
    color: var(--hh-blue) !important;
    border-color: var(--hh-blue) !important;
}


/* =========================================================
   KARTEN / FLÄCHEN
   ========================================================= */

.shk-v3-seo-card,
.shk-v3-faq-grid article,
.shk-v3-seo-split > div:first-child,
.shk-v3-contact-info,
.shk-v3-form-wrap,
.shk-v3-founder-card,
.shk-v3-team-card {
    border-color: var(--hh-border) !important;
    box-shadow: 0 14px 34px rgba(78,80,85,.08) !important;
}

.shk-v3-seo-region-box,
.shk-v3-region-section {
    background: var(--hh-bg-soft) !important;
    border-color: var(--hh-border) !important;
}

.shk-v3-seo-note {
    background: var(--hh-anthracite) !important;
}


/* =========================================================
   FORMULARE
   ========================================================= */

.forminator-ui .forminator-label,
body.page-id-88 form label,
body.page-id-15 form label {
    color: var(--hh-anthracite) !important;
}

.forminator-ui input,
.forminator-ui textarea,
.forminator-ui select,
body.page-id-88 form input,
body.page-id-88 form textarea,
body.page-id-88 form select,
body.page-id-15 form input,
body.page-id-15 form textarea,
body.page-id-15 form select {
    border-color: var(--hh-border) !important;
}

.forminator-ui input:focus,
.forminator-ui textarea:focus,
.forminator-ui select:focus,
body.page-id-88 form input:focus,
body.page-id-88 form textarea:focus,
body.page-id-88 form select:focus,
body.page-id-15 form input:focus,
body.page-id-15 form textarea:focus,
body.page-id-15 form select:focus {
    border-color: var(--hh-blue) !important;
    box-shadow: 0 0 0 3px rgba(0,145,170,.14) !important;
}


/* =========================================================
   FLOATING CONTACT
   ========================================================= */

.floating-phone,
.floating-contact-bar > a:nth-child(1) {
    background: var(--hh-blue) !important;
}

.floating-mail,
.floating-contact-bar > a:nth-child(2) {
    background: var(--hh-anthracite) !important;
}

.floating-instagram,
.floating-contact-bar > a:nth-child(3) {
    background: var(--hh-blue) !important;
}

.floating-location,
.floating-contact-bar > a:nth-child(4) {
    background: var(--hh-anthracite) !important;
}

body .floating-contact-bar > a {
    border-color: rgba(255,255,255,.96) !important;
    box-shadow: 0 10px 28px rgba(78,80,85,.22) !important;
}


/* =========================================================
   FOOTER
   ========================================================= */

.site-footer,
.site-footer-wrap,
#colophon {
    background: var(--hh-anthracite) !important;
}

#colophon,
#colophon p,
#colophon li,
#colophon strong,
#colophon a,
#colophon .shk-footer-contact-copy strong {
    color: #fff !important;
}

#colophon .shk-footer-contact-copy small {
    color: rgba(255,255,255,.76) !important;
}

#colophon a:hover,
#colophon a:focus {
    color: #0091AA !important;
}

#colophon .shk-footer-contact-icon {
    background: rgba(255,255,255,.10) !important;
    color: #fff !important;
}


/* =========================================================
   MOBILE DRAWER
   ========================================================= */

#mobile-drawer.popup-drawer .drawer-inner,
#mobile-drawer .drawer-header {
    background: #fff !important;
    color: var(--hh-anthracite) !important;
}

#mobile-drawer .mobile-navigation ul li > a {
    color: var(--hh-anthracite) !important;
}

#mobile-drawer .mobile-navigation ul li.current-menu-item > a,
#mobile-drawer .mobile-navigation ul li.current_page_item > a,
#mobile-drawer .mobile-navigation ul li > a:hover {
    color: var(--hh-blue) !important;
    background: var(--hh-blue-soft) !important;
}

#mobile-drawer .mobile-navigation ul li.current-menu-item > a::before,
#mobile-drawer .mobile-navigation ul li.current_page_item > a::before {
    background: var(--hh-blue) !important;
}


/* =========================================================
   COMPLIANZ COOKIE-BUTTON
   ========================================================= */

#cmplz-manage-consent > .cmplz-manage-consent,
.floating-contact-bar
> #cmplz-manage-consent.shk-cookie-floating-item
> .cmplz-manage-consent {
    background: var(--hh-anthracite) !important;
}

#cmplz-manage-consent > .cmplz-manage-consent:hover,
#cmplz-manage-consent > .cmplz-manage-consent:focus {
    background: var(--hh-anthracite-dark) !important;
}


/* =========================================================
   COOKIE-RICHTLINIE
   etwas Luft zwischen Hero und Complianz-Inhalt
   ========================================================= */

body.page-id-335 .shk-v3-cookie-policy-hero {
    margin-bottom: 28px !important;
}


/* =========================================================
   MOBILE FEINSCHLIFF
   ========================================================= */

@media (max-width: 768px) {

    body.shk-v3-layout
    #masthead
    .site-main-header-wrap
    .site-header-row-container-inner > .site-container,
    body.shk-v3-layout.shk-nav-stuck
    #masthead
    .site-main-header-wrap
    .site-header-row-container-inner > .site-container {
        background: rgba(255,255,255,.82) !important;
        border-color: rgba(255,255,255,.52) !important;
        box-shadow:
            0 12px 28px rgba(78,80,85,.15),
            inset 0 1px 0 rgba(255,255,255,.48) !important;
    }

    body.shk-v3-layout .menu-toggle-open,
    body.shk-v3-layout .menu-toggle-open .menu-toggle-icon {
        color: var(--hh-anthracite) !important;
    }
}

/* =========================================================
   HÖLZMANN HEADER – DUNKLES GLAS + FARBIGES LOGO
   ---------------------------------------------------------
   Dunkler/gläserner Header wie im bisherigen Design,
   aber das originale farbige Logo bleibt unverändert.
   ========================================================= */

/* Hauptnavigation wieder dunkel/gläsern */
body.shk-v3-layout
#masthead
.site-main-header-wrap
.site-header-row-container-inner > .site-container {
    background: rgba(18, 37, 45, .88) !important;
    border: 1px solid rgba(255,255,255,.14) !important;

    box-shadow:
        0 14px 34px rgba(20,24,28,.24),
        inset 0 1px 0 rgba(255,255,255,.08) !important;

    -webkit-backdrop-filter: blur(18px) saturate(120%) !important;
    backdrop-filter: blur(18px) saturate(120%) !important;
}


/* Sticky-Zustand etwas deckender */
body.shk-v3-layout.shk-nav-stuck
#masthead
.site-main-header-wrap
.site-header-row-container-inner > .site-container {
    background: rgba(18, 37, 45, .94) !important;
    border: 1px solid rgba(255,255,255,.12) !important;

    box-shadow:
        0 14px 34px rgba(20,24,28,.28),
        inset 0 1px 0 rgba(255,255,255,.07) !important;

    -webkit-backdrop-filter: blur(20px) saturate(125%) !important;
    backdrop-filter: blur(20px) saturate(125%) !important;
}


/* Navigation wieder weiß */
body.shk-v3-layout #masthead .main-navigation a,
body.shk-v3-layout #masthead .primary-menu a,
body.shk-v3-layout #masthead .menu a,
body.shk-v3-layout.shk-nav-stuck #masthead .main-navigation a,
body.shk-v3-layout.shk-nav-stuck #masthead .primary-menu a,
body.shk-v3-layout.shk-nav-stuck #masthead .menu a {
    color: #ffffff !important;
    text-shadow: none !important;
}


/* Aktiver Menüpunkt weiterhin Markenblau */
body.shk-v3-layout
#masthead
.main-navigation
.primary-menu-container > ul > li > a::after {
    background: #0091AA !important;
}


/* Original-Logo niemals invertieren */
body.shk-v3-layout .site-branding img,
body.shk-v3-layout .custom-logo,
body.shk-v3-layout #masthead .site-branding img,
body.shk-v3-layout #masthead .custom-logo,
body.shk-v3-layout.shk-nav-stuck #masthead .site-branding img,
body.shk-v3-layout.shk-nav-stuck #masthead .custom-logo {
    filter: none !important;
    opacity: 1 !important;
}


/* Helle Logo-Insel innerhalb des dunklen Headers */
body.shk-v3-layout #masthead .site-branding {
    display: inline-flex !important;
    align-items: center !important;

    padding: 8px 14px !important;

    background: rgba(255,255,255,.96) !important;
    border: 1px solid rgba(255,255,255,.30) !important;
    border-radius: 12px !important;

    box-shadow:
        0 5px 14px rgba(0,0,0,.12) !important;

    -webkit-backdrop-filter: blur(10px) !important;
    backdrop-filter: blur(10px) !important;
}


/* Burger-Menü auf dunklem Header */
body.shk-v3-layout .menu-toggle-open,
body.shk-v3-layout .menu-toggle-open .menu-toggle-icon,
body.shk-v3-layout #masthead .menu-toggle-open,
body.shk-v3-layout #masthead .menu-toggle-open .menu-toggle-icon {
    color: #ffffff !important;
}


/* Statusleiste passend zum neuen Branding */
.shk-livebar {
    background: #4E5055 !important;
    border-bottom: 1px solid rgba(255,255,255,.10) !important;
}


/* Mobile */
@media (max-width: 768px) {

    body.shk-v3-layout
    #masthead
    .site-main-header-wrap
    .site-header-row-container-inner > .site-container,
    body.shk-v3-layout.shk-nav-stuck
    #masthead
    .site-main-header-wrap
    .site-header-row-container-inner > .site-container {
        background: rgba(18, 37, 45, .92) !important;
        border-color: rgba(255,255,255,.12) !important;
        box-shadow:
            0 12px 28px rgba(20,24,28,.24),
            inset 0 1px 0 rgba(255,255,255,.06) !important;
    }

    body.shk-v3-layout #masthead .site-branding {
        padding: 6px 10px !important;
        border-radius: 10px !important;
    }

    body.shk-v3-layout .menu-toggle-open,
    body.shk-v3-layout .menu-toggle-open .menu-toggle-icon {
        color: #ffffff !important;
    }
}

/* =========================================================
   HÖLZMANN HEADER – INTEGRIERTES FARBLOGO
   ---------------------------------------------------------
   Ziel:
   - dunkle, hochwertige Glasnavigation behalten
   - farbiges Original-SVG ohne Negativfilter
   - KEINE weiße Logo-Karte / Logo-Insel
   - heller Verlauf nur im linken Markenbereich,
     weich in den dunklen Navigationsbereich übergehend
   ========================================================= */

/* Statusleiste dunkler und ruhiger als die vorige Graufläche */
.shk-livebar {
    background: rgba(43, 46, 50, .97) !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
    box-shadow: none !important;
}

.shk-livebar,
.shk-livebar a,
.shk-livebar b {
    color: #ffffff !important;
}


/* Ein gemeinsamer Header statt separater Logo-Karte */
body.shk-v3-layout
#masthead
.site-main-header-wrap
.site-header-row-container-inner > .site-container {
    background:
        linear-gradient(
            90deg,
            rgba(255,255,255,.96) 0px,
            rgba(255,255,255,.94) 245px,
            rgba(255,255,255,.72) 315px,
            rgba(40,58,64,.72) 430px,
            rgba(18,37,45,.90) 560px,
            rgba(18,37,45,.92) 100%
        ) !important;

    border: 1px solid rgba(255,255,255,.15) !important;
    box-shadow:
        0 14px 34px rgba(20,24,28,.24),
        inset 0 1px 0 rgba(255,255,255,.10) !important;

    -webkit-backdrop-filter: blur(18px) saturate(120%) !important;
    backdrop-filter: blur(18px) saturate(120%) !important;

    overflow: hidden !important;
}


/* Sticky: gleicher Aufbau, nur etwas deckender */
body.shk-v3-layout.shk-nav-stuck
#masthead
.site-main-header-wrap
.site-header-row-container-inner > .site-container {
    background:
        linear-gradient(
            90deg,
            rgba(255,255,255,.98) 0px,
            rgba(255,255,255,.96) 245px,
            rgba(255,255,255,.76) 315px,
            rgba(38,56,62,.78) 430px,
            rgba(18,37,45,.94) 560px,
            rgba(18,37,45,.96) 100%
        ) !important;

    border: 1px solid rgba(255,255,255,.13) !important;
    box-shadow:
        0 14px 34px rgba(20,24,28,.28),
        inset 0 1px 0 rgba(255,255,255,.09) !important;

    -webkit-backdrop-filter: blur(20px) saturate(125%) !important;
    backdrop-filter: blur(20px) saturate(125%) !important;
}


/* Die alte weiße Logo-Insel vollständig neutralisieren */
body.shk-v3-layout #masthead .site-branding {
    display: flex !important;
    align-items: center !important;

    padding: 0 !important;
    margin: 0 !important;

    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}


/* Originale SVG-Farben */
body.shk-v3-layout .site-branding img,
body.shk-v3-layout .custom-logo,
body.shk-v3-layout #masthead .site-branding img,
body.shk-v3-layout #masthead .custom-logo,
body.shk-v3-layout.shk-nav-stuck #masthead .site-branding img,
body.shk-v3-layout.shk-nav-stuck #masthead .custom-logo {
    filter: none !important;
    opacity: 1 !important;
}


/* Navigation liegt weiterhin auf dem dunklen Bereich */
body.shk-v3-layout #masthead .main-navigation a,
body.shk-v3-layout #masthead .primary-menu a,
body.shk-v3-layout #masthead .menu a,
body.shk-v3-layout.shk-nav-stuck #masthead .main-navigation a,
body.shk-v3-layout.shk-nav-stuck #masthead .primary-menu a,
body.shk-v3-layout.shk-nav-stuck #masthead .menu a {
    color: #ffffff !important;
    text-shadow: 0 1px 2px rgba(0,0,0,.10) !important;
}


/* Markenblau für aktive Navigation */
body.shk-v3-layout
#masthead
.main-navigation
.primary-menu-container > ul > li > a::after {
    background: #0091AA !important;
}


/* Mobile: kürzerer heller Markenbereich, danach dunkles Glas */
@media (max-width: 768px) {

    body.shk-v3-layout
    #masthead
    .site-main-header-wrap
    .site-header-row-container-inner > .site-container,
    body.shk-v3-layout.shk-nav-stuck
    #masthead
    .site-main-header-wrap
    .site-header-row-container-inner > .site-container {
        background:
            linear-gradient(
                90deg,
                rgba(255,255,255,.97) 0px,
                rgba(255,255,255,.94) 165px,
                rgba(255,255,255,.55) 215px,
                rgba(18,37,45,.88) 300px,
                rgba(18,37,45,.94) 100%
            ) !important;

        border-color: rgba(255,255,255,.12) !important;
        box-shadow:
            0 12px 28px rgba(20,24,28,.24),
            inset 0 1px 0 rgba(255,255,255,.07) !important;
    }

    body.shk-v3-layout #masthead .site-branding {
        padding: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    body.shk-v3-layout .menu-toggle-open,
    body.shk-v3-layout .menu-toggle-open .menu-toggle-icon {
        color: #ffffff !important;
    }
}

/* =========================================================
   HÖLZMANN HEADER – CLEAN / MODERN FINAL
   ---------------------------------------------------------
   Ziel:
   - ruhige, einheitliche dunkle Glasnavigation
   - originales farbiges SVG-Logo
   - keine querlaufenden Farbverläufe
   - keine harte weiße Logo-Karte
   - nur dezente matte Fläche direkt hinter dem Logo
   ========================================================= */

/* Statusleiste ruhig und anthrazit */
.shk-livebar {
    background: #3F4145 !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
    box-shadow: none !important;
}

.shk-livebar,
.shk-livebar a,
.shk-livebar b {
    color: #ffffff !important;
}


/* Hauptheader: eine einzige ruhige dunkle Glasfläche */
body.shk-v3-layout
#masthead
.site-main-header-wrap
.site-header-row-container-inner > .site-container {
    background: rgba(24,39,45,.88) !important;
    border: 1px solid rgba(255,255,255,.10) !important;

    box-shadow:
        0 12px 30px rgba(0,0,0,.18),
        inset 0 1px 0 rgba(255,255,255,.05) !important;

    -webkit-backdrop-filter: blur(18px) saturate(115%) !important;
    backdrop-filter: blur(18px) saturate(115%) !important;

    overflow: visible !important;
}


/* Sticky etwas deckender, sonst identisch */
body.shk-v3-layout.shk-nav-stuck
#masthead
.site-main-header-wrap
.site-header-row-container-inner > .site-container {
    background: rgba(24,39,45,.94) !important;
    border: 1px solid rgba(255,255,255,.09) !important;

    box-shadow:
        0 12px 30px rgba(0,0,0,.22),
        inset 0 1px 0 rgba(255,255,255,.045) !important;

    -webkit-backdrop-filter: blur(20px) saturate(118%) !important;
    backdrop-filter: blur(20px) saturate(118%) !important;
}


/* Dezente Frost-Fläche nur hinter dem Logo */
body.shk-v3-layout #masthead .site-branding {
    display: inline-flex !important;
    align-items: center !important;

    padding: 7px 12px !important;
    margin: 0 !important;

    background: rgba(255,255,255,.82) !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    border-radius: 12px !important;

    box-shadow: none !important;

    -webkit-backdrop-filter: blur(12px) saturate(110%) !important;
    backdrop-filter: blur(12px) saturate(110%) !important;
}


/* Originale SVG-Farben beibehalten */
body.shk-v3-layout .site-branding img,
body.shk-v3-layout .custom-logo,
body.shk-v3-layout #masthead .site-branding img,
body.shk-v3-layout #masthead .custom-logo,
body.shk-v3-layout.shk-nav-stuck #masthead .site-branding img,
body.shk-v3-layout.shk-nav-stuck #masthead .custom-logo {
    filter: none !important;
    opacity: 1 !important;
}


/* Navigation weiß und ruhig */
body.shk-v3-layout #masthead .main-navigation a,
body.shk-v3-layout #masthead .primary-menu a,
body.shk-v3-layout #masthead .menu a,
body.shk-v3-layout.shk-nav-stuck #masthead .main-navigation a,
body.shk-v3-layout.shk-nav-stuck #masthead .primary-menu a,
body.shk-v3-layout.shk-nav-stuck #masthead .menu a {
    color: #ffffff !important;
    text-shadow: none !important;
}


/* Aktiver Menüpunkt in Markenblau */
body.shk-v3-layout
#masthead
.main-navigation
.primary-menu-container > ul > li > a::after {
    background: #0091AA !important;
}


/* Mobile */
@media (max-width: 768px) {

    body.shk-v3-layout
    #masthead
    .site-main-header-wrap
    .site-header-row-container-inner > .site-container,
    body.shk-v3-layout.shk-nav-stuck
    #masthead
    .site-main-header-wrap
    .site-header-row-container-inner > .site-container {
        background: rgba(24,39,45,.92) !important;
        border-color: rgba(255,255,255,.09) !important;

        box-shadow:
            0 10px 24px rgba(0,0,0,.20),
            inset 0 1px 0 rgba(255,255,255,.04) !important;
    }

    body.shk-v3-layout #masthead .site-branding {
        padding: 5px 9px !important;
        border-radius: 10px !important;
        background: rgba(255,255,255,.84) !important;
    }

    body.shk-v3-layout .menu-toggle-open,
    body.shk-v3-layout .menu-toggle-open .menu-toggle-icon,
    body.shk-v3-layout #masthead .menu-toggle-open,
    body.shk-v3-layout #masthead .menu-toggle-open .menu-toggle-icon {
        color: #ffffff !important;
    }
}

/* =========================================================
   HÖLZMANN HEADER – LIGHT GLASS FINAL
   ---------------------------------------------------------
   Neu von Grund auf:
   - durchgehend heller, transparenter Glas-Header
   - farbiges Original-SVG ohne eigene Logo-Box
   - dunkle Navigation in Marken-Anthrazit
   - Markenblau nur als gezielter Akzent
   - ruhige, helle Statusleiste
   - Sticky etwas deckender, aber optisch identisch
   ========================================================= */


/* =========================================================
   STATUSLEISTE
   ========================================================= */

.shk-livebar,
body.shk-nav-stuck .shk-livebar {
    background: rgba(255,255,255,.76) !important;

    border: 0 !important;
    border-bottom: 1px solid rgba(78,80,85,.10) !important;

    box-shadow:
        0 4px 18px rgba(31,41,45,.07) !important;

    -webkit-backdrop-filter: blur(16px) saturate(125%) !important;
    backdrop-filter: blur(16px) saturate(125%) !important;
}

.shk-livebar,
.shk-livebar b,
.shk-livebar a,
body.shk-nav-stuck .shk-livebar,
body.shk-nav-stuck .shk-livebar b,
body.shk-nav-stuck .shk-livebar a {
    color: #4E5055 !important;
}

.shk-livebar a:hover,
.shk-livebar a:focus {
    color: #0091AA !important;
}


/* =========================================================
   ÄUSSERER HEADER
   ========================================================= */

body.shk-v3-layout #masthead,
body.shk-v3-layout .site-header,
body.shk-v3-layout #masthead .site-main-header-wrap,
body.shk-v3-layout #masthead .site-main-header-wrap .site-header-row-container-inner {
    background: transparent !important;
}


/* =========================================================
   HAUPT-GLASFLÄCHE
   ========================================================= */

body.shk-v3-layout
#masthead
.site-main-header-wrap
.site-header-row-container-inner > .site-container {
    background: rgba(255,255,255,.68) !important;

    border: 1px solid rgba(255,255,255,.62) !important;
    border-radius: 18px !important;

    box-shadow:
        0 10px 30px rgba(38,48,52,.12),
        inset 0 1px 0 rgba(255,255,255,.78) !important;

    -webkit-backdrop-filter: blur(24px) saturate(135%) !important;
    backdrop-filter: blur(24px) saturate(135%) !important;

    overflow: hidden !important;
}


/* =========================================================
   STICKY
   ========================================================= */

body.shk-v3-layout.shk-nav-stuck
#masthead
.site-main-header-wrap
.site-header-row-container-inner > .site-container {
    background: rgba(255,255,255,.82) !important;

    border: 1px solid rgba(255,255,255,.72) !important;

    box-shadow:
        0 10px 30px rgba(38,48,52,.15),
        inset 0 1px 0 rgba(255,255,255,.86) !important;

    -webkit-backdrop-filter: blur(26px) saturate(140%) !important;
    backdrop-filter: blur(26px) saturate(140%) !important;
}


/* =========================================================
   LOGO
   ========================================================= */

/* Alle früheren Logo-Karten/Frost-Flächen vollständig entfernen */
body.shk-v3-layout #masthead .site-branding,
body.shk-v3-layout.shk-nav-stuck #masthead .site-branding {
    display: flex !important;
    align-items: center !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}


/* Originale Markenfarben des SVG beibehalten */
body.shk-v3-layout .site-branding img,
body.shk-v3-layout .custom-logo,
body.shk-v3-layout #masthead .site-branding img,
body.shk-v3-layout #masthead .custom-logo,
body.shk-v3-layout.shk-nav-stuck #masthead .site-branding img,
body.shk-v3-layout.shk-nav-stuck #masthead .custom-logo {
    filter: none !important;
    opacity: 1 !important;
}


/* =========================================================
   NAVIGATION
   ========================================================= */

body.shk-v3-layout #masthead .main-navigation a,
body.shk-v3-layout #masthead .primary-menu a,
body.shk-v3-layout #masthead .menu a,
body.shk-v3-layout.shk-nav-stuck #masthead .main-navigation a,
body.shk-v3-layout.shk-nav-stuck #masthead .primary-menu a,
body.shk-v3-layout.shk-nav-stuck #masthead .menu a {
    color: #4E5055 !important;

    font-family: "Open Sans", Arial, Helvetica, sans-serif !important;
    font-weight: 700 !important;

    text-shadow: none !important;
}


/* Hover etwas ruhiger */
body.shk-v3-layout #masthead .main-navigation a:hover,
body.shk-v3-layout #masthead .main-navigation a:focus,
body.shk-v3-layout #masthead .primary-menu a:hover,
body.shk-v3-layout #masthead .primary-menu a:focus {
    color: #0091AA !important;
}


/* Aktive Seite */
body.shk-v3-layout
#masthead
.main-navigation
.primary-menu-container > ul > li > a::after {
    background: #0091AA !important;
    height: 2px !important;
}


/* =========================================================
   MOBILE TOGGLE
   ========================================================= */

body.shk-v3-layout .menu-toggle-open,
body.shk-v3-layout .menu-toggle-open .menu-toggle-icon,
body.shk-v3-layout #masthead .menu-toggle-open,
body.shk-v3-layout #masthead .menu-toggle-open .menu-toggle-icon {
    color: #4E5055 !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 768px) {

    .shk-livebar,
    body.shk-nav-stuck .shk-livebar {
        background: rgba(255,255,255,.84) !important;

        -webkit-backdrop-filter: blur(18px) saturate(130%) !important;
        backdrop-filter: blur(18px) saturate(130%) !important;
    }

    body.shk-v3-layout
    #masthead
    .site-main-header-wrap
    .site-header-row-container-inner > .site-container,
    body.shk-v3-layout.shk-nav-stuck
    #masthead
    .site-main-header-wrap
    .site-header-row-container-inner > .site-container {
        background: rgba(255,255,255,.78) !important;

        border: 1px solid rgba(255,255,255,.70) !important;

        box-shadow:
            0 8px 24px rgba(38,48,52,.13),
            inset 0 1px 0 rgba(255,255,255,.82) !important;

        -webkit-backdrop-filter: blur(22px) saturate(135%) !important;
        backdrop-filter: blur(22px) saturate(135%) !important;
    }

    body.shk-v3-layout #masthead .site-branding,
    body.shk-v3-layout.shk-nav-stuck #masthead .site-branding {
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    body.shk-v3-layout .menu-toggle-open,
    body.shk-v3-layout .menu-toggle-open .menu-toggle-icon,
    body.shk-v3-layout #masthead .menu-toggle-open,
    body.shk-v3-layout #masthead .menu-toggle-open .menu-toggle-icon {
        color: #4E5055 !important;
    }
}

/* =========================================================
   HÖLZMANN HEADER – LIGHT GLASS / DETACHED FINAL
   ---------------------------------------------------------
   - Header ist bereits beim Seitenstart optisch gelöst
   - Normal- und Sticky-Zustand haben dieselbe Geometrie
   - kein weißer Außenrand
   - originales farbiges SVG sauber eingebunden
   ========================================================= */

/* Äußerer Header immer vollständig transparent */
body.shk-v3-layout #masthead,
body.shk-v3-layout .site-header,
body.shk-v3-layout.shk-nav-stuck #masthead {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

/* Abstand zur Statusleiste schon im normalen Zustand */
body.shk-v3-layout #masthead .site-main-header-wrap,
body.shk-v3-layout.shk-nav-stuck #masthead .site-main-header-wrap {
    position: relative !important;
    top: 10px !important;
}

/* Glasleiste: normal und sticky bewusst identisch */
body.shk-v3-layout
#masthead
.site-main-header-wrap
.site-header-row-container-inner > .site-container,
body.shk-v3-layout.shk-nav-stuck
#masthead
.site-main-header-wrap
.site-header-row-container-inner > .site-container {
    width: min(var(--shk-nav-container-width, 1180px), calc(100% - 64px)) !important;

    min-height: 68px !important;
    margin-left: auto !important;
    margin-right: auto !important;

    padding-left: 24px !important;
    padding-right: 24px !important;

    background: rgba(255,255,255,.70) !important;

    /* bewusst kein weißer Rand */
    border: 0 !important;

    border-radius: 18px !important;

    box-shadow:
        0 12px 30px rgba(38,48,52,.14),
        inset 0 1px 0 rgba(255,255,255,.48) !important;

    -webkit-backdrop-filter: blur(24px) saturate(135%) !important;
    backdrop-filter: blur(24px) saturate(135%) !important;

    overflow: hidden !important;
}

/* gleiche Höhe vor und nach dem Scrollen */
body.shk-v3-layout #masthead .site-main-header-inner-wrap,
body.shk-v3-layout #masthead .main-navigation .primary-menu-container > ul > li > a,
body.shk-v3-layout.shk-nav-stuck #masthead .site-main-header-inner-wrap,
body.shk-v3-layout.shk-nav-stuck #masthead .main-navigation .primary-menu-container > ul > li > a {
    min-height: 68px !important;
}

/* Logo ohne eigene Karte oder Filter */
body.shk-v3-layout #masthead .site-branding,
body.shk-v3-layout.shk-nav-stuck #masthead .site-branding {
    display: flex !important;
    align-items: center !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

/* finales horizontales SVG */
body.shk-v3-layout #masthead .site-branding img,
body.shk-v3-layout #masthead .custom-logo,
body.shk-v3-layout.shk-nav-stuck #masthead .site-branding img,
body.shk-v3-layout.shk-nav-stuck #masthead .custom-logo {
    display: block !important;

    width: auto !important;
    height: auto !important;

    max-width: 225px !important;
    max-height: 50px !important;

    object-fit: contain !important;

    filter: none !important;
    opacity: 1 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Navigation */
body.shk-v3-layout #masthead .main-navigation a,
body.shk-v3-layout #masthead .primary-menu a,
body.shk-v3-layout #masthead .menu a,
body.shk-v3-layout.shk-nav-stuck #masthead .main-navigation a,
body.shk-v3-layout.shk-nav-stuck #masthead .primary-menu a,
body.shk-v3-layout.shk-nav-stuck #masthead .menu a {
    color: #4E5055 !important;
    text-shadow: none !important;
}

/* Aktiver / Hover-Akzent */
body.shk-v3-layout #masthead .main-navigation a:hover,
body.shk-v3-layout #masthead .main-navigation a:focus,
body.shk-v3-layout #masthead .primary-menu a:hover,
body.shk-v3-layout #masthead .primary-menu a:focus {
    color: #0091AA !important;
}

body.shk-v3-layout
#masthead
.main-navigation
.primary-menu-container > ul > li > a::after {
    background: #0091AA !important;
    height: 2px !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 768px) {

    body.shk-v3-layout #masthead .site-main-header-wrap,
    body.shk-v3-layout.shk-nav-stuck #masthead .site-main-header-wrap {
        top: 8px !important;
    }

    body.shk-v3-layout
    #masthead
    .site-main-header-wrap
    .site-header-row-container-inner > .site-container,
    body.shk-v3-layout.shk-nav-stuck
    #masthead
    .site-main-header-wrap
    .site-header-row-container-inner > .site-container {
        width: calc(100% - 24px) !important;

        min-height: 60px !important;

        padding-left: 12px !important;
        padding-right: 10px !important;

        background: rgba(255,255,255,.78) !important;

        border: 0 !important;
        border-radius: 15px !important;

        box-shadow:
            0 9px 24px rgba(38,48,52,.14),
            inset 0 1px 0 rgba(255,255,255,.48) !important;

        -webkit-backdrop-filter: blur(22px) saturate(135%) !important;
        backdrop-filter: blur(22px) saturate(135%) !important;
    }

    body.shk-v3-layout #masthead .site-main-header-inner-wrap,
    body.shk-v3-layout.shk-nav-stuck #masthead .site-main-header-inner-wrap {
        min-height: 60px !important;
    }

    body.shk-v3-layout #masthead .site-branding img,
    body.shk-v3-layout #masthead .custom-logo,
    body.shk-v3-layout.shk-nav-stuck #masthead .site-branding img,
    body.shk-v3-layout.shk-nav-stuck #masthead .custom-logo {
        max-width: min(190px, 58vw) !important;
        max-height: 42px !important;
    }
}

/* =========================================================
   HÖLZMANN HEADER – ALWAYS DETACHED / FINAL
   ---------------------------------------------------------
   Ziel:
   - Livebar bleibt oben fixiert
   - Hauptnavigation ist bereits ab Seitenstart gelöst
   - exakt gleicher Zustand vor und nach dem Scrollen
   - 10 px sichtbarer Abstand zwischen Livebar und Navigation
   - kein weißer Außenrand
   - farbiges SVG-Logo unverändert
   ========================================================= */


/* ---------------------------------------------------------
   LIVEBAR IMMER FEST OBEN
   --------------------------------------------------------- */

.shk-livebar,
body.shk-nav-stuck .shk-livebar {
    position: fixed !important;

    top: 0 !important;
    left: 0 !important;
    right: 0 !important;

    width: 100% !important;

    z-index: 10060 !important;
}


/* ---------------------------------------------------------
   MASTHEAD IMMER FIXIERT UND GELÖST
   Der Abstand wird am gesamten Masthead erzeugt und nicht
   mehr an .site-main-header-wrap. Dadurch ist der Zustand
   vor und nach dem Scrollen identisch.
   --------------------------------------------------------- */

body.shk-v3-layout #masthead,
body.shk-v3-layout .site-header,
body.shk-v3-layout.shk-nav-stuck #masthead,
body.shk-v3-layout.shk-nav-stuck .site-header {
    position: fixed !important;

    top: calc(var(--shk-status-height, 34px) + 10px) !important;
    left: 0 !important;
    right: 0 !important;

    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

    z-index: 10050 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;

    overflow: visible !important;

    pointer-events: none !important;
}


/* ---------------------------------------------------------
   INNERER WRAP NICHT MEHR VERSCHIEBEN
   --------------------------------------------------------- */

body.shk-v3-layout #masthead .site-main-header-wrap,
body.shk-v3-layout.shk-nav-stuck #masthead .site-main-header-wrap {
    position: relative !important;

    top: 0 !important;
    left: auto !important;
    right: auto !important;

    margin: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    pointer-events: auto !important;
}


/* ---------------------------------------------------------
   GLASLEISTE
   Normal und Sticky absichtlich vollständig identisch
   --------------------------------------------------------- */

body.shk-v3-layout
#masthead
.site-main-header-wrap
.site-header-row-container-inner > .site-container,
body.shk-v3-layout.shk-nav-stuck
#masthead
.site-main-header-wrap
.site-header-row-container-inner > .site-container {
    width: min(var(--shk-nav-container-width, 1180px), calc(100% - 64px)) !important;

    min-height: 68px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding-left: 24px !important;
    padding-right: 24px !important;

    background: rgba(255,255,255,.72) !important;

    border: 0 !important;
    outline: 0 !important;

    border-radius: 18px !important;

    box-shadow:
        0 12px 30px rgba(38,48,52,.14),
        inset 0 1px 0 rgba(255,255,255,.42) !important;

    -webkit-backdrop-filter: blur(24px) saturate(135%) !important;
    backdrop-filter: blur(24px) saturate(135%) !important;

    overflow: hidden !important;
}


/* gleiche Innenhöhe vor und nach dem Scrollen */
body.shk-v3-layout #masthead .site-main-header-inner-wrap,
body.shk-v3-layout.shk-nav-stuck #masthead .site-main-header-inner-wrap,
body.shk-v3-layout #masthead .main-navigation .primary-menu-container > ul > li > a,
body.shk-v3-layout.shk-nav-stuck #masthead .main-navigation .primary-menu-container > ul > li > a {
    min-height: 68px !important;
}


/* ---------------------------------------------------------
   LOGO
   --------------------------------------------------------- */

body.shk-v3-layout #masthead .site-branding,
body.shk-v3-layout.shk-nav-stuck #masthead .site-branding {
    display: flex !important;
    align-items: center !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

body.shk-v3-layout #masthead .site-branding img,
body.shk-v3-layout #masthead .custom-logo,
body.shk-v3-layout.shk-nav-stuck #masthead .site-branding img,
body.shk-v3-layout.shk-nav-stuck #masthead .custom-logo {
    display: block !important;

    width: auto !important;
    height: auto !important;

    max-width: 225px !important;
    max-height: 50px !important;

    object-fit: contain !important;

    filter: none !important;
    opacity: 1 !important;

    background: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}


/* ---------------------------------------------------------
   NAVIGATION
   --------------------------------------------------------- */

body.shk-v3-layout #masthead .main-navigation a,
body.shk-v3-layout #masthead .primary-menu a,
body.shk-v3-layout #masthead .menu a,
body.shk-v3-layout.shk-nav-stuck #masthead .main-navigation a,
body.shk-v3-layout.shk-nav-stuck #masthead .primary-menu a,
body.shk-v3-layout.shk-nav-stuck #masthead .menu a {
    color: #4E5055 !important;
    text-shadow: none !important;
}

body.shk-v3-layout #masthead .main-navigation a:hover,
body.shk-v3-layout #masthead .main-navigation a:focus,
body.shk-v3-layout #masthead .primary-menu a:hover,
body.shk-v3-layout #masthead .primary-menu a:focus {
    color: #0091AA !important;
}

body.shk-v3-layout
#masthead
.main-navigation
.primary-menu-container > ul > li > a::after {
    background: #0091AA !important;
    height: 2px !important;
}


/* ---------------------------------------------------------
   WORDPRESS ADMINBAR
   Desktop-Adminbar = 32 px
   --------------------------------------------------------- */

body.admin-bar .shk-livebar,
body.admin-bar.shk-nav-stuck .shk-livebar {
    top: 32px !important;
}

body.admin-bar.shk-v3-layout #masthead,
body.admin-bar.shk-v3-layout .site-header,
body.admin-bar.shk-v3-layout.shk-nav-stuck #masthead,
body.admin-bar.shk-v3-layout.shk-nav-stuck .site-header {
    top: calc(32px + var(--shk-status-height, 34px) + 10px) !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 768px) {

    body.shk-v3-layout #masthead,
    body.shk-v3-layout .site-header,
    body.shk-v3-layout.shk-nav-stuck #masthead,
    body.shk-v3-layout.shk-nav-stuck .site-header {
        top: calc(var(--shk-status-height, 34px) + 8px) !important;
    }

    body.shk-v3-layout
    #masthead
    .site-main-header-wrap
    .site-header-row-container-inner > .site-container,
    body.shk-v3-layout.shk-nav-stuck
    #masthead
    .site-main-header-wrap
    .site-header-row-container-inner > .site-container {
        width: calc(100% - 24px) !important;

        min-height: 60px !important;

        padding-left: 12px !important;
        padding-right: 10px !important;

        background: rgba(255,255,255,.80) !important;

        border: 0 !important;
        outline: 0 !important;

        border-radius: 15px !important;

        box-shadow:
            0 9px 24px rgba(38,48,52,.14),
            inset 0 1px 0 rgba(255,255,255,.44) !important;

        -webkit-backdrop-filter: blur(22px) saturate(135%) !important;
        backdrop-filter: blur(22px) saturate(135%) !important;
    }

    body.shk-v3-layout #masthead .site-main-header-inner-wrap,
    body.shk-v3-layout.shk-nav-stuck #masthead .site-main-header-inner-wrap {
        min-height: 60px !important;
    }

    body.shk-v3-layout #masthead .site-branding img,
    body.shk-v3-layout #masthead .custom-logo,
    body.shk-v3-layout.shk-nav-stuck #masthead .site-branding img,
    body.shk-v3-layout.shk-nav-stuck #masthead .custom-logo {
        max-width: min(190px, 58vw) !important;
        max-height: 42px !important;
    }
}


/* WordPress-Adminbar auf kleinen Displays = 46 px */
@media (max-width: 782px) {

    body.admin-bar .shk-livebar,
    body.admin-bar.shk-nav-stuck .shk-livebar {
        top: 46px !important;
    }

    body.admin-bar.shk-v3-layout #masthead,
    body.admin-bar.shk-v3-layout .site-header,
    body.admin-bar.shk-v3-layout.shk-nav-stuck #masthead,
    body.admin-bar.shk-v3-layout.shk-nav-stuck .site-header {
        top: calc(46px + var(--shk-status-height, 34px) + 8px) !important;
    }
}

/* =========================================================
   HÖLZMANN – FINALER FARBSYSTEM-ABGLEICH
   ---------------------------------------------------------
   1. Livebar: "Öffnungszeiten & Kontakt" immer gleiche Farbe
   2. Unterseiten-Hero wieder im dunklen Startseiten-Look
   3. Markenfarben auf allen V3-Seiten vereinheitlichen
   ========================================================= */


/* =========================================================
   LIVEBAR – TEXTFARBEN IMMER IDENTISCH
   ========================================================= */

.shk-livebar,
.shk-livebar .shk-livebar-inner,
.shk-livebar .shk-livebar-status,
.shk-livebar .shk-livebar-status b,
.shk-livebar .shk-livebar-inner > a,
.shk-livebar .shk-livebar-inner > a:link,
.shk-livebar .shk-livebar-inner > a:visited,
body.shk-nav-stuck .shk-livebar,
body.shk-nav-stuck .shk-livebar .shk-livebar-inner,
body.shk-nav-stuck .shk-livebar .shk-livebar-status,
body.shk-nav-stuck .shk-livebar .shk-livebar-status b,
body.shk-nav-stuck .shk-livebar .shk-livebar-inner > a,
body.shk-nav-stuck .shk-livebar .shk-livebar-inner > a:link,
body.shk-nav-stuck .shk-livebar .shk-livebar-inner > a:visited {
    color: #4E5055 !important;
}

.shk-livebar .shk-livebar-inner > a:hover,
.shk-livebar .shk-livebar-inner > a:focus,
body.shk-nav-stuck .shk-livebar .shk-livebar-inner > a:hover,
body.shk-nav-stuck .shk-livebar .shk-livebar-inner > a:focus {
    color: #0091AA !important;
}


/* =========================================================
   UNTERSEITEN-HERO – FARBE WIE STARTSEITE
   ========================================================= */

body.shk-v3-layout:not(.home) .shk-v3-subhero,
body.shk-v3-layout:not(.home) .v2-subpage-hero {
    background-image:
        linear-gradient(
            90deg,
            rgba(41,69,78,.84),
            rgba(41,69,78,.60) 52%,
            rgba(41,69,78,.38)
        ),
        url('/wp-content/uploads/2026/05/ChatGPT-Image-9.-Mai-2026-19_36_00.png') !important;

    background-size: cover !important;
    background-position: center 56% !important;
    border: 0 !important;
}


/* Hero-Texte auf allen Unterseiten einheitlich */
body.shk-v3-layout:not(.home) .shk-v3-subhero h1,
body.shk-v3-layout:not(.home) .v2-subpage-hero-inner h1 {
    color: #ffffff !important;
    text-shadow: 0 3px 20px rgba(0,0,0,.24) !important;
}

body.shk-v3-layout:not(.home) .shk-v3-subhero p,
body.shk-v3-layout:not(.home) .v2-subpage-hero-inner p {
    color: rgba(255,255,255,.90) !important;
}

body.shk-v3-layout:not(.home) .shk-v3-subhero-inner > span,
body.shk-v3-layout:not(.home) .v2-subpage-hero-inner > span {
    color: #0091AA !important;
}


/* =========================================================
   MARKENFARBEN – ALLE V3-SEITEN
   ========================================================= */

body.shk-v3-layout {
    color: #4E5055 !important;
}

body.shk-v3-layout h1,
body.shk-v3-layout h2,
body.shk-v3-layout h3,
body.shk-v3-layout h4,
body.shk-v3-layout h5,
body.shk-v3-layout h6 {
    font-family: "Open Sans", Arial, Helvetica, sans-serif !important;
}


/* Inhaltsüberschriften */
body.shk-v3-layout:not(.home) .shk-v3-subcontent h1,
body.shk-v3-layout:not(.home) .shk-v3-subcontent h2,
body.shk-v3-layout:not(.home) .shk-v3-subcontent h3,
body.shk-v3-layout:not(.home) .shk-v3-subcontent h4,
body.shk-v3-layout:not(.home) .shk-v3-section-head h2,
body.shk-v3-layout:not(.home) .shk-v3-seo-intro h2,
body.shk-v3-layout:not(.home) .shk-v3-seo-split h2,
body.shk-v3-layout:not(.home) .shk-v3-seo-region-box h2,
body.shk-v3-layout:not(.home) .shk-v3-seo-card h3,
body.shk-v3-layout:not(.home) .shk-v3-faq-grid h3,
body.shk-v3-layout:not(.home) .shk-v3-founder-copy h2,
body.shk-v3-layout:not(.home) .shk-v3-founder-copy h3,
body.shk-v3-layout:not(.home) .shk-v3-team-copy h3 {
    color: #4E5055 !important;
}


/* Fließtext */
body.shk-v3-layout:not(.home) .shk-v3-subcontent,
body.shk-v3-layout:not(.home) .shk-v3-subcontent p,
body.shk-v3-layout:not(.home) .shk-v3-subcontent li,
body.shk-v3-layout:not(.home) .shk-v3-seo-card p,
body.shk-v3-layout:not(.home) .shk-v3-faq-grid p,
body.shk-v3-layout:not(.home) .shk-v3-founder-copy p,
body.shk-v3-layout:not(.home) .shk-v3-team-copy p {
    color: #4E5055 !important;
}


/* Türkise Labels / Eyebrows */
body.shk-v3-layout:not(.home) .shk-v3-section-label,
body.shk-v3-layout:not(.home) .shk-v3-eyebrow,
body.shk-v3-layout:not(.home) .shk-v3-kicker,
body.shk-v3-layout:not(.home) .shk-v3-seo-card > span,
body.shk-v3-layout:not(.home) .shk-v3-card-label,
body.shk-v3-layout:not(.home) .shk-v3-service-label {
    color: #0091AA !important;
}


/* Links im Inhaltsbereich */
body.shk-v3-layout:not(.home) .shk-v3-subcontent a:not(.shk-v3-btn),
body.shk-v3-layout:not(.home) .shk-v3-text-link {
    color: #0091AA !important;
}

body.shk-v3-layout:not(.home) .shk-v3-subcontent a:not(.shk-v3-btn):hover,
body.shk-v3-layout:not(.home) .shk-v3-text-link:hover {
    color: #00788D !important;
}


/* Icons / Iconflächen */
body.shk-v3-layout:not(.home) .shk-v3-contact-symbol,
body.shk-v3-layout:not(.home) .shk-v3-map-pin,
body.shk-v3-layout:not(.home) .shk-v3-icon,
body.shk-v3-layout:not(.home) .shk-v3-seo-card > span {
    color: #0091AA !important;
    background: #E8F6F8 !important;
}


/* Karten einheitlich */
body.shk-v3-layout:not(.home) .shk-v3-seo-card,
body.shk-v3-layout:not(.home) .shk-v3-faq-grid article,
body.shk-v3-layout:not(.home) .shk-v3-founder-card,
body.shk-v3-layout:not(.home) .shk-v3-team-card,
body.shk-v3-layout:not(.home) .shk-v3-contact-card,
body.shk-v3-layout:not(.home) .shk-v3-form-wrap {
    border-color: #D9DADD !important;
    box-shadow: 0 14px 34px rgba(78,80,85,.08) !important;
}


/* Primärbuttons */
body.shk-v3-layout .shk-v3-btn-primary,
body.shk-v3-layout .shk-v3-btn.shk-v3-btn-primary,
body.shk-v3-layout .forminator-ui .forminator-button-submit,
body.shk-v3-layout button[type="submit"],
body.shk-v3-layout input[type="submit"] {
    background: #0091AA !important;
    border-color: #0091AA !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

body.shk-v3-layout .shk-v3-btn-primary:hover,
body.shk-v3-layout .shk-v3-btn.shk-v3-btn-primary:hover,
body.shk-v3-layout .forminator-ui .forminator-button-submit:hover,
body.shk-v3-layout button[type="submit"]:hover,
body.shk-v3-layout input[type="submit"]:hover {
    background: #00788D !important;
    border-color: #00788D !important;
}


/* Sekundärbuttons */
body.shk-v3-layout .shk-v3-btn-secondary {
    background: #ffffff !important;
    color: #4E5055 !important;
    border-color: #D9DADD !important;
}

body.shk-v3-layout .shk-v3-btn-secondary:hover {
    color: #0091AA !important;
    border-color: #0091AA !important;
}


/* =========================================================
   LEISTUNGEN / ÜBER UNS / KONTAKT – ALTE AKZENTFARBEN ABFANGEN
   ========================================================= */

body.page-id-11 [class*="label"],
body.page-id-13 [class*="label"],
body.page-id-15 [class*="label"],
body.page-id-304 [class*="label"] {
    color: #0091AA !important;
}

body.page-id-11 .shk-v3-subcontent strong,
body.page-id-13 .shk-v3-subcontent strong,
body.page-id-15 .shk-v3-subcontent strong,
body.page-id-304 .shk-v3-subcontent strong {
    color: #4E5055 !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 768px) {

    body.shk-v3-layout:not(.home) .shk-v3-subhero,
    body.shk-v3-layout:not(.home) .v2-subpage-hero {
        background-position: 62% center !important;
    }
}

/* =========================================================
   HÖLZMANN – EYEBROWS / KATEGORIEÜBERSCHRIFTEN FINAL
   ---------------------------------------------------------
   Markenblau #0091AA auf Startseite UND allen V3-Unterseiten.
   Dieser Block steht bewusst ganz am Ende, damit ältere
   hellblaue Hero-Regeln sicher überschrieben werden.
   ========================================================= */

body.shk-v3-layout .shk-v3-hero .shk-v3-eyebrow,
body.shk-v3-layout .shk-v3-hero-eyebrow,
body.shk-v3-layout .shk-v3-subhero-inner > span,
body.shk-v3-layout .v2-subpage-hero-inner > span,
body.shk-v3-layout .shk-v3-section-label,
body.shk-v3-layout .shk-v3-eyebrow,
body.shk-v3-layout .shk-v3-kicker,
body.shk-v3-layout .shk-v3-card-label,
body.shk-v3-layout .shk-v3-service-label {
    color: #0091AA !important;
}

/* =========================================================
   HÖLZMANN – MARKENBLAU FINAL
   ---------------------------------------------------------
   Exakter Logo-Farbton:
   #0091AA

   Dieser Schlussblock vereinheitlicht alle sichtbaren
   türkis/blauen Akzente auf Startseite und Unterseiten.
   ========================================================= */

:root {
    --hh-blue: #0091AA !important;
    --hh-accent: #0091AA !important;
    --shk-accent: #0091AA !important;
}


/* Hero-/Kategorie-Eyebrows */
body.shk-v3-layout .shk-v3-hero .shk-v3-eyebrow,
body.shk-v3-layout .shk-v3-hero-eyebrow,
body.shk-v3-layout .shk-v3-subhero .shk-v3-subhero-inner > span,
body.shk-v3-layout .v2-subpage-hero .v2-subpage-hero-inner > span,
body.shk-v3-layout .shk-v3-section-label,
body.shk-v3-layout .shk-v3-eyebrow,
body.shk-v3-layout .shk-v3-kicker,
body.shk-v3-layout .shk-v3-card-label,
body.shk-v3-layout .shk-v3-service-label,
body.shk-v3-layout .shk-v3-label {
    color: #0091AA !important;
    opacity: 1 !important;
    filter: none !important;
}


/* Bekannte Unterseiten explizit absichern */
body.page-id-11 .shk-v3-subhero-inner > span,
body.page-id-13 .shk-v3-subhero-inner > span,
body.page-id-15 .shk-v3-subhero-inner > span,
body.page-id-88 .v2-subpage-hero-inner > span,
body.page-id-203 .shk-v3-subhero-inner > span,
body.page-id-204 .shk-v3-subhero-inner > span,
body.page-id-210 .shk-v3-subhero-inner > span,
body.page-id-212 .shk-v3-subhero-inner > span,
body.page-id-297 .shk-v3-subhero-inner > span,
body.page-id-300 .shk-v3-subhero-inner > span,
body.page-id-304 .shk-v3-subhero-inner > span,
body.page-id-335 .shk-v3-subhero-inner > span {
    color: #0091AA !important;
    opacity: 1 !important;
    filter: none !important;
}


/* Startseiten-Labels wie "UNSERE LEISTUNGEN" */
body.home .shk-v3-home .shk-v3-label,
body.home .shk-v3-home .shk-v3-section-label,
body.home .shk-v3-home .shk-v3-eyebrow,
body.home .shk-v3-home .shk-v3-kicker {
    color: #0091AA !important;
}


/* Farbige Pill-/Badge-Elemente auf der Startseite */
body.home .shk-v3-home [class*="badge"],
body.home .shk-v3-home [class*="tag"],
body.home .shk-v3-home [class*="pill"] {
    background-color: #0091AA !important;
    border-color: #0091AA !important;
    color: #ffffff !important;
}


/* Einsatzgebiet-Label bleibt weich, Text aber Markenblau */
body.home .shk-v3-region-section .shk-v3-label {
    color: #0091AA !important;
    border-color: rgba(0,145,170,.16) !important;
}


/* Links / aktive Navigation / Form-Fokus */
body.shk-v3-layout a:not(.shk-v3-btn):hover,
body.shk-v3-layout a:not(.shk-v3-btn):focus {
    --hh-link-accent: #0091AA;
}

body.shk-v3-layout
#masthead
.main-navigation
.primary-menu-container > ul > li > a::after {
    background: #0091AA !important;
}

body.page-id-88 form input:focus,
body.page-id-88 form textarea:focus,
body.page-id-88 form select:focus,
body.page-id-15 form input:focus,
body.page-id-15 form textarea:focus,
body.page-id-15 form select:focus {
    border-color: #0091AA !important;
    box-shadow: 0 0 0 3px rgba(0,145,170,.16) !important;
}


/* Primärbuttons */
body.shk-v3-layout .shk-v3-btn-primary,
body.shk-v3-layout .forminator-ui .forminator-button-submit,
body.shk-v3-layout button[type="submit"],
body.shk-v3-layout input[type="submit"] {
    background: #0091AA !important;
    border-color: #0091AA !important;
}


/* Floating-Buttons mit Markenblau */
body .floating-contact-bar > a.floating-phone,
body .floating-contact-bar > a.floating-instagram {
    background: #0091AA !important;
}

/* =========================================================
   HÖLZMANN – CORPORATE BLUE TEXT FINAL
   ---------------------------------------------------------
   Alle sichtbaren blauen/türkisen TEXT-Akzente verwenden
   exakt das Logo-Blau #0091AA.
   Fließtext und dunkle Überschriften bleiben Anthrazit.
   ========================================================= */

:root {
    --hh-blue: #0091AA !important;
    --hh-accent: #0091AA !important;
    --shk-accent: #0091AA !important;
}


/* Allgemeine Labels / Eyebrows / Kicker */
body.shk-v3-layout .shk-v3-label,
body.shk-v3-layout .shk-v3-section-label,
body.shk-v3-layout .shk-v3-eyebrow,
body.shk-v3-layout .shk-v3-kicker,
body.shk-v3-layout .shk-v3-card-label,
body.shk-v3-layout .shk-v3-service-label,
body.shk-v3-layout .shk-v3-hero-eyebrow,
body.shk-v3-layout .shk-v3-hero .shk-v3-eyebrow {
    color: #0091AA !important;
}


/* Hero-Kategorieüberschriften */
body.shk-v3-layout .shk-v3-subhero .shk-v3-subhero-inner > span,
body.shk-v3-layout .v2-subpage-hero .v2-subpage-hero-inner > span {
    color: #0091AA !important;
    opacity: 1 !important;
    filter: none !important;
}


/* Textlinks wie "Mehr zu Wärmepumpen" */
body.shk-v3-layout .shk-v3-text-link,
body.shk-v3-layout a.shk-v3-text-link,
body.home .shk-v3-home .shk-v3-service-card a,
body.home .shk-v3-home .shk-v3-card a,
body.home .shk-v3-home [class*="service"] a[class*="link"],
body.home .shk-v3-home [class*="card"] a[class*="link"] {
    color: #0091AA !important;
}

body.shk-v3-layout .shk-v3-text-link:hover,
body.shk-v3-layout .shk-v3-text-link:focus,
body.home .shk-v3-home .shk-v3-service-card a:hover,
body.home .shk-v3-home .shk-v3-service-card a:focus,
body.home .shk-v3-home .shk-v3-card a:hover,
body.home .shk-v3-home .shk-v3-card a:focus {
    color: #0091AA !important;
}


/* Startseite – Bereichsüberschriften und kleine Akzenttexte */
body.home .shk-v3-home .shk-v3-label,
body.home .shk-v3-home .shk-v3-section-label,
body.home .shk-v3-home .shk-v3-eyebrow,
body.home .shk-v3-home .shk-v3-kicker {
    color: #0091AA !important;
}


/* Unterseiten – Inhaltslabels */
body.shk-v3-layout:not(.home) .shk-v3-subcontent .shk-v3-label,
body.shk-v3-layout:not(.home) .shk-v3-subcontent .shk-v3-section-label,
body.shk-v3-layout:not(.home) .shk-v3-subcontent .shk-v3-eyebrow,
body.shk-v3-layout:not(.home) .shk-v3-subcontent .shk-v3-kicker,
body.shk-v3-layout:not(.home) .shk-v3-seo-card > span {
    color: #0091AA !important;
}


/* Kontakt-/Icon-Texte, soweit sie bewusst als Akzent gefärbt sind */
body.shk-v3-layout .shk-v3-contact-symbol,
body.shk-v3-layout .shk-v3-map-pin {
    color: #0091AA !important;
}


/* Navigation und Mobile-Menü */
body.shk-v3-layout
#masthead
.main-navigation
.primary-menu-container > ul > li > a::after {
    background: #0091AA !important;
}

#mobile-drawer .mobile-navigation ul li > a:hover,
#mobile-drawer .mobile-navigation ul li > a:focus,
#mobile-drawer .mobile-navigation ul li.current-menu-item > a,
#mobile-drawer .mobile-navigation ul li.current_page_item > a,
#mobile-drawer .mobile-navigation ul li.current-menu-ancestor > a {
    color: #0091AA !important;
}

#mobile-drawer .mobile-navigation ul li.current-menu-item > a::before,
#mobile-drawer .mobile-navigation ul li.current_page_item > a::before {
    background: #0091AA !important;
}


/* Footer-/Livebar-Hover ebenfalls exakt Logo-Blau */
.shk-livebar a:hover,
.shk-livebar a:focus,
.shk-footer-contact a:hover,
.shk-footer-contact a:focus,
.hh-footer-legal a:hover,
.hh-footer-legal a:focus,
#colophon a:hover,
#colophon a:focus {
    color: #0091AA !important;
}


/* Formulare: blaue Akzenttexte / Fokus */
body.page-id-88 form input:focus,
body.page-id-88 form textarea:focus,
body.page-id-88 form select:focus,
body.page-id-15 form input:focus,
body.page-id-15 form textarea:focus,
body.page-id-15 form select:focus {
    border-color: #0091AA !important;
    box-shadow: 0 0 0 3px rgba(0,145,170,.16) !important;
}

/* =========================================================
   HÖLZMANN – EYEBROW TYPOGRAFIE FINAL
   ---------------------------------------------------------
   Einheitliche Schrift und Größe für alle kleinen
   Kategorie-/Eyebrow-Titel.
   ========================================================= */

body.shk-v3-layout .shk-v3-label,
body.shk-v3-layout .shk-v3-section-label,
body.shk-v3-layout .shk-v3-eyebrow,
body.shk-v3-layout .shk-v3-kicker,
body.shk-v3-layout .shk-v3-card-label,
body.shk-v3-layout .shk-v3-service-label,
body.shk-v3-layout .shk-v3-hero-eyebrow,
body.shk-v3-layout .shk-v3-hero .shk-v3-eyebrow,
body.shk-v3-layout .shk-v3-subhero-inner > span,
body.shk-v3-layout .v2-subpage-hero-inner > span {
    font-family: "Open Sans", Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
    font-weight: 800 !important;
    letter-spacing: .05em !important;
    text-transform: uppercase !important;
    color: #0091AA !important;
}


/* Startseite: kleine Bereichslabels ebenfalls exakt gleich */
body.home .shk-v3-home .shk-v3-label,
body.home .shk-v3-home .shk-v3-section-label,
body.home .shk-v3-home .shk-v3-eyebrow,
body.home .shk-v3-home .shk-v3-kicker {
    font-family: "Open Sans", Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
    font-weight: 800 !important;
    letter-spacing: .05em !important;
    text-transform: uppercase !important;
    color: #0091AA !important;
}


/* Mobile minimal kompakter */
@media (max-width: 768px) {
    body.shk-v3-layout .shk-v3-label,
    body.shk-v3-layout .shk-v3-section-label,
    body.shk-v3-layout .shk-v3-eyebrow,
    body.shk-v3-layout .shk-v3-kicker,
    body.shk-v3-layout .shk-v3-card-label,
    body.shk-v3-layout .shk-v3-service-label,
    body.shk-v3-layout .shk-v3-hero-eyebrow,
    body.shk-v3-layout .shk-v3-hero .shk-v3-eyebrow,
    body.shk-v3-layout .shk-v3-subhero-inner > span,
    body.shk-v3-layout .v2-subpage-hero-inner > span {
        font-size: 13px !important;
        letter-spacing: .05em !important;
    }
}