/* ============================================================
   PUSTEBLUME – index.css  v6
   Stil: identisch zu Über-uns / Konzept (zentriert, warm, luftig)
   + Logo prominent + CTAs + Foto-Sektion
   ============================================================ */

/* ── Scroll-Animationen ── */
.animate-on-scroll,
.animate-slide-up {
    opacity: 0;
    transform: translateY(28px);
    transition: opacity 0.7s var(--ease-out), transform 0.7s var(--ease-out);
}
.animate-slide-left  { opacity:0; transform:translateX(-32px); transition:opacity .7s var(--ease-out),transform .7s var(--ease-out); }
.animate-slide-right { opacity:0; transform:translateX(32px);  transition:opacity .7s var(--ease-out),transform .7s var(--ease-out); }
.animate-on-scroll.is-visible,
.animate-slide-up.is-visible,
.animate-slide-left.is-visible,
.animate-slide-right.is-visible { opacity:1; transform:none; }
.anim-d1{transition-delay:.08s} .anim-d2{transition-delay:.18s} .anim-d3{transition-delay:.28s}
.anim-d4{transition-delay:.38s} .anim-d5{transition-delay:.48s} .anim-d6{transition-delay:.58s}

/* ── Wave ── */
.hp-wave { line-height:0; }
.hp-wave svg { display:block; width:100%; }

/* ── Eyebrow (gleich wie alle anderen Seiten) ── */
.hp-eyebrow {
    display:inline-flex; align-items:center; gap:8px;
    font-size:.65rem; font-weight:700; letter-spacing:.2em; text-transform:uppercase;
    color:var(--color-accent-2-dark);
    padding:5px 20px;
    border:1.5px solid rgba(var(--color-accent-2-rgb),.48);
    border-radius:100px; margin-bottom:22px;
}
.hp-eyebrow--beige{color:var(--color-accent-1-dark);border-color:rgba(var(--color-accent-1-rgb),.55);}

/* ── Section Header ── */
.hp-sec-hd { text-align:center; margin-bottom:52px; }
.hp-sec-hd h2 { font-size:clamp(1.8rem,3.5vw,3rem); font-weight:900; color:var(--color-text); margin:0 0 14px; line-height:1.15; }
.hp-sec-hd h2 span { color:var(--color-accent-2-dark); }
.hp-sec-hd p { font-size:1rem; color:var(--color-text-light); max-width:440px; margin:0 auto; line-height:1.75; }

/* ═══════════════════════════════════════════════════════════
   1 · HERO — Zentriert (wie Über-uns / Konzept) + Logo + Foto
═══════════════════════════════════════════════════════════ */
.hp-hero {
    position: relative;
    background: var(--color-bg-soft);
    overflow: hidden;
    /* kein min-height: 100vh — Sektion endet nach dem Inhalt */
    padding-top: calc(var(--header-height) + 60px);
    padding-bottom: 0;
}

/* Gleiche Pusteblumen-Deko wie Über-uns (links + rechts als subtile BG-Elemente) */
.hp-hero-puste-l {
    position: absolute;
    left: -3%;
    top: 8%;
    width: clamp(160px, 20vw, 280px);
    opacity: 0.09;
    pointer-events: none;
    animation: floatGentle 22s ease-in-out infinite;
}
.hp-hero-puste-r {
    position: absolute;
    right: -2%;
    top: 5%;
    width: clamp(140px, 18vw, 240px);
    opacity: 0.10;
    pointer-events: none;
    animation: floatGentle 26s ease-in-out 5s infinite reverse;
}
.hp-hero-puste-seed1 {
    position: absolute;
    right: 14%;
    top: 12%;
    width: clamp(28px, 3.5vw, 50px);
    opacity: 0.25;
    pointer-events: none;
    animation: sway 18s ease-in-out infinite;
}
.hp-hero-puste-seed2 {
    position: absolute;
    left: 16%;
    bottom: 30%;
    width: clamp(22px, 2.8vw, 38px);
    opacity: 0.22;
    pointer-events: none;
    animation: sway 22s ease-in-out 4s infinite reverse;
}
@media(max-width:768px){.hp-hero-puste-l,.hp-hero-puste-r,.hp-hero-puste-seed1,.hp-hero-puste-seed2{display:none;}}

