/* =========================================================
   Gartenparadies Heek – Öffentliche Seiten 1:1 Standard
   Referenz: assets/css/gartenbedarf.css
   V10.4.115
   ========================================================= */

:root {
    --gp-public-max: 1180px;
    --gp-public-green: #2f5d34;
    --gp-public-dark: #17351f;
    --gp-public-bg: #f7faf5;
    --gp-public-text: #4a554d;
    --gp-public-shadow: 0 10px 30px rgba(0,0,0,.08);
    --gp-public-radius: 22px;
}

/* ---------- Gemeinsamer Seitenhintergrund ---------- */
.problemloeser-page,
.maschinen-page,
.karriere-page,
.ueber-uns-page,
.page-main,
.restposten-seite {
    background: var(--gp-public-bg) !important;
    color: var(--gp-public-dark);
}

/* ---------- Hero: exakt Gartenbedarf-Grundmaß ---------- */
.page-hero,
.problemloeser-hero,
.maschinen-hero,
.karriere-hero,
.ueber-uns-hero,
.rest-hero,
.gartenbedarf-hero,
.inner-hero,
.gaerten-erleben-seite .ge-hero,
.garten-wellness-seite .gw-hero,
.innerer-garten-persoenlich-seite .igp-hero,
.garden-check-hero,
.mieten-hero {
    min-height: 310px !important;
    box-sizing: border-box;
    display: flex !important;
    align-items: center !important;
    padding: 0 !important;
    color: #fff;
    background-size: cover !important;
    background-position: center !important;
}

.page-hero-content,
.problemloeser-hero-inner,
.maschinen-hero-content,
.karriere-hero-inner,
.ueber-uns-hero-inner,
.rest-hero-inner {
    width: 100% !important;
    max-width: var(--gp-public-max) !important;
    margin: 0 auto !important;
    padding: 58px 25px !important;
    box-sizing: border-box;
}

.page-hero-label,
.problemloeser-label,
.maschinen-hero-label,
.karriere-label,
.ueber-uns-label,
.rest-kicker {
    display: inline-flex !important;
    align-items: center;
    gap: 9px;
    margin: 0 0 14px !important;
    padding: 8px 14px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.16) !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    letter-spacing: 1.5px !important;
    line-height: 1.2;
    text-transform: uppercase;
    text-shadow: none !important;
}

.page-hero h1,
.problemloeser-hero h1,
.maschinen-hero h1,
.karriere-hero h1,
.ueber-uns-hero h1,
.rest-hero h1 {
    max-width: 760px;
    margin: 0 0 18px !important;
    color: #fff !important;
    font-family: Georgia, serif !important;
    font-size: 58px !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
    letter-spacing: 0 !important;
    text-shadow: 2px 2px 8px rgba(0,0,0,.7) !important;
}

.page-hero p,
.problemloeser-hero p,
.maschinen-hero p,
.karriere-hero p,
.ueber-uns-hero p,
.rest-hero p {
    max-width: 720px !important;
    margin: 0 !important;
    color: #fff !important;
    font-size: 22px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    text-shadow: 1px 1px 6px rgba(0,0,0,.7) !important;
}

/* Restposten behält sein echtes Headerbild; nur die alte Dekoschicht wird neutralisiert. */
.rest-hero::after { pointer-events:none; }



/* Weitere öffentliche Unterseiten nutzen dasselbe Header-Grundmaß. */
.gartenbedarf-hero,
.inner-hero,
.gaerten-erleben-seite .ge-hero,
.garten-wellness-seite .gw-hero,
.innerer-garten-persoenlich-seite .igp-hero,
.garden-check-hero,
.mieten-hero {
    box-sizing: border-box;
    background-size: cover !important;
    background-position: center !important;
}
.inner-hero,
.mieten-hero {
    padding: 58px 25px !important;
}
.inner-hero h1,
.mieten-hero h1 {
    color: #fff !important;
    font-family: Georgia, serif !important;
    font-size: 58px !important;
    line-height: 1.15 !important;
    text-shadow: 2px 2px 8px rgba(0,0,0,.7) !important;
}
.inner-hero p,
.mieten-hero p {
    color: #fff !important;
    font-size: 22px !important;
    line-height: 1.6 !important;
    text-shadow: 1px 1px 6px rgba(0,0,0,.7) !important;
}

/* ---------- Content-Breite und Außenabstände ---------- */
.problemloeser-content,
.maschinen-container,
.karriere-content,
.ueber-uns-content,
.rest-main {
    width: 100% !important;
    max-width: var(--gp-public-max) !important;
    margin: 55px auto 72px !important;
    padding: 0 25px !important;
    box-sizing: border-box;
}

.page-main > .section.soft,
.page-main > .section:not(.cta) {
    padding-left: 25px !important;
    padding-right: 25px !important;
}

.page-main > .section.soft:first-of-type {
    padding-top: 55px !important;
    padding-bottom: 72px !important;
}

.page-main .section-inner {
    width: 100%;
    max-width: var(--gp-public-max) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* ---------- Zurück-Buttons ---------- */
.back-link,
.problemloeser-back-btn,
.problemloeser-small-back-btn,
.maschinen-back,
.karriere-back-btn,
.ueber-uns-back-btn {
    display: inline-flex !important;
    align-items: center;
    gap: 10px;
    min-height: 44px;
    margin-bottom: 30px !important;
    padding: 12px 18px !important;
    box-sizing: border-box;
    background: #fff !important;
    color: var(--gp-public-green) !important;
    border: 2px solid var(--gp-public-green) !important;
    border-radius: 999px !important;
    box-shadow: none !important;
    text-decoration: none !important;
    font-size: 15px;
    font-weight: 800 !important;
    line-height: 1;
    transition: all .2s ease;
}

.back-link:hover,
.problemloeser-back-btn:hover,
.problemloeser-small-back-btn:hover,
.maschinen-back:hover,
.karriere-back-btn:hover,
.ueber-uns-back-btn:hover {
    background: var(--gp-public-green) !important;
    color: #fff !important;
    transform: translateY(-2px);
}

.problemloeser-back-wrap,
.karriere-back-wrap,
.ueber-uns-back-wrap,
.maschinen-top-actions {
    margin-bottom: 30px !important;
}

/* ---------- Intro-Boxen wie Gartenbedarf ---------- */
.problemloeser-intro-box,
.karriere-content > .karriere-wide-card:first-of-type,
.page-main .content-card:first-of-type,
.rest-intro-card {
    background: #fff !important;
    padding: 34px !important;
    border: 0 !important;
    border-left: 7px solid var(--gp-public-green) !important;
    border-radius: var(--gp-public-radius) !important;
    box-shadow: var(--gp-public-shadow) !important;
    margin-bottom: 42px !important;
    line-height: 1.75 !important;
}

.problemloeser-intro-box h2,
.karriere-content > .karriere-wide-card:first-of-type h2,
.page-main .content-card:first-of-type h1,
.page-main .content-card:first-of-type h2,
.rest-intro-card h2 {
    margin: 0 0 14px !important;
    color: var(--gp-public-green) !important;
    font-family: Georgia, serif !important;
    font-size: 30px !important;
    line-height: 1.2;
}

.problemloeser-intro-box p,
.karriere-content > .karriere-wide-card:first-of-type .karriere-text,
.page-main .content-card:first-of-type p,
.rest-intro-card p {
    color: var(--gp-public-text) !important;
    font-size: 17px !important;
    line-height: 1.75 !important;
}

/* ---------- Abschnittstitel ---------- */
.problemloeser-content > h2,
.maschinen-section-title,
.karriere-section-title,
.ueber-uns-content > h2,
.rest-main > h2,
.page-main .section-inner > h2 {
    margin: 0 0 24px !important;
    color: var(--gp-public-dark) !important;
    font-family: Georgia, serif !important;
    font-size: 32px !important;
    text-align: left !important;
}

/* ---------- Kachel-Grundmaß ---------- */
.problemloeser-grid,
.maschinen-grid,
.karriere-jobs-grid,
.ueber-uns-grid,
.rest-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)) !important;
    gap: 28px !important;
}

.problemloeser-card,
.maschinen-card,
.karriere-job-card,
.ueber-uns-card,
.rest-card {
    background: #fff !important;
    border-radius: 22px !important;
    box-shadow: var(--gp-public-shadow) !important;
    border-color: rgba(126,163,90,.16) !important;
}

.maschinen-card-image,
.rest-card-media {
    height: 210px !important;
}

