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

.gaerten-erleben-seite .ge-page{
    background:var(--ge-bg);
    color:var(--ge-text);
}

.gaerten-erleben-seite .ge-hero{
    height:310px;
    min-height:310px;
    max-height:310px;
    display:flex;
    align-items:center;
    box-sizing:border-box;
    background-image:
        linear-gradient(90deg,rgba(17,53,31,.72) 0%,rgba(30,83,48,.52) 44%,rgba(30,83,48,.16) 78%,rgba(30,83,48,.06) 100%),
        url('/assets/images/gaerten-erleben-header.jpg?v=20260820b');
    background-size:cover;
    background-position:center 54%;
}

.gaerten-erleben-seite .ge-hero-inner{
    width:100%;
    max-width:var(--ge-max);
    margin:0 auto;
    padding:58px 25px;
    box-sizing:border-box;
}

.gaerten-erleben-seite .ge-label{
    display:inline-flex;
    align-items:center;
    margin:0 0 14px;
    padding:8px 14px;
    border-radius:999px;
    background:rgba(255,255,255,.16);
    color:#fff;
    font-size:13px;
    font-weight:800;
    letter-spacing:1.5px;
    line-height:1.2;
    text-transform:uppercase;
}

.gaerten-erleben-seite .ge-hero h1{
    max-width:760px;
    margin:0 0 18px;
    color:#fff;
    font-family:Georgia,serif;
    font-size:58px;
    font-weight:700;
    line-height:1.15;
    text-shadow:2px 2px 8px rgba(0,0,0,.55);
}

.gaerten-erleben-seite .ge-hero p{
    max-width:720px;
    margin:0;
    color:#fff;
    font-size:22px;
    line-height:1.6;
    text-shadow:1px 1px 6px rgba(0,0,0,.55);
}

.gaerten-erleben-seite .ge-section{
    padding:58px 25px 76px;
}

.gaerten-erleben-seite .ge-section-soft{
    background:linear-gradient(180deg,#f7faf5 0%,#eef5e9 100%);
}

.gaerten-erleben-seite .ge-container{
    width:100%;
    max-width:var(--ge-max);
    margin:0 auto;
}

.gaerten-erleben-seite .ge-intro{
    max-width:820px;
    margin:0 0 34px;
}

.gaerten-erleben-seite .ge-eyebrow{
    display:block;
    margin:0 0 9px;
    color:#5d8c51;
    font-size:13px;
    font-weight:800;
    letter-spacing:1.3px;
    text-transform:uppercase;
}

.gaerten-erleben-seite .ge-intro h2,
.gaerten-erleben-seite .ge-cta h2{
    margin:0 0 14px;
    color:var(--ge-dark);
    font-family:Georgia,serif;
    font-size:34px;
    line-height:1.2;
}

.gaerten-erleben-seite .ge-intro p{
    margin:0;
    font-size:17px;
    line-height:1.75;
}

.gaerten-erleben-seite .ge-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:26px;
}

.gaerten-erleben-seite .ge-card{
    min-height:240px;
    padding:30px 28px 26px;
    display:flex;
    flex-direction:column;
    border:1px solid rgba(126,163,90,.16);
    border-radius:var(--ge-radius);
    background:#fff;
    box-shadow:var(--ge-shadow);
    color:var(--ge-text);
    text-decoration:none;
    transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}

.gaerten-erleben-seite .ge-card:hover{
    transform:translateY(-4px);
    box-shadow:0 15px 38px rgba(0,0,0,.11);
    border-color:rgba(47,93,52,.28);
}

.gaerten-erleben-seite .ge-icon{
    width:58px;
    height:58px;
    margin:0 0 22px;
    display:grid;
    place-items:center;
    border-radius:18px;
    background:#edf5e9;
    color:var(--ge-green);
    font-size:24px;
}

.gaerten-erleben-seite .ge-card h3{
    margin:0 0 11px;
    color:var(--ge-dark);
    font-family:Georgia,serif;
    font-size:23px;
    line-height:1.28;
}

.gaerten-erleben-seite .ge-card p{
    margin:0 0 22px;
    font-size:15.5px;
    line-height:1.65;
}