/* ── Logo-Block (zentriert, prominent) ── */
.hp-hero-logo {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    margin-bottom: 34px;
    animation: fadeUp 0.85s 0.05s var(--ease-out) both;
    text-decoration: none;
}
@keyframes fadeUp { from{opacity:0;transform:translateY(20px)} to{opacity:1;transform:none} }

/* Wrapper-Div für Logo-Kreis – kein clip durch padding auf img */
.hp-hero-logo-circle {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background: rgba(255,255,255,0.92);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    box-sizing: border-box;
    flex-shrink: 0;
    box-shadow:
        0 0 0 2.5px rgba(var(--color-accent-2-rgb), 0.38),
        0 10px 32px rgba(var(--color-accent-2-dark-rgb), 0.22),
        0 3px 10px rgba(var(--color-text-rgb), 0.1);
    transition: transform 0.4s var(--ease-bounce), box-shadow 0.3s ease;
}
.hp-hero-logo:hover .hp-hero-logo-circle {
    transform: scale(1.06) rotate(-3deg);
    box-shadow:
        0 0 0 3.5px rgba(var(--color-accent-2-rgb), 0.55),
        0 14px 40px rgba(var(--color-accent-2-dark-rgb), 0.30),
        0 4px 14px rgba(var(--color-text-rgb), 0.12);
}

/* Logo-Bild innerhalb des Kreises – füllt den Kreis vollständig ohne Clip */
.hp-hero-logo-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.hp-hero-logo-name {
    font-size: clamp(1.8rem, 2.8vw, 2.5rem);
    font-weight: 900;
    color: var(--color-text);
    letter-spacing: -0.03em;
    line-height: 1;
    text-align: center;
}
.hp-hero-logo-sub {
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: var(--color-accent-2-dark);
    text-align: center;
    background: rgba(var(--color-accent-2-rgb), 0.15);
    border: 1px solid rgba(var(--color-accent-2-rgb), 0.38);
    border-radius: 100px;
    padding: 3px 14px;
}