/* ---------- Über uns: Inhalt nicht als Sonderbreite ---------- */
.ueber-uns-values,
.ueber-uns-cta,
.karriere-wide-card {
    border-radius: 22px !important;
}

/* ---------- Innerer Garten: Sonderfunktionen bleiben, Kopf identisch ---------- */
.innerer-garten-seite .innerer-garten-hero {
    min-height: 310px !important;
    background-position: center !important;
}
.innerer-garten-seite .innerer-garten-hero .page-hero-content {
    max-width: var(--gp-public-max) !important;
}
.innerer-garten-seite .ig-main-section {
    padding-top: 55px !important;
}
.innerer-garten-seite .ig-welcome-card {
    border-left: 7px solid var(--gp-public-green) !important;
    border-radius: 22px !important;
    box-shadow: var(--gp-public-shadow) !important;
}

/* ---------- Kontakt / Steuerbonus / andere page-main-Unterseiten ---------- */
.contact-card,
.taxbonus-info-intro,
.taxbonus-info-card,
.taxbonus-wide-card {
    border-radius: 22px !important;
    box-shadow: var(--gp-public-shadow) !important;
}

/* ---------- Responsive exakt an Gartenbedarf angelehnt ---------- */
@media (max-width: 768px) {
    .page-hero,
    .problemloeser-hero,
    .maschinen-hero,
    .karriere-hero,
    .ueber-uns-hero,
    .rest-hero,
    .innerer-garten-seite .innerer-garten-hero,
    .gartenbedarf-hero,
    .inner-hero,
    .gaerten-erleben-seite .ge-hero,
    .garten-wellness-seite .gw-hero,
    .innerer-garten-persoenlich-seite .igp-hero,
    .garden-check-hero,
    .mieten-hero {
        min-height: 310px !important;
    }

    .page-hero-content,
    .problemloeser-hero-inner,
    .maschinen-hero-content,
    .karriere-hero-inner,
    .ueber-uns-hero-inner,
    .rest-hero-inner {
        padding: 48px 18px !important;
    }

    .page-hero h1,
    .problemloeser-hero h1,
    .maschinen-hero h1,
    .karriere-hero h1,
    .ueber-uns-hero h1,
    .rest-hero h1 {
        font-size: 40px !important;
    }

    .page-hero p,
    .problemloeser-hero p,
    .maschinen-hero p,
    .karriere-hero p,
    .ueber-uns-hero p,
    .rest-hero p {
        font-size: 18px !important;
    }



    .inner-hero,
    .mieten-hero { padding: 48px 18px !important; }
    .inner-hero h1,
    .mieten-hero h1 { font-size: 40px !important; }
    .inner-hero p,
    .mieten-hero p { font-size: 18px !important; }

    .problemloeser-content,
    .maschinen-container,
    .karriere-content,
    .ueber-uns-content,
    .rest-main {
        margin: 35px auto 54px !important;
        padding: 0 18px !important;
    }

    .page-main > .section.soft,
    .page-main > .section:not(.cta) {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    .problemloeser-intro-box,
    .karriere-content > .karriere-wide-card:first-of-type,
    .page-main .content-card:first-of-type,
    .rest-intro-card {
        padding: 26px !important;
    }

    .problemloeser-content > h2,
    .maschinen-section-title,
    .karriere-section-title,
    .rest-main > h2,
    .page-main .section-inner > h2 {
        font-size: 27px !important;
    }

    .problemloeser-grid,
    .maschinen-grid,
    .karriere-jobs-grid,
    .ueber-uns-grid,
    .rest-grid {
        grid-template-columns: 1fr !important;
    }
}

/* =========================================================
   Startseite: Hero-Hoehe 1:1 wie Leistungsseiten (Gartenpflege)
   Nur Hoehe/Box-Modell angeglichen, keine Inhaltsaenderung.
   ========================================================= */
.startseite .hero {
    min-height: 310px !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

@media (max-width: 700px) {
    .startseite .hero {
        min-height: 310px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}

/* =========================================================
   Startseite: Headertext 1:1 wie Gartenpflege
   Position, Breite und Typografie an .page-hero angeglichen.
   ========================================================= */
.startseite .hero .hero-text {
    width: 100% !important;
    max-width: var(--gp-public-max) !important;
    margin: 0 auto !important;
    padding: 58px 25px !important;
    box-sizing: border-box !important;
}

.startseite .hero h1 {
    max-width: 760px !important;
    margin: 0 0 18px !important;
    color: #fff !important;
    font-family: Georgia, serif !important;
    font-size: 58px !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
    letter-spacing: 0 !important;
    text-shadow: 2px 2px 8px rgba(0,0,0,.7) !important;
}

.startseite .hero h1 span {
    color: #fff !important;
    font: inherit !important;
    line-height: inherit !important;
}

.startseite .hero p {
    max-width: 720px !important;
    margin: 0 0 30px !important;
    color: #fff !important;
    font-size: 22px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    text-shadow: 1px 1px 6px rgba(0,0,0,.7) !important;
}

@media (max-width: 700px) {
    .startseite .hero .hero-text {
        padding: 36px 20px !important;
    }

    .startseite .hero h1 {
        font-size: 40px !important;
    }

    .startseite .hero p {
        font-size: 18px !important;
    }
}

/* =========================================================
   Startseite: Hero endgültig 1:1 Höhe Gartenpflege
   Feste 310 px; Aktionen rechts, damit Inhalt nicht aufhöht.
   ========================================================= */
.startseite .hero {
    height: 310px !important;
    min-height: 310px !important;
    max-height: 310px !important;
    padding: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
}

.startseite .hero .hero-text {
    width: 100% !important;
    max-width: var(--gp-public-max) !important;
    height: 310px !important;
    margin: 0 auto !important;
    padding: 0 25px !important;
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: minmax(0, 760px) auto !important;
    grid-template-rows: auto auto !important;
    column-gap: 42px !important;
    align-content: center !important;
    align-items: center !important;
}

.startseite .hero h1 {
    grid-column: 1 !important;
    grid-row: 1 !important;
    margin: 0 0 18px !important;
}

.startseite .hero p {
    grid-column: 1 !important;
    grid-row: 2 !important;
    margin: 0 !important;
}

.startseite .hero .buttons {
    grid-column: 2 !important;
    grid-row: 1 / span 2 !important;
    align-self: center !important;
    justify-self: end !important;
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 12px !important;
    margin: 0 !important;
}

.startseite .hero .buttons .btn {
    white-space: nowrap !important;
}

@media (max-width: 900px) {
    .startseite .hero .hero-text {
        grid-template-columns: 1fr auto !important;
        column-gap: 20px !important;
    }

    .startseite .hero h1 {
        font-size: 44px !important;
    }

    .startseite .hero p {
        font-size: 18px !important;
        line-height: 1.45 !important;
    }
}

@media (max-width: 700px) {
    .startseite .hero,
    .startseite .hero .hero-text {
        height: 310px !important;
        min-height: 310px !important;
        max-height: 310px !important;
    }

    .startseite .hero .hero-text {
        padding: 0 20px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: center !important;
        gap: 0 !important;
    }

    .startseite .hero h1 {
        font-size: 40px !important;
        margin-bottom: 10px !important;
    }

    .startseite .hero p {
        font-size: 18px !important;
        line-height: 1.4 !important;
        margin-bottom: 14px !important;
    }

    .startseite .hero .buttons {
        width: 100% !important;
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        justify-content: flex-start !important;
        gap: 8px !important;
    }
}


/* =========================================================
   Gartenpflege – Gestaltung nach Startseiten-Vorlage
   Inhalt/Funktionen bleiben unverändert.
   ========================================================= */
.leistung-gartenpflege .page-main > .section.soft:first-of-type {
    padding-top: 54px !important;
    padding-bottom: 72px !important;
    background: linear-gradient(180deg, #f5f8f1 0%, #eef5e9 100%) !important;
}

.leistung-gartenpflege .page-main .section-inner {
    max-width: var(--gp-public-max) !important;
}

/* Der große alte Sammelkasten wird zu einer ruhigen Seitenfläche. */
.leistung-gartenpflege .content-card:first-of-type {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Hauptinhalt als hochwertige weiße Karte wie auf der Startseite. */
.leistung-gartenpflege .content-text {
    padding: 42px 44px 40px !important;
    border: 1px solid #dfe8da !important;
    border-radius: 20px !important;
    background: #fff !important;
    box-shadow: 0 12px 32px rgba(0,0,0,.07) !important;
    color: #4a554d !important;
}

.leistung-gartenpflege .content-text h1,
.leistung-gartenpflege .content-text h2,
.leistung-gartenpflege .content-text h3 {
    color: #17351f !important;
    font-family: Georgia, serif !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
}

.leistung-gartenpflege .content-text h2 {
    margin: 34px 0 12px !important;
    font-size: 30px !important;
    line-height: 1.2 !important;
}

.leistung-gartenpflege .content-text h2:first-child {
    margin-top: 0 !important;
    text-align: center !important;
    font-size: 34px !important;
}

.leistung-gartenpflege .content-text p {
    margin: 0 0 20px !important;
    color: #4a554d !important;
    font-size: 16px !important;
    line-height: 1.75 !important;
}

/* Leistungsliste im Karten-/Chip-Stil der Startseite. */
.leistung-gartenpflege .content-text ul {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px 14px !important;
    margin: 18px 0 30px !important;
    padding: 0 !important;
    list-style: none !important;
}

.leistung-gartenpflege .content-text ul li {
    position: relative !important;
    margin: 0 !important;
    padding: 12px 14px 12px 38px !important;
    border: 1px solid #dfe8da !important;
    border-radius: 12px !important;
    background: #f7faf5 !important;
    color: #314536 !important;
    line-height: 1.45 !important;
}

.leistung-gartenpflege .content-text ul li::before {
    content: "✓";
    position: absolute;
    left: 14px;
    top: 11px;
    color: #2f5d34;
    font-weight: 900;
}

/* Steuerbonus bleibt inhaltlich gleich, bekommt aber dieselbe Kartenwirkung. */
.leistung-gartenpflege .steuerbonus-box,
.leistung-gartenpflege .steuerbonus-hinweis,
.leistung-gartenpflege [class*="steuerbonus"] {
    border-radius: 18px !important;
}

.leistung-gartenpflege .content-buttons {
    margin-top: 26px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

.leistung-gartenpflege .content-buttons .btn {
    min-height: 46px !important;
    padding: 13px 19px !important;
    border-radius: 999px !important;
    font-weight: 800 !important;
}

@media (max-width: 760px) {
    .leistung-gartenpflege .page-main > .section.soft:first-of-type {
        padding-top: 36px !important;
        padding-bottom: 48px !important;
    }

    .leistung-gartenpflege .content-text {
        padding: 28px 22px 26px !important;
        border-radius: 17px !important;
    }

    .leistung-gartenpflege .content-text h2:first-child {
        text-align: left !important;
        font-size: 29px !important;
    }

    .leistung-gartenpflege .content-text h2 {
        font-size: 26px !important;
    }

    .leistung-gartenpflege .content-text ul {
        grid-template-columns: 1fr !important;
    }

    .leistung-gartenpflege .content-buttons {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .leistung-gartenpflege .content-buttons .btn {
        width: 100% !important;
        justify-content: center !important;
    }
}

/* =========================================================
   Gartenpflege V2 – Komposition 1:1 nach Startseiten-Prinzip
   Bestehende Inhalte, neue Anordnung ohne neue Fachinhalte.
   ========================================================= */
.leistung-gartenpflege .page-main > .section.soft:first-of-type {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    background: #f4f8f0 !important;
}

.leistung-gartenpflege .page-main .section-inner {
    max-width: none !important;
    padding: 0 !important;
}

.leistung-gartenpflege .content-card:first-of-type {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.leistung-gartenpflege .gp-care-layout {
    color: #334238;
}

/* Erster großer, ruhiger Abschnitt wie der Produktbereich der Startseite. */
.leistung-gartenpflege .gp-care-overview {
    padding: 64px max(25px, calc((100vw - 1180px) / 2 + 25px)) 68px !important;
    background: #f7faf4 !important;
}

.leistung-gartenpflege .gp-care-intro-copy {
    max-width: 900px;
    margin: 0 auto 38px;
    text-align: center;
}

.leistung-gartenpflege .gp-care-intro-copy h2,
.leistung-gartenpflege .gp-care-services h2,
.leistung-gartenpflege .gp-care-card h2,
.leistung-gartenpflege .gp-care-extra h2 {
    margin: 0 0 16px !important;
    color: #17351f !important;
    font-family: Georgia, serif !important;
    font-weight: 700 !important;
    line-height: 1.14 !important;
    letter-spacing: 0 !important;
}

.leistung-gartenpflege .gp-care-intro-copy h2 {
    font-size: clamp(34px, 4vw, 46px) !important;
}

.leistung-gartenpflege .gp-care-intro-copy p {
    max-width: 820px;
    margin: 0 auto !important;
    color: #556158 !important;
    font-size: 17px !important;
    line-height: 1.75 !important;
}

.leistung-gartenpflege .gp-care-services {
    max-width: 1040px;
    margin: 0 auto;
}

.leistung-gartenpflege .gp-care-services h2 {
    margin-bottom: 25px !important;
    text-align: center !important;
    font-size: 31px !important;
}

.leistung-gartenpflege .gp-care-services ul {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 15px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.leistung-gartenpflege .gp-care-services li {
    position: relative !important;
    min-height: 68px;
    margin: 0 !important;
    padding: 20px 18px 18px 48px !important;
    border: 1px solid #dce6d7 !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 8px 22px rgba(29, 63, 35, .06) !important;
    color: #29402e !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
}

.leistung-gartenpflege .gp-care-services li::before {
    content: "✓";
    position: absolute;
    left: 18px;
    top: 18px;
    width: 21px;
    height: 21px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #eaf2e5;
    color: #2d6639;
    font-size: 12px;
    font-weight: 900;
}

/* Zweiter Abschnitt: heller Inhalt + dunkle Akzentkarte wie auf der Startseite. */
.leistung-gartenpflege .gp-care-duo {
    display: grid !important;
    grid-template-columns: minmax(0, 1.45fr) minmax(300px, .75fr) !important;
    gap: 24px !important;
    padding: 60px max(25px, calc((100vw - 1180px) / 2 + 25px)) !important;
    background: #eef5e9 !important;
}

.leistung-gartenpflege .gp-care-card {
    min-height: 250px;
    padding: 38px 40px !important;
    border-radius: 20px !important;
    box-sizing: border-box;
}

.leistung-gartenpflege .gp-care-card-light {
    border: 1px solid #dce6d7 !important;
    background: #fff !important;
    box-shadow: 0 12px 28px rgba(29, 63, 35, .08) !important;
}

.leistung-gartenpflege .gp-care-card-light h2 {
    font-size: 34px !important;
}

.leistung-gartenpflege .gp-care-card-light p {
    margin: 0 !important;
    color: #566159 !important;
    font-size: 16px !important;
    line-height: 1.75 !important;
}

.leistung-gartenpflege .gp-care-card-dark {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    background: linear-gradient(145deg, #173f25 0%, #245a34 100%) !important;
    box-shadow: 0 14px 30px rgba(20, 58, 31, .18) !important;
}

.leistung-gartenpflege .gp-care-card-dark h2,
.leistung-gartenpflege .gp-care-card-dark p {
    color: #fff !important;
}

.leistung-gartenpflege .gp-care-card-dark h2 {
    font-size: 32px !important;
}

.leistung-gartenpflege .gp-care-card-dark p {
    margin: 0 !important;
    font-size: 16px !important;
    line-height: 1.72 !important;
    opacity: .92;
}

.leistung-gartenpflege .gp-care-extra {
    padding: 42px max(25px, calc((100vw - 1180px) / 2 + 25px));
    background: #f7faf4;
}

/* Steuerbonus als eigener Abschnitt statt Teil einer großen Sammelbox. */
.leistung-gartenpflege .taxbonus-note {
    max-width: 1130px !important;
    margin: 56px auto 0 !important;
    border-radius: 20px !important;
    box-shadow: 0 10px 28px rgba(30, 62, 35, .07) !important;
}

/* Kontaktaktionen als klarer Abschluss der Inhaltsseite. */
.leistung-gartenpflege .content-buttons {
    max-width: 1130px !important;
    margin: 0 auto !important;
    padding: 28px 0 58px !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

.leistung-gartenpflege .content-buttons .btn {
    min-height: 46px !important;
    padding: 13px 20px !important;
    border-radius: 999px !important;
    font-weight: 800 !important;
}

@media (max-width: 900px) {
    .leistung-gartenpflege .gp-care-services ul {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .leistung-gartenpflege .gp-care-duo {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 760px) {
    .leistung-gartenpflege .gp-care-overview {
        padding: 42px 18px 46px !important;
    }

    .leistung-gartenpflege .gp-care-intro-copy {
        margin-bottom: 30px;
        text-align: left;
    }

    .leistung-gartenpflege .gp-care-intro-copy h2 {
        font-size: 32px !important;
    }

    .leistung-gartenpflege .gp-care-services h2 {
        text-align: left !important;
        font-size: 27px !important;
    }

    .leistung-gartenpflege .gp-care-services ul {
        grid-template-columns: 1fr !important;
    }

    .leistung-gartenpflege .gp-care-duo {
        padding: 38px 18px !important;
    }

    .leistung-gartenpflege .gp-care-card {
        min-height: 0;
        padding: 28px 24px !important;
    }

    .leistung-gartenpflege .gp-care-card-light h2,
    .leistung-gartenpflege .gp-care-card-dark h2 {
        font-size: 28px !important;
    }

    .leistung-gartenpflege .taxbonus-note {
        margin: 38px 18px 0 !important;
    }

    .leistung-gartenpflege .content-buttons {
        margin: 0 18px !important;
        padding: 24px 0 42px !important;
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .leistung-gartenpflege .content-buttons .btn {
        width: 100% !important;
        justify-content: center !important;
    }
}

/* =========================================================
   Gartenpflege – dunkle Anfragekarte: finaler Kontrast-Fix
   Hebt die allgemeinen !important-Regeln fuer den ersten
   content-card gezielt nur innerhalb dieser Karte auf.
   ========================================================= */
.leistung-gartenpflege .page-main .content-card:first-of-type .gp-care-card-dark,
.leistung-gartenpflege .page-main .content-card:first-of-type .gp-care-card-dark h1,
.leistung-gartenpflege .page-main .content-card:first-of-type .gp-care-card-dark h2,
.leistung-gartenpflege .page-main .content-card:first-of-type .gp-care-card-dark h3,
.leistung-gartenpflege .page-main .content-card:first-of-type .gp-care-card-dark h4,
.leistung-gartenpflege .page-main .content-card:first-of-type .gp-care-card-dark p,
.leistung-gartenpflege .page-main .content-card:first-of-type .gp-care-card-dark span,
.leistung-gartenpflege .page-main .content-card:first-of-type .gp-care-card-dark strong,
.leistung-gartenpflege .page-main .content-card:first-of-type .gp-care-card-dark em,
.leistung-gartenpflege .page-main .content-card:first-of-type .gp-care-card-dark small,
.leistung-gartenpflege .page-main .content-card:first-of-type .gp-care-card-dark a,
.leistung-gartenpflege .page-main .content-card:first-of-type .gp-care-card-dark li {
    color: #ffffff !important;
}

.leistung-gartenpflege .page-main .content-card:first-of-type .gp-care-card-dark p,
.leistung-gartenpflege .page-main .content-card:first-of-type .gp-care-card-dark span,
.leistung-gartenpflege .page-main .content-card:first-of-type .gp-care-card-dark small {
    opacity: .94 !important;
}

/* =========================================================
   Gartenpflege – Leistungskacheln kompakt wie Designvorlage
   Nur Darstellung; Inhalte/Funktionen unverändert.
   ========================================================= */
.leistung-gartenpflege .gp-care-services ul {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 12px 14px !important;
    max-width: 1060px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    list-style: none !important;
}

.leistung-gartenpflege .gp-care-services li {
    flex: 0 1 calc(25% - 14px) !important;
    min-width: 220px !important;
    min-height: 52px !important;
    margin: 0 !important;
    padding: 13px 16px 13px 44px !important;
    display: flex !important;
    align-items: center !important;
    box-sizing: border-box !important;
    border: 1px solid #d8e3d3 !important;
    border-radius: 15px !important;
    background: rgba(255,255,255,.92) !important;
    box-shadow: 0 5px 14px rgba(29,63,35,.045) !important;
    color: #17351f !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}

.leistung-gartenpflege .gp-care-services li::before {
    content: "✓" !important;
    position: absolute !important;
    left: 14px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 22px !important;
    height: 22px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 50% !important;
    background: #edf5e9 !important;
    color: #2f6a3b !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}

@media (max-width: 1000px) {
    .leistung-gartenpflege .gp-care-services li {
        flex-basis: calc(50% - 10px) !important;
        min-width: 0 !important;
    }
}

@media (max-width: 620px) {
    .leistung-gartenpflege .gp-care-services ul {
        gap: 10px !important;
    }
    .leistung-gartenpflege .gp-care-services li {
        flex-basis: 100% !important;
        min-height: 50px !important;
    }
}

/* =========================================================
   Gartenpflege – Leistungs-Pills wie Startseiten-Vorlage
   Finaler Override nur fuer die Leistungsuebersicht.
   ========================================================= */
.leistung-gartenpflege .gp-care-services ul {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px 12px !important;
    max-width: 980px !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

.leistung-gartenpflege .gp-care-services li {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 38px !important;
    padding: 8px 16px 8px 39px !important;
    display: inline-flex !important;
    align-items: center !important;
    position: relative !important;
    border: 1px solid #d6e2ce !important;
    border-radius: 999px !important;
    background: #f8fbf5 !important;
    box-shadow: none !important;
    color: #17351f !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
}

.leistung-gartenpflege .gp-care-services li::before {
    content: "✓" !important;
    position: absolute !important;
    left: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 19px !important;
    height: 19px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 50% !important;
    background: #edf4e8 !important;
    color: #477b35 !important;
    font-size: 11px !important;
    font-weight: 900 !important;
}

@media (max-width: 760px) {
    .leistung-gartenpflege .gp-care-services ul {
        justify-content: flex-start !important;
    }
    .leistung-gartenpflege .gp-care-services li {
        white-space: normal !important;
    }
}

/* =========================================================
   Objektpflege – Startseiten-Design
   Nur slug=objektpflege / .leistung-objektpflege.
   Inhalte und Rechner bleiben unverändert.
   ========================================================= */
.leistung-objektpflege .page-main > .section.soft:first-of-type {
    padding: 0 !important;
    background: #f4f8f0 !important;
}

.leistung-objektpflege .page-main .section-inner {
    max-width: none !important;
    padding: 0 !important;
}

.leistung-objektpflege .content-card:first-of-type {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.leistung-objektpflege .gp-object-layout {
    color: #334238 !important;
}

.leistung-objektpflege .gp-object-overview {
    padding: 62px max(25px, calc((100vw - 1180px) / 2 + 25px)) 64px !important;
    background: #f7faf4 !important;
}

.leistung-objektpflege .gp-object-intro-copy {
    max-width: 900px !important;
    margin: 0 auto 34px !important;
    text-align: center !important;
}

.leistung-objektpflege .gp-object-intro-copy h2,
.leistung-objektpflege .gp-object-services h2,
.leistung-objektpflege .gp-object-card h2,
.leistung-objektpflege .gp-object-contact h2,
.leistung-objektpflege .gp-object-extra h2,
.leistung-objektpflege .rechner-box h2 {
    color: #17351f !important;
    font-family: Georgia, serif !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    line-height: 1.16 !important;
}

.leistung-objektpflege .gp-object-intro-copy h2 {
    margin: 0 0 15px !important;
    font-size: clamp(34px, 4vw, 46px) !important;
}

.leistung-objektpflege .gp-object-intro-copy p {
    max-width: 830px !important;
    margin: 0 auto !important;
    color: #556158 !important;
    font-size: 17px !important;
    line-height: 1.75 !important;
}

.leistung-objektpflege .gp-object-services {
    max-width: 1040px !important;
    margin: 0 auto !important;
}

.leistung-objektpflege .gp-object-services h2 {
    margin: 0 0 24px !important;
    text-align: center !important;
    font-size: 31px !important;
}

/* Leistungsübersicht wie die kleinen Pills der Startseiten-Vorlage. */
.leistung-objektpflege .gp-object-services ul {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px 12px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    list-style: none !important;
}

.leistung-objektpflege .gp-object-services li {
    position: relative !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 8px 16px 8px 39px !important;
    display: inline-flex !important;
    align-items: center !important;
    border: 1px solid #d6e2ce !important;
    border-radius: 999px !important;
    background: #f8fbf5 !important;
    box-shadow: none !important;
    color: #17351f !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
}

.leistung-objektpflege .gp-object-services li::before {
    content: "✓" !important;
    position: absolute !important;
    left: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 19px !important;
    height: 19px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 50% !important;
    background: #edf4e8 !important;
    color: #477b35 !important;
    font-size: 11px !important;
    font-weight: 900 !important;
}

/* Zwei ruhige Informationskarten wie auf der Startseite. */
.leistung-objektpflege .gp-object-duo {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 24px !important;
    padding: 58px max(25px, calc((100vw - 1180px) / 2 + 25px)) !important;
    background: #eef5e9 !important;
}

.leistung-objektpflege .gp-object-card {
    min-height: 220px !important;
    padding: 36px 38px !important;
    border: 1px solid #dce6d7 !important;
    border-radius: 20px !important;
    background: #fff !important;
    box-shadow: 0 12px 28px rgba(29, 63, 35, .08) !important;
    box-sizing: border-box !important;
}

.leistung-objektpflege .gp-object-card h2 {
    margin: 0 0 14px !important;
    font-size: 32px !important;
}

.leistung-objektpflege .gp-object-card p {
    margin: 0 !important;
    color: #566159 !important;
    font-size: 16px !important;
    line-height: 1.75 !important;
}

/* Anfrage als dunkle Akzentfläche – mit explizit hellem Text. */
.leistung-objektpflege .gp-object-contact {
    margin: 0 !important;
    padding: 48px max(25px, calc((100vw - 1180px) / 2 + 25px)) !important;
    background: linear-gradient(145deg, #173f25 0%, #245a34 100%) !important;
    color: #fff !important;
    text-align: center !important;
}

.leistung-objektpflege .content-card:first-of-type .gp-object-contact h2,
.leistung-objektpflege .content-card:first-of-type .gp-object-contact p,
.leistung-objektpflege .content-card:first-of-type .gp-object-contact span,
.leistung-objektpflege .content-card:first-of-type .gp-object-contact strong,
.leistung-objektpflege .content-card:first-of-type .gp-object-contact a {
    color: #fff !important;
}

.leistung-objektpflege .gp-object-contact h2 {
    max-width: 760px !important;
    margin: 0 auto 14px !important;
    font-size: 35px !important;
}

.leistung-objektpflege .gp-object-contact p {
    max-width: 820px !important;
    margin: 0 auto !important;
    font-size: 17px !important;
    line-height: 1.7 !important;
    opacity: .94 !important;
}

.leistung-objektpflege .gp-object-extra {
    padding: 42px max(25px, calc((100vw - 1180px) / 2 + 25px)) !important;
    background: #f7faf4 !important;
}

/* Vorhandener Objektpflege-Rechner als eigener heller Startseiten-Block. */
.leistung-objektpflege .rechner-box {
    max-width: 1130px !important;
    margin: 54px auto 0 !important;
    padding: 38px 40px !important;
    border: 1px solid #dce6d7 !important;
    border-left: 6px solid #2f5d34 !important;
    border-radius: 20px !important;
    background: #f7faf4 !important;
    box-shadow: 0 10px 28px rgba(30, 62, 35, .07) !important;
    box-sizing: border-box !important;
}

.leistung-objektpflege .rechner-box h2 {
    margin: 0 0 14px !important;
    text-align: left !important;
    font-size: 32px !important;
}

.leistung-objektpflege .rechner-box > p {
    margin: 0 0 24px !important;
    color: #566159 !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
}

.leistung-objektpflege .rechner-vorteile {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin: 0 0 22px !important;
}

.leistung-objektpflege .rechner-vorteil {
    min-height: 48px !important;
    padding: 12px 15px !important;
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    border: 1px solid #dce6d7 !important;
    border-radius: 12px !important;
    background: #fff !important;
    box-shadow: 0 7px 18px rgba(30, 62, 35, .05) !important;
    color: #24442c !important;
    font-weight: 700 !important;
    box-sizing: border-box !important;
}

.leistung-objektpflege .rechner-vorteil i {
    color: #2f5d34 !important;
}

.leistung-objektpflege .rechner-button {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 44px !important;
    padding: 11px 17px !important;
    border-radius: 999px !important;
    background: #2f5d34 !important;
    color: #fff !important;
    text-decoration: none !important;
    font-weight: 800 !important;
}

.leistung-objektpflege .rechner-hinweis {
    margin-top: 18px !important;
    color: #667169 !important;
    font-size: 12px !important;
    line-height: 1.55 !important;
}

.leistung-objektpflege .content-buttons {
    max-width: 1130px !important;
    margin: 0 auto !important;
    padding: 26px 0 58px !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

.leistung-objektpflege .content-buttons .btn {
    min-height: 46px !important;
    padding: 13px 20px !important;
    border-radius: 999px !important;
    font-weight: 800 !important;
}

@media (max-width: 900px) {
    .leistung-objektpflege .gp-object-duo {
        grid-template-columns: 1fr !important;
    }

    .leistung-objektpflege .rechner-vorteile {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 760px) {
    .leistung-objektpflege .gp-object-overview {
        padding: 42px 18px 46px !important;
    }

    .leistung-objektpflege .gp-object-intro-copy {
        text-align: left !important;
    }

    .leistung-objektpflege .gp-object-intro-copy h2 {
        font-size: 32px !important;
    }

    .leistung-objektpflege .gp-object-services h2 {
        text-align: left !important;
        font-size: 27px !important;
    }

    .leistung-objektpflege .gp-object-services ul {
        justify-content: flex-start !important;
    }

    .leistung-objektpflege .gp-object-services li {
        white-space: normal !important;
    }

    .leistung-objektpflege .gp-object-duo {
        padding: 38px 18px !important;
    }

    .leistung-objektpflege .gp-object-card {
        min-height: 0 !important;
        padding: 28px 24px !important;
    }

    .leistung-objektpflege .gp-object-card h2,
    .leistung-objektpflege .gp-object-contact h2,
    .leistung-objektpflege .rechner-box h2 {
        font-size: 28px !important;
    }

    .leistung-objektpflege .gp-object-contact {
        padding: 38px 18px !important;
        text-align: left !important;
    }

    .leistung-objektpflege .rechner-box {
        margin: 38px 18px 0 !important;
        padding: 28px 24px !important;
    }

    .leistung-objektpflege .content-buttons {
        margin: 0 18px !important;
        padding: 24px 0 42px !important;
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .leistung-objektpflege .content-buttons .btn {
        width: 100% !important;
        justify-content: center !important;
    }
}

/* =========================================================
   Pflege befestigter Flächen – Startseiten-Design
   Nur slug=befestigte-flaechen; Inhalt/Funktionen unverändert.
   ========================================================= */
.leistung-befestigte-flaechen .page-main > .section.soft:first-of-type {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    background: #f4f8f0 !important;
}

.leistung-befestigte-flaechen .page-main .section-inner {
    max-width: none !important;
    padding: 0 !important;
}

.leistung-befestigte-flaechen .content-card:first-of-type {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.leistung-befestigte-flaechen .gp-paved-layout {
    color: #334238 !important;
}

.leistung-befestigte-flaechen .gp-paved-overview {
    padding: 64px max(25px, calc((100vw - 1180px) / 2 + 25px)) 68px !important;
    background: #f7faf4 !important;
}

.leistung-befestigte-flaechen .gp-paved-intro-copy {
    max-width: 900px !important;
    margin: 0 auto 34px !important;
    text-align: center !important;
}

.leistung-befestigte-flaechen .gp-paved-intro-copy h2,
.leistung-befestigte-flaechen .gp-paved-services h2,
.leistung-befestigte-flaechen .gp-paved-card h2,
.leistung-befestigte-flaechen .gp-paved-contact h2,
.leistung-befestigte-flaechen .gp-paved-extra h2 {
    margin: 0 0 16px !important;
    color: #17351f !important;
    font-family: Georgia, serif !important;
    font-weight: 700 !important;
    line-height: 1.14 !important;
    letter-spacing: 0 !important;
}

.leistung-befestigte-flaechen .gp-paved-intro-copy h2 {
    font-size: clamp(34px, 4vw, 46px) !important;
}

.leistung-befestigte-flaechen .gp-paved-intro-copy p {
    max-width: 840px !important;
    margin: 0 auto !important;
    color: #556158 !important;
    font-size: 17px !important;
    line-height: 1.75 !important;
}

.leistung-befestigte-flaechen .gp-paved-services {
    max-width: 1060px !important;
    margin: 0 auto !important;
}

.leistung-befestigte-flaechen .gp-paved-services h2 {
    margin-bottom: 22px !important;
    text-align: center !important;
    font-size: 31px !important;
}

/* Kleine, flache Pills wie in der Startseiten-Vorlage. */
.leistung-befestigte-flaechen .gp-paved-services ul {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 10px 12px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.leistung-befestigte-flaechen .gp-paved-services li {
    position: relative !important;
    width: auto !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 9px 17px 9px 39px !important;
    display: inline-flex !important;
    align-items: center !important;
    border: 1px solid #d5e2cf !important;
    border-radius: 999px !important;
    background: #f8fbf5 !important;
    box-shadow: none !important;
    color: #24422c !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
}

.leistung-befestigte-flaechen .gp-paved-services li::before {
    content: "✓" !important;
    position: absolute !important;
    left: 13px !important;
    top: 50% !important;
    width: 18px !important;
    height: 18px !important;
    display: grid !important;
    place-items: center !important;
    transform: translateY(-50%) !important;
    border-radius: 50% !important;
    background: #eaf2e5 !important;
    color: #2d6639 !important;
    font-size: 11px !important;
    font-weight: 900 !important;
}

.leistung-befestigte-flaechen .gp-paved-duo {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 24px !important;
    padding: 60px max(25px, calc((100vw - 1180px) / 2 + 25px)) !important;
    background: #eef5e9 !important;
}

.leistung-befestigte-flaechen .gp-paved-card {
    min-height: 220px !important;
    padding: 36px 38px !important;
    border: 1px solid #dce6d7 !important;
    border-radius: 20px !important;
    background: #fff !important;
    box-shadow: 0 12px 28px rgba(29, 63, 35, .08) !important;
    box-sizing: border-box !important;
}

.leistung-befestigte-flaechen .gp-paved-card h2 {
    font-size: 32px !important;
}

.leistung-befestigte-flaechen .gp-paved-card p {
    margin: 0 !important;
    color: #566159 !important;
    font-size: 16px !important;
    line-height: 1.75 !important;
}

.leistung-befestigte-flaechen .gp-paved-contact {
    margin: 0 !important;
    padding: 48px max(25px, calc((100vw - 1180px) / 2 + 25px)) !important;
    background: linear-gradient(145deg, #173f25 0%, #245a34 100%) !important;
    color: #fff !important;
    text-align: center !important;
}

/* Hohe Spezifität gegen alte globale content-card-Regeln. */
.leistung-befestigte-flaechen .content-card:first-of-type .gp-paved-contact,
.leistung-befestigte-flaechen .content-card:first-of-type .gp-paved-contact h1,
.leistung-befestigte-flaechen .content-card:first-of-type .gp-paved-contact h2,
.leistung-befestigte-flaechen .content-card:first-of-type .gp-paved-contact h3,
.leistung-befestigte-flaechen .content-card:first-of-type .gp-paved-contact p,
.leistung-befestigte-flaechen .content-card:first-of-type .gp-paved-contact span,
.leistung-befestigte-flaechen .content-card:first-of-type .gp-paved-contact strong,
.leistung-befestigte-flaechen .content-card:first-of-type .gp-paved-contact small,
.leistung-befestigte-flaechen .content-card:first-of-type .gp-paved-contact a {
    color: #fff !important;
}

.leistung-befestigte-flaechen .gp-paved-contact h2 {
    max-width: 760px !important;
    margin: 0 auto 14px !important;
    font-size: 35px !important;
}

.leistung-befestigte-flaechen .gp-paved-contact p {
    max-width: 820px !important;
    margin: 0 auto !important;
    font-size: 17px !important;
    line-height: 1.7 !important;
    opacity: .94 !important;
}

.leistung-befestigte-flaechen .gp-paved-extra {
    padding: 42px max(25px, calc((100vw - 1180px) / 2 + 25px)) !important;
    background: #f7faf4 !important;
}

/* Vorhandener Steuerbonus: gleicher ruhiger Kartenstil, Inhalt unverändert. */
.leistung-befestigte-flaechen .taxbonus-note {
    max-width: 1130px !important;
    margin: 54px auto 0 !important;
    border-radius: 20px !important;
    box-shadow: 0 10px 28px rgba(30, 62, 35, .07) !important;
}

.leistung-befestigte-flaechen .content-buttons {
    max-width: 1130px !important;
    margin: 0 auto !important;
    padding: 26px 0 58px !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

.leistung-befestigte-flaechen .content-buttons .btn {
    min-height: 46px !important;
    padding: 13px 20px !important;
    border-radius: 999px !important;
    font-weight: 800 !important;
}

@media (max-width: 900px) {
    .leistung-befestigte-flaechen .gp-paved-duo {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 760px) {
    .leistung-befestigte-flaechen .gp-paved-overview {
        padding: 42px 18px 46px !important;
    }

    .leistung-befestigte-flaechen .gp-paved-intro-copy {
        text-align: left !important;
    }

    .leistung-befestigte-flaechen .gp-paved-intro-copy h2 {
        font-size: 32px !important;
    }

    .leistung-befestigte-flaechen .gp-paved-services h2 {
        text-align: left !important;
        font-size: 27px !important;
    }

    .leistung-befestigte-flaechen .gp-paved-services ul {
        justify-content: flex-start !important;
    }

    .leistung-befestigte-flaechen .gp-paved-services li {
        white-space: normal !important;
    }

    .leistung-befestigte-flaechen .gp-paved-duo {
        padding: 38px 18px !important;
    }

    .leistung-befestigte-flaechen .gp-paved-card {
        min-height: 0 !important;
        padding: 28px 24px !important;
    }

    .leistung-befestigte-flaechen .gp-paved-card h2,
    .leistung-befestigte-flaechen .gp-paved-contact h2 {
        font-size: 28px !important;
    }

    .leistung-befestigte-flaechen .gp-paved-contact {
        padding: 38px 18px !important;
        text-align: left !important;
    }

    .leistung-befestigte-flaechen .taxbonus-note {
        margin: 38px 18px 0 !important;
    }

    .leistung-befestigte-flaechen .content-buttons {
        margin: 0 18px !important;
        padding: 24px 0 42px !important;
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .leistung-befestigte-flaechen .content-buttons .btn {
        width: 100% !important;
        justify-content: center !important;
    }
}

/* =========================================================
   Pflege befestigter Flaechen – Hero exakt 310 px
   Nur diese Leistungsseite; Inhalt/Bild bleiben unveraendert.
   ========================================================= */
.leistung-befestigte-flaechen .page-hero {
    height: 310px !important;
    min-height: 310px !important;
    max-height: 310px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
}

.leistung-befestigte-flaechen .page-hero .page-hero-content {
    height: 310px !important;
    min-height: 310px !important;
    max-height: 310px !important;
    padding: 0 25px !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
}

@media (max-width: 768px) {
    .leistung-befestigte-flaechen .page-hero,
    .leistung-befestigte-flaechen .page-hero .page-hero-content {
        height: 310px !important;
        min-height: 310px !important;
        max-height: 310px !important;
    }

    .leistung-befestigte-flaechen .page-hero .page-hero-content {
        padding: 0 18px !important;
    }
}

/* =========================================================
   Leistungsseiten – dunkle CTA-Fläche wie Startseite FULL BLEED
   Objektpflege + Pflege befestigter Flächen
   Der grüne Balken läuft unabhängig von Eltern-Containern
   von Browserkante zu Browserkante.
   ========================================================= */
.leistung-objektpflege .gp-object-contact,
.leistung-befestigte-flaechen .gp-paved-contact {
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    box-sizing: border-box !important;
}

/* Auch die äußere erste Inhaltssektion darf keinen Seitenrand erzwingen. */
.leistung-objektpflege .page-main > .section.soft:first-of-type,
.leistung-befestigte-flaechen .page-main > .section.soft:first-of-type {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: none !important;
}

@media (max-width: 760px) {
    .leistung-objektpflege .gp-object-contact,
    .leistung-befestigte-flaechen .gp-paved-contact {
        width: 100vw !important;
        max-width: 100vw !important;
        margin-left: -50vw !important;
        margin-right: -50vw !important;
    }
}

/* =========================================================
   Grabpflege – Startseiten-Design
   Nur slug=grabpflege; Inhalte/Funktionen bleiben bestehen.
   ========================================================= */
.leistung-grabpflege .page-main > .section.soft:first-of-type {
    padding: 0 !important;
    margin: 0 !important;
    background: #f4f8f0 !important;
}

.leistung-grabpflege .page-main .section-inner {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.leistung-grabpflege .content-card:first-of-type {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.leistung-grabpflege .gp-grave-overview {
    padding: 64px max(25px, calc((100vw - 1180px) / 2 + 25px)) 68px !important;
    background: #f7faf4 !important;
}

.leistung-grabpflege .gp-grave-intro-copy {
    max-width: 900px !important;
    margin: 0 auto 38px !important;
    text-align: center !important;
}

.leistung-grabpflege .gp-grave-intro-copy h2,
.leistung-grabpflege .gp-grave-services h2,
.leistung-grabpflege .gp-grave-card h2 {
    margin: 0 0 16px !important;
    color: #17351f !important;
    font-family: Georgia, serif !important;
    font-weight: 700 !important;
    line-height: 1.14 !important;
    letter-spacing: 0 !important;
}

.leistung-grabpflege .gp-grave-intro-copy h2 {
    font-size: clamp(34px, 4vw, 46px) !important;
}

.leistung-grabpflege .gp-grave-intro-copy p {
    max-width: 820px !important;
    margin: 0 auto !important;
    color: #556158 !important;
    font-size: 17px !important;
    line-height: 1.75 !important;
}

.leistung-grabpflege .gp-grave-services {
    max-width: 1040px !important;
    margin: 0 auto !important;
}

.leistung-grabpflege .gp-grave-services h2 {
    margin-bottom: 24px !important;
    text-align: center !important;
    font-size: 31px !important;
}

/* Leistungen als kompakte Pills wie auf der Startseiten-Vorlage. */
.leistung-grabpflege .gp-grave-services ul {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 10px 12px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.leistung-grabpflege .gp-grave-services li {
    position: relative !important;
    width: auto !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 9px 16px 9px 38px !important;
    border: 1px solid #cfddc8 !important;
    border-radius: 999px !important;
    background: #fff !important;
    box-shadow: none !important;
    color: #17351f !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
}

.leistung-grabpflege .gp-grave-services li::before {
    content: "✓";
    position: absolute !important;
    left: 13px !important;
    top: 50% !important;
    width: 18px !important;
    height: 18px !important;
    display: grid !important;
    place-items: center !important;
    transform: translateY(-50%) !important;
    border-radius: 50% !important;
    background: #eaf2e5 !important;
    color: #2d6639 !important;
    font-size: 11px !important;
    font-weight: 900 !important;
}

.leistung-grabpflege .gp-grave-followups {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 24px !important;
    padding: 60px max(25px, calc((100vw - 1180px) / 2 + 25px)) !important;
    background: #eef5e9 !important;
}

.leistung-grabpflege .gp-grave-card {
    min-height: 220px !important;
    padding: 38px 40px !important;
    border-radius: 20px !important;
    box-sizing: border-box !important;
}

.leistung-grabpflege .gp-grave-card-light {
    border: 1px solid #dce6d7 !important;
    background: #fff !important;
    box-shadow: 0 12px 28px rgba(29,63,35,.08) !important;
}

.leistung-grabpflege .gp-grave-card-light h2 {
    font-size: 32px !important;
}

.leistung-grabpflege .gp-grave-card-light p,
.leistung-grabpflege .gp-grave-card-light li {
    color: #566159 !important;
    font-size: 16px !important;
    line-height: 1.75 !important;
}

/* Kontakt-/Anfrageabschnitt wie der grüne Vollbreiten-Balken der Startseite. */
.leistung-grabpflege .gp-grave-contact {
    grid-column: 1 / -1 !important;
    position: relative !important;
    left: 50% !important;
    width: 100vw !important;
    max-width: 100vw !important;
    min-height: 0 !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    padding: 48px max(25px, calc((100vw - 1180px) / 2 + 25px)) !important;
    border-radius: 0 !important;
    background: linear-gradient(145deg, #173f25 0%, #245a34 100%) !important;
    box-shadow: none !important;
    text-align: center !important;
}

.leistung-grabpflege .content-card:first-of-type .gp-grave-contact,
.leistung-grabpflege .content-card:first-of-type .gp-grave-contact h1,
.leistung-grabpflege .content-card:first-of-type .gp-grave-contact h2,
.leistung-grabpflege .content-card:first-of-type .gp-grave-contact h3,
.leistung-grabpflege .content-card:first-of-type .gp-grave-contact p,
.leistung-grabpflege .content-card:first-of-type .gp-grave-contact span,
.leistung-grabpflege .content-card:first-of-type .gp-grave-contact strong,
.leistung-grabpflege .content-card:first-of-type .gp-grave-contact small,
.leistung-grabpflege .content-card:first-of-type .gp-grave-contact a,
.leistung-grabpflege .content-card:first-of-type .gp-grave-contact li {
    color: #fff !important;
}

.leistung-grabpflege .gp-grave-contact h2 {
    max-width: 800px !important;
    margin: 0 auto 14px !important;
    font-size: 35px !important;
}

.leistung-grabpflege .gp-grave-contact p {
    max-width: 840px !important;
    margin: 0 auto !important;
    font-size: 17px !important;
    line-height: 1.7 !important;
    opacity: .94 !important;
}

.leistung-grabpflege .content-buttons {
    max-width: 1130px !important;
    margin: 0 auto !important;
    padding: 28px 25px 58px !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

.leistung-grabpflege .content-buttons .btn {
    min-height: 46px !important;
    padding: 13px 20px !important;
    border-radius: 999px !important;
    font-weight: 800 !important;
}

/* Hero: verbindlicher Seitenstandard – exakt 310 px Gesamthöhe. */
.leistung-grabpflege .page-hero {
    height: 310px !important;
    min-height: 310px !important;
    max-height: 310px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
}

.leistung-grabpflege .page-hero .page-hero-content {
    height: 310px !important;
    min-height: 310px !important;
    max-height: 310px !important;
    padding: 0 25px !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
}

@media (max-width: 900px) {
    .leistung-grabpflege .gp-grave-followups {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 760px) {
    .leistung-grabpflege .gp-grave-overview {
        padding: 42px 18px 46px !important;
    }

    .leistung-grabpflege .gp-grave-intro-copy {
        text-align: left !important;
    }

    .leistung-grabpflege .gp-grave-intro-copy h2 {
        font-size: 32px !important;
    }

    .leistung-grabpflege .gp-grave-services h2 {
        text-align: left !important;
        font-size: 27px !important;
    }

    .leistung-grabpflege .gp-grave-services ul {
        justify-content: flex-start !important;
    }

    .leistung-grabpflege .gp-grave-services li {
        white-space: normal !important;
    }

    .leistung-grabpflege .gp-grave-followups {
        padding: 38px 18px !important;
    }

    .leistung-grabpflege .gp-grave-card {
        min-height: 0 !important;
        padding: 28px 24px !important;
    }

    .leistung-grabpflege .gp-grave-card-light h2,
    .leistung-grabpflege .gp-grave-contact h2 {
        font-size: 28px !important;
    }

    .leistung-grabpflege .gp-grave-contact {
        padding: 38px 18px !important;
        text-align: left !important;
    }

    .leistung-grabpflege .content-buttons {
        padding: 24px 18px 42px !important;
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .leistung-grabpflege .content-buttons .btn {
        width: 100% !important;
        justify-content: center !important;
    }

    .leistung-grabpflege .page-hero,
    .leistung-grabpflege .page-hero .page-hero-content {
        height: 310px !important;
        min-height: 310px !important;
        max-height: 310px !important;
    }

    .leistung-grabpflege .page-hero .page-hero-content {
        padding: 0 18px !important;
    }
}

/* =========================================================
   Grabpflege – Feinschliff nach Sichtpruefung 20.08.2026
   - 3 Infokarten sauber in einer Reihe
   - leere/alte Trennelemente im gruenen CTA ausblenden
   - Grabpflege-Rechner mittig und breiter
   ========================================================= */
@media (min-width: 901px) {
    .leistung-grabpflege .gp-grave-followups {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        align-items: stretch !important;
    }
}

.leistung-grabpflege .gp-grave-card-light {
    min-height: 0 !important;
    height: 100% !important;
}

/* Alte leere Trenner/Platzhalter aus dem Langtext duerfen im CTA nicht sichtbar werden. */
.leistung-grabpflege .gp-grave-contact hr,
.leistung-grabpflege .gp-grave-contact > p:empty,
.leistung-grabpflege .gp-grave-contact > div:empty,
.leistung-grabpflege .gp-grave-contact > a:empty,
.leistung-grabpflege .gp-grave-contact > button:empty,
.leistung-grabpflege .gp-grave-contact > p:has(> br:only-child),
.leistung-grabpflege .gp-grave-contact > div:has(> br:only-child) {
    display: none !important;
}

/* Der CTA selbst bleibt kompakt und ohne zusaetzliche weisse Flaechen. */
.leistung-grabpflege .gp-grave-contact {
    overflow: hidden !important;
}

/* Grabpflege-Rechner wie ein eigener hochwertiger Startseiten-Abschnitt. */
.leistung-grabpflege .rechner-box {
    width: calc(100% - 50px) !important;
    max-width: 920px !important;
    margin: 54px auto !important;
    padding: 36px 40px !important;
    box-sizing: border-box !important;
    border: 1px solid #dce6d7 !important;
    border-radius: 20px !important;
    background: #fff !important;
    box-shadow: 0 12px 28px rgba(29,63,35,.08) !important;
}

.leistung-grabpflege .rechner-box h2 {
    margin-top: 0 !important;
    color: #17351f !important;
    font-family: Georgia, serif !important;
    font-size: 31px !important;
    line-height: 1.15 !important;
}

.leistung-grabpflege .rechner-vorteile {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin: 22px 0 !important;
}

.leistung-grabpflege .rechner-vorteil {
    min-height: 54px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 12px 14px !important;
    border: 1px solid #e1e9dd !important;
    border-radius: 12px !important;
    background: #f7faf5 !important;
    box-shadow: none !important;
}

@media (max-width: 760px) {
    .leistung-grabpflege .rechner-box {
        width: calc(100% - 36px) !important;
        margin: 38px auto !important;
        padding: 28px 24px !important;
    }

    .leistung-grabpflege .rechner-vorteile {
        grid-template-columns: 1fr !important;
    }
}


/* =========================================================
   Grabpflege – Rechner 1:1 wie Objektpflege-Rechner
   Nur Darstellung; Rechnerfunktion bleibt unverändert.
   ========================================================= */
.leistung-grabpflege .rechner-box {
    width: auto !important;
    max-width: 1130px !important;
    margin: 54px auto 0 !important;
    padding: 38px 40px !important;
    border: 1px solid #dce6d7 !important;
    border-left: 6px solid #2f5d34 !important;
    border-radius: 20px !important;
    background: #f7faf4 !important;
    box-shadow: 0 10px 28px rgba(30, 62, 35, .07) !important;
    box-sizing: border-box !important;
}

.leistung-grabpflege .rechner-box h2 {
    margin: 0 0 14px !important;
    text-align: left !important;
    color: #17351f !important;
    font-family: Georgia, serif !important;
    font-size: 32px !important;
    line-height: 1.15 !important;
}

.leistung-grabpflege .rechner-box > p {
    margin: 0 0 24px !important;
    color: #566159 !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
}

.leistung-grabpflege .rechner-vorteile {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin: 0 0 22px !important;
}

.leistung-grabpflege .rechner-vorteil {
    min-height: 48px !important;
    padding: 12px 15px !important;
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    border: 1px solid #dce6d7 !important;
    border-radius: 12px !important;
    background: #fff !important;
    box-shadow: 0 7px 18px rgba(30, 62, 35, .05) !important;
    color: #24442c !important;
    font-weight: 700 !important;
    box-sizing: border-box !important;
}

.leistung-grabpflege .rechner-vorteil i {
    color: #2f5d34 !important;
}

.leistung-grabpflege .rechner-button {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 44px !important;
    padding: 11px 17px !important;
    border-radius: 999px !important;
    background: #2f5d34 !important;
    color: #fff !important;
    text-decoration: none !important;
    font-weight: 800 !important;
}

.leistung-grabpflege .rechner-hinweis {
    margin-top: 18px !important;
    color: #667169 !important;
    font-size: 12px !important;
    line-height: 1.55 !important;
}

@media (max-width: 760px) {
    .leistung-grabpflege .rechner-box {
        width: calc(100% - 36px) !important;
        max-width: 1130px !important;
        margin: 38px auto 0 !important;
        padding: 28px 24px !important;
    }

    .leistung-grabpflege .rechner-vorteile {
        grid-template-columns: 1fr !important;
    }
}

/* =========================================================
   Grabpflege – Rechner technisch wie Objektpflege + CTA bereinigt
   20.08.2026
   ========================================================= */

/* Der Rechner ist ein eigener Vollbreiten-Abschnitt und keine Infokarte mehr. */
.leistung-grabpflege .gp-grave-calculator-section {
    width: 100% !important;
    padding: 56px max(25px, calc((100vw - 1180px) / 2 + 25px)) 60px !important;
    box-sizing: border-box !important;
    background: #f4f8f0 !important;
}

/* 1:1 Grundform wie Objektpflege-Rechner. */
.leistung-grabpflege .gp-grave-calculator-section .rechner-box {
    width: 100% !important;
    max-width: 1130px !important;
    margin: 0 auto !important;
    padding: 38px 40px !important;
    box-sizing: border-box !important;
    border: 1px solid #dce6d7 !important;
    border-left: 6px solid #2f5d34 !important;
    border-radius: 20px !important;
    background: #f7faf4 !important;
    box-shadow: 0 10px 28px rgba(30,62,35,.07) !important;
}

.leistung-grabpflege .gp-grave-calculator-section .rechner-box h2 {
    margin: 0 0 14px !important;
    text-align: left !important;
    color: #17351f !important;
    font-family: Georgia, serif !important;
    font-size: 32px !important;
    line-height: 1.15 !important;
}

.leistung-grabpflege .gp-grave-calculator-section .rechner-box > p {
    margin: 0 0 24px !important;
    color: #566159 !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
}

.leistung-grabpflege .gp-grave-calculator-section .rechner-vorteile {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0,1fr)) !important;
    gap: 12px !important;
    margin: 0 0 22px !important;
}

.leistung-grabpflege .gp-grave-calculator-section .rechner-vorteil {
    min-height: 48px !important;
    padding: 12px 15px !important;
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    border: 1px solid #dce6d7 !important;
    border-radius: 12px !important;
    background: #fff !important;
    box-shadow: 0 7px 18px rgba(30,62,35,.05) !important;
    color: #24442c !important;
    font-weight: 700 !important;
    box-sizing: border-box !important;
}

.leistung-grabpflege .gp-grave-calculator-section .rechner-button {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 44px !important;
    padding: 11px 17px !important;
    border-radius: 999px !important;
    background: #2f5d34 !important;
    color: #fff !important;
    text-decoration: none !important;
    font-weight: 800 !important;
}

.leistung-grabpflege .gp-grave-calculator-section .rechner-hinweis {
    margin-top: 18px !important;
    color: #667169 !important;
    font-size: 12px !important;
    line-height: 1.55 !important;
}

/* Leere Restelemente im grünen Anfragebereich niemals als weiße Leiste darstellen. */
.leistung-grabpflege .gp-grave-contact hr,
.leistung-grabpflege .gp-grave-contact p:empty,
.leistung-grabpflege .gp-grave-contact div:empty,
.leistung-grabpflege .gp-grave-contact span:empty,
.leistung-grabpflege .gp-grave-contact a:empty,
.leistung-grabpflege .gp-grave-contact button:empty {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

@media (max-width: 760px) {
    .leistung-grabpflege .gp-grave-calculator-section {
        padding: 38px 18px 42px !important;
    }
    .leistung-grabpflege .gp-grave-calculator-section .rechner-box {
        padding: 28px 24px !important;
    }
    .leistung-grabpflege .gp-grave-calculator-section .rechner-vorteile {
        grid-template-columns: 1fr !important;
    }
}

/* =========================================================
   Grabpflege – CTA: nur Überschrift + erster Text sichtbar
   Entfernt den verbliebenen leeren/weißen Fremdblock sicher.
   ========================================================= */
.leistung-grabpflege .gp-grave-contact > *:not(h1):not(h2):not(h3):not(p) {
    display: none !important;
}

.leistung-grabpflege .gp-grave-contact > p:not(:first-of-type) {
    display: none !important;
}

.leistung-grabpflege .gp-grave-contact > p:first-of-type {
    display: block !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
}
