/* Creator-Kompass – gemeinsamer Header & Angleichung der Unterseiten an die Startseite */
:root{ --radius:4px !important; --radius-lg:6px !important; }

/* Header (dunkel, flach – wie Startseite) */
header#site-header, header#siteHeader{
  position:sticky !important; top:0 !important; left:0; right:0; z-index:1000 !important;
  background:#0E0E0E !important; color:#fff !important; padding:0 !important; margin:0 !important;
  border:0 !important; border-bottom:1px solid rgba(255,255,255,.12) !important;
  box-shadow:none !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important;
  transform:none !important; animation:none !important; height:auto !important;
}
.uh-row{ display:flex; align-items:center; justify-content:space-between; gap:1.5rem; height:72px; max-width:1200px; margin:0 auto; padding:0 24px; }
.uh-logo{ display:flex; align-items:center; flex:none; }
.uh-logo img{ height:46px !important; width:auto !important; display:block; }
.uh-links{ display:flex; gap:2rem; list-style:none; margin:0; padding:0; }
.uh-links a{ font-family:"Space Grotesk","Inter",sans-serif; font-weight:500; font-size:.95rem; color:rgba(255,255,255,.75) !important; padding:.4rem 0; border-bottom:2px solid transparent; text-decoration:none; transition:color .2s, border-color .2s; }
.uh-links a:hover, .uh-links a[aria-current="page"]{ color:#fff !important; border-color:#2FA85B; }
.uh-right{ display:flex; align-items:center; gap:1rem; }
.uh-btn{ display:inline-flex; align-items:center; background:#2FA85B; color:#06210F !important; font-family:"Space Grotesk","Inter",sans-serif; font-weight:700; font-size:.92rem; padding:.7rem 1.3rem; border-radius:4px; text-decoration:none; transition:background .2s; white-space:nowrap; }
.uh-btn:hover{ background:#4ADE80; }
.uh-toggle{ display:none; width:44px; height:44px; flex-direction:column; justify-content:center; align-items:center; gap:6px; background:transparent; border:0; cursor:pointer; padding:0; }
.uh-toggle span{ display:block; width:24px; height:2px; background:#fff; transition:transform .2s, opacity .2s; }
.uh-toggle.open span:nth-child(1){ transform:translateY(8px) rotate(45deg); }
.uh-toggle.open span:nth-child(2){ opacity:0; }
.uh-toggle.open span:nth-child(3){ transform:translateY(-8px) rotate(-45deg); }
@media (max-width:900px){
  .uh-toggle{ display:flex; } .uh-btn{ display:none; }
  .uh-links{ position:absolute; left:0; right:0; top:72px; background:#0E0E0E; flex-direction:column; gap:0; padding:.5rem 24px 1.4rem; border-bottom:1px solid rgba(255,255,255,.12); display:none; }
  .uh-links.open{ display:flex; }
  .uh-links a{ padding:.9rem 0; font-size:1.1rem; border-bottom:1px solid rgba(255,255,255,.12); display:block; }
}

/* Hero-Abstand: Header ist nicht mehr fixed */
.hero{ padding-top:clamp(48px,7vw,96px) !important; }

/* Ruhe: keine Dauer-Animationen, keine Glow-Flächen (Edge-Performance, ruhiger Look) */
*,*::before,*::after{ animation-iteration-count:1 !important; }
.bp-hero-glow-wrap, [class*="hero-glow"], [class*="-glow-"]{ display:none !important; }
.ck-cta-pulse{ animation:none !important; box-shadow:none !important; }

/* Kanten wie Startseite: eckiger, flacher */
.btn{ border-radius:4px !important; }
.wa-float{ box-shadow:none !important; }
.contact-grid > *{ min-width:0; }
@media(max-width:900px){ .contact-grid{ grid-template-columns:minmax(0,1fr) !important; } }
.uh-row, .uh-row *{ line-height:1.3; }

/* ===== V2: Farb- und Schriftangleichung an die Startseite ===== */
@font-face{ font-family:"Fraunces"; font-style:italic; font-weight:500; font-display:swap; src:url("../fonts/fraunces-500-italic.woff2") format("woff2"); }
@font-face{ font-family:"Space Mono"; font-style:normal; font-weight:400; font-display:swap; src:url("../fonts/space-mono-400.woff2") format("woff2"); }
@font-face{ font-family:"Anton"; font-style:normal; font-weight:400; font-display:swap; src:url("../fonts/anton-400.woff2") format("woff2"); }
:root{
  --cream:#F3F6EF !important; --cream-deep:#E9EFE3 !important; --wood:#1A6B3A !important; --sand:#D6F5E1 !important;
  --green-dark:#1A6B3A !important; --green-tint:#D6F5E1 !important;
  --lime:#C8F23D; --cobalt:#1A6B3A; --needle:#FF5436; --forest:#0B3D24;
}
.accent, h1 em, h2 em{ font-family:"Fraunces",Georgia,serif; font-style:italic !important; font-weight:500 !important; letter-spacing:-.02em; }
.kicker, .hero-eyebrow, .eyebrow{ font-family:"Space Mono",ui-monospace,Menlo,monospace !important; font-weight:400 !important; letter-spacing:.1em !important; }
.btn-primary:hover, .btn-accent:hover{ background:var(--lime) !important; color:#0E0E0E !important; }
footer{ background:#0E0E0E !important; border-top:4px solid var(--lime); }

/* ===== V2b ===== */
.uh-btn{ background:#C8F23D; color:#0E0E0E !important; } .uh-btn:hover{ background:#fff; }
.btn-primary, .btn-accent{ background:#C8F23D !important; color:#0E0E0E !important; }
.btn-primary:hover, .btn-accent:hover{ background:#0E0E0E !important; color:#C8F23D !important; }
h1,h2,h3{ font-weight:700; letter-spacing:-.03em; }
h1 em, h2 em, .accent{ color:#1A6B3A !important; }
.on-dark h1 em, .on-dark h2 em, .on-dark .accent, [class*="dark"] h2 em{ color:#C8F23D !important; }
.kicker, .hero-eyebrow, .eyebrow{ text-transform:uppercase; }
.uh-row{ max-width:1240px; padding:0 clamp(20px,5vw,64px); }
.price, .price-card, [class*="plan"] { border-radius:4px; }

/* ===== V7: Textgrün mit ausreichendem Kontrast auf hellem Grund ===== */
a[style*="color:var(--green)"], a[style*="color: var(--green)"]{ color:#1A6B3A !important; }
.price-badge{ background:var(--green-dark) !important; }
.project-tag .kicker{ color:#fff !important; }
footer p{ color:#B8B8B2 !important; }
.price-card.featured p{ color:#B8B8B2 !important; }
.cta .kicker, .cta-inner .kicker, .why-layout .kicker{ color:#fff !important; }
@media(max-width:900px){ .uh-btn{ display:inline-flex !important; margin-left:auto; margin-right:.4rem; padding:.55rem .9rem; font-size:.8rem; white-space:nowrap; } }
@media(max-width:360px){ .uh-btn{ padding:.5rem .7rem; font-size:.74rem; } }
@media(max-width:600px){
  #cc-banner{ padding:.8rem .9rem !important; max-height:52vh; overflow-y:auto; }
  #cc-banner .cc-btn{ padding:.55rem .7rem !important; font-size:.76rem !important; }
  #cc-banner h2{ font-size:.95rem !important; margin-bottom:.3rem !important; }
  #cc-banner p{ font-size:.78rem !important; line-height:1.45 !important; margin-bottom:.7rem !important; }
}
@media(max-width:900px){
  .uh-row{ padding:0 14px; gap:.6rem; }
  .uh-right{ gap:0; margin-left:auto; min-width:0; }
  .uh-btn{ margin-left:0 !important; margin-right:.2rem !important; }
}
@media(max-width:480px){ .uh-logo img{ height:36px !important; } .uh-toggle{ width:40px; } }

/* ===== V8: Kompass-Motiv in Unterseiten-Heros ohne Bild ===== */
body:not(:has(.hero-visual)) #hero::after{ content:""; position:absolute; right:max(4vw,calc((100vw - 1200px)/2)); top:50%; width:min(360px,28vw); aspect-ratio:1; transform:translateY(-46%); background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400' fill='none'><g stroke='%230B3D24' stroke-width='2'><circle cx='200' cy='200' r='190'/><circle cx='200' cy='200' r='140' opacity='.55'/><circle cx='200' cy='200' r='88' opacity='.35'/><path d='M200 10v34M200 356v34M10 200h34M356 200h34' stroke-width='3'/><path d='M66 66l22 22M334 66l-22 22M66 334l22-22M334 334l-22-22' opacity='.5'/></g><path d='M268 96L214 214 186 186z' fill='%23C8F23D' stroke='%230B3D24' stroke-width='3' stroke-linejoin='round'/><path d='M132 304L186 186 214 214z' fill='%230B3D24'/><circle cx='200' cy='200' r='9' fill='%230E0E0E'/></svg>") center/contain no-repeat; opacity:.9; pointer-events:none; }
body:not(:has(.hero-visual)) #hero > .container{ position:relative; z-index:1; }
@media(max-width:1000px){ body:not(:has(.hero-visual)) #hero::after{ display:none; } }
span.tag{ color:#1A6B3A; }
.frc-badge{ background:#1A6B3A !important; }
@media(max-width:420px){ .btn{ white-space:normal; text-align:center; } }

@media(max-width:600px){
  #cc-banner .cc-actions{ flex-direction:row !important; flex-wrap:wrap !important; gap:.45rem !important; }
  #cc-banner .cc-btn{ flex:1 1 40% !important; width:auto !important; padding:.55rem .5rem !important; font-size:.76rem !important; }
  #cc-banner #cc-accept-all{ flex-basis:100% !important; }
  #cc-banner .cc-links{ margin-bottom:.5rem !important; }
}

.ck-nap{ font-size:.78rem; line-height:1.65; color:rgba(255,255,255,.55); margin-top:.9rem; max-width:34ch; }
.ck-nap a{ color:rgba(255,255,255,.75); text-decoration:none; }
.ck-nap a:hover{ color:#C8F23D; }

.ck-skip{ position:absolute; left:-9999px; top:0; z-index:3000; background:#C8F23D; color:#0E0E0E; padding:.7rem 1.1rem; font-weight:600; border-radius:0 0 4px 0; }
.ck-skip:focus{ left:0; }

/* Einheitlicher Footer (V28) */
footer.ck-footer{ background:#0E0E0E !important; border-top:4px solid #C8F23D !important; padding:4rem 0 1.8rem !important; margin:0; color:#B8B8B2; font-family:"Inter",-apple-system,sans-serif; text-align:left; }
footer.ck-footer .ck-f{ max-width:1160px; margin:0 auto; padding:0 clamp(20px,5vw,60px); }
footer.ck-footer .ck-f-grid{ display:grid; grid-template-columns:1.15fr 1fr 1fr; gap:2.5rem; }
footer.ck-footer .ck-f-h{ font-family:"Space Grotesk","Inter",sans-serif; font-weight:700; font-size:.82rem; letter-spacing:.06em; text-transform:uppercase; color:#fff !important; margin:0 0 1.1rem; }
footer.ck-footer ul{ list-style:none; margin:0; padding:0; }
footer.ck-footer li{ margin:0 0 .6rem; font-size:.92rem; line-height:1.5; }
footer.ck-footer a{ color:rgba(255,255,255,.74); text-decoration:none; }
footer.ck-footer a:hover{ color:#fff; }
footer.ck-footer .ck-f-contact li{ display:flex; gap:.7rem; align-items:flex-start; color:rgba(255,255,255,.74); }
footer.ck-footer .ck-f-contact svg{ width:18px; height:18px; flex:none; margin-top:.2rem; stroke:#C8F23D; fill:none; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
footer.ck-footer .ck-f-bottom{ display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:1rem 2rem; margin-top:3rem; padding-top:1.5rem; border-top:1px solid rgba(255,255,255,.12); font-size:.82rem; }
footer.ck-footer .ck-f-legal{ display:flex; flex-wrap:wrap; gap:.3rem 1.2rem; align-items:center; color:rgba(255,255,255,.6); }
footer.ck-footer .ck-f-legal a{ color:rgba(255,255,255,.72); text-decoration:underline; text-underline-offset:3px; }
footer.ck-footer .ck-f-brand{ display:flex; align-items:center; gap:1.2rem; }
footer.ck-footer .ck-f-brand img{ height:30px; width:auto; display:block; }
footer.ck-footer .ck-f-ig svg{ width:20px; height:20px; stroke:#fff; fill:none; stroke-width:1.7; }
@media(max-width:860px){ footer.ck-footer .ck-f-grid{ grid-template-columns:1fr; gap:2rem; } footer.ck-footer .ck-f-bottom{ flex-direction:column; align-items:flex-start; } }