/* ── Hero Content (zentriert) ── */
.hp-hero-content {
    text-align: center;
    max-width: 880px;
    margin: 0 auto;
    padding: 0 24px;
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.hp-hero-tag {
    display: inline-flex; align-items: center; gap: 8px;
    font-size: .65rem; font-weight: 700; letter-spacing: .2em; text-transform: uppercase;
    color: var(--color-accent-2-dark);
    border: 1.5px solid rgba(var(--color-accent-2-rgb), .48);
    border-radius: 100px; padding: 5px 18px; margin-bottom: 28px;
    animation: fadeUp 0.9s 0.2s var(--ease-out) both;
}

/* Riesige Typographie — genau wie Konzept/Über-uns */
.hp-hero-h1 {
    font-size: clamp(3.2rem, 8vw, 7.5rem);
    font-weight: 900;
    line-height: 1.0;
    margin: 0 0 32px;
    animation: fadeUp 0.95s 0.3s var(--ease-out) both;
}
.hp-hero-h1-line1 { color: var(--color-text); display: block; }
.hp-hero-h1-line2 { color: var(--color-text-muted); font-style: italic; display: block; }
.hp-hero-h1-line3 { color: var(--color-accent-2-dark); display: block; }

.hp-hero-p {
    font-size: clamp(1rem, 1.5vw, 1.18rem);
    color: var(--color-text-light);
    line-height: 1.78;
    max-width: 520px;
    margin: 0 0 40px;
    animation: fadeUp 0.95s 0.4s var(--ease-out) both;
}

/* Buttons */
.hp-hero-btns {
    display: flex; align-items: center; gap: 14px; flex-wrap: wrap;
    justify-content: center;
    animation: fadeUp 0.95s 0.5s var(--ease-out) both;
    margin-bottom: 36px;
}
.hp-btn-g {
    display:inline-flex; align-items:center; gap:10px;
    background:var(--color-accent-2-dark); color:#fff;
    font-size:.95rem; font-weight:700;
    padding:15px 34px; border-radius:100px; text-decoration:none;
    box-shadow:0 6px 22px rgba(var(--color-accent-2-dark-rgb),.35);
    transition:filter .2s ease, transform .2s ease, box-shadow .2s ease;
}
.hp-btn-g:hover{filter:brightness(1.1);transform:translateY(-3px);box-shadow:0 12px 32px rgba(var(--color-accent-2-dark-rgb),.45);}
.hp-btn-o {
    display:inline-flex; align-items:center; gap:8px;
    color:var(--color-text); font-size:.92rem; font-weight:700;
    padding:14px 28px; border-radius:100px;
    border:1.5px solid var(--color-border); text-decoration:none;
    background:rgba(255,255,255,.75); backdrop-filter:blur(4px);
    transition:all .2s ease;
}
.hp-btn-o:hover{background:#fff;border-color:var(--color-accent-1-dark);transform:translateY(-3px);}

/* Trust-Chips */
.hp-hero-trust {
    display:flex; align-items:center; flex-wrap:wrap; gap:10px;
    justify-content:center;
    animation:fadeUp .95s .62s var(--ease-out) both;
}
.hp-trust-chip {
    display:inline-flex; align-items:center; gap:6px;
    font-size:.75rem; font-weight:600; color:var(--color-text-light);
    background:rgba(255,255,255,.85);
    border:1px solid var(--color-border);
    border-radius:100px; padding:5px 14px;
}
.hp-trust-chip svg{color:var(--color-accent-2-dark);}

/* ── Foto-Streifen (unterhalb des Hero-Textes, nahtloser Übergang) ── */
.hp-hero-photo-strip {
    position: relative;
    margin-top: 44px;
    height: 60vh;
    overflow: hidden;
}
.hp-hero-photo-strip img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 40%;
    display: block;
}
/* Sehr sanfter Übergang oben – nur 30% damit Foto präsent bleibt */
.hp-hero-photo-strip::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 30%;
    background: linear-gradient(to bottom, var(--color-bg-soft) 0%, transparent 100%);
    z-index: 1;
}

/* ── MOBILE: Hero ── */
@media(max-width:768px){
    .hp-hero { padding-top: calc(var(--header-height) + 32px); }
    .hp-hero-logo-circle { width:110px; height:110px; padding:15px; }
    .hp-hero-logo-name { font-size:1.4rem; }
    .hp-hero-h1 { font-size:clamp(2.8rem,11vw,4.5rem); margin-bottom:22px; }
    .hp-hero-p { font-size:.96rem; max-width:100%; margin-bottom:28px; }
    .hp-hero-btns { flex-direction:column; width:100%; gap:10px; }
    .hp-btn-g,.hp-btn-o { width:100%; justify-content:center; }
    .hp-hero-trust { gap:7px; }
    .hp-trust-chip { font-size:.7rem; padding:4px 10px; }
    .hp-hero-photo-strip { height:46vw; min-height:220px; margin-top:32px; }
}

/* ═══════════════════════════════════════════════════════════
   2 · FACTS
═══════════════════════════════════════════════════════════ */
.hp-facts { position:relative; background:var(--color-bg); padding-block:clamp(3rem,6vw,6rem); overflow:hidden; }
.hp-facts>.container{position:relative;z-index:2;}
.hp-facts::after{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,rgba(var(--color-accent-1-rgb),.4) 1.5px,transparent 1.5px);background-size:28px 28px;opacity:.14;pointer-events:none;}

