/* ============================================================
   Rentenberatung Katja Glotzbach – v3
   "Warm Editorial": Elfenbein · Espresso · Terrakotta
   Cormorant Garamond + Karla · auf Bootstrap 5.3
   ============================================================ */

/* ---------- Fonts (self-hosted) ---------- */
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:500 700;font-display:swap;src:url('../fonts/cormorant-var-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:500 700;font-display:swap;src:url('../fonts/cormorant-var-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:500 700;font-display:swap;src:url('../fonts/cormorant-italic-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:500 700;font-display:swap;src:url('../fonts/cormorant-italic-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Karla';font-style:normal;font-weight:300 700;font-display:swap;src:url('../fonts/karla-var-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Karla';font-style:normal;font-weight:300 700;font-display:swap;src:url('../fonts/karla-var-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}

/* ---------- Tokens ---------- */
:root{
  --ink:#2b211b;
  --ink-soft:#5e5349;
  --ink-faint:#928574;
  --ivory:#f7f2ea;
  --cream:#efe7d9;
  --cream-2:#e9dfcd;
  --paper:#fdfbf7;
  --clay:#a9532e;
  --clay-deep:#8a4222;
  --clay-soft:#c06a44;
  --clay-tint:#f1e1d4;
  --line:#e4d9c8;
  --line-strong:#d6c8b2;
  --serif:'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --sans:'Karla', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --ease:cubic-bezier(.22,.61,.36,1);
  --shadow-sm:0 1px 2px rgba(43,33,27,.05), 0 8px 24px rgba(43,33,27,.06);
  --shadow-md:0 16px 44px rgba(43,33,27,.13);

  /* Bootstrap-Variablen anpassen */
  --bs-body-font-family:var(--sans);
  --bs-body-color:var(--ink-soft);
  --bs-body-bg:var(--ivory);
  --bs-emphasis-color:var(--ink);
  --bs-link-color:var(--clay-deep);
  --bs-link-hover-color:var(--clay);
  --bs-border-color:var(--line);
}

/* ---------- Basis ---------- */
body{
  font-family:var(--sans);
  color:var(--ink-soft);
  background:var(--ivory);
  font-size:1.0625rem;
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
h1,h2,h3,h4,.font-serif{font-family:var(--serif);color:var(--ink);letter-spacing:.005em;}
h1,h2,h3{font-weight:600;line-height:1.12;text-wrap:balance;}
.text-cream{color:var(--cream)!important;}
.text-clay{color:var(--clay)!important;}
.bg-ink{background:var(--ink)!important;}
.bg-cream{background:var(--cream)!important;}
.bg-paper{background:var(--paper)!important;}
::selection{background:var(--clay);color:var(--ivory);}
html{scroll-behavior:smooth;}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}
a{text-decoration:none;}
img{max-width:100%;height:auto;}

.display-serif{font-family:var(--serif);font-weight:600;line-height:1.06;letter-spacing:-.005em;
  font-size:clamp(2.4rem,5vw,4rem);}
.lead-serif{font-family:var(--serif);font-style:italic;font-size:clamp(1.3rem,2.4vw,1.7rem);color:var(--ink);}
.section{padding-block:clamp(4rem,8vw,5rem);}
.section-sm{padding-block:clamp(2.5rem,5vw,4rem);}
.measure{max-width:42rem;}
.measure-wide{max-width:54rem;}
.hyphenate{hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word;}

/* Eyebrow */
.eyebrow{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--sans);
  font-size:.78rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--clay);}
.eyebrow::before{content:"";width:1.8rem;height:1px;background:var(--clay);opacity:.6;}
.eyebrow.no-rule::before{display:none;}
.eyebrow.light{color:var(--clay-soft);}

