/* ===== Schriften liegen auf dem eigenen Server =====
   Frueher kamen sie von Google. Dabei ging die IP-Adresse jeder
   Besucherin an Google, was in Deutschland und Oesterreich
   abmahnfaehig ist. Jetzt verlaesst nichts mehr die Seite. */
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:300;font-display:swap;
  src:url('schriften/cormorant-300-kursiv-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:300;font-display:swap;
  src:url('schriften/cormorant-300-kursiv-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:400;font-display:swap;
  src:url('schriften/cormorant-400-kursiv-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:400;font-display:swap;
  src:url('schriften/cormorant-400-kursiv-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:300;font-display:swap;
  src:url('schriften/cormorant-300-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:normal;font-weight:300;font-display:swap;
  src:url('schriften/cormorant-300-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:400;font-display:swap;
  src:url('schriften/cormorant-400-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:normal;font-weight:400;font-display:swap;
  src:url('schriften/cormorant-400-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:600;font-display:swap;
  src:url('schriften/cormorant-600-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:normal;font-weight:600;font-display:swap;
  src:url('schriften/cormorant-600-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:'Montserrat';font-style:normal;font-weight:300;font-display:swap;
  src:url('schriften/montserrat-300-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:'Montserrat';font-style:normal;font-weight:300;font-display:swap;
  src:url('schriften/montserrat-300-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:'Montserrat';font-style:normal;font-weight:400;font-display:swap;
  src:url('schriften/montserrat-400-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:'Montserrat';font-style:normal;font-weight:400;font-display:swap;
  src:url('schriften/montserrat-400-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:'Montserrat';font-style:normal;font-weight:500;font-display:swap;
  src:url('schriften/montserrat-500-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:'Montserrat';font-style:normal;font-weight:500;font-display:swap;
  src:url('schriften/montserrat-500-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:'Montserrat';font-style:normal;font-weight:600;font-display:swap;
  src:url('schriften/montserrat-600-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:'Montserrat';font-style:normal;font-weight:600;font-display:swap;
  src:url('schriften/montserrat-600-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}

/* ===== VARIANTE A (Standard): komplett Schwarz, kein Bordeaux =====
   Gold ist Champagner statt Messing, das Rosa ist zu Altrosa entsaettigt.
   Dadurch sind beide gedeckt und warm und streiten nicht mehr miteinander. */
:root{
  --grund:#F9EFEC; --flaeche:#F2E0DB; --karte:#FFFFFF;
  --text:#2B1F1D; --text-leise:#6E5C58;
  --linie:rgba(150,110,90,.24);
  --gold:#A8801F; --gold-hell:#C29B33; --gold-dunkel:#8A6818;
  --rosa:#B44A69;
  --weg-bg:#FFFFFF; --weg-linie:rgba(150,110,90,.28);
  --band-bg:#F2E0DB; --band-text:#9C7345;
  --hl-bg:linear-gradient(140deg,#FFFFFF,#F6E7E2 70%); --hl-linie:#9C7345;
  --news-bg:#F2E0DB;
  --btn-bg:var(--fuell-gold); --btn-text:#2A2010;
  --feld-bg:#FFFFFF;
  --hero-grund:#F3D9D4; --hero-schleier:243,217,212; --hero-akzent:#A8536B;
  --hero-text:#2E1A1B; --hero-em:#A84A63;
  --hero-filter:brightness(1.18) contrast(.94) saturate(1.02);
  --hero-bild-deckung:.92; --hero-ton:transparent;
  --serif:'Cormorant Garamond',Georgia,serif;
  --sans:'Montserrat',Helvetica,Arial,sans-serif;
}
/* Die Farbe sagt, auf welchem Weg man gerade ist:
   Rose fuer den Love Code, Gold fuer den Business Code.
   Ueberall sonst gilt Gold als Markenfarbe. */
:root{--akzent:var(--gold);--akzent-hell:var(--gold-hell);
  --fuell-gold:linear-gradient(100deg,#7E5F22 0%,#B8933A 14%,#E8CC72 30%,#FDF3C4 44%,#F0D583 56%,#C9A343 74%,#8A6A28 100%);
  --fuell-rose:linear-gradient(100deg,#8E4257 0%,#C4788F 14%,#E8A8BA 30%,#FFE6EC 44%,#EFB9C7 56%,#D3899E 74%,#9C4C62 100%);
  --fuellung:var(--fuell-gold); --fuell-text:#2A2010}
.pfad-love{--akzent:var(--rosa);--akzent-hell:var(--rosa);--fuellung:var(--fuell-rose);--fuell-text:#2E1119}
.pfad-business{--akzent:var(--gold);--akzent-hell:var(--gold-hell);--fuellung:var(--fuell-gold);--fuell-text:#2A2010}
/* ===== VARIANTE B: zartes Rose statt Creme =====
   Die Buntheit liegt im Grundton, deshalb werden die Akzente ruhiger:
   Bronze statt Gelbgold, tiefe Beere statt Pink. */
:root[data-variante="schwarz"]{
  --grund:#000000; --flaeche:#0B0B0B; --karte:#0B0B0B;
  --text:#F4F1EE; --text-leise:#948E89;
  --linie:rgba(244,241,238,.11);
  --gold:#C0A063; --gold-hell:#D8BE8A; --gold-dunkel:#9A7F4A;
  --rosa:#C69AA0;
  --weg-bg:#0B0B0B; --weg-linie:rgba(244,241,238,.15);
  --band-bg:#0B0B0B; --band-text:#948E89;
  --hl-bg:#0B0B0B; --hl-linie:rgba(192,160,99,.55);
  --news-bg:#0B0B0B;
  --btn-bg:transparent; --btn-text:#C0A063;
  --feld-bg:#000000;
  --hero-grund:#050505; --hero-schleier:5,5,5; --hero-akzent:#C69AA0;
  --hero-text:#FCFAFA; --hero-em:#C69AA0;
  --hero-filter:brightness(2.3) contrast(1.02) saturate(1.05);
  --hero-bild-deckung:1; --hero-ton:transparent;
}
/* ===== VARIANTE C: wie bisher, nur zum Vergleich ===== */
:root[data-variante="bisher"]{
  --grund:#090000; --flaeche:#161616; --karte:#161616;
  --text:#FCFAFA; --text-leise:#C2C2C2;
  --linie:rgba(212,175,55,.18);
  --gold:#D4AF37; --gold-hell:#F5D77A; --gold-dunkel:#B8963E;
  --rosa:#F07FA2;
  --weg-bg:linear-gradient(165deg,rgba(59,24,29,.5),rgba(9,0,0,.65));
  --weg-linie:rgba(212,175,55,.25);
  --band-bg:#3B181D; --band-text:#F5D77A;
  --hl-bg:linear-gradient(140deg,#3B181D,#090000 65%); --hl-linie:#D4AF37;
  --news-bg:linear-gradient(150deg,#3B181D,#090000 70%);
  --btn-bg:linear-gradient(100deg,#B8963E,#F5D77A); --btn-text:#090000;
  --feld-bg:rgba(9,0,0,.65);
  --hero-grund:#090000; --hero-schleier:9,0,0; --hero-akzent:#D4AF37;
  --hero-text:#FCFAFA; --hero-em:#F07FA2;
  --hero-filter:brightness(2.6) saturate(1.05);
  --hero-bild-deckung:1; --hero-ton:transparent;
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--grund);color:var(--text);font-family:var(--sans);font-weight:300;line-height:1.7;-webkit-font-smoothing:antialiased;transition:background .4s,color .4s}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.wrap{width:min(1240px,92vw);margin-inline:auto}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}

.label{font-size:.7rem;font-weight:500;letter-spacing:.32em;text-transform:uppercase;color:var(--akzent);margin-bottom:1.4rem;display:block}
h1,h2,h3,h4{font-family:var(--serif);font-weight:300;line-height:1.12;text-wrap:balance;color:var(--text)}
h1{font-size:clamp(2.6rem,6vw,4.7rem)}
h2{font-size:clamp(2rem,4.2vw,3.4rem)}
h3{font-size:clamp(1.5rem,2.4vw,2.1rem)}
em{font-style:italic;color:var(--akzent)}
p{color:var(--text-leise);font-size:1.02rem;max-width:68ch}
.lead{font-size:1.18rem;color:var(--text)}

header{position:fixed;inset:0 0 auto 0;z-index:50;background:transparent;border-bottom:1px solid transparent;transition:background .35s,border-color .35s}
/* Am Seitenanfang traegt ein weicher Verlauf die Schrift, damit sie auf dem
   farbigen Kopfbild lesbar bleibt, ohne dass ein harter Balken entsteht. */
header.oben{background:linear-gradient(180deg,rgba(var(--hero-schleier),.96) 0%,rgba(var(--hero-schleier),.82) 45%,rgba(var(--hero-schleier),.4) 78%,rgba(var(--hero-schleier),0) 100%);
  padding-bottom:1.1rem}
header.oben .marke{color:var(--hero-text)}
header.oben .marke small{color:var(--hero-akzent)}
header.oben .nav-links a{color:var(--hero-text);opacity:.88;font-weight:400}
header.oben .nav-links a:hover{opacity:1;color:var(--hero-akzent)}
header:not(.oben){background:color-mix(in srgb,var(--grund) 92%,transparent);backdrop-filter:blur(14px);border-bottom-color:var(--linie)}
nav{display:flex;align-items:center;gap:2rem;padding:.9rem 0}
.marke{font-family:var(--serif);font-size:1.2rem;letter-spacing:.16em;line-height:1.2;color:var(--text)}
.marke small{display:block;font-family:var(--sans);font-size:.6rem;letter-spacing:.28em;color:var(--gold-dunkel);text-transform:uppercase}
.nav-links{display:flex;gap:1.7rem;margin-left:auto;font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;font-weight:500}
.nav-links a{color:var(--text-leise);transition:color .25s}
/* Menuepunkt mit Untermenue */
.hat-unter{position:relative}
.hat-unter > a::after{content:'';display:inline-block;width:5px;height:5px;margin-left:.5rem;
  border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:translateY(-2px) rotate(45deg);opacity:.7}
.unter-menue{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(6px);
  background:color-mix(in srgb,var(--grund) 97%,transparent);border:1px solid var(--linie);
  padding:.5rem 0;min-width:190px;opacity:0;visibility:hidden;transition:.25s;
  box-shadow:0 14px 34px rgba(0,0,0,.14);display:flex;flex-direction:column;z-index:60}
.hat-unter:hover .unter-menue,.hat-unter:focus-within .unter-menue{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.unter-menue a{padding:.7rem 1.4rem;font-size:.72rem;white-space:nowrap;color:var(--text-leise)}
.unter-menue a:hover{color:var(--akzent);background:var(--flaeche)}
/* Kennzeichnet einen Punkt, der die Website verlaesst */
.unter-menue .raus{margin-left:.45em;font-size:.9em;opacity:.55}
.nav-links a:hover{color:var(--akzent)}
.btn{display:inline-block;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;font-weight:500;padding:.85rem 1.7rem;border:1px solid var(--akzent);color:var(--akzent);transition:.3s;white-space:nowrap;cursor:pointer;background:none}
.btn:hover{background:var(--fuellung);color:var(--fuell-text);border-color:transparent;box-shadow:0 2px 14px rgba(0,0,0,.18)}
.btn.voll{
  background:linear-gradient(100deg,#7E5F22 0%,#B8933A 14%,#E8CC72 30%,#FDF3C4 44%,#F0D583 56%,#C9A343 74%,#8A6A28 100%);
  color:#2A2010;border-color:#E8CC72;position:relative;overflow:hidden;
  text-shadow:0 1px 0 rgba(255,255,255,.28);
  box-shadow:0 2px 14px rgba(201,163,67,.28),inset 0 1px 0 rgba(255,255,255,.45)}
/* Lichtstreifen, der langsam ueber das Gold wandert */
.btn.voll::after{content:'';position:absolute;top:0;left:-65%;width:42%;height:100%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.85),transparent);
  transform:skewX(-22deg);animation:glanz 5s ease-in-out infinite;pointer-events:none}
@keyframes glanz{0%,68%{left:-65%}100%{left:135%}}
@media(prefers-reduced-motion:reduce){.btn.voll::after{animation:none;opacity:0}}
/* Im Kopfbereich glaenzt derselbe Knopf in Rose statt Gold */
.hero .btn.voll,.abschluss .btn.voll{
  background:linear-gradient(100deg,#8E4257 0%,#C4788F 14%,#E8A8BA 30%,#FFE6EC 44%,#EFB9C7 56%,#D3899E 74%,#9C4C62 100%);
  color:#2E1119;border-color:#E8A8BA;
  box-shadow:0 2px 14px rgba(196,120,143,.32),inset 0 1px 0 rgba(255,255,255,.5)}
.hero .btn:not(.voll),.abschluss .btn:not(.voll){border-color:var(--hero-akzent);color:var(--hero-akzent)}
.hero .btn:not(.voll):hover{background:var(--fuell-rose);color:#2E1119;border-color:transparent}

.btn.voll:hover{filter:brightness(1.1)}


.btn.gross{padding:1.1rem 2.6rem;font-size:.78rem}

/* HERO: in allen Varianten dunkel, weil das Foto dahinter liegt */
.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding:9rem 0 5rem;overflow:hidden;background:var(--hero-grund)}
.hero-bg{position:absolute;inset:0;background:url('https://static.wixstatic.com/media/9d5662_8cb4d34a04b04ddba8f164d87a0687e8~mv2.jpg/v1/fill/w_1895,h_1080,al_c,q_88/file.jpg') center right/cover no-repeat;filter:var(--hero-filter);opacity:var(--hero-bild-deckung,1)}
.hero-bg::before{content:'';position:absolute;inset:0;background:var(--hero-ton,transparent);mix-blend-mode:color;opacity:var(--hero-tonstaerke,1);pointer-events:none}
.hero-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(95deg,rgb(var(--hero-schleier)) 1%,rgba(var(--hero-schleier),.88) 22%,rgba(var(--hero-schleier),.34) 52%,rgba(var(--hero-schleier),0) 100%)}
.hero .wrap{position:relative;z-index:2;max-width:900px}
.hero h1,.hero .lead{color:var(--hero-text)}
.hero .label{color:var(--hero-akzent)}
.hero em{color:var(--hero-em)}
.hero h1{margin-bottom:1.8rem}
.hero .lead{max-width:620px;margin-bottom:2.6rem}
.hero-cta{display:flex;gap:1rem;flex-wrap:wrap}

section{padding:6.5rem 0}
.abgesetzt{background:var(--flaeche);border-block:1px solid var(--linie)}
.mitte{text-align:center;max-width:780px;margin-inline:auto;margin-bottom:4rem}
.mitte p{margin-inline:auto}

.erkennen-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1.2rem}
.karte{padding:2rem 1.6rem;border:1px solid var(--linie);background:var(--karte);transition:.3s}
.karte:hover{border-color:var(--akzent)}
.karte h4{font-size:1.2rem;margin-bottom:.5rem}
.karte p{font-size:.86rem}

.weg-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:1.8rem;align-items:stretch}
.weg{padding:3rem 2.6rem;display:flex;flex-direction:column;border:1px solid var(--weg-linie);background:var(--weg-bg);transition:.35s}
.weg:hover{border-color:var(--akzent);transform:translateY(-5px)}
.weg-nr{font-family:var(--serif);font-size:3.6rem;color:var(--akzent);opacity:.32;line-height:1;margin-bottom:.6rem}
.weg h3{margin-bottom:.5rem;font-size:clamp(1.32rem,2vw,1.78rem)}
.weg .fuer{font-family:var(--serif);font-style:italic;font-size:1.16rem;color:var(--akzent);margin-bottom:1.5rem}
.weg ul{list-style:none;margin:1.6rem 0 2rem;border-top:1px solid var(--linie);padding-top:1.4rem;flex:1}
.weg li{position:relative;padding:.55rem 0 .55rem 1.5rem;color:var(--text-leise);font-size:.95rem}
.weg li::before{content:'';position:absolute;left:0;top:1.15rem;width:6px;height:6px;background:var(--akzent);transform:rotate(45deg)}
.weg li strong{color:var(--text);font-weight:500}
.weg li .hl{color:var(--akzent);font-weight:500}
.reihenfolge{text-align:center;margin-top:3.4rem;padding-top:2.6rem;border-top:1px solid var(--linie)}
.reihenfolge p{font-family:var(--serif);font-size:1.3rem;font-style:italic;color:var(--text);max-width:none}

.ueber{display:grid;grid-template-columns:.85fr 1.15fr;gap:4.5rem;align-items:center}
.ueber-bild img{border:1px solid var(--weg-linie)}
.ueber-text{display:flex;flex-direction:column;gap:1rem}
.zitat{border-left:2px solid var(--akzent);padding:.4rem 0 .4rem 1.5rem;margin-top:1rem;font-family:var(--serif);font-style:italic;font-size:1.28rem;color:var(--text)}

.band{background:var(--band-bg);padding:1.5rem 0;overflow:hidden;white-space:nowrap;border-block:1px solid var(--linie)}
.band-inner{display:inline-flex;gap:3rem;align-items:center;animation:lauf 34s linear infinite}
.band span{font-family:var(--serif);font-size:1.5rem;color:var(--band-text)}
.band i{color:var(--akzent);font-style:normal}
@keyframes lauf{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.band-inner{animation:none}}

.wandel{display:grid;grid-template-columns:1fr auto 1fr;gap:2.5rem;align-items:center}
.wandel-box{padding:2.6rem;border:1px solid var(--linie);background:var(--karte)}
.wandel-box.ziel{border-color:var(--akzent)}
.wandel-box h4{font-size:.72rem;font-family:var(--sans);letter-spacing:.26em;text-transform:uppercase;margin-bottom:1.2rem}
.wandel-box.jetzt h4{color:var(--text-leise)}
.wandel-box.ziel h4{color:var(--akzent)}
.wandel-box p{font-family:var(--serif);font-size:1.3rem;line-height:1.5;color:var(--text)}
.pfeil{font-size:2rem;color:var(--akzent);line-height:1}

.kurse-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.6rem}
.kurs{background:var(--karte);border:1px solid var(--linie);overflow:hidden;transition:.35s;display:flex;flex-direction:column}
.kurs:hover{border-color:var(--akzent);transform:translateY(-4px)}
.kurs-bild{aspect-ratio:16/10;overflow:hidden}
.kurs-bild img{width:100%;height:100%;object-fit:cover;transition:.6s}
.kurs:hover .kurs-bild img{transform:scale(1.06)}
.kurs-text{padding:1.6rem 1.5rem;flex:1;display:flex;flex-direction:column}
.kurs h3{font-size:1.32rem;margin-bottom:.5rem}
.kurs p{font-size:.88rem;flex:1}
.kurs-fuss{display:flex;justify-content:space-between;align-items:center;margin-top:1.4rem;padding-top:1.1rem;border-top:1px solid var(--linie)}
.preis{font-family:var(--serif);font-size:1.5rem;color:var(--akzent)}
.umfang{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-leise)}

.highlight{background:var(--hl-bg);border:1px solid var(--akzent);padding:4rem;display:grid;grid-template-columns:1.3fr .7fr;gap:3rem;align-items:center}
.krone{font-size:.72rem;letter-spacing:.26em;text-transform:uppercase;color:var(--akzent);background:transparent;border:1px solid var(--akzent);display:inline-block;padding:.42rem 1.1rem;margin-bottom:1.4rem;font-weight:600}
:root[data-variante="bisher"] .krone{color:var(--btn-text);background:var(--btn-bg)}
.preis-block{text-align:right}
.preis-gross{font-family:var(--serif);font-size:3.6rem;color:var(--akzent);line-height:1}
.preis-alt{color:var(--text-leise);text-decoration:line-through}
.raten{font-size:.86rem;color:var(--text-leise);margin:.7rem 0 1.6rem}

.schritte{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem;counter-reset:s}
.schritt{position:relative;padding-top:2.6rem;border-top:1px solid var(--linie)}
.schritt::before{counter-increment:s;content:'0' counter(s);position:absolute;top:-.2rem;left:0;font-family:var(--serif);font-size:2.4rem;color:var(--akzent);line-height:1}
.schritt h4{font-size:1.35rem;margin-bottom:.7rem}
.schritt p{font-size:.92rem}

.buecher{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem}
.buch{display:grid;grid-template-columns:140px 1fr;gap:1.8rem;align-items:start;background:var(--karte);padding:2rem;border:1px solid var(--linie)}
.buch img{border:1px solid var(--weg-linie)}
.buch h3{font-size:1.3rem;margin-bottom:.7rem}
.buch p{font-size:.88rem;margin-bottom:1.2rem}

.stimmen{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:1.6rem}
.stimme{background:var(--karte);border:1px solid var(--linie);padding:2.2rem}
.stimme p{font-family:var(--serif);font-style:italic;font-size:1.1rem;color:var(--text);margin-bottom:1.4rem}
.stimme .name{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--akzent)}

.faq{max-width:840px;margin-inline:auto}
.faq details{border-bottom:1px solid var(--linie);padding:1.5rem 0}
.faq summary{font-family:var(--serif);font-size:1.35rem;color:var(--text);cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:1.5rem;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';color:var(--akzent);font-size:1.6rem;flex-shrink:0;transition:.3s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{margin-top:1rem}


/* Helle Rose-Insel: ein Ruheblock mitten in der dunklen Seite.
   Setzt lokal dieselben Tokens wie die Rose-Variante. */
.insel{
  --grund:#FFFFFF; --flaeche:#F2E0DB; --karte:#FFFFFF;
  --text:#2B1F1D; --text-leise:#6E5C58;
  --linie:rgba(150,110,90,.24);
  --gold:#A8801F; --gold-hell:#C29B33; --gold-dunkel:#8A6818;
  --rosa:#B44A69;
  --weg-linie:rgba(150,110,90,.28);
  --btn-bg:var(--fuell-gold); --btn-text:#2A2010;
  --feld-bg:#FFFFFF;
  --akzent:var(--gold);
  --news-bg:#FFFFFF;
  background:var(--grund);
  color:var(--text);
  border-block:1px solid var(--linie);
}
.insel h2,.insel h3,.insel h4,.insel .lead{color:var(--text)}

/* In der Rose-Variante waere eine helle Insel unsichtbar, dort dreht sie sich um. */

.news{background:var(--news-bg);border-block:1px solid var(--linie)}
.news-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:4rem;align-items:center}
.news form{display:flex;flex-direction:column;gap:1rem}
.news input{background:var(--feld-bg);border:1px solid var(--weg-linie);color:var(--text);padding:1.05rem 1.3rem;font-family:var(--sans);font-size:.95rem;font-weight:300}
.news input::placeholder{color:var(--text-leise)}
.news input:focus{outline:none;border-color:var(--akzent)}
.news .klein{font-size:.76rem;color:var(--text-leise)}

/* Dubai-Video im Hochformat, daneben die Aussage */
.leuchten{background:var(--flaeche);border-block:1px solid var(--linie)}
.leuchten-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:4.5rem;align-items:center}
.videorahmen{position:relative;max-width:340px;justify-self:center;width:100%}
.videorahmen video{width:100%;aspect-ratio:9/16;object-fit:cover;display:block;border:1px solid var(--weg-linie)}
.videorahmen::after{content:'';position:absolute;inset:18px -18px -18px 18px;border:1px solid var(--akzent);opacity:.5;z-index:-1}
.leuchten blockquote{font-family:var(--serif);font-size:clamp(1.9rem,3.4vw,2.9rem);line-height:1.2;color:var(--text);margin-bottom:1.6rem}
.leuchten blockquote span{color:var(--akzent);font-style:italic}
/* Fusszeile */
footer .fuss-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:3rem;text-align:left;margin-bottom:3rem}
footer .fuss-marke{font-family:var(--serif);font-size:1.5rem;letter-spacing:.14em;color:var(--text);margin-bottom:1rem;display:block}
footer h4,footer .fuss-titel{font-size:.7rem;font-family:var(--sans);letter-spacing:.26em;text-transform:uppercase;color:var(--akzent);margin-bottom:1.1rem;font-weight:500}
footer ul{list-style:none;display:flex;flex-direction:column;gap:.7rem}
footer ul a{font-size:.9rem;color:var(--text-leise);transition:color .25s}
footer ul a:hover{color:var(--akzent)}
footer .sozial{display:flex;gap:.8rem;margin-top:1.5rem}
footer .sozial a{width:38px;height:38px;border:1px solid var(--linie);display:grid;place-items:center;transition:.3s}
footer .sozial a:hover{border-color:var(--akzent);background:var(--akzent)}
footer .sozial svg{width:17px;height:17px;fill:var(--text-leise);transition:fill .3s}
footer .sozial a:hover svg{fill:var(--grund)}
footer .fuss-unten{border-top:1px solid var(--linie);padding-top:1.8rem;display:flex;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;align-items:center}
footer .fuss-unten p{font-size:.78rem}
@media(max-width:900px){footer .fuss-grid{grid-template-columns:1fr;gap:2.2rem}footer .fuss-unten{flex-direction:column;text-align:center}}
.abschluss{position:relative;text-align:center;padding:8rem 0;overflow:hidden;background:var(--hero-grund)}
.abschluss-bg{position:absolute;inset:0;background:url('https://static.wixstatic.com/media/9d5662_8cb4d34a04b04ddba8f164d87a0687e8~mv2.jpg/v1/fill/w_1895,h_1080,al_c,q_85/file.jpg') center/cover;filter:brightness(1.9);opacity:.5}
.abschluss-bg::after{content:'';position:absolute;inset:0;background:rgba(var(--hero-schleier),.66)}
.abschluss .wrap{position:relative;z-index:2}
.abschluss h2,.abschluss .lead{color:#FCFAFA}
.abschluss p{margin-inline:auto}

footer{background:var(--flaeche);padding:3.5rem 0;border-top:1px solid var(--linie);text-align:center}
footer p{font-size:.82rem;margin-inline:auto;color:var(--text-leise)}
footer a{color:var(--gold-dunkel)}

@media(max-width:900px){
  .nav-links{display:none}
  .ueber,.highlight,.buecher,.news-grid,.leuchten-grid{grid-template-columns:1fr;gap:2.5rem}
  .wandel{grid-template-columns:1fr;gap:1.5rem}
  .pfeil{transform:rotate(90deg);justify-self:center}
  .buch{grid-template-columns:110px minmax(0,1fr)}
  .preis-block{text-align:left}
  .highlight{padding:2.5rem 1.8rem}
  section{padding:4.5rem 0}
  .hero{min-height:auto;padding:7.5rem 0 4rem}
  .hero-bg{background-position:top right}
  .hero-bg::after{background:linear-gradient(180deg,rgba(var(--hero-schleier),.5) 0%,rgba(var(--hero-schleier),.8) 58%,rgba(var(--hero-schleier),.95) 100%)}
}

/* Dunkle Flaeche, auf jeder Seite einsetzbar: <section class="nacht">
   Traegt eigene Farben, damit sie auch in der hellen Welt funktioniert. */
.nacht{background:linear-gradient(165deg,#2B1B1F,#160C11 70%);color:#F4EFEF;border-block:1px solid rgba(196,120,143,.3)}
.nacht h1,.nacht h2,.nacht h3,.nacht h4,.nacht .lead{color:#F7F1F2}
.nacht p{color:#C9B9BC}
.nacht .label{color:#E8A8BA}
.nacht em{color:#E8A8BA}
.nacht strong{color:#F7F1F2}
.nacht .btn{border-color:#E8A8BA;color:#E8A8BA}
.nacht .btn:hover{background:var(--fuell-rose);color:#2E1119;border-color:transparent}

@media(max-width:560px){
  /* Sonst sprengt der Knopf in der zweiten Spalte die Karte und die ganze
     Seite laesst sich seitlich verschieben. */
  .buch{grid-template-columns:92px minmax(0,1fr);padding:1.5rem;gap:1.2rem}
  .buch h3{font-size:1.12rem}
  .buch .btn{font-size:.62rem;padding:.7rem .9rem;letter-spacing:.12em}
}

/* ===== Warenkorb ===== */
.korb-knopf{position:relative;background:none;border:none;cursor:pointer;padding:.5rem;margin-right:.4rem;
  color:var(--text);display:grid;place-items:center;transition:color .3s}
.korb-knopf:hover{color:var(--akzent)}
.korb-knopf svg{width:21px;height:21px;fill:currentColor}
.korb-zahl{position:absolute;top:0;right:0;min-width:17px;height:17px;padding:0 4px;border-radius:9px;
  background:var(--fuell-rose);color:#fff;font-size:.6rem;font-weight:600;display:none;place-items:center;
  letter-spacing:0;line-height:1}
.korb-schatten{position:fixed;inset:0;background:rgba(43,31,29,.42);backdrop-filter:blur(2px);
  opacity:0;visibility:hidden;transition:.4s ease;z-index:90}
.korb-schatten.auf{opacity:1;visibility:visible}
.korb-leiste{position:fixed;top:0;right:0;bottom:0;width:min(420px,100%);background:var(--karte);
  border-left:1px solid var(--linie);display:flex;flex-direction:column;z-index:91;
  transform:translateX(100%);transition:transform .45s cubic-bezier(.22,.61,.36,1);
  box-shadow:-18px 0 50px rgba(43,31,29,.16)}
.korb-leiste.auf{transform:none}
.korb-kopf{display:flex;align-items:center;justify-content:space-between;padding:1.6rem 1.6rem 1.2rem;
  border-bottom:1px solid var(--linie)}
.korb-kopf span{font-family:var(--serif);font-size:1.35rem}
.korb-zu{background:none;border:none;font-size:1.7rem;line-height:1;cursor:pointer;color:var(--text-leise);
  padding:0 .3rem;transition:color .3s}
.korb-zu:hover{color:var(--akzent)}
.korb-meldung{display:none;margin:1rem 1.6rem 0;padding:.8rem 1rem;background:var(--flaeche);
  border-left:2px solid var(--akzent);font-size:.83rem;line-height:1.5}
.korb-inhalt{flex:1;overflow-y:auto;padding:1.2rem 1.6rem}
.korb-leer{color:var(--text-leise);font-size:.9rem;text-align:center;margin-top:2.6rem}
.korb-zeile{display:grid;grid-template-columns:66px 1fr;gap:1rem;padding:1.1rem 0;border-bottom:1px solid var(--linie)}
.korb-zeile img,.korb-platz{width:66px;height:66px;object-fit:cover;background:var(--flaeche);display:block}
.korb-name{display:block;font-size:.92rem;line-height:1.35;margin-bottom:.25rem}
.korb-preis{display:block;font-family:var(--serif);font-size:1.05rem;color:var(--akzent);margin-bottom:.6rem}
.korb-menge{display:flex;align-items:center;gap:.5rem}
.korb-menge button{width:26px;height:26px;border:1px solid var(--linie);background:none;cursor:pointer;
  font-size:.95rem;line-height:1;color:var(--text);transition:.25s}
.korb-menge button:hover{border-color:var(--akzent);color:var(--akzent)}
.korb-menge span{min-width:20px;text-align:center;font-size:.9rem}
.korb-weg{width:auto!important;border:none!important;font-size:.68rem!important;letter-spacing:.1em;
  text-transform:uppercase;color:var(--text-leise)!important;margin-left:auto;padding:0!important}
.korb-weg:hover{color:var(--rosa)!important}
.korb-fuss{display:none;padding:1.4rem 1.6rem 1.8rem;border-top:1px solid var(--linie);background:var(--grund)}
.korb-zwischensumme{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.4rem}
.korb-zwischensumme span:first-child{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-leise)}
.korb-summe{font-family:var(--serif);font-size:1.5rem;color:var(--akzent)}
.korb-hinweis{font-size:.72rem;color:var(--text-leise);margin-bottom:1.2rem}
.korb-fuss .btn{width:100%;text-align:center}

/* Kaufknopf an der Produktkarte */
.stueck-huelle{display:flex;flex-direction:column}
.stueck-huelle .stueck{flex:1}
.dazu{display:block;width:100%;padding:.95rem 1rem;border:1px solid var(--akzent);border-top:none;
  background:var(--karte);color:var(--akzent);font-family:var(--sans);font-size:.68rem;letter-spacing:.18em;
  text-transform:uppercase;cursor:pointer;transition:.3s;text-align:center}
.dazu:hover:not(:disabled){background:var(--fuellung,var(--fuell-rose));color:#2E1119;border-color:transparent}
.dazu:disabled{cursor:default;opacity:.75}
.dazu.drin{background:var(--fuellung,var(--fuell-rose));color:#2E1119;border-color:transparent}
.dazu.aus{color:var(--text-leise);border-color:var(--linie);cursor:default;background:var(--grund)}

@media(max-width:520px){
  .korb-leiste{width:100%}
  .korb-knopf{margin-right:.1rem;padding:.4rem}
}

/* Konto-Symbol neben dem Warenkorb */
.konto-knopf{position:relative;display:grid;place-items:center;padding:.5rem;margin-right:.1rem;
  color:var(--text);transition:color .3s}
.konto-knopf:hover{color:var(--akzent)}
.konto-knopf svg{width:20px;height:20px;fill:currentColor}
.konto-knopf.drin::after{content:'';position:absolute;bottom:4px;right:5px;width:6px;height:6px;
  border-radius:50%;background:var(--fuell-rose)}

/* ===== Blogbeitrag ===== */
.artikel{max-width:760px;margin:0 auto}
.artikel-kopf{text-align:center;margin-bottom:3rem}
.artikel-meta{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.4rem;
  font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--akzent)}
.artikel-meta span{color:var(--text-leise);position:relative;padding-left:1.1rem}
.artikel-meta span::before{content:'';position:absolute;left:0;top:.36rem;width:4px;height:4px;
  background:var(--linie);transform:rotate(45deg)}
.artikel-kopf h1{font-size:clamp(2rem,4.4vw,3.1rem);line-height:1.2}
.artikel-bild{margin:0 0 3.2rem;aspect-ratio:16/9;overflow:hidden;background:var(--flaeche)}
.artikel-bild img{width:100%;height:100%;object-fit:cover;display:block}
.artikel-inhalt > p{font-size:1.02rem;line-height:1.78;margin-bottom:1.4rem;color:var(--text-leise)}
.artikel-inhalt > p:first-of-type{font-size:1.14rem;line-height:1.7;color:var(--text)}
.artikel-inhalt h2{font-size:clamp(1.5rem,2.8vw,2rem);line-height:1.28;margin:3.2rem 0 1.2rem}
.artikel-inhalt h3{font-size:1.22rem;line-height:1.35;margin:2.4rem 0 .9rem}
.artikel-inhalt strong{color:var(--text);font-weight:500}
.artikel-inhalt ul{list-style:none;margin:1.4rem 0 1.8rem;display:flex;flex-direction:column;gap:.8rem}
.artikel-inhalt li{position:relative;padding-left:1.5rem;font-size:.98rem;line-height:1.7;color:var(--text-leise)}
.artikel-inhalt li::before{content:'';position:absolute;left:0;top:.68rem;width:6px;height:6px;
  background:var(--akzent);transform:rotate(45deg)}
.artikel-inhalt blockquote{font-family:var(--serif);font-size:clamp(1.3rem,2.6vw,1.7rem);line-height:1.45;
  color:var(--text);border-left:2px solid var(--akzent);padding:.4rem 0 .4rem 1.8rem;margin:2.6rem 0;font-style:italic}
.artikel-kasten{background:var(--karte);border:1px solid var(--linie);padding:2.2rem 2rem;margin:2.8rem 0}
.artikel-kasten h3{margin-top:0}
.artikel-kasten p:last-child{margin-bottom:0}
.artikel-fuss{margin-top:3.6rem;padding-top:2.4rem;border-top:1px solid var(--linie);text-align:center}
.artikel-zurueck{font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-leise)}
.artikel-zurueck:hover{color:var(--akzent)}

/* ===== Weiterlesen ===== */
.weiterlesen-block{margin-top:3.6rem;padding-top:2.6rem;border-top:1px solid var(--linie)}
.weiterlesen-block h2{font-size:1.4rem;margin-bottom:1.4rem}
.weiterlesen-raster{display:grid;grid-template-columns:1fr 1fr;gap:1.3rem}
.weiterlesen-raster a{display:block;padding:1.8rem 1.6rem;background:var(--karte);
  border:1px solid var(--linie);text-decoration:none;transition:.4s}
.weiterlesen-raster a:hover{border-color:var(--akzent);transform:translateY(-4px);
  box-shadow:0 16px 34px rgba(43,31,29,.11)}
.weiterlesen-raster h3{font-size:1.06rem;line-height:1.35;margin-bottom:.55rem;margin-top:0}
.weiterlesen-raster p{font-size:.86rem;line-height:1.6;margin-bottom:1rem}
.weiterlesen-raster .hin{font-size:.64rem;letter-spacing:.18em;text-transform:uppercase;
  color:var(--text-leise);transition:color .3s}
.weiterlesen-raster a:hover .hin{color:var(--akzent)}
@media(max-width:700px){.weiterlesen-raster{grid-template-columns:1fr}}

/* ===== Schmale Handys: Kopfzeile und lange Ueberschriften ===== */
@media(max-width:430px){
  /* Der Queen's-Call-Knopf wurde in der Mitte abgeschnitten, weil der Text
     breiter war als der Platz. Enger gesetzt passt er vollstaendig. */
  /* flex-shrink:0, sonst quetscht die Leiste den Knopf schmaler als seinen Text */
  header nav .btn.voll{font-size:.6rem;letter-spacing:.1em;padding:.72rem .8rem;flex:0 0 auto}
  header nav{gap:.4rem}
  header nav .marke{font-size:1rem}
  header nav .marke small{font-size:.52rem;letter-spacing:.16em}
  .korb-knopf,.konto-knopf{padding:.35rem}
  /* Lange Ueberschriften sollen zweizeilig bleiben statt in Fetzen zu brechen */
  .hero h1{font-size:clamp(1.75rem,8.2vw,2.4rem)}
}
/* Auf schmalen Geraeten zeigt diese Ueberschrift nur ihren Kern,
   sonst braeuchte sie vier Zeilen. */
@media(max-width:560px){ .nur-breit{display:none} }

/* ===== Handy: Schleier immer von oben nach unten =====
   Fuenf Seiten bringen einen eigenen, seitlichen Schleier mit. Der steht im
   Seitenkopf und gewinnt dadurch gegen die Regel weiter oben. Auf schmalen
   Geraeten liegt der Text aber ueber dem Bild statt daneben, deshalb hier
   mit hoeherer Genauigkeit zurueckgeholt. */
@media(max-width:900px){
  .hero .hero-bg.hero-bg::after{
    background:linear-gradient(180deg,rgba(var(--hero-schleier),.62) 0%,
      rgba(var(--hero-schleier),.84) 55%,rgba(var(--hero-schleier),.96) 100%)}
}

/* ===== Rechtstexte ===== */
.rechtstext{max-width:760px;margin:0 auto}
.rechtstext h1{font-size:clamp(2rem,4.2vw,2.8rem);margin-bottom:.6rem}
.rechtstext .stand{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;
  color:var(--text-leise);display:block;margin-bottom:3rem}
.rechtstext h2{font-size:1.35rem;margin:2.8rem 0 1rem;line-height:1.3}
.rechtstext h3{font-size:1.08rem;margin:2rem 0 .7rem}
.rechtstext p{font-size:.94rem;line-height:1.75;margin-bottom:1.1rem;color:var(--text-leise)}
.rechtstext strong{color:var(--text);font-weight:500}
.rechtstext ul{list-style:none;margin:1rem 0 1.6rem;display:flex;flex-direction:column;gap:.6rem}
.rechtstext li{position:relative;padding-left:1.4rem;font-size:.94rem;line-height:1.7;color:var(--text-leise)}
.rechtstext li::before{content:'';position:absolute;left:0;top:.66rem;width:5px;height:5px;
  background:var(--akzent);transform:rotate(45deg)}
.rechtstext .anschrift{background:var(--karte);border:1px solid var(--linie);padding:1.8rem;margin-bottom:2.4rem}
.rechtstext .anschrift p{margin-bottom:.35rem}
.rechtstext a{color:var(--akzent);border-bottom:1px solid var(--linie);transition:.3s}
.rechtstext a:hover{border-color:var(--akzent)}

/* ===== Linkliste (fuer Instagram-Profil) ===== */
.linkliste{max-width:520px;margin:0 auto}
.linkliste-kopf{text-align:center;margin-bottom:2.6rem}
.linkliste-kopf img{width:104px;height:104px;border-radius:50%;object-fit:cover;
  border:2px solid var(--akzent);margin-bottom:1.2rem}
.linkliste-kopf h1{font-size:clamp(1.7rem,4vw,2.2rem);margin-bottom:.5rem}
.linkliste-kopf p{font-size:.92rem;color:var(--text-leise)}
.lk{display:block;background:var(--karte);border:1px solid var(--linie);
  padding:1.3rem 1.5rem;margin-bottom:.9rem;text-decoration:none;transition:.35s;position:relative}
.lk:hover{border-color:var(--akzent);transform:translateY(-3px);box-shadow:0 14px 30px rgba(43,31,29,.12)}
.lk strong{display:block;font-family:var(--serif);font-size:1.16rem;font-weight:400;
  color:var(--text);margin-bottom:.22rem}
.lk span{font-size:.82rem;color:var(--text-leise)}
.lk.hervor{border-color:var(--akzent);background:linear-gradient(var(--karte),var(--karte)) padding-box,
  var(--fuell-gold) border-box;border:2px solid transparent}
.linkliste-sozial{display:flex;justify-content:center;gap:1.4rem;margin-top:2.4rem}
.linkliste-sozial a{color:var(--text-leise);transition:color .3s}
.linkliste-sozial a:hover{color:var(--akzent)}
.linkliste-sozial svg{width:22px;height:22px;fill:currentColor}

/* ===== Hinweis zu Cookies und Speicherung ===== */
.cookie-leiste{position:fixed;left:0;right:0;bottom:0;z-index:120;background:var(--karte);
  border-top:1px solid var(--akzent);box-shadow:0 -8px 32px rgba(43,31,29,.14);
  padding:1.6rem 0;transform:translateY(110%);transition:transform .5s cubic-bezier(.22,.61,.36,1)}
.cookie-leiste.auf{transform:none}
.cookie-inhalt{max-width:1100px;margin:0 auto;padding:0 1.5rem;display:grid;
  grid-template-columns:1fr auto;gap:2rem;align-items:center}
.cookie-text h2{font-family:var(--serif);font-size:1.24rem;font-weight:400;margin-bottom:.45rem;line-height:1.3}
.cookie-text p{font-size:.86rem;line-height:1.6;color:var(--text-leise);margin:0;max-width:64ch}
.cookie-text a{color:var(--akzent);border-bottom:1px solid var(--linie)}
.cookie-knoepfe{display:flex;gap:.7rem;flex-wrap:wrap;align-items:center}
.cookie-knoepfe .btn{font-size:.66rem;padding:.85rem 1.4rem;white-space:nowrap}
.cookie-mehr{background:none;border:none;cursor:pointer;font-family:var(--sans);font-size:.66rem;
  letter-spacing:.16em;text-transform:uppercase;color:var(--text-leise);padding:.85rem .4rem;transition:color .3s}
.cookie-mehr:hover{color:var(--akzent)}
.cookie-details{display:none;border-top:1px solid var(--linie);margin-top:1.4rem;padding-top:1.4rem}
.cookie-details.auf{display:block}
.cookie-zeile{display:flex;gap:1rem;align-items:flex-start;padding:.8rem 0;border-bottom:1px solid var(--linie)}
.cookie-zeile:last-child{border-bottom:none}
.cookie-zeile input{margin-top:.28rem;width:17px;height:17px;accent-color:var(--rosa);flex:0 0 auto}
.cookie-zeile input:disabled{opacity:.55}
.cookie-zeile strong{display:block;font-size:.88rem;font-weight:500;color:var(--text);margin-bottom:.2rem}
.cookie-zeile span{font-size:.82rem;line-height:1.55;color:var(--text-leise)}
@media(max-width:820px){
  .cookie-inhalt{grid-template-columns:1fr;gap:1.2rem}
  .cookie-knoepfe{width:100%}
  .cookie-knoepfe .btn{flex:1;text-align:center}
}

/* Rueckmeldung der Newsletter-Anmeldung */
.news-meldung{font-size:.88rem;line-height:1.5;margin:.9rem 0 0;min-height:1.2em}
.news-meldung.gut{color:var(--akzent)}
.news-meldung.fehler{color:var(--rosa)}
.news-form button:disabled{opacity:.7;cursor:default}

/* ---------- Produktseiten ---------- */
.ware-seite{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3.4rem;align-items:start}
.ware-bild img{width:100%;height:auto;display:block;border:1px solid var(--linie)}
.ware-galerie{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;margin-top:.6rem}
.ware-galerie img{width:100%;height:auto;display:block;border:1px solid var(--linie)}
.ware-text h1{font-family:var(--serif);font-weight:300;font-size:clamp(2rem,4vw,2.9rem);
  line-height:1.15;margin:0 0 1.2rem;letter-spacing:.01em}
.ware-kurz{color:var(--text-leise);font-size:1.02rem;line-height:1.75;margin:0 0 2.2rem;max-width:44ch}
.ware-kauf{display:flex;align-items:center;gap:1.6rem;flex-wrap:wrap;
  padding:1.6rem 0;border-top:1px solid var(--linie);border-bottom:1px solid var(--linie)}
.ware-kauf .preis{font-family:var(--serif);font-size:2rem;color:var(--akzent);line-height:1}
.ware-kauf .btn{flex:0 0 auto}
.ware-aus{font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-leise)}
.ware-hinweis{font-size:.86rem;color:var(--text-leise);margin:1.4rem 0 0;max-width:42ch}
.ware-beschreibung{max-width:68ch;margin:4.5rem auto 0}
.ware-beschreibung p{margin:0 0 1.15rem;line-height:1.85}
.ware-beschreibung strong{font-weight:600;color:var(--text)}
.ware-beschreibung ul,.ware-beschreibung ol{margin:0 0 1.6rem;padding-left:1.3rem}
.ware-beschreibung li{margin-bottom:.6rem;line-height:1.8}
.ware-beschreibung h2,.ware-beschreibung h3,.ware-beschreibung h4{
  font-family:var(--serif);font-weight:400;line-height:1.25;margin:2.6rem 0 1rem}
.ware-beschreibung h2{font-size:1.75rem}
.ware-beschreibung h3{font-size:1.35rem}
.ware-beschreibung h4{font-size:1.12rem}
@media(max-width:820px){
  .ware-seite{grid-template-columns:minmax(0,1fr);gap:2.4rem}
  .ware-kauf{gap:1rem}
  .ware-kauf .btn{width:100%}
}

/* Hinweis im Warenkorb, wenn jemand angemeldet ist */
.korb-abmelden{margin-top:.9rem;padding-top:.9rem;border-top:1px solid var(--linie)}
.korb-abmelden p{font-size:.84rem;line-height:1.6;color:var(--text-leise);margin:0 0 .9rem}
.korb-abmelden .btn{width:100%}