.hp-facts-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:rgba(var(--color-accent-1-rgb),.22);border:1px solid rgba(var(--color-accent-1-rgb),.25);border-radius:22px;overflow:hidden;position:relative;z-index:2;}
.hp-fact-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:42px 20px;background:rgba(255,255,255,.88);gap:10px;cursor:default;transition:background .22s ease;position:relative;overflow:hidden;}
.hp-fact-card::after{content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);pointer-events:none;}
.hp-fact-card:hover::after{animation:factShine .7s ease forwards;}
.hp-fact-card:hover{background:#fff;}
@keyframes factShine{0%{left:-100%}100%{left:200%}}
.hp-fact-icon{width:52px;height:52px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;}
.hp-fact-card:nth-child(odd) .hp-fact-icon{background:rgba(var(--color-accent-2-rgb),.22);color:var(--color-accent-2-dark);border:1.5px solid rgba(var(--color-accent-2-rgb),.4);}
.hp-fact-card:nth-child(even) .hp-fact-icon{background:rgba(var(--color-accent-1-rgb),.28);color:var(--color-accent-1-dark);border:1.5px solid rgba(var(--color-accent-1-rgb),.4);}
.hp-fact-num{font-size:clamp(2.2rem,4vw,3.4rem);font-weight:900;line-height:1;letter-spacing:-.04em;transition:transform .3s cubic-bezier(.34,1.56,.64,1);}
.hp-fact-card:nth-child(odd) .hp-fact-num{color:var(--color-accent-2-dark);}
.hp-fact-card:nth-child(even) .hp-fact-num{color:var(--color-accent-1-dark);}
.hp-fact-card:hover .hp-fact-num{transform:scale(1.09);}
.hp-fact-lbl{font-size:.78rem;font-weight:600;color:var(--color-text-light);line-height:1.45;}
@media(max-width:860px){.hp-facts-grid{grid-template-columns:repeat(2,1fr);border-radius:16px;}}
@media(max-width:420px){.hp-fact-card{padding:28px 14px;}}

/* ═══════════════════════════════════════════════════════════
   3 · SPLIT
═══════════════════════════════════════════════════════════ */
.hp-split{background:var(--color-bg-soft);padding-block:clamp(3rem,6vw,6rem);}
.hp-split-inner{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,72px);align-items:center;}
.hp-split-img{border-radius:24px;overflow:hidden;aspect-ratio:4/3;position:relative;}
.hp-split-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease-out);display:block;}
.hp-split-img:hover img{transform:scale(1.04);}
.hp-split-img::before{content:'';position:absolute;inset:-8px;border:2px solid rgba(var(--color-accent-2-rgb),.38);border-radius:30px;z-index:-1;}
.hp-split-text{display:flex;flex-direction:column;}
.hp-split-text p{font-size:clamp(.9rem,1.2vw,1.05rem);color:var(--color-text-light);line-height:1.8;margin:0 0 28px;}
.hp-split-list{list-style:none;padding:0;margin:0 0 32px;display:flex;flex-direction:column;gap:12px;}
.hp-split-list li{display:flex;align-items:flex-start;gap:12px;font-size:.9rem;font-weight:600;color:var(--color-text);line-height:1.5;}
.hp-split-list li .chk{width:22px;height:22px;border-radius:50%;flex-shrink:0;margin-top:1px;background:rgba(var(--color-accent-2-rgb),.22);border:1.5px solid rgba(var(--color-accent-2-rgb),.45);color:var(--color-accent-2-dark);display:inline-flex;align-items:center;justify-content:center;}
@media(max-width:768px){.hp-split-inner{grid-template-columns:1fr;} .hp-split-img{aspect-ratio:16/9;}}

/* ═══════════════════════════════════════════════════════════
   4 · FEATURES
═══════════════════════════════════════════════════════════ */
.hp-features{background:var(--color-bg);padding-block:clamp(3rem,6vw,6rem);overflow:hidden;position:relative;}
.hp-features>.container{position:relative;z-index:2;}
.hp-features::before{content:'';position:absolute;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(var(--color-accent-2-rgb),.18),transparent 70%);top:-100px;right:-60px;pointer-events:none;animation:orbDrift 18s ease-in-out infinite;}
@keyframes orbDrift{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(16px,-20px) scale(1.04)}66%{transform:translate(-12px,14px) scale(.97)}}