.skip-link{position:absolute;left:1rem;top:1rem;z-index:1080;background:var(--ink);color:#fff;padding:.6rem 1rem;border-radius:.4rem;}

:where(a,button,input,textarea,select,summary):focus-visible{outline:2px solid var(--clay);outline-offset:3px;}

/* ---------- Buttons ---------- */
.btn{font-family:var(--sans);font-weight:600;border-radius:999px;padding:.7rem 1.5rem;
  letter-spacing:.01em;transition:all .3s var(--ease);display:inline-flex;align-items:center;gap:.5rem;}
.btn:active{transform:translateY(0);}
.btn-clay{background:var(--clay);color:#fff;border:1px solid var(--clay);}
.btn-clay:hover{background:var(--clay-deep);border-color:var(--clay-deep);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-md);}
.btn-ink{background:var(--ink);color:var(--ivory);border:1px solid var(--ink);}
.btn-ink:hover{background:#3c2e25;color:var(--ivory);transform:translateY(-2px);box-shadow:var(--shadow-md);}
.btn-outline-ink{background:transparent;color:var(--ink);border:1px solid var(--line-strong);}
.btn-outline-ink:hover{background:var(--ink);color:var(--ivory);border-color:var(--ink);}
.btn-outline-light{background:transparent;color:var(--ivory);border:1px solid rgba(247,242,234,.45);}
.btn-outline-light:hover{background:var(--ivory);color:var(--ink);}

.arrow-link{display:inline-flex;align-items:center;gap:.45rem;font-weight:700;font-size:.9rem;
  color:var(--clay-deep);border-bottom:1px solid transparent;transition:all .3s var(--ease);}
.arrow-link:hover{gap:.7rem;border-color:var(--clay);color:var(--clay-deep);}

/* ---------- Header / Navbar ---------- */
.site-header{position:sticky;top:0;z-index:1030;background:rgba(247,242,234,.85);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border-bottom:2px solid var(--clay);transition:box-shadow .35s var(--ease);}
.site-header.scrolled{box-shadow:0 6px 24px rgba(43,33,27,.06);}
.navbar{padding-block:.85rem;}
.brand-mark{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:50%;
  background:var(--ink);color:var(--clay-soft);font-family:var(--serif);font-style:italic;
  font-size:1.3rem;font-weight:600;flex:none;}
.brand-mark--light{background:#3c2e25;}
.brand-name{font-family:var(--serif);font-size:1.3rem;font-weight:600;color:var(--ink);}
.brand-sub{font-size:.6rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--clay);}
.footer-logo{display:block;height:54px;width:180px;
  background-color:var(--ivory);
  -webkit-mask:url('../img/logo_glotzbach.png') left center/contain no-repeat;
  mask:url('../img/logo_glotzbach.png') left center/contain no-repeat;}
.site-footer .brand-sub{font-size:.75rem;}
.navbar-logo{display:block;height:60px;width:200px;
  background-color:var(--ink);
  -webkit-mask:url('../img/logo_glotzbach.png') center/contain no-repeat;
  mask:url('../img/logo_glotzbach.png') center/contain no-repeat;}
.navbar .nav-link{font-family:var(--sans);font-weight:500;color:var(--ink-soft);padding:.4rem 1rem;
  position:relative;transition:color .25s var(--ease);}
.navbar .nav-link:hover{color:var(--ink);}
.navbar .nav-link.active{color:var(--clay-deep);font-weight:600;}
.navbar .nav-link.active::after{content:"";position:absolute;left:1rem;right:1rem;bottom:.05rem;height:2px;background:var(--clay);border-radius:2px;}
.nav-phone{font-weight:600;color:var(--ink);}
.nav-phone i{color:var(--clay);}
.navbar-toggler{color:var(--ink);}
.navbar-toggler:focus{box-shadow:none;}
.offcanvas-mobile{background:var(--ivory);max-width:84%;}
.offcanvas-mobile .nav-link{color:var(--ink-soft);padding:.8rem .4rem;border-bottom:1px solid var(--line);}
.offcanvas-mobile .nav-link.active{color:var(--clay-deep);}

/* ---------- Hero (Bild) ---------- */
.hero{position:relative;min-height:clamp(460px,66vh,660px);display:flex;align-items:center;
  background:var(--ink);overflow:hidden;}
.hero__img{position:absolute;inset:0;}
.hero__img img{width:100%;height:100%;object-fit:cover;object-position:center right;display:block;}
.hero__overlay{position:absolute;inset:0;
  background:linear-gradient(90deg, rgba(20,15,12,.95) 0%, rgba(24,18,14,.86) 32%, rgba(30,23,19,.5) 58%, rgba(43,33,27,.12) 82%, rgba(43,33,27,0) 100%);}
.hero__overlay::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg, rgba(20,15,12,.7), transparent 55%);
  -webkit-mask-image:linear-gradient(90deg, #000 0%, #000 40%, transparent 85%);mask-image:linear-gradient(90deg, #000 0%, #000 40%, transparent 85%);}
.hero__content{position:relative;z-index:2;color:var(--ivory);padding-block:clamp(3rem,8vw,5rem);
  text-shadow:0 1px 16px rgba(15,10,8,.45);}
.hero h1{color:#fff;}
/* helleres Akzent-Terrakotta nur im Hero (Kontrast über variablem Bild) */
.hero .text-clay{color:#e0936a!important;}
.hero .hero-lead{color:rgba(248,244,237,.94);text-shadow:0 1px 14px rgba(15,10,8,.5);}
.hero__badge,.hero .eyebrow{text-shadow:0 1px 12px rgba(15,10,8,.5);}
.hero__badges{display:flex;flex-wrap:wrap;gap:1.25rem 2rem;}
.hero__badge{display:flex;align-items:center;gap:.6rem;color:rgba(247,242,234,.9);font-size:.92rem;}
.hero__badge i{color:var(--clay-soft);}

/* dünne Goldlinie als Trenner */
.rule-clay{width:3.5rem;height:2px;background:var(--clay);border:0;opacity:1;}

/* ---------- Cards ---------- */
.u-card{background:var(--paper);border:1px solid var(--line);border-radius:1rem;padding:2rem 1.75rem;height:100%;
  transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s var(--ease);}
.u-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:transparent;}
.u-card__icon{display:grid;place-items:center;flex:none;width:3rem;height:3rem;border-radius:.85rem;background:var(--ink);color:var(--clay-soft);font-size:1.15rem;margin-bottom:1.1rem;}
.u-card h3{font-size:1.3rem;margin-bottom:.5rem;}
.u-card p{font-size:.97rem;color:var(--ink-soft);}
.u-card--topic{border-left:3px solid var(--clay);}
/* Mobil: Icon über den Text stapeln -> mehr Breite für den Text */
@media (max-width:575.98px){
  .u-card--topic,.stack-sm{flex-direction:column;}
}

.tick{display:grid;place-items:center;width:2.1rem;height:2.1rem;border-radius:50%;background:var(--clay-tint);color:var(--clay-deep);flex:none;}

/* Schritt-Nummer */
.step-num{font-family:var(--serif);font-size:2.4rem;font-weight:600;color:var(--clay);line-height:1;}

/* ---------- Accordion (Bootstrap-Override) ---------- */
.accordion{--bs-accordion-bg:transparent;--bs-accordion-border-color:var(--line);
  --bs-accordion-active-bg:transparent;--bs-accordion-active-color:var(--ink);
  --bs-accordion-btn-focus-box-shadow:none;--bs-accordion-color:var(--ink-soft);
  --bs-accordion-btn-color:var(--ink);}
.accordion-item{background:transparent;border-left:0;border-right:0;}
.accordion-button{font-family:var(--serif);font-size:1.2rem;font-weight:600;color:var(--ink);padding:1.15rem 0;}
.accordion-button:not(.collapsed){color:var(--ink);box-shadow:none;background:transparent;}
.accordion-button::after{background-size:1rem;width:1rem;height:1rem;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23a9532e' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");}
.accordion-button:not(.collapsed)::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23a9532e' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");}
.accordion-body{padding:0 0 1.25rem;color:var(--ink-soft);}

/* ---------- Forms ---------- */
.form-control,.form-select{border:1px solid var(--line-strong);background:var(--paper);color:var(--ink);
  border-radius:.6rem;padding:.7rem .9rem;}
.form-control:focus,.form-select:focus{border-color:var(--clay);box-shadow:0 0 0 .2rem rgba(169,83,46,.15);background:#fff;}
.form-label{font-weight:600;color:var(--ink);font-size:.9rem;margin-bottom:.35rem;}
.form-check-input:checked{background-color:var(--clay);border-color:var(--clay);}
.req{color:var(--clay);}
.form-card{background:var(--paper);border:1px solid var(--line);border-radius:1rem;box-shadow:var(--shadow-sm);}

/* Info-Liste Kontakt */
.info-row{display:flex;gap:1rem;padding:1.1rem 0;border-bottom:1px solid var(--line);}
.info-row:first-child{border-top:1px solid var(--line);}
.info-row .ic{display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:50%;background:var(--clay-tint);color:var(--clay-deep);flex:none;}
.info-row .k{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);}
.info-row .v{font-size:1.08rem;font-weight:600;color:var(--ink);}
.info-row a.v:hover{color:var(--clay-deep);}

/* ---------- CTA-Band ---------- */
.cta-band{position:relative;background:var(--ink);color:var(--ivory);overflow:hidden;}
.cta-band::before{content:"";position:absolute;inset:0;background:
  radial-gradient(120% 100% at 88% 0%, rgba(169,83,46,.35), transparent 55%),
  radial-gradient(90% 120% at 0% 100%, rgba(60,46,37,.6), transparent 60%);}
.cta-band .container{position:relative;z-index:2;}
.cta-phone{font-family:var(--serif);font-size:clamp(1.8rem,3.4vw,2.6rem);color:#fff;font-weight:600;}
.cta-phone:hover{color:var(--clay-soft);}

/* ---------- Über mich Foto ---------- */
.about-photo{position:relative;max-width:250px;}
.about-photo img{border-radius:1rem;filter:grayscale(.15) contrast(1.03);box-shadow:var(--shadow-md);width:100%;}
.about-photo .ring{position:absolute;inset:-14px;border:1px solid var(--clay);opacity:.5;border-radius:1.3rem;}
.about-stamp{position:absolute;right:-1rem;bottom:-1rem;background:var(--ink);color:var(--ivory);
  font-family:var(--serif);font-style:italic;font-size:1rem;padding:.7rem 1.1rem;border-radius:.7rem;box-shadow:var(--shadow-md);z-index:2;}

/* ---------- Prose (Rechtstexte) ---------- */
.prose h2{font-size:1.7rem;margin-top:2.6rem;margin-bottom:.6rem;}
.prose h3{font-size:1.3rem;margin-top:2rem;margin-bottom:.3rem;font-weight:600;}
.prose p,.prose li{color:var(--ink-soft);}
.prose>*+*{margin-top:1rem;}
.prose ul{list-style:none;padding-left:0;}
.prose ul li{position:relative;padding-left:1.6rem;margin-top:.6rem;}
.prose ul li::before{content:"";position:absolute;left:0;top:.62em;width:7px;height:7px;border-radius:50%;background:var(--clay);}
.prose strong{color:var(--ink);}
.prose a{color:var(--clay-deep);text-decoration:underline;text-decoration-color:var(--clay);text-underline-offset:2px;}

/* ---------- Trust-Bar ---------- */
.trust-bar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.trust-bar__item{display:flex;flex-direction:column;align-items:center;text-align:center;
  padding:2rem 1rem;border-right:1px solid var(--line);}
.trust-bar__item:last-child{border-right:0;}
@media(max-width:767px){.trust-bar__item:nth-child(2){border-right:0;}
  .trust-bar__item:nth-child(3){border-top:1px solid var(--line);}}
.trust-bar__icon{display:grid;place-items:center;width:3rem;height:3rem;border-radius:50%;
  background:var(--clay-tint);color:var(--clay);font-size:1.1rem;margin-bottom:.9rem;}
.trust-bar__title{font-family:var(--serif);font-weight:600;color:var(--ink);font-size:1rem;}
.trust-bar__sub{font-size:.78rem;color:var(--ink-faint);}

/* ---------- Footer ---------- */
.site-footer{background:#231a15;color:#cabba9;padding-top:1rem;}
.footer-text{font-size:.95rem;color:#b6a795;max-width:32ch;}
.footer-h{font-size:.75rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--ivory);margin-bottom:1rem;}
.footer-links li{margin-top:.55rem;font-size:.95rem;}
.footer-links a,.footer-links li{color:#cabba9;}
.footer-links a:hover{color:var(--clay-soft);}
.footer-bottom{border-top:1px solid rgba(247,242,234,.1);padding-block:1.4rem;font-size:.85rem;color:#9b8c7b;}
.footer-bottom a{color:#9b8c7b;}
.footer-bottom a:hover{color:var(--clay-soft);}

/* ---------- Reveal ---------- */
.js [data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease),transform .7s var(--ease);transition-delay:var(--rd,0ms);}
.js [data-reveal].in{opacity:1;transform:none;}
@media (prefers-reduced-motion:reduce){.js [data-reveal]{opacity:1;transform:none;}}

/* ---------- Theme-Switcher (Footer) ---------- */
.theme-switcher{display:inline-flex;align-items:center;gap:.4rem;padding-left:.75rem;
  border-left:1px solid rgba(247,242,234,.18);}
.theme-btn{width:1.2rem;height:1.2rem;border-radius:50%;padding:0;cursor:pointer;
  background:transparent;border:2px solid transparent;display:grid;place-items:center;
  flex:none;transition:border-color .2s,transform .15s;}
.theme-btn:hover{transform:scale(1.15);}
.theme-btn.is-active{border-color:rgba(247,242,234,.75);}
.theme-swatch{display:block;width:.6rem;height:.6rem;border-radius:50%;}

/* ---------- Sanfte Übergänge beim Schema-Wechsel ---------- */
.theme-ready *{transition:background-color .35s,color .25s,border-color .35s,box-shadow .35s;}
.theme-ready .js [data-reveal]{transition:opacity .7s var(--ease),transform .7s var(--ease);}

/* ============================================================
   Farbschema 2: Grün / Vertrauen
   Aktivierung: <html data-theme="green">
   ============================================================ */
[data-theme="green"]{
  --ink:#1b2e2a;
  --ink-soft:#3d5a54;
  --ink-faint:#6a8c85;
  --ivory:#f2f8f5;
  --cream:#e3f0ea;
  --cream-2:#d7eae0;
  --paper:#ffffff;
  --clay:#2d8a6e;
  --clay-deep:#236b57;
  --clay-soft:#48a98a;
  --clay-tint:#d8f0e8;
  --line:#c8e0d8;
  --line-strong:#b0cfca;
  --shadow-sm:0 1px 2px rgba(27,46,42,.05),0 8px 24px rgba(27,46,42,.07);
  --shadow-md:0 16px 44px rgba(27,46,42,.15);
  --bs-body-color:var(--ink-soft);
  --bs-body-bg:var(--ivory);
  --bs-emphasis-color:var(--ink);
  --bs-link-color:var(--clay-deep);
  --bs-link-hover-color:var(--clay);
  --bs-border-color:var(--line);
}

/* Hardcodierte Farben überschreiben */
[data-theme="green"] .site-header{background:rgba(242,248,245,.85);}
[data-theme="green"] .site-header.scrolled{box-shadow:0 6px 24px rgba(27,46,42,.07);}
[data-theme="green"] .btn-ink:hover{background:#263d38;}
[data-theme="green"] .brand-mark--light{background:#263d38;}
[data-theme="green"] .accordion-button::after,
[data-theme="green"] .accordion-button:not(.collapsed)::after{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%232d8a6e' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");
}
[data-theme="green"] .site-footer{background:#172821;}
[data-theme="green"] .cta-band::before{
  background:radial-gradient(120% 100% at 88% 0%,rgba(45,138,110,.35),transparent 55%),
    radial-gradient(90% 120% at 0% 100%,rgba(23,40,33,.6),transparent 60%);
}
[data-theme="green"] .hero .text-clay{color:#6ecfb0!important;}
[data-theme="green"] .hero__badge i{color:var(--clay-soft);}

/* ============================================================
   Farbschema 3: Marine / Dunkelblau
   Aktivierung: <html data-theme="navy">
   ============================================================ */
[data-theme="navy"]{
  --ink:#1a2540;
  --ink-soft:#3d5070;
  --ink-faint:#7088a8;
  --ivory:#f4f6fa;
  --cream:#e2e9f5;
  --cream-2:#d5e0f0;
  --paper:#ffffff;
  --clay:#2656a0;
  --clay-deep:#1a4080;
  --clay-soft:#4878c0;
  --clay-tint:#dae5f5;
  --line:#ccd8ee;
  --line-strong:#b0c4e0;
  --shadow-sm:0 1px 2px rgba(26,37,64,.05),0 8px 24px rgba(26,37,64,.07);
  --shadow-md:0 16px 44px rgba(26,37,64,.15);
  --bs-body-color:var(--ink-soft);
  --bs-body-bg:var(--ivory);
  --bs-emphasis-color:var(--ink);
  --bs-link-color:var(--clay-deep);
  --bs-link-hover-color:var(--clay);
  --bs-border-color:var(--line);
}
[data-theme="navy"] .site-header{background:rgba(244,246,250,.88);}
[data-theme="navy"] .site-header.scrolled{box-shadow:0 6px 24px rgba(26,37,64,.08);}
[data-theme="navy"] .btn-ink:hover{background:#252f4a;}
[data-theme="navy"] .brand-mark--light{background:#252f4a;}
[data-theme="navy"] .accordion-button::after,
[data-theme="navy"] .accordion-button:not(.collapsed)::after{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%232656a0' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");
}
[data-theme="navy"] .site-footer{background:#0f1828;}
[data-theme="navy"] .cta-band::before{
  background:radial-gradient(120% 100% at 88% 0%,rgba(38,86,160,.35),transparent 55%),
    radial-gradient(90% 120% at 0% 100%,rgba(15,24,40,.6),transparent 60%);
}
[data-theme="navy"] .hero .text-clay{color:#7aaae8!important;}
[data-theme="navy"] .hero__badge i{color:var(--clay-soft);}

/* ============================================================
   Farbschema 4: Bordeaux / Wein
   Aktivierung: <html data-theme="bordeaux">
   ============================================================ */
[data-theme="bordeaux"]{
  --ink:#2a1520;
  --ink-soft:#5a3548;
  --ink-faint:#8a6070;
  --ivory:#faf5f7;
  --cream:#f5e6ec;
  --cream-2:#efdae3;
  --paper:#ffffff;
  --clay:#8a2845;
  --clay-deep:#6e1e38;
  --clay-soft:#a83a5a;
  --clay-tint:#f5dde5;
  --line:#e8d0d8;
  --line-strong:#d8b8c4;
  --shadow-sm:0 1px 2px rgba(42,21,32,.05),0 8px 24px rgba(42,21,32,.07);
  --shadow-md:0 16px 44px rgba(42,21,32,.15);
  --bs-body-color:var(--ink-soft);
  --bs-body-bg:var(--ivory);
  --bs-emphasis-color:var(--ink);
  --bs-link-color:var(--clay-deep);
  --bs-link-hover-color:var(--clay);
  --bs-border-color:var(--line);
}
[data-theme="bordeaux"] .site-header{background:rgba(250,245,247,.88);}
[data-theme="bordeaux"] .site-header.scrolled{box-shadow:0 6px 24px rgba(42,21,32,.08);}
[data-theme="bordeaux"] .btn-ink:hover{background:#3a1e2c;}
[data-theme="bordeaux"] .brand-mark--light{background:#3a1e2c;}
[data-theme="bordeaux"] .accordion-button::after,
[data-theme="bordeaux"] .accordion-button:not(.collapsed)::after{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%238a2845' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");
}
[data-theme="bordeaux"] .site-footer{background:#1a0d12;}
[data-theme="bordeaux"] .cta-band::before{
  background:radial-gradient(120% 100% at 88% 0%,rgba(138,40,69,.35),transparent 55%),
    radial-gradient(90% 120% at 0% 100%,rgba(26,13,18,.6),transparent 60%);
}
[data-theme="bordeaux"] .hero .text-clay{color:#d4708a!important;}
[data-theme="bordeaux"] .hero__badge i{color:var(--clay-soft);}

/* ============================================================
   Farbschema 5: Gold / Navy-Sand  (nach site-v2)
   Aktivierung: <html data-theme="gold">
   ============================================================ */
[data-theme="gold"]{
  --ink:#13243a;
  --ink-soft:#3b5878;
  --ink-faint:#5b7592;
  --ivory:#faf8f4;
  --cream:#f4efe6;
  --cream-2:#ebe3d4;
  --paper:#ffffff;
  --clay:#a9824a;
  --clay-deep:#876841;
  --clay-soft:#c2a06a;
  --clay-tint:#efe7d6;
  --line:#e7ddcc;
  --line-strong:#ddd1ba;
  --shadow-sm:0 1px 2px rgba(19,36,58,.05),0 8px 24px rgba(19,36,58,.07);
  --shadow-md:0 16px 44px rgba(19,36,58,.15);
  --bs-body-color:var(--ink-soft);
  --bs-body-bg:var(--ivory);
  --bs-emphasis-color:var(--ink);
  --bs-link-color:var(--clay-deep);
  --bs-link-hover-color:var(--clay);
  --bs-border-color:var(--line);
}
[data-theme="gold"] .site-header{background:rgba(250,248,244,.88);}
[data-theme="gold"] .site-header.scrolled{box-shadow:0 6px 24px rgba(19,36,58,.08);}
[data-theme="gold"] .btn-ink:hover{background:#1c3251;}
[data-theme="gold"] .brand-mark--light{background:#1c3251;}
[data-theme="gold"] .accordion-button::after,
[data-theme="gold"] .accordion-button:not(.collapsed)::after{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23a9824a' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");
}
[data-theme="gold"] .site-footer{background:#0b1424;}
[data-theme="gold"] .cta-band::before{
  background:radial-gradient(120% 100% at 88% 0%,rgba(169,130,74,.35),transparent 55%),
    radial-gradient(90% 120% at 0% 100%,rgba(11,20,36,.6),transparent 60%);
}
[data-theme="gold"] .hero .text-clay{color:#d4b07a!important;}
[data-theme="gold"] .hero__badge i{color:var(--clay-soft);}