.gaerten-erleben-seite .ge-link{
    margin-top:auto;
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:var(--ge-green);
    font-weight:800;
}

.gaerten-erleben-seite .ge-cta{
    width:100%;
    padding:52px 25px;
    box-sizing:border-box;
    background:linear-gradient(135deg,#17351f,#2f5d34);
    color:#fff;
}

.gaerten-erleben-seite .ge-cta-inner{
    max-width:var(--ge-max);
    margin:0 auto;
}

.gaerten-erleben-seite .ge-eyebrow-light{
    color:#cfe1c7;
}

.gaerten-erleben-seite .ge-cta h2{
    color:#fff;
    font-size:34px;
}

.gaerten-erleben-seite .ge-cta p{
    max-width:760px;
    margin:0;
    color:rgba(255,255,255,.88);
    font-size:17px;
    line-height:1.7;
}

@media (max-width:980px){
    .gaerten-erleben-seite .ge-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media (max-width:768px){
    .gaerten-erleben-seite .ge-hero{
        height:310px;
        min-height:310px;
        max-height:310px;
        background-position:62% center;
    }
    .gaerten-erleben-seite .ge-hero-inner{padding:48px 18px;}
    .gaerten-erleben-seite .ge-hero h1{font-size:40px;}
    .gaerten-erleben-seite .ge-hero p{font-size:18px;line-height:1.45;}
    .gaerten-erleben-seite .ge-section{padding:42px 18px 56px;}
    .gaerten-erleben-seite .ge-intro h2,
    .gaerten-erleben-seite .ge-cta h2{font-size:28px;}
    .gaerten-erleben-seite .ge-cta{padding:44px 18px;}
}

@media (max-width:620px){
    .gaerten-erleben-seite .ge-grid{grid-template-columns:1fr;}
    .gaerten-erleben-seite .ge-card{min-height:0;padding:25px 23px;}
}


/* Slug-Unterseiten */
.gaerten-erleben-seite .ge-detail{
    max-width:820px;
    margin:0 0 50px;
}
.gaerten-erleben-seite .ge-detail h2,
.gaerten-erleben-seite .ge-related h2{
    margin:0 0 14px;
    color:var(--ge-dark);
    font-family:Georgia,serif;
    font-size:34px;
    line-height:1.2;
}
.gaerten-erleben-seite .ge-detail p{
    margin:0 0 24px;
    font-size:17px;
    line-height:1.75;
}
.gaerten-erleben-seite .ge-overview-link{
    display:inline-flex;
    align-items:center;
    gap:9px;
    min-height:44px;
    padding:11px 17px;
    border:2px solid var(--ge-green);
    border-radius:999px;
    color:var(--ge-green);
    font-weight:800;
    text-decoration:none;
}
.gaerten-erleben-seite .ge-overview-link:hover{
    background:var(--ge-green);
    color:#fff;
}
.gaerten-erleben-seite .ge-related{
    padding-top:36px;
    border-top:1px solid rgba(47,93,52,.14);
}
.gaerten-erleben-seite .ge-grid-related{
    grid-template-columns:repeat(4,minmax(0,1fr));
}
.gaerten-erleben-seite .ge-card-small{
    min-height:190px;
}
@media (max-width:980px){
    .gaerten-erleben-seite .ge-grid-related{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:620px){
    .gaerten-erleben-seite .ge-grid-related{grid-template-columns:1fr;}
}

/* Slug-Ergebnisansicht: Hero bleibt sichtbar; darunter nur Zurück-Button und Ergebnisse. */
.gaerten-erleben-slug-seite .ge-page{
    min-height:60vh;
}

.gaerten-erleben-seite .ge-results-section{
    padding:38px 25px 76px;
    background:linear-gradient(180deg,#f7faf5 0%,#eef5e9 100%);
}

.gaerten-erleben-seite .ge-back-button{
    display:inline-flex;
    align-items:center;
    gap:9px;
    min-height:44px;
    margin:0 0 30px;
    padding:10px 17px;
    border:2px solid var(--ge-green);
    border-radius:999px;
    background:#fff;
    color:var(--ge-green);
    font-weight:800;
    text-decoration:none;
    box-sizing:border-box;
}

.gaerten-erleben-seite .ge-back-button:hover{
    background:var(--ge-green);
    color:#fff;
}

.gaerten-erleben-seite .ge-results-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:26px;
}

.gaerten-erleben-seite .ge-result-card{
    padding:28px;
    display:flex;
    flex-direction:column;
    min-height:330px;
    border:1px solid rgba(126,163,90,.16);
    border-radius:var(--ge-radius);
    background:#fff;
    box-shadow:var(--ge-shadow);
}

.gaerten-erleben-seite .ge-result-card.is-highlight{
    border-color:rgba(47,93,52,.28);
}

.gaerten-erleben-seite .ge-result-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:19px;
}

.gaerten-erleben-seite .ge-result-icon{
    width:52px;
    height:52px;
    display:grid;
    place-items:center;
    border-radius:16px;
    background:#edf5e9;
    color:var(--ge-green);
    font-size:21px;
}

.gaerten-erleben-seite .ge-result-badge{
    padding:7px 10px;
    border-radius:999px;
    background:#edf5e9;
    color:var(--ge-green);
    font-size:12px;
    font-weight:800;
}

.gaerten-erleben-seite .ge-result-kicker{
    margin-bottom:7px;
    color:#6c9662;
    font-size:12px;
    font-weight:800;
    letter-spacing:1px;
    text-transform:uppercase;
}

.gaerten-erleben-seite .ge-result-card h2{
    margin:0 0 11px;
    color:var(--ge-dark);
    font-family:Georgia,serif;
    font-size:24px;
    line-height:1.25;
}

.gaerten-erleben-seite .ge-result-card p{
    margin:0 0 16px;
    font-size:15.5px;
    line-height:1.65;
}

.gaerten-erleben-seite .ge-result-location{
    color:#617064;
    font-size:14px !important;
}

.gaerten-erleben-seite .ge-result-location i{
    margin-right:6px;
    color:var(--ge-green);
}

.gaerten-erleben-seite .ge-result-season{
    margin-top:auto;
    padding:12px 14px;
    display:flex;
    gap:9px;
    align-items:flex-start;
    border-radius:14px;
    background:#f4f8f1;
    color:#59665b;
    font-size:13.5px;
    line-height:1.5;
}

.gaerten-erleben-seite .ge-result-season i{
    margin-top:3px;
    color:var(--ge-green);
}

.gaerten-erleben-seite .ge-result-link{
    margin-top:16px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    min-height:44px;
    padding:10px 16px;
    border-radius:999px;
    background:var(--ge-green);
    color:#fff;
    font-weight:800;
    text-decoration:none;
}

.gaerten-erleben-seite .ge-result-link:hover{
    background:var(--ge-dark);
}

.gaerten-erleben-seite .ge-results-empty{
    padding:28px;
    border-radius:18px;
    background:#fff;
    box-shadow:var(--ge-shadow);
    color:var(--ge-text);
}

@media (max-width:980px){
    .gaerten-erleben-seite .ge-results-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media (max-width:768px){
    .gaerten-erleben-seite .ge-results-section{
        padding:34px 18px 56px;
    }
}

@media (max-width:620px){
    .gaerten-erleben-seite .ge-results-grid{
        grid-template-columns:1fr;
    }
    .gaerten-erleben-seite .ge-result-card{
        min-height:0;
        padding:24px 22px;
    }
}


/* Slug-Seiten behalten den 310-px-Banner, ohne zusätzliche Inhaltsblöcke. */
.gaerten-erleben-slug-seite .ge-hero .ge-hero-inner{
    padding-top:58px;
    padding-bottom:58px;
}
.gaerten-erleben-slug-seite .ge-hero h1{
    margin-bottom:14px;
}
@media (max-width:768px){
    .gaerten-erleben-slug-seite .ge-hero .ge-hero-inner{
        padding-top:48px;
        padding-bottom:48px;
    }
    .gaerten-erleben-seite .ge-results-section{
        padding:32px 18px 56px;
    }
}