.hp-feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.hp-feat-card{background:rgba(255,255,255,.78);border:1px solid rgba(var(--color-accent-1-rgb),.22);border-radius:20px;padding:30px 24px;display:flex;flex-direction:column;gap:12px;backdrop-filter:blur(6px);position:relative;overflow:hidden;transition:transform .4s var(--ease-out),box-shadow .4s ease,border-color .3s ease;cursor:default;}
.hp-feat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;}
.hp-feat-card:nth-child(odd)::before{background:linear-gradient(90deg,var(--color-accent-2-dark),var(--color-accent-2-light));}
.hp-feat-card:nth-child(even)::before{background:linear-gradient(90deg,var(--color-accent-1-dark),var(--color-accent-1-light));}
.hp-feat-card:hover{transform:translateY(-7px);box-shadow:0 10px 32px rgba(var(--color-text-rgb),.08);border-color:rgba(var(--color-accent-1-rgb),.38);}
.hp-feat-icon{width:50px;height:50px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;transition:transform .35s var(--ease-bounce);}
.hp-feat-card:hover .hp-feat-icon{transform:scale(1.1) rotate(6deg);}
.hp-feat-card:nth-child(odd) .hp-feat-icon{background:rgba(var(--color-accent-2-rgb),.18);color:var(--color-accent-2-dark);}
.hp-feat-card:nth-child(even) .hp-feat-icon{background:rgba(var(--color-accent-1-rgb),.22);color:var(--color-accent-1-dark);}
.hp-feat-title{font-size:1rem;font-weight:800;color:var(--color-text);margin:0;}
.hp-feat-text{font-size:.875rem;color:var(--color-text-light);line-height:1.7;margin:0;flex:1;}
.hp-feat-link{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:700;text-decoration:none;margin-top:4px;transition:gap .2s ease;}
.hp-feat-card:nth-child(odd) .hp-feat-link{color:var(--color-accent-2-dark);}
.hp-feat-card:nth-child(even) .hp-feat-link{color:var(--color-accent-1-dark);}
.hp-feat-card:hover .hp-feat-link{gap:10px;}
@media(max-width:860px){.hp-feat-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:480px){.hp-feat-grid{grid-template-columns:1fr;gap:10px;} .hp-feat-card{padding:24px 18px;}}

/* ═══════════════════════════════════════════════════════════
   5 · GALERIE-TEASER
═══════════════════════════════════════════════════════════ */
.hp-gallery{background:var(--color-bg-soft);padding-block:clamp(3rem,6vw,6rem);}
.hp-gallery>.container{position:relative;z-index:2;}
.hp-gal-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,210px);gap:10px;border-radius:18px;overflow:hidden;cursor:pointer;text-decoration:none;position:relative;margin-bottom:24px;}
.hp-gal-item{overflow:hidden;position:relative;}
.hp-gal-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease-out);display:block;}
.hp-gal-grid:hover .hp-gal-item img{transform:scale(1.07);}
.hp-gal-item.gal-0{grid-column:1/2;grid-row:1/3;}
.hp-gal-overlay{position:absolute;inset:0;background:rgba(var(--color-text-rgb),0);display:flex;align-items:center;justify-content:center;border-radius:18px;transition:background .35s ease;}
.hp-gal-grid:hover .hp-gal-overlay{background:rgba(var(--color-text-rgb),.38);}
.hp-gal-cta{display:flex;align-items:center;gap:10px;color:#fff;font-size:1rem;font-weight:700;opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease;background:rgba(0,0,0,.4);backdrop-filter:blur(8px);padding:13px 26px;border-radius:100px;border:1px solid rgba(255,255,255,.25);}
.hp-gal-grid:hover .hp-gal-cta{opacity:1;transform:none;}
.hp-gal-btn{text-align:center;}
.hp-gal-btn a{display:inline-flex;align-items:center;gap:8px;background:var(--color-accent-2-dark);color:#fff;font-weight:700;font-size:.95rem;padding:14px 36px;border-radius:100px;text-decoration:none;box-shadow:0 6px 20px rgba(var(--color-accent-2-dark-rgb),.28);transition:filter .2s ease,transform .2s ease;}
.hp-gal-btn a:hover{filter:brightness(1.08);transform:translateY(-2px);}
@media(max-width:768px){.hp-gal-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,130px);} .hp-gal-item.gal-0{grid-column:1/3;grid-row:1/2;} .hp-gal-item.gal-5{display:none;}}
@media(max-width:420px){.hp-gal-grid{grid-template-rows:repeat(3,110px);}}

/* ═══════════════════════════════════════════════════════════
   6 · CTA
═══════════════════════════════════════════════════════════ */
.hp-cta{background:var(--color-bg);padding-block:clamp(3rem,6vw,6rem);overflow:hidden;position:relative;}
.hp-cta>.container{position:relative;z-index:2;}
.hp-cta::before{content:'';position:absolute;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(var(--color-accent-2-rgb),.2),transparent 70%);top:-80px;right:-60px;pointer-events:none;animation:orbDrift 16s ease-in-out infinite;}
.hp-cta::after{content:'';position:absolute;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(var(--color-accent-1-rgb),.2),transparent 70%);bottom:-60px;left:-50px;pointer-events:none;animation:orbDrift 20s ease-in-out 5s infinite reverse;}
.hp-cta-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:clamp(28px,5vw,72px);background:rgba(255,255,255,.72);border:1px solid rgba(var(--color-accent-1-rgb),.25);backdrop-filter:blur(16px);border-radius:26px;padding:clamp(36px,5vw,60px) clamp(28px,5vw,64px);position:relative;overflow:hidden;}
.hp-cta-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-accent-2-dark) 0%,var(--color-accent-1-dark) 50%,var(--color-accent-2-dark) 100%);background-size:200% 100%;animation:ctaBar 4s linear infinite;}
@keyframes ctaBar{0%{background-position:0%}100%{background-position:200%}}
.hp-cta-year{font-size:.65rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--color-accent-2-dark);display:block;margin-bottom:10px;}
.hp-cta-card h2{font-size:clamp(1.8rem,3.5vw,3rem);font-weight:900;color:var(--color-text);line-height:1.1;margin:0 0 14px;}
.hp-cta-card h2 em{font-style:italic;color:var(--color-text-muted);}
.hp-cta-card h2 strong{color:var(--color-accent-2-dark);}
.hp-cta-card p{font-size:.95rem;color:var(--color-text-light);line-height:1.75;margin:0 0 22px;max-width:480px;}
.hp-cta-chips{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px;}
.hp-cta-chips li{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;font-weight:600;color:var(--color-text-light);background:rgba(var(--color-bg-soft-rgb),.95);border:1px solid rgba(var(--color-accent-1-rgb),.22);border-radius:100px;padding:4px 12px;}
.hp-cta-chips svg{color:var(--color-accent-2-dark);}
.hp-cta-btns{display:flex;flex-direction:column;align-items:stretch;gap:12px;flex-shrink:0;min-width:200px;}
.hp-cta-primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 28px;border-radius:100px;font-size:.92rem;font-weight:700;text-decoration:none;background:var(--color-accent-2-dark);color:#fff;box-shadow:0 6px 20px rgba(var(--color-accent-2-dark-rgb),.3);transition:filter .2s ease,transform .2s ease;}
.hp-cta-primary:hover{filter:brightness(1.08);transform:translateY(-2px);}
.hp-cta-phone{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 24px;border-radius:100px;font-size:.88rem;font-weight:700;text-decoration:none;background:transparent;color:var(--color-text);border:1.5px solid var(--color-border);transition:all .2s ease;}
.hp-cta-phone:hover{background:rgba(255,255,255,.7);border-color:var(--color-accent-1-dark);transform:translateY(-2px);}
@media(max-width:860px){.hp-cta-card{grid-template-columns:1fr;} .hp-cta-btns{flex-direction:row;}}
@media(max-width:480px){.hp-cta-card{padding:32px 22px;} .hp-cta-btns{flex-direction:column;} .hp-cta-primary,.hp-cta-phone{width:100%;}}

/* Alte Elemente */
.cta-section,.facts.section,.einser.section,.galerie-teaser.section{display:none!important;}