/* ZbindiMania – Design der Landingpage, von den Shop-Seiten mitbenutzt.
   Wird von build_shopcss.py erzeugt: nicht direkt bearbeiten,
   sondern index.html (Grunddesign) oder shop-eigen.css (Shop-Teile). */

/* =========================================================
   ZbindiMania – Design-Tokens (aus dem Logo abgeleitet)
   ========================================================= */
:root{
  --ink:#252525;
  --ink-soft:#55554f;
  --ink-mute:#7d7d75;
  --green:#596c46;
  --green-dk:#41512f;
  --green-lt:#8a9c74;
  --green-pale:#eef1e8;
  --cream:#faf8f3;
  --sand:#f2eee5;
  --white:#ffffff;
  --line:#e2ddd2;
  --line-soft:#eeeae1;
  --shadow-s:0 1px 2px rgba(37,37,37,.05), 0 4px 14px rgba(37,37,37,.05);
  --shadow-m:0 2px 6px rgba(37,37,37,.06), 0 18px 40px rgba(37,37,37,.09);
  --r:14px;
  --r-l:22px;
  --sans:"Avenir Next","Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,"Noto Sans",sans-serif;
  --wrap:1160px;
  color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important}
}
body{
  margin:0;
  background:var(--cream);
  color:var(--ink);
  font-family:var(--sans);
  font-size:17px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--green-dk);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--green)}
h1,h2,h3,h4{margin:0 0 .5em;line-height:1.15;font-weight:600;letter-spacing:-.015em;color:var(--ink)}
h1{font-size:clamp(2.1rem,5.2vw,3.6rem);font-weight:500;letter-spacing:-.03em}
h2{font-size:clamp(1.6rem,3.4vw,2.4rem);font-weight:500;letter-spacing:-.025em}
h3{font-size:1.12rem}
p{margin:0 0 1em}
ul{margin:0 0 1em;padding-left:1.15em}
li{margin-bottom:.35em}
:focus-visible{outline:3px solid var(--green);outline-offset:3px;border-radius:4px}
[hidden]{display:none!important}

.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:clamp(20px,5vw,40px)}
.sec{padding:clamp(56px,8vw,104px) 0}
section[id]{scroll-margin-top:88px}
.sec--pale{background:var(--green-pale)}
.sec--white{background:var(--white)}
.sec--sand{background:var(--sand)}
.eyebrow{
  display:inline-flex;align-items:center;gap:.55em;
  font-size:.76rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  color:var(--green);margin:0 0 1em;
}
.eyebrow::before{content:"";width:26px;height:1px;background:var(--green-lt)}
.lede{font-size:clamp(1.02rem,1.6vw,1.16rem);color:var(--ink-soft);max-width:62ch}
.sec-head{max-width:66ch;margin-bottom:clamp(30px,4vw,48px)}
.skip{position:absolute;left:-9999px;top:0;background:var(--ink);color:#fff;padding:12px 18px;z-index:200;border-radius:0 0 8px 0}
.skip:focus{left:0}

/* ---------- Buttons ---------- */
.btn{
  --bg:var(--green);--fg:#fff;--bd:var(--green);
  display:inline-flex;align-items:center;justify-content:center;gap:.6em;
  padding:.85em 1.5em;border-radius:999px;border:1.5px solid var(--bd);
  background:var(--bg);color:var(--fg);
  font:inherit;font-size:.97rem;font-weight:600;letter-spacing:.01em;
  text-decoration:none;cursor:pointer;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease;
}
.btn:hover{background:var(--green-dk);border-color:var(--green-dk);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-s)}
.btn--ghost{--bg:transparent;--fg:var(--ink);--bd:var(--line)}
.btn--ghost:hover{background:var(--ink);border-color:var(--ink);color:#fff}
.btn--sm{padding:.6em 1.1em;font-size:.9rem}
.btn[disabled]{opacity:.55;cursor:not-allowed;transform:none!important}
.btn-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}

/* ---------- Header ---------- */
.hdr{
  position:sticky;top:0;z-index:90;
  background:rgba(250,248,243,.88);
  backdrop-filter:saturate(160%) blur(12px);
  border-bottom:1px solid transparent;
  transition:border-color .2s ease, box-shadow .2s ease;
}
.hdr.is-stuck{border-bottom-color:var(--line);box-shadow:0 4px 18px rgba(37,37,37,.05)}
.hdr__in{display:flex;align-items:center;gap:18px;min-height:74px}
.brand{display:flex;align-items:center;flex:0 0 auto;text-decoration:none}
.brand img{height:34px;width:auto}
.nav{margin-left:auto;display:flex;align-items:center;gap:4px}
.nav a{
  padding:.5em .78em;border-radius:999px;color:var(--ink);text-decoration:none;
  font-size:.95rem;font-weight:500;transition:background .15s ease,color .15s ease;
}
.nav a:hover{background:var(--green-pale);color:var(--green-dk)}
.tools{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.lang{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden;background:var(--white)}
.lang button{
  appearance:none;border:0;background:transparent;cursor:pointer;
  font:inherit;font-size:.82rem;font-weight:700;letter-spacing:.06em;
  padding:.42em .72em;color:var(--ink-mute);
}
.lang button[aria-pressed="true"]{background:var(--green);color:#fff}
.burger{
  display:none;appearance:none;border:1px solid var(--line);background:var(--white);
  width:42px;height:42px;border-radius:12px;cursor:pointer;align-items:center;justify-content:center;
}
.burger span{display:block;width:18px;height:1.5px;background:var(--ink);position:relative}
.burger span::before,.burger span::after{content:"";position:absolute;left:0;width:18px;height:1.5px;background:var(--ink)}
.burger span::before{top:-6px}.burger span::after{top:6px}
@media (max-width:940px){
  .burger{display:inline-flex}
  .nav{
    position:absolute;left:0;right:0;top:100%;
    flex-direction:column;align-items:stretch;gap:2px;
    background:var(--white);border-bottom:1px solid var(--line);
    padding:10px clamp(20px,5vw,40px) 20px;box-shadow:var(--shadow-m);
    margin-left:0;
  }
  .nav[hidden]{display:none}
  .nav a{padding:.75em .6em;border-radius:10px}
  .hdr__in{position:relative}
  .tools{margin-left:auto}
}

/* ---------- Hero ---------- */
.hero{position:relative;overflow:hidden;background:linear-gradient(178deg,var(--white) 0%,var(--cream) 55%,var(--sand) 100%)}
.hero__in{position:relative;z-index:2;padding-block:clamp(48px,8vw,96px) clamp(52px,8vw,92px);display:grid;gap:clamp(34px,5vw,56px);grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center}
@media (max-width:900px){.hero__in{grid-template-columns:1fr}}
.hero__logo{width:min(420px,86%);margin:0 0 26px}
.hero h1{margin-bottom:.55em}
.hero h1 em{font-style:normal;color:var(--green)}
.hero__art{position:relative;aspect-ratio:1/1;max-width:410px;width:100%;justify-self:center}
.hero__art svg{width:100%;height:100%;overflow:visible}
.hero__deco{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.5}
.hero__deco span{position:absolute;border-radius:50%;filter:blur(40px)}
.hero__deco span:nth-child(1){width:340px;height:340px;background:#dfe6d3;top:-90px;right:-60px}
.hero__deco span:nth-child(2){width:260px;height:260px;background:#efe7d8;bottom:-80px;left:-70px}
.badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px;list-style:none;padding:0}
.badges li{
  display:inline-flex;align-items:center;gap:.5em;
  background:var(--white);border:1px solid var(--line);border-radius:999px;
  padding:.42em .9em;font-size:.85rem;color:var(--ink-soft);font-weight:500;
}
.badges svg{width:15px;height:15px;flex:0 0 auto;color:var(--green)}

/* ---------- Karten / Grids ---------- */
.grid{display:grid;gap:clamp(14px,2vw,22px)}
.grid--3{grid-template-columns:repeat(auto-fit,minmax(268px,1fr))}
.grid--4{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
.card{
  background:var(--white);border:1px solid var(--line-soft);border-radius:var(--r);
  padding:26px 24px 24px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-m);border-color:var(--line)}
.card h3{margin-bottom:.35em}
.card p{margin:0;color:var(--ink-soft);font-size:.95rem}
.card__ic{
  width:46px;height:46px;border-radius:12px;background:var(--green-pale);color:var(--green-dk);
  display:flex;align-items:center;justify-content:center;margin-bottom:16px;
}
.card__ic svg{width:24px;height:24px}

/* ---------- Galerie ---------- */
.gal{display:grid;gap:clamp(12px,1.6vw,18px);grid-template-columns:repeat(auto-fit,minmax(268px,1fr))}
.gal figure{margin:0;background:var(--white);border:1px solid var(--line-soft);border-radius:var(--r);overflow:hidden}
.gal .ph{
  aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;
  background:
    linear-gradient(135deg,rgba(89,108,70,.09),rgba(89,108,70,0) 60%),
    repeating-linear-gradient(45deg,#f6f4ee 0 10px,#f1eee6 10px 20px);
  color:var(--green);
}
.gal .ph svg{width:44px;height:44px;opacity:.6}
.gal img{aspect-ratio:4/3;object-fit:cover;width:100%}
.gal figcaption{padding:14px 16px 16px;font-size:.92rem;color:var(--ink-soft)}
.gal figcaption b{display:block;color:var(--ink);font-weight:600;font-size:.98rem;margin-bottom:2px}
.note{
  display:flex;gap:12px;align-items:flex-start;
  background:var(--white);border:1px dashed var(--green-lt);border-radius:var(--r);
  padding:18px 20px;margin-top:24px;font-size:.94rem;color:var(--ink-soft);
}
.note svg{width:20px;height:20px;flex:0 0 auto;color:var(--green);margin-top:3px}

/* ---------- Ablauf / Steps ---------- */
.steps{counter-reset:s;display:grid;gap:clamp(16px,2vw,26px);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.step{position:relative;padding-top:16px}
.step::before{
  counter-increment:s;content:counter(s);
  display:flex;align-items:center;justify-content:center;
  width:40px;height:40px;border-radius:50%;
  background:var(--green);color:#fff;font-weight:700;font-size:1.02rem;margin-bottom:16px;
}
.step h3{margin-bottom:.3em}
.step p{color:var(--ink-soft);font-size:.95rem;margin:0}

/* ---------- Shop-Teaser ---------- */
.shop{
  background:var(--green);color:#fff;border-radius:var(--r-l);
  padding:clamp(30px,5vw,52px);display:grid;gap:26px;
  grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center;
}
@media (max-width:820px){.shop{grid-template-columns:1fr}}
.shop h2,.shop h3{color:#fff}
.shop p{color:rgba(255,255,255,.86);margin:0}
.shop .eyebrow{color:#dfe6d3}
.shop .eyebrow::before{background:rgba(255,255,255,.5)}
.shop .btn{--bg:#fff;--fg:var(--green-dk);--bd:#fff}
.shop .btn:hover{background:var(--ink);border-color:var(--ink);color:#fff}
.shop__note{
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.24);
  border-radius:var(--r);padding:20px 22px;font-size:.94rem;
}

/* ---------- Kontakt ---------- */
.contact{display:grid;gap:clamp(24px,3.6vw,44px);grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:start}
@media (max-width:900px){.contact{grid-template-columns:1fr}}
.form{background:var(--white);border:1px solid var(--line);border-radius:var(--r-l);padding:clamp(22px,3.2vw,34px)}
.f-row{display:grid;gap:16px;grid-template-columns:1fr 1fr}
@media (max-width:620px){.f-row{grid-template-columns:1fr}}
.field{margin-bottom:16px}
.field label{display:block;font-size:.88rem;font-weight:600;margin-bottom:6px;color:var(--ink)}
.field .req{color:var(--green)}
.field input,.field select,.field textarea{
  width:100%;font:inherit;font-size:.98rem;color:var(--ink);
  background:var(--cream);border:1.5px solid var(--line);border-radius:10px;
  padding:.72em .9em;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease;
}
.field textarea{min-height:132px;resize:vertical}
.field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2355554f' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .8em center;background-size:18px;padding-right:2.4em}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--green);background:var(--white);box-shadow:0 0 0 3px rgba(89,108,70,.14)}
.field input:user-invalid,.field textarea:user-invalid{border-color:#b4523f}
.check{display:flex;gap:11px;align-items:flex-start;font-size:.9rem;color:var(--ink-soft);margin:4px 0 20px}
.check input{width:19px;height:19px;margin:2px 0 0;flex:0 0 auto;accent-color:var(--green)}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.form__msg{border-radius:10px;padding:14px 16px;font-size:.93rem;margin-bottom:18px}
.form__msg--ok{background:var(--green-pale);border:1px solid var(--green-lt);color:var(--green-dk)}
.form__msg--err{background:#fdf1ee;border:1px solid #e0b3a8;color:#8f3b28}
.side-card{background:var(--white);border:1px solid var(--line-soft);border-radius:var(--r);padding:22px 24px;margin-bottom:14px}
.side-card h3{margin-bottom:.5em;font-size:1.02rem}
.side-card p{margin:0;font-size:.95rem;color:var(--ink-soft)}
.side-card a{font-weight:600}
.kv{display:flex;gap:12px;align-items:flex-start;margin-bottom:12px}
.kv:last-child{margin-bottom:0}
.kv svg{width:19px;height:19px;color:var(--green);flex:0 0 auto;margin-top:4px}
.kv span{font-size:.95rem;color:var(--ink-soft)}
.kv b{display:block;color:var(--ink);font-size:.88rem;font-weight:600}

/* ---------- Footer ---------- */
.ftr{background:var(--ink);color:#cfcdc6;padding:clamp(44px,6vw,68px) 0 26px;font-size:.93rem}
.ftr a{color:#e8e6e0;text-decoration:none}
.ftr a:hover{color:#fff;text-decoration:underline}
.ftr__grid{display:grid;gap:32px;grid-template-columns:1.4fr 1fr 1fr;margin-bottom:38px}
@media (max-width:760px){.ftr__grid{grid-template-columns:1fr 1fr}.ftr__brand{grid-column:1/-1}}
.ftr h4{color:#fff;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:1em;font-weight:700}
.ftr ul{list-style:none;padding:0;margin:0}
.ftr li{margin-bottom:.6em}
.ftr__logo{height:30px;width:auto;margin-bottom:16px;filter:invert(1) brightness(1.9) grayscale(.25)}
.ftr__bar{border-top:1px solid #3a3a38;padding-top:20px;display:flex;flex-wrap:wrap;gap:8px 22px;align-items:center;justify-content:space-between;font-size:.86rem;color:#9c9a93}
.ftr__bar a{color:#9c9a93}

/* ---------- Rechtliches (Panels) ---------- */
.legal{background:var(--white);padding:clamp(40px,6vw,80px) 0}
.legal h1{font-size:clamp(1.7rem,3.6vw,2.5rem)}
.legal h2{font-size:1.24rem;margin-top:2em}
.legal h3{font-size:1.02rem;margin-top:1.5em}
.legal .wrap{max-width:820px}
.legal p,.legal li{color:var(--ink-soft);font-size:.97rem}
.legal h1[tabindex]:focus{outline:none}
.legal .back{display:inline-flex;align-items:center;gap:.5em;margin-bottom:26px;font-weight:600;text-decoration:none}
.legal .upd{font-size:.86rem;color:var(--ink-mute);border-top:1px solid var(--line);padding-top:16px;margin-top:36px}
.tbl{width:100%;border-collapse:collapse;font-size:.92rem;margin:1em 0 1.6em}
.tbl th,.tbl td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top;color:var(--ink-soft)}
.tbl th{background:var(--green-pale);color:var(--ink);font-weight:600}
.tbl-scroll{overflow-x:auto}
.tbd{background:#fdf6dd;border-bottom:1px dashed #c9a227;color:#7a5c00;padding:0 3px;border-radius:3px;font-style:normal}

/* ---------- Cookie-Banner ---------- */
.cc{
  position:fixed;left:16px;right:16px;bottom:16px;z-index:120;
  background:var(--white);border:1px solid var(--line);border-radius:var(--r-l);
  box-shadow:0 8px 40px rgba(37,37,37,.18);
  padding:22px clamp(20px,3vw,28px);
  max-width:640px;margin-inline:auto;
  animation:ccIn .35s ease both;
}
@keyframes ccIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.cc h2{font-size:1.08rem;margin-bottom:.4em}
.cc p{font-size:.92rem;color:var(--ink-soft);margin-bottom:1em}
.cc__btns{display:flex;flex-wrap:wrap;gap:10px}
.cc__btns .btn{flex:1 1 auto;min-width:150px}
.cc__more{margin-top:14px;font-size:.86rem}
.cc__opts{border-top:1px solid var(--line-soft);margin-top:16px;padding-top:14px}
.cc__opt{display:flex;gap:12px;align-items:flex-start;margin-bottom:12px;font-size:.9rem;color:var(--ink-soft)}
.cc__opt b{display:block;color:var(--ink);font-size:.94rem}
.cc__opt input{width:19px;height:19px;margin-top:3px;accent-color:var(--green)}
.cc-reopen{
  position:fixed;left:16px;bottom:16px;z-index:80;
  width:42px;height:42px;border-radius:50%;border:1px solid var(--line);
  background:var(--white);box-shadow:var(--shadow-s);cursor:pointer;
  display:flex;align-items:center;justify-content:center;color:var(--ink-soft);
}
.cc-reopen svg{width:20px;height:20px}
.cc-reopen:hover{color:var(--green-dk);border-color:var(--green-lt)}

/* ---------- Reveal ---------- */
/* Ohne JavaScript bleibt alles sichtbar – die Animation ist reine Zugabe */
.js .rv{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}
.js .rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.js .rv{opacity:1;transform:none}}

@media print{
  .hdr,.cc,.cc-reopen,.hero__deco,.btn{display:none!important}
  body{background:#fff}
}

/* =========================================================
   PEPP – bunter Blumenhintergrund, Farben, Effekte, Bewegung
   ========================================================= */
:root{
  --koralle:#d64933;   --koralle-dk:#b83a26;
  --petrol:#1e7a8c;    --petrol-dk:#166273;
  --senf:#e0a21b;      --senf-dk:#a8760c;
  --beere:#a83e6e;
  --himmel:#3b86c7;    --himmel-dk:#2c6ca6;
  --lila:#7a5ea8;
  --tuerkis:#159a8c;
  --gruen:#5c7a3f;
}

/* ---------- 1. Hintergrund über die ganze Seite ---------- */
body::before{
  content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;
  background-color:#fdfbf6;
  background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22460%22 height=%22460%22 viewBox=%220 0 460 460%22%3E%3Cpath d=%22M64 132 C64 104 48 89 30 82 M64 132 C64 106 80 91 100 84 M64 132 V172%22 fill=%22none%22 stroke=%22%235c7a3f%22 stroke-width=%222.0%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 opacity=%220.48%22/%3E%3Cpath d=%22M330 66 c0 -22 -14 -36 -30 -43 M330 66 c0 -20 14 -34 32 -40 M330 66 V102%22 fill=%22none%22 stroke=%22%235c7a3f%22 stroke-width=%222.0%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 opacity=%220.48%22/%3E%3Cpath d=%22M166 366 c-18 -12 -20 -30 -16 -46 M166 366 c16 -14 34 -12 48 -2 M166 366 v30%22 fill=%22none%22 stroke=%22%235c7a3f%22 stroke-width=%222.0%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 opacity=%220.48%22/%3E%3Cpath d=%22M410 276 c-16 -10 -18 -28 -14 -40 M410 276 c14 -12 30 -10 42 -2 M410 276 v28%22 fill=%22none%22 stroke=%22%235c7a3f%22 stroke-width=%222.0%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 opacity=%220.48%22/%3E%3Cpath d=%22M232 218 q20 -16 38 -4 M232 218 q-18 -18 -38 -6 M232 218 v26%22 fill=%22none%22 stroke=%22%235c7a3f%22 stroke-width=%222.0%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 opacity=%220.48%22/%3E%3Cpath d=%22M100 250 q17 -14 33 -3 M100 250 q-15 -16 -33 -5%22 fill=%22none%22 stroke=%22%23159a8c%22 stroke-width=%222.0%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 opacity=%220.44%22/%3E%3Cpath d=%22M300 430 q17 -14 33 -3 M300 430 q-15 -16 -33 -5%22 fill=%22none%22 stroke=%22%235c7a3f%22 stroke-width=%222.0%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 opacity=%220.48%22/%3E%3Cg transform=%22translate(232 128) scale(1.05) rotate(0)%22 opacity=%220.8%22%3E%3Cg fill=%22%23d64933%22%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%225.8%22 ry=%2211%22 transform=%22rotate(0.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%225.8%22 ry=%2211%22 transform=%22rotate(72.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%225.8%22 ry=%2211%22 transform=%22rotate(144.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%225.8%22 ry=%2211%22 transform=%22rotate(216.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%225.8%22 ry=%2211%22 transform=%22rotate(288.0)%22/%3E%3C/g%3E%3Ccircle r=%223.4%22 fill=%22%23e0a21b%22/%3E%3C/g%3E%3Cg transform=%22translate(68 330) scale(0.85) rotate(18)%22 opacity=%220.8%22%3E%3Cg fill=%22%231e7a8c%22%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(0.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(60.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(120.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(180.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(240.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(300.0)%22/%3E%3C/g%3E%3Ccircle r=%223.4%22 fill=%22%23e0a21b%22/%3E%3C/g%3E%3Cg transform=%22translate(374 414) scale(0.7) rotate(-25)%22 opacity=%220.8%22%3E%3Cg fill=%22%23e0a21b%22%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%225.8%22 ry=%2211%22 transform=%22rotate(0.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%225.8%22 ry=%2211%22 transform=%22rotate(72.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%225.8%22 ry=%2211%22 transform=%22rotate(144.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%225.8%22 ry=%2211%22 transform=%22rotate(216.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%225.8%22 ry=%2211%22 transform=%22rotate(288.0)%22/%3E%3C/g%3E%3Ccircle r=%223.4%22 fill=%22%23b83a26%22/%3E%3C/g%3E%3Cg transform=%22translate(408 176) scale(0.6) rotate(40)%22 opacity=%220.8%22%3E%3Cg fill=%22%23a83e6e%22%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(0.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(60.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(120.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(180.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(240.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(300.0)%22/%3E%3C/g%3E%3Ccircle r=%223.4%22 fill=%22%23e0a21b%22/%3E%3C/g%3E%3Cg transform=%22translate(158 44) scale(0.55) rotate(-12)%22 opacity=%220.8%22%3E%3Cg fill=%22%237a5ea8%22%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%225.8%22 ry=%2211%22 transform=%22rotate(0.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%225.8%22 ry=%2211%22 transform=%22rotate(72.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%225.8%22 ry=%2211%22 transform=%22rotate(144.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%225.8%22 ry=%2211%22 transform=%22rotate(216.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%225.8%22 ry=%2211%22 transform=%22rotate(288.0)%22/%3E%3C/g%3E%3Ccircle r=%223.4%22 fill=%22%23e0a21b%22/%3E%3C/g%3E%3Cg transform=%22translate(120 200) scale(0.5) rotate(22)%22 opacity=%220.8%22%3E%3Cg fill=%22%233b86c7%22%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(0.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(60.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(120.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(180.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(240.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(300.0)%22/%3E%3C/g%3E%3Ccircle r=%223.4%22 fill=%22%23e0a21b%22/%3E%3C/g%3E%3Cg transform=%22translate(300 300) scale(0.62) rotate(8)%22 opacity=%220.8%22%3E%3Cg fill=%22%23159a8c%22%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%225.8%22 ry=%2211%22 transform=%22rotate(0.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%225.8%22 ry=%2211%22 transform=%22rotate(72.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%225.8%22 ry=%2211%22 transform=%22rotate(144.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%225.8%22 ry=%2211%22 transform=%22rotate(216.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%225.8%22 ry=%2211%22 transform=%22rotate(288.0)%22/%3E%3C/g%3E%3Ccircle r=%223.4%22 fill=%22%23e0a21b%22/%3E%3C/g%3E%3Cg transform=%22translate(40 60) scale(0.45) rotate(30)%22 opacity=%220.8%22%3E%3Cg fill=%22%23e0a21b%22%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(0.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(60.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(120.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(180.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(240.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(300.0)%22/%3E%3C/g%3E%3Ccircle r=%223.4%22 fill=%22%23b83a26%22/%3E%3C/g%3E%3Cg transform=%22translate(440 60) scale(0.5) rotate(14)%22 opacity=%220.8%22%3E%3Cg fill=%22%23d64933%22%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%225.8%22 ry=%2211%22 transform=%22rotate(0.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%225.8%22 ry=%2211%22 transform=%22rotate(72.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%225.8%22 ry=%2211%22 transform=%22rotate(144.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%225.8%22 ry=%2211%22 transform=%22rotate(216.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%225.8%22 ry=%2211%22 transform=%22rotate(288.0)%22/%3E%3C/g%3E%3Ccircle r=%223.4%22 fill=%22%23e0a21b%22/%3E%3C/g%3E%3Cg transform=%22translate(210 430) scale(0.55) rotate(-18)%22 opacity=%220.8%22%3E%3Cg fill=%22%231e7a8c%22%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(0.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(60.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(120.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(180.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(240.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(300.0)%22/%3E%3C/g%3E%3Ccircle r=%223.4%22 fill=%22%23e0a21b%22/%3E%3C/g%3E%3Cg transform=%22translate(360 220) scale(0.42) rotate(50)%22 opacity=%220.8%22%3E%3Cg fill=%22%237a5ea8%22%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%225.8%22 ry=%2211%22 transform=%22rotate(0.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%225.8%22 ry=%2211%22 transform=%22rotate(72.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%225.8%22 ry=%2211%22 transform=%22rotate(144.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%225.8%22 ry=%2211%22 transform=%22rotate(216.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%225.8%22 ry=%2211%22 transform=%22rotate(288.0)%22/%3E%3C/g%3E%3Ccircle r=%223.4%22 fill=%22%23e0a21b%22/%3E%3C/g%3E%3Cg transform=%22translate(24 420) scale(0.4) rotate(-35)%22 opacity=%220.8%22%3E%3Cg fill=%22%23a83e6e%22%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%225.8%22 ry=%2211%22 transform=%22rotate(0.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%225.8%22 ry=%2211%22 transform=%22rotate(72.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%225.8%22 ry=%2211%22 transform=%22rotate(144.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%225.8%22 ry=%2211%22 transform=%22rotate(216.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%225.8%22 ry=%2211%22 transform=%22rotate(288.0)%22/%3E%3C/g%3E%3Ccircle r=%223.4%22 fill=%22%23e0a21b%22/%3E%3C/g%3E%3Cg opacity=%220.72%22%3E%3Ccircle cx=%22130%22 cy=%2282%22 r=%223%22 fill=%22%23d64933%22/%3E%3Ccircle cx=%22286%22 cy=%22336%22 r=%223%22 fill=%22%231e7a8c%22/%3E%3Ccircle cx=%2246%22 cy=%22222%22 r=%222.6%22 fill=%22%23e0a21b%22/%3E%3Ccircle cx=%22344%22 cy=%22130%22 r=%222.6%22 fill=%22%23a83e6e%22/%3E%3Ccircle cx=%22196%22 cy=%22286%22 r=%222.6%22 fill=%22%237a5ea8%22/%3E%3Ccircle cx=%22424%22 cy=%22352%22 r=%222.6%22 fill=%22%23159a8c%22/%3E%3C/g%3E%3C/svg%3E");
  background-size:460px 460px;
  background-position:center var(--bgy, 0px);
}
body::after{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(52vw 42vh at 2% -6%, rgba(224,162,27,.20), transparent 68%),
    radial-gradient(46vw 38vh at 99% 8%, rgba(224,162,27,.22), transparent 70%),
    radial-gradient(48vw 40vh at 88% 62%, rgba(224,162,27,.14), transparent 70%),
    radial-gradient(52vw 44vh at 12% 96%, rgba(168,62,110,.09), transparent 72%);
}

/* Abschnitte: jeder mit eigenem Farbschimmer, Muster bleibt sichtbar.
   --saum legt oben und unten einen weichen Streifen darüber, damit jeder
   Abschnitt an seinen Kanten zur gleichen warmen Grundfarbe ausblendet.
   Dadurch treffen zwei Abschnitte nie mit einer harten Linie aufeinander. */
:root{--saum:linear-gradient(180deg,
  rgba(254,250,244,.86) 0,
  rgba(254,250,244,0) 104px,
  rgba(254,250,244,0) calc(100% - 104px),
  rgba(254,250,244,.86) 100%)}
.sec{position:relative;overflow:hidden}
.sec--white{background:var(--saum),linear-gradient(140deg,rgba(255,255,255,.62),rgba(255,244,232,.5))}
.sec--pale{background:var(--saum),linear-gradient(140deg,rgba(232,240,218,.48),rgba(255,247,234,.4))}
.sec--sand{background:var(--saum),linear-gradient(140deg,rgba(247,236,240,.48),rgba(255,242,228,.46))}
#ablauf{background:var(--saum),linear-gradient(140deg,rgba(255,243,214,.42),rgba(255,252,240,.42))}
/* Textseite des Hero wird beruhigt, Bildseite bleibt blumig */
.hero{background:
  var(--saum),
  linear-gradient(100deg,rgba(255,255,255,.92) 0%,rgba(255,255,255,.78) 36%,rgba(255,255,255,.2) 58%,rgba(255,255,255,0) 72%),
  linear-gradient(178deg,rgba(255,255,255,.4) 0%,rgba(255,250,240,.14) 50%,rgba(255,244,230,.24) 100%)}
.legal{background:rgba(255,255,255,.92)}
.card,.gal figure,.form,.side-card,.note{backdrop-filter:blur(4px)}
.card,.form,.side-card{background:rgba(255,255,255,.94)}
.gal figure{background:rgba(255,255,255,.92)}
.note{background:rgba(255,255,255,.9)}

/* Blumensträusse in den Abschnitten */
#sortiment::after,#kunst::after,#ablauf::after,#kontakt::after{
  content:"";position:absolute;pointer-events:none;width:320px;height:320px;opacity:.26;
  background-repeat:no-repeat;background-position:center;background-size:contain;
}
#sortiment::after{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22320%22 height=%22320%22 viewBox=%220 0 320 320%22%3E%3Cpath d=%22M160 310 V150 M160 220 C128 214 108 188 104 156 M160 220 C192 214 212 188 216 156 M160 262 C134 258 118 238 114 214 M160 262 C186 258 202 238 206 214%22 fill=%22none%22 stroke=%22%235c7a3f%22 stroke-width=%223.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 opacity=%220.55%22/%3E%3Cg transform=%22translate(160 104) scale(2.3) rotate(0)%22 opacity=%220.85%22%3E%3Cg fill=%22%23d64933%22%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%225.8%22 ry=%2211%22 transform=%22rotate(0.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%225.8%22 ry=%2211%22 transform=%22rotate(72.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%225.8%22 ry=%2211%22 transform=%22rotate(144.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%225.8%22 ry=%2211%22 transform=%22rotate(216.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%225.8%22 ry=%2211%22 transform=%22rotate(288.0)%22/%3E%3C/g%3E%3Ccircle r=%223.4%22 fill=%22%23e0a21b%22/%3E%3C/g%3E%3Cg transform=%22translate(96 150) scale(1.35) rotate(20)%22 opacity=%220.8%22%3E%3Cg fill=%22%23e0a21b%22%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(0.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(60.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(120.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(180.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(240.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(300.0)%22/%3E%3C/g%3E%3Ccircle r=%223.4%22 fill=%22%23e0a21b%22/%3E%3C/g%3E%3Cg transform=%22translate(224 150) scale(1.35) rotate(-20)%22 opacity=%220.8%22%3E%3Cg fill=%22%231e7a8c%22%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(0.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(60.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(120.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(180.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(240.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(300.0)%22/%3E%3C/g%3E%3Ccircle r=%223.4%22 fill=%22%23e0a21b%22/%3E%3C/g%3E%3C/svg%3E");right:-80px;top:-50px;transform:rotate(16deg)}
#kunst::after{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22320%22 height=%22320%22 viewBox=%220 0 320 320%22%3E%3Cpath d=%22M160 310 V150 M160 220 C128 214 108 188 104 156 M160 220 C192 214 212 188 216 156 M160 262 C134 258 118 238 114 214 M160 262 C186 258 202 238 206 214%22 fill=%22none%22 stroke=%22%235c7a3f%22 stroke-width=%223.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 opacity=%220.55%22/%3E%3Cg transform=%22translate(160 104) scale(2.3) rotate(0)%22 opacity=%220.85%22%3E%3Cg fill=%22%231e7a8c%22%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%225.8%22 ry=%2211%22 transform=%22rotate(0.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%225.8%22 ry=%2211%22 transform=%22rotate(72.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%225.8%22 ry=%2211%22 transform=%22rotate(144.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%225.8%22 ry=%2211%22 transform=%22rotate(216.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%225.8%22 ry=%2211%22 transform=%22rotate(288.0)%22/%3E%3C/g%3E%3Ccircle r=%223.4%22 fill=%22%23e0a21b%22/%3E%3C/g%3E%3Cg transform=%22translate(96 150) scale(1.35) rotate(20)%22 opacity=%220.8%22%3E%3Cg fill=%22%23159a8c%22%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(0.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(60.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(120.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(180.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(240.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(300.0)%22/%3E%3C/g%3E%3Ccircle r=%223.4%22 fill=%22%23e0a21b%22/%3E%3C/g%3E%3Cg transform=%22translate(224 150) scale(1.35) rotate(-20)%22 opacity=%220.8%22%3E%3Cg fill=%22%237a5ea8%22%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(0.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(60.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(120.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(180.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(240.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(300.0)%22/%3E%3C/g%3E%3Ccircle r=%223.4%22 fill=%22%23e0a21b%22/%3E%3C/g%3E%3C/svg%3E");left:-90px;bottom:-70px;transform:rotate(-14deg)}
#ablauf::after{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22320%22 height=%22320%22 viewBox=%220 0 320 320%22%3E%3Cpath d=%22M160 310 V150 M160 220 C128 214 108 188 104 156 M160 220 C192 214 212 188 216 156 M160 262 C134 258 118 238 114 214 M160 262 C186 258 202 238 206 214%22 fill=%22none%22 stroke=%22%235c7a3f%22 stroke-width=%223.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 opacity=%220.55%22/%3E%3Cg transform=%22translate(160 104) scale(2.3) rotate(0)%22 opacity=%220.85%22%3E%3Cg fill=%22%23a83e6e%22%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%225.8%22 ry=%2211%22 transform=%22rotate(0.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%225.8%22 ry=%2211%22 transform=%22rotate(72.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%225.8%22 ry=%2211%22 transform=%22rotate(144.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%225.8%22 ry=%2211%22 transform=%22rotate(216.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%225.8%22 ry=%2211%22 transform=%22rotate(288.0)%22/%3E%3C/g%3E%3Ccircle r=%223.4%22 fill=%22%23e0a21b%22/%3E%3C/g%3E%3Cg transform=%22translate(96 150) scale(1.35) rotate(20)%22 opacity=%220.8%22%3E%3Cg fill=%22%237a5ea8%22%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(0.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(60.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(120.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(180.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(240.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(300.0)%22/%3E%3C/g%3E%3Ccircle r=%223.4%22 fill=%22%23e0a21b%22/%3E%3C/g%3E%3Cg transform=%22translate(224 150) scale(1.35) rotate(-20)%22 opacity=%220.8%22%3E%3Cg fill=%22%23e0a21b%22%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(0.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(60.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(120.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(180.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(240.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(300.0)%22/%3E%3C/g%3E%3Ccircle r=%223.4%22 fill=%22%23e0a21b%22/%3E%3C/g%3E%3C/svg%3E");right:-90px;bottom:-80px;transform:rotate(10deg)}
#kontakt::after{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22320%22 height=%22320%22 viewBox=%220 0 320 320%22%3E%3Cpath d=%22M160 310 V150 M160 220 C128 214 108 188 104 156 M160 220 C192 214 212 188 216 156 M160 262 C134 258 118 238 114 214 M160 262 C186 258 202 238 206 214%22 fill=%22none%22 stroke=%22%235c7a3f%22 stroke-width=%223.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 opacity=%220.55%22/%3E%3Cg transform=%22translate(160 104) scale(2.3) rotate(0)%22 opacity=%220.85%22%3E%3Cg fill=%22%23d64933%22%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%225.8%22 ry=%2211%22 transform=%22rotate(0.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%225.8%22 ry=%2211%22 transform=%22rotate(72.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%225.8%22 ry=%2211%22 transform=%22rotate(144.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%225.8%22 ry=%2211%22 transform=%22rotate(216.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%225.8%22 ry=%2211%22 transform=%22rotate(288.0)%22/%3E%3C/g%3E%3Ccircle r=%223.4%22 fill=%22%23e0a21b%22/%3E%3C/g%3E%3Cg transform=%22translate(96 150) scale(1.35) rotate(20)%22 opacity=%220.8%22%3E%3Cg fill=%22%23e0a21b%22%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(0.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(60.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(120.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(180.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(240.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(300.0)%22/%3E%3C/g%3E%3Ccircle r=%223.4%22 fill=%22%23e0a21b%22/%3E%3C/g%3E%3Cg transform=%22translate(224 150) scale(1.35) rotate(-20)%22 opacity=%220.8%22%3E%3Cg fill=%22%231e7a8c%22%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(0.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(60.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(120.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(180.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(240.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(300.0)%22/%3E%3C/g%3E%3Ccircle r=%223.4%22 fill=%22%23e0a21b%22/%3E%3C/g%3E%3C/svg%3E");left:-80px;top:-60px;transform:rotate(-8deg)}

/* Blüte zwischen den Abschnitten */
.sec + .sec::before{
  content:"";position:absolute;top:0;left:50%;transform:translate(-50%,-50%);
  width:48px;height:48px;border-radius:50%;
  background:#fdfbf6 url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2240%22 height=%2240%22 viewBox=%220 0 40 40%22%3E%3Cg transform=%22translate(20 20) scale(0.9) rotate(0)%22 opacity=%221%22%3E%3Cg fill=%22%23d64933%22%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%225.8%22 ry=%2211%22 transform=%22rotate(0.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%225.8%22 ry=%2211%22 transform=%22rotate(72.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%225.8%22 ry=%2211%22 transform=%22rotate(144.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%225.8%22 ry=%2211%22 transform=%22rotate(216.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%225.8%22 ry=%2211%22 transform=%22rotate(288.0)%22/%3E%3C/g%3E%3Ccircle r=%223.4%22 fill=%22%23e0a21b%22/%3E%3C/g%3E%3C/svg%3E") no-repeat center/26px 26px;
  border:1px solid rgba(214,73,51,.25);z-index:2;
}

/* ---------- 2. Farbige Akzente statt durchgehend Grün ---------- */
a{color:var(--petrol-dk)}
a:hover{color:var(--koralle-dk)}
:focus-visible{outline-color:var(--koralle-dk)}

.btn{--bg:var(--koralle-dk);--bd:var(--koralle-dk)}
.btn:hover{background:#96301f;border-color:#96301f}
.btn--ghost{--bg:rgba(255,255,255,.7);--fg:var(--petrol-dk);--bd:var(--petrol)}
.btn--ghost:hover{background:var(--petrol);border-color:var(--petrol);color:#fff}
.lang button[aria-pressed="true"]{background:var(--petrol)}
.nav a:hover{background:rgba(30,122,140,.12);color:var(--petrol-dk)}
.fortschritt{background:linear-gradient(90deg,var(--koralle),var(--senf),var(--tuerkis),var(--lila))}
.field input:focus,.field select:focus,.field textarea:focus{
  border-color:var(--petrol);box-shadow:0 0 0 3px rgba(30,122,140,.16);
}
.field .req{color:var(--koralle-dk)}
.check input{accent-color:var(--petrol)}
.ccStat,.cc__opt input{accent-color:var(--petrol)}

/* Abschnitts-Etiketten und Schwünge in wechselnden Farben */
#sortiment .eyebrow{color:var(--koralle-dk)}
#sortiment .eyebrow::before{background:var(--koralle)}
#sortiment .sec-head h2::after{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22130%22 height=%2212%22 viewBox=%220 0 130 12%22%3E%3Cpath d=%22M3 8 C24 2 40 10 58 6 C76 2 94 10 127 4%22 fill=%22none%22 stroke=%22%23d64933%22 stroke-width=%223.4%22 stroke-linecap=%22round%22/%3E%3C/svg%3E")}
#kunst .eyebrow{color:var(--petrol-dk)}
#kunst .eyebrow::before{background:var(--petrol)}
#kunst .sec-head h2::after{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22130%22 height=%2212%22 viewBox=%220 0 130 12%22%3E%3Cpath d=%22M3 8 C24 2 40 10 58 6 C76 2 94 10 127 4%22 fill=%22none%22 stroke=%22%231e7a8c%22 stroke-width=%223.4%22 stroke-linecap=%22round%22/%3E%3C/svg%3E")}
#ablauf .eyebrow{color:var(--senf-dk)}
#ablauf .eyebrow::before{background:var(--senf)}
#ablauf .sec-head h2::after{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22130%22 height=%2212%22 viewBox=%220 0 130 12%22%3E%3Cpath d=%22M3 8 C24 2 40 10 58 6 C76 2 94 10 127 4%22 fill=%22none%22 stroke=%22%23e0a21b%22 stroke-width=%223.4%22 stroke-linecap=%22round%22/%3E%3C/svg%3E")}
#kontakt .eyebrow{color:var(--lila)}
#kontakt .eyebrow::before{background:var(--lila)}
#kontakt .sec-head h2::after{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22130%22 height=%2212%22 viewBox=%220 0 130 12%22%3E%3Cpath d=%22M3 8 C24 2 40 10 58 6 C76 2 94 10 127 4%22 fill=%22none%22 stroke=%22%237a5ea8%22 stroke-width=%223.4%22 stroke-linecap=%22round%22/%3E%3C/svg%3E")}
.sec-head h2::after{
  content:"";display:block;width:126px;height:12px;margin-top:16px;
  background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22130%22 height=%2212%22 viewBox=%220 0 130 12%22%3E%3Cpath d=%22M3 8 C24 2 40 10 58 6 C76 2 94 10 127 4%22 fill=%22none%22 stroke=%22%23d64933%22 stroke-width=%223.4%22 stroke-linecap=%22round%22/%3E%3C/svg%3E") no-repeat left center/contain;
}

/* Karten: eigene Farbe, Blütengirlande am oberen Rand */
.card{position:relative;overflow:hidden;padding-top:34px;border:1.5px solid var(--akz-rand,var(--line-soft))}
.card::before{
  content:"";position:absolute;top:0;left:0;right:0;height:18px;
  background:var(--girlande) repeat-x center center;background-size:auto 18px;
  opacity:.95;
}
.card::after{
  content:"";position:absolute;inset:auto 0 0 0;height:4px;background:var(--akz,var(--koralle));
  transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.2,.8,.2,1);
}
.card:hover::after{transform:scaleX(1)}
.card:hover{border-color:var(--akz,var(--line))}

/* Blühende Seitenränder – nur wo genug Platz ist */
html::before,html::after{
  content:"";position:fixed;top:0;bottom:0;width:44px;z-index:1;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2244%22 height=%22440%22 viewBox=%220 0 44 440%22%3E%3Cpath d=%22M22 0 V440%22 fill=%22none%22 stroke=%22%235c7a3f%22 stroke-width=%222.2%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 opacity=%220.5%22/%3E%3Cpath d=%22M22 70 q-12 -10 -16 -24 M22 150 q12 -10 16 -24 M22 250 q-12 -10 -16 -24 M22 330 q12 -10 16 -24 M22 410 q-12 -10 -16 -24%22 fill=%22none%22 stroke=%22%235c7a3f%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 opacity=%220.45%22/%3E%3Cg transform=%22translate(22 40) scale(0.85)%22%3E%3Cg fill=%22%23d64933%22%3E%3Cellipse cx=%220%22 cy=%22-9%22 rx=%224.4%22 ry=%229%22 transform=%22rotate(0.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-9%22 rx=%224.4%22 ry=%229%22 transform=%22rotate(72.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-9%22 rx=%224.4%22 ry=%229%22 transform=%22rotate(144.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-9%22 rx=%224.4%22 ry=%229%22 transform=%22rotate(216.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-9%22 rx=%224.4%22 ry=%229%22 transform=%22rotate(288.0)%22/%3E%3C/g%3E%3Ccircle r=%222.8%22 fill=%22%23e0a21b%22/%3E%3C/g%3E%3Cg transform=%22translate(22 120) scale(0.7)%22%3E%3Cg fill=%22%231e7a8c%22%3E%3Cellipse cx=%220%22 cy=%22-9%22 rx=%224.4%22 ry=%229%22 transform=%22rotate(0.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-9%22 rx=%224.4%22 ry=%229%22 transform=%22rotate(60.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-9%22 rx=%224.4%22 ry=%229%22 transform=%22rotate(120.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-9%22 rx=%224.4%22 ry=%229%22 transform=%22rotate(180.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-9%22 rx=%224.4%22 ry=%229%22 transform=%22rotate(240.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-9%22 rx=%224.4%22 ry=%229%22 transform=%22rotate(300.0)%22/%3E%3C/g%3E%3Ccircle r=%222.8%22 fill=%22%23e0a21b%22/%3E%3C/g%3E%3Cg transform=%22translate(22 200) scale(0.8)%22%3E%3Cg fill=%22%23e0a21b%22%3E%3Cellipse cx=%220%22 cy=%22-9%22 rx=%224.4%22 ry=%229%22 transform=%22rotate(0.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-9%22 rx=%224.4%22 ry=%229%22 transform=%22rotate(72.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-9%22 rx=%224.4%22 ry=%229%22 transform=%22rotate(144.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-9%22 rx=%224.4%22 ry=%229%22 transform=%22rotate(216.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-9%22 rx=%224.4%22 ry=%229%22 transform=%22rotate(288.0)%22/%3E%3C/g%3E%3Ccircle r=%222.8%22 fill=%22%23e0a21b%22/%3E%3C/g%3E%3Cg transform=%22translate(22 280) scale(0.68)%22%3E%3Cg fill=%22%237a5ea8%22%3E%3Cellipse cx=%220%22 cy=%22-9%22 rx=%224.4%22 ry=%229%22 transform=%22rotate(0.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-9%22 rx=%224.4%22 ry=%229%22 transform=%22rotate(60.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-9%22 rx=%224.4%22 ry=%229%22 transform=%22rotate(120.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-9%22 rx=%224.4%22 ry=%229%22 transform=%22rotate(180.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-9%22 rx=%224.4%22 ry=%229%22 transform=%22rotate(240.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-9%22 rx=%224.4%22 ry=%229%22 transform=%22rotate(300.0)%22/%3E%3C/g%3E%3Ccircle r=%222.8%22 fill=%22%23e0a21b%22/%3E%3C/g%3E%3Cg transform=%22translate(22 360) scale(0.78)%22%3E%3Cg fill=%22%23159a8c%22%3E%3Cellipse cx=%220%22 cy=%22-9%22 rx=%224.4%22 ry=%229%22 transform=%22rotate(0.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-9%22 rx=%224.4%22 ry=%229%22 transform=%22rotate(72.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-9%22 rx=%224.4%22 ry=%229%22 transform=%22rotate(144.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-9%22 rx=%224.4%22 ry=%229%22 transform=%22rotate(216.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-9%22 rx=%224.4%22 ry=%229%22 transform=%22rotate(288.0)%22/%3E%3C/g%3E%3Ccircle r=%222.8%22 fill=%22%23e0a21b%22/%3E%3C/g%3E%3Cg transform=%22translate(22 430) scale(0.6)%22%3E%3Cg fill=%22%23a83e6e%22%3E%3Cellipse cx=%220%22 cy=%22-9%22 rx=%224.4%22 ry=%229%22 transform=%22rotate(0.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-9%22 rx=%224.4%22 ry=%229%22 transform=%22rotate(72.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-9%22 rx=%224.4%22 ry=%229%22 transform=%22rotate(144.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-9%22 rx=%224.4%22 ry=%229%22 transform=%22rotate(216.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-9%22 rx=%224.4%22 ry=%229%22 transform=%22rotate(288.0)%22/%3E%3C/g%3E%3Ccircle r=%222.8%22 fill=%22%23e0a21b%22/%3E%3C/g%3E%3C/svg%3E") repeat-y center top;background-size:44px 440px;opacity:.6;
}
html::before{left:2px}
html::after{right:2px;transform:scaleX(-1)}
@media (max-width:1330px){html::before,html::after{display:none}}
@media (prefers-reduced-motion:no-preference){
  html::before,html::after{animation:rankeWachsen 1.2s ease .3s both}
}
@keyframes rankeWachsen{from{opacity:0;transform:translateY(24px)}to{opacity:.6}}
.card__ic{background:var(--akz-hell,#fdece8);color:var(--akz-dk,var(--koralle-dk));transition:background .3s ease,color .3s ease,transform .3s ease}
.card:hover .card__ic{background:var(--akz,var(--koralle));color:#fff;transform:rotate(-6deg) scale(1.08)}
.grid > *:nth-child(6n+1){--akz:var(--koralle);--akz-dk:var(--koralle-dk);--akz-hell:#fdeae5;--girlande:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2218%22 viewBox=%220 0 120 18%22%3E%3Cpath d=%22M0 9 H120%22 fill=%22none%22 stroke=%22%23d64933%22 stroke-width=%221.4%22 opacity=%220.45%22/%3E%3Cpath d=%22M32 9 q6 -5 12 -1 M76 9 q-6 -5 -12 -1%22 fill=%22none%22 stroke=%22%235c7a3f%22 stroke-width=%221.2%22 opacity=%220.5%22/%3E%3Cg transform=%22translate(14 9) scale(0.9)%22%3E%3Cg fill=%22%23d64933%22%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(0)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(72)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(144)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(216)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(288)%22/%3E%3C/g%3E%3Ccircle r=%221.9%22 fill=%22%23e0a21b%22/%3E%3C/g%3E%3Cg transform=%22translate(56 9) scale(1.05)%22%3E%3Cg fill=%22%23d64933%22%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(0)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(72)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(144)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(216)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(288)%22/%3E%3C/g%3E%3Ccircle r=%221.9%22 fill=%22%23e0a21b%22/%3E%3C/g%3E%3Cg transform=%22translate(100 9) scale(0.85)%22%3E%3Cg fill=%22%23d64933%22%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(0)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(72)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(144)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(216)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(288)%22/%3E%3C/g%3E%3Ccircle r=%221.9%22 fill=%22%23e0a21b%22/%3E%3C/g%3E%3C/svg%3E");--akz-rand:#f0b8ac}
.grid > *:nth-child(6n+2){--akz:var(--petrol);--akz-dk:var(--petrol-dk);--akz-hell:#e2f1f4;--girlande:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2218%22 viewBox=%220 0 120 18%22%3E%3Cpath d=%22M0 9 H120%22 fill=%22none%22 stroke=%22%231e7a8c%22 stroke-width=%221.4%22 opacity=%220.45%22/%3E%3Cpath d=%22M32 9 q6 -5 12 -1 M76 9 q-6 -5 -12 -1%22 fill=%22none%22 stroke=%22%235c7a3f%22 stroke-width=%221.2%22 opacity=%220.5%22/%3E%3Cg transform=%22translate(14 9) scale(0.9)%22%3E%3Cg fill=%22%231e7a8c%22%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(0)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(72)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(144)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(216)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(288)%22/%3E%3C/g%3E%3Ccircle r=%221.9%22 fill=%22%23e0a21b%22/%3E%3C/g%3E%3Cg transform=%22translate(56 9) scale(1.05)%22%3E%3Cg fill=%22%231e7a8c%22%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(0)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(72)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(144)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(216)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(288)%22/%3E%3C/g%3E%3Ccircle r=%221.9%22 fill=%22%23e0a21b%22/%3E%3C/g%3E%3Cg transform=%22translate(100 9) scale(0.85)%22%3E%3Cg fill=%22%231e7a8c%22%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(0)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(72)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(144)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(216)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(288)%22/%3E%3C/g%3E%3Ccircle r=%221.9%22 fill=%22%23e0a21b%22/%3E%3C/g%3E%3C/svg%3E");--akz-rand:#a8cdd6}
.grid > *:nth-child(6n+3){--akz:var(--senf);--akz-dk:var(--senf-dk);--akz-hell:#fdf1d8;--girlande:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2218%22 viewBox=%220 0 120 18%22%3E%3Cpath d=%22M0 9 H120%22 fill=%22none%22 stroke=%22%23e0a21b%22 stroke-width=%221.4%22 opacity=%220.45%22/%3E%3Cpath d=%22M32 9 q6 -5 12 -1 M76 9 q-6 -5 -12 -1%22 fill=%22none%22 stroke=%22%235c7a3f%22 stroke-width=%221.2%22 opacity=%220.5%22/%3E%3Cg transform=%22translate(14 9) scale(0.9)%22%3E%3Cg fill=%22%23e0a21b%22%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(0)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(72)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(144)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(216)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(288)%22/%3E%3C/g%3E%3Ccircle r=%221.9%22 fill=%22%23e0a21b%22/%3E%3C/g%3E%3Cg transform=%22translate(56 9) scale(1.05)%22%3E%3Cg fill=%22%23e0a21b%22%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(0)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(72)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(144)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(216)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(288)%22/%3E%3C/g%3E%3Ccircle r=%221.9%22 fill=%22%23e0a21b%22/%3E%3C/g%3E%3Cg transform=%22translate(100 9) scale(0.85)%22%3E%3Cg fill=%22%23e0a21b%22%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(0)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(72)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(144)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(216)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(288)%22/%3E%3C/g%3E%3Ccircle r=%221.9%22 fill=%22%23e0a21b%22/%3E%3C/g%3E%3C/svg%3E");--akz-rand:#f0d79a}
.grid > *:nth-child(6n+4){--akz:var(--lila);--akz-dk:#5f4788;--akz-hell:#eee9f7;--girlande:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2218%22 viewBox=%220 0 120 18%22%3E%3Cpath d=%22M0 9 H120%22 fill=%22none%22 stroke=%22%237a5ea8%22 stroke-width=%221.4%22 opacity=%220.45%22/%3E%3Cpath d=%22M32 9 q6 -5 12 -1 M76 9 q-6 -5 -12 -1%22 fill=%22none%22 stroke=%22%235c7a3f%22 stroke-width=%221.2%22 opacity=%220.5%22/%3E%3Cg transform=%22translate(14 9) scale(0.9)%22%3E%3Cg fill=%22%237a5ea8%22%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(0)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(72)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(144)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(216)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(288)%22/%3E%3C/g%3E%3Ccircle r=%221.9%22 fill=%22%23e0a21b%22/%3E%3C/g%3E%3Cg transform=%22translate(56 9) scale(1.05)%22%3E%3Cg fill=%22%237a5ea8%22%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(0)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(72)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(144)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(216)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(288)%22/%3E%3C/g%3E%3Ccircle r=%221.9%22 fill=%22%23e0a21b%22/%3E%3C/g%3E%3Cg transform=%22translate(100 9) scale(0.85)%22%3E%3Cg fill=%22%237a5ea8%22%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(0)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(72)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(144)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(216)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(288)%22/%3E%3C/g%3E%3Ccircle r=%221.9%22 fill=%22%23e0a21b%22/%3E%3C/g%3E%3C/svg%3E");--akz-rand:#c8bade}
.grid > *:nth-child(6n+5){--akz:var(--tuerkis);--akz-dk:#0e7a6f;--akz-hell:#dff3f0;--girlande:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2218%22 viewBox=%220 0 120 18%22%3E%3Cpath d=%22M0 9 H120%22 fill=%22none%22 stroke=%22%23159a8c%22 stroke-width=%221.4%22 opacity=%220.45%22/%3E%3Cpath d=%22M32 9 q6 -5 12 -1 M76 9 q-6 -5 -12 -1%22 fill=%22none%22 stroke=%22%235c7a3f%22 stroke-width=%221.2%22 opacity=%220.5%22/%3E%3Cg transform=%22translate(14 9) scale(0.9)%22%3E%3Cg fill=%22%23159a8c%22%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(0)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(72)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(144)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(216)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(288)%22/%3E%3C/g%3E%3Ccircle r=%221.9%22 fill=%22%23e0a21b%22/%3E%3C/g%3E%3Cg transform=%22translate(56 9) scale(1.05)%22%3E%3Cg fill=%22%23159a8c%22%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(0)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(72)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(144)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(216)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(288)%22/%3E%3C/g%3E%3Ccircle r=%221.9%22 fill=%22%23e0a21b%22/%3E%3C/g%3E%3Cg transform=%22translate(100 9) scale(0.85)%22%3E%3Cg fill=%22%23159a8c%22%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(0)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(72)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(144)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(216)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(288)%22/%3E%3C/g%3E%3Ccircle r=%221.9%22 fill=%22%23e0a21b%22/%3E%3C/g%3E%3C/svg%3E");--akz-rand:#a8d8cf}
.grid > *:nth-child(6n+6){--akz:var(--beere);--akz-dk:#8c3059;--akz-hell:#fae7ef;--girlande:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%2218%22 viewBox=%220 0 120 18%22%3E%3Cpath d=%22M0 9 H120%22 fill=%22none%22 stroke=%22%23a83e6e%22 stroke-width=%221.4%22 opacity=%220.45%22/%3E%3Cpath d=%22M32 9 q6 -5 12 -1 M76 9 q-6 -5 -12 -1%22 fill=%22none%22 stroke=%22%235c7a3f%22 stroke-width=%221.2%22 opacity=%220.5%22/%3E%3Cg transform=%22translate(14 9) scale(0.9)%22%3E%3Cg fill=%22%23a83e6e%22%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(0)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(72)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(144)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(216)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(288)%22/%3E%3C/g%3E%3Ccircle r=%221.9%22 fill=%22%23e0a21b%22/%3E%3C/g%3E%3Cg transform=%22translate(56 9) scale(1.05)%22%3E%3Cg fill=%22%23a83e6e%22%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(0)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(72)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(144)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(216)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(288)%22/%3E%3C/g%3E%3Ccircle r=%221.9%22 fill=%22%23e0a21b%22/%3E%3C/g%3E%3Cg transform=%22translate(100 9) scale(0.85)%22%3E%3Cg fill=%22%23a83e6e%22%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(0)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(72)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(144)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(216)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(288)%22/%3E%3C/g%3E%3Ccircle r=%221.9%22 fill=%22%23e0a21b%22/%3E%3C/g%3E%3C/svg%3E");--akz-rand:#dfb3c6}

/* Ablauf: bunte Ziffern */
.steps > *:nth-child(4n+1)::before{background:var(--koralle)}
.steps > *:nth-child(4n+2)::before{background:var(--petrol)}
.steps > *:nth-child(4n+3)::before{background:var(--senf);color:var(--ink)}
.steps > *:nth-child(4n+4)::before{background:var(--lila)}
.step::before{position:relative;z-index:1;transition:transform .3s ease}
.step:hover::before{transform:scale(1.12) rotate(-6deg)}
.step::after{
  content:"";position:absolute;left:0;top:16px;width:40px;height:40px;border-radius:50%;
  border:1.5px dashed currentColor;color:var(--ink-mute);opacity:0;transform:scale(.7);
  transition:opacity .4s ease,transform .4s ease;
}
.step:hover::after{opacity:.7;transform:scale(1.45)}

/* Galerie: kräftige Farbfelder */
.gal figure{transition:transform .3s ease,box-shadow .3s ease}
.gal figure:hover{transform:translateY(-5px) rotate(-.6deg);box-shadow:var(--shadow-m)}
.gal .ph{transition:filter .3s ease}
.gal figure:hover .ph{filter:saturate(1.3) brightness(1.03)}
.gal .ph svg{transition:transform .4s cubic-bezier(.2,.8,.2,1);opacity:.85}
.gal figure:hover .ph svg{transform:scale(1.16) rotate(-5deg)}
.gal figure:nth-child(1) .ph{background:linear-gradient(140deg,#f8c9b8,#fdece2);color:var(--koralle-dk)}
.gal figure:nth-child(2) .ph{background:linear-gradient(140deg,#bfe2e8,#e6f4f6);color:var(--petrol-dk)}
.gal figure:nth-child(3) .ph{background:linear-gradient(140deg,#fbe0a6,#fdf4dd);color:var(--senf-dk)}
.gal figure:nth-child(4) .ph{background:linear-gradient(140deg,#dcd2ef,#f0ebf9);color:#5f4788}
.gal figure:nth-child(5) .ph{background:linear-gradient(140deg,#c3e8e0,#e6f6f2);color:#0e7a6f}
.gal figure:nth-child(6) .ph{background:linear-gradient(140deg,#f6cddd,#fce8f0);color:#8c3059}

/* Shop-Hinweis im Blumenkleid statt Farbverlauf */
.shop{
  position:relative;overflow:hidden;
  background:rgba(255,255,255,.9);
  color:var(--ink);
  border:1.5px solid var(--senf);
  border-radius:var(--r-l);
  padding-top:calc(clamp(30px,5vw,52px) + 16px);
  backdrop-filter:blur(4px);
  box-shadow:var(--shadow-s);
}
.shop::before{
  content:"";position:absolute;top:0;left:0;right:0;height:18px;
  background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22246%22 height=%2218%22 viewBox=%220 0 246 18%22%3E%3Cpath d=%22M0 9 H246%22 fill=%22none%22 stroke=%22%235c7a3f%22 stroke-width=%221.4%22 opacity=%220.5%22/%3E%3Cpath d=%22M36 9 q6 -5 12 -1 M118 9 q-6 -5 -12 -1 M200 9 q6 -5 12 -1%22 fill=%22none%22 stroke=%22%235c7a3f%22 stroke-width=%221.2%22 opacity=%220.55%22/%3E%3Cg transform=%22translate(18 9) scale(0.85)%22%3E%3Cg fill=%22%23d64933%22%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(0)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(72)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(144)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(216)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(288)%22/%3E%3C/g%3E%3Ccircle r=%221.9%22 fill=%22%23e0a21b%22/%3E%3C/g%3E%3Cg transform=%22translate(59 9) scale(0.97)%22%3E%3Cg fill=%22%231e7a8c%22%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(0)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(72)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(144)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(216)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(288)%22/%3E%3C/g%3E%3Ccircle r=%221.9%22 fill=%22%23e0a21b%22/%3E%3C/g%3E%3Cg transform=%22translate(100 9) scale(1.0899999999999999)%22%3E%3Cg fill=%22%23e0a21b%22%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(0)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(72)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(144)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(216)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(288)%22/%3E%3C/g%3E%3Ccircle r=%221.9%22 fill=%22%23e0a21b%22/%3E%3C/g%3E%3Cg transform=%22translate(141 9) scale(0.85)%22%3E%3Cg fill=%22%237a5ea8%22%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(0)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(72)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(144)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(216)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(288)%22/%3E%3C/g%3E%3Ccircle r=%221.9%22 fill=%22%23e0a21b%22/%3E%3C/g%3E%3Cg transform=%22translate(182 9) scale(0.97)%22%3E%3Cg fill=%22%23159a8c%22%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(0)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(72)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(144)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(216)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(288)%22/%3E%3C/g%3E%3Ccircle r=%221.9%22 fill=%22%23e0a21b%22/%3E%3C/g%3E%3Cg transform=%22translate(223 9) scale(1.0899999999999999)%22%3E%3Cg fill=%22%23a83e6e%22%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(0)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(72)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(144)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(216)%22/%3E%3Cellipse cx=%220%22 cy=%22-6%22 rx=%223%22 ry=%226%22 transform=%22rotate(288)%22/%3E%3C/g%3E%3Ccircle r=%221.9%22 fill=%22%23e0a21b%22/%3E%3C/g%3E%3C/svg%3E") repeat-x center center;background-size:auto 18px;
}
.shop::after{
  content:"";position:absolute;right:-46px;bottom:-56px;width:230px;height:230px;
  background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22320%22 height=%22320%22 viewBox=%220 0 320 320%22%3E%3Cpath d=%22M160 310 V150 M160 220 C128 214 108 188 104 156 M160 220 C192 214 212 188 216 156 M160 262 C134 258 118 238 114 214 M160 262 C186 258 202 238 206 214%22 fill=%22none%22 stroke=%22%235c7a3f%22 stroke-width=%223.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 opacity=%220.55%22/%3E%3Cg transform=%22translate(160 104) scale(2.3) rotate(0)%22 opacity=%220.85%22%3E%3Cg fill=%22%23d64933%22%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%225.8%22 ry=%2211%22 transform=%22rotate(0.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%225.8%22 ry=%2211%22 transform=%22rotate(72.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%225.8%22 ry=%2211%22 transform=%22rotate(144.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%225.8%22 ry=%2211%22 transform=%22rotate(216.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%225.8%22 ry=%2211%22 transform=%22rotate(288.0)%22/%3E%3C/g%3E%3Ccircle r=%223.4%22 fill=%22%23e0a21b%22/%3E%3C/g%3E%3Cg transform=%22translate(96 150) scale(1.35) rotate(20)%22 opacity=%220.8%22%3E%3Cg fill=%22%23e0a21b%22%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(0.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(60.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(120.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(180.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(240.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(300.0)%22/%3E%3C/g%3E%3Ccircle r=%223.4%22 fill=%22%23e0a21b%22/%3E%3C/g%3E%3Cg transform=%22translate(224 150) scale(1.35) rotate(-20)%22 opacity=%220.8%22%3E%3Cg fill=%22%231e7a8c%22%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(0.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(60.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(120.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(180.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(240.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-11%22 rx=%224.6%22 ry=%2211%22 transform=%22rotate(300.0)%22/%3E%3C/g%3E%3Ccircle r=%223.4%22 fill=%22%23e0a21b%22/%3E%3C/g%3E%3C/svg%3E") no-repeat center/contain;opacity:.22;pointer-events:none;
  transform:rotate(12deg);
}
.shop h2,.shop h3{color:var(--ink)}
.shop p{color:var(--ink-soft)}
.shop .eyebrow{color:var(--koralle-dk)}
.shop .eyebrow::before{background:var(--koralle)}
.shop .btn{--bg:var(--koralle-dk);--fg:#fff;--bd:var(--koralle-dk)}
.shop .btn:hover{background:#96301f;border-color:#96301f;color:#fff}
.shop__note{
  position:relative;z-index:1;
  background:rgba(255,248,226,.92);
  border:1px solid var(--senf);border-left:4px solid var(--senf);
  border-radius:var(--r);
  padding:20px 22px;font-size:.94rem;
}
.shop__note h3{color:#463305}
.shop__note p{color:#6b4e08}

/* Newsletter-Kasten: gleiche Blumenfassung wie der Shop-Hinweis,
   aber in Beere/Lila und mit Platz fürs Formular */
.nl{align-items:start;border-color:var(--beere)}
.nl::after{transform:rotate(-9deg);opacity:.18}
.nl .eyebrow{color:var(--beere)}
.nl .eyebrow::before{background:var(--beere)}
.nl .btn{--bg:var(--beere);--fg:#fff;--bd:var(--beere)}
.nl .btn:hover{background:#8a2f59;border-color:#8a2f59;color:#fff}
.nl__form{position:relative;z-index:1;margin-top:22px}
.nl__form .field{margin-bottom:14px}
.nl__form .field label{color:var(--ink)}
.nl__form .field .req{color:var(--beere)}
.nl__form .field input:focus{border-color:var(--beere);box-shadow:0 0 0 3px rgba(168,62,110,.15)}
.nl__form .check{color:var(--ink-soft);margin:2px 0 18px}
.nl__form .check input{accent-color:var(--beere)}
.nl .shop__note,.nl__form .form__msg{position:relative;z-index:1}
.nl .shop__note{
  background:rgba(250,238,244,.94);
  border-color:var(--beere);border-left-color:var(--beere);
}
.nl .shop__note h3{color:#6d2144}
.nl .shop__note p{color:#7c3355}
#newsletter{background:var(--saum),linear-gradient(140deg,rgba(250,236,243,.5),rgba(255,246,236,.44))}

/* Hinweiskästchen bunt umrandet */
.note{border-color:var(--senf)}
#kunst .note{border-color:var(--petrol)}

/* Buntes Logo: in der Fusszeile eigene helle Fassung statt Farbumkehr */
.ftr__logo{filter:none;height:34px}
.ftr__bar{padding-right:64px}

/* Fusszeile mit Farbband */
.ftr{border-top:5px solid transparent;
  border-image:linear-gradient(90deg,var(--koralle),var(--senf),var(--tuerkis),var(--petrol),var(--lila),var(--beere)) 1}
.ftr a:hover{color:#ffd27a}

/* Badges im Hero bunt */
.badges li:nth-child(1) svg{color:var(--koralle)}
.badges li:nth-child(2) svg{color:var(--senf-dk)}
.badges li:nth-child(3) svg{color:var(--petrol)}
.badges li{background:rgba(255,255,255,.86)}
.ticker__w{border-color:var(--koralle);color:var(--koralle-dk);background:rgba(255,255,255,.9)}
.ticker__punkt{background:var(--koralle)}
.hero h1 em{color:var(--koralle-dk)}

/* ---------- 3. Ladeanimation ---------- */
.intro{position:fixed;inset:0;z-index:300;display:grid;place-items:center;background:#fdfbf6}
.intro__in{display:grid;justify-items:center;gap:16px;padding:20px;width:min(300px,84vw)}

/* Haus und Möbel */
.intro__haus{width:min(230px,64vw);height:auto;overflow:visible}
.intro .riss path{
  stroke:var(--ink);stroke-width:3.4;fill:none;stroke-linecap:round;stroke-linejoin:round;
  stroke-dasharray:var(--len,420);stroke-dashoffset:var(--len,420);
  animation:zeichnen .9s cubic-bezier(.5,0,.3,1) forwards;
}
.intro .riss path:nth-child(2){animation-delay:.34s}
.intro .riss path:nth-child(3){animation-delay:.42s}
.intro .riss path:nth-child(4){animation-delay:.5s}
/* Jedes Möbelstück rutscht von aussen an seinen Platz */
.intro .stueck{opacity:0;animation:einziehen .62s cubic-bezier(.22,.92,.24,1) both;animation-delay:var(--d,1s)}
@keyframes einziehen{
  from{opacity:0;transform:translate(var(--vx,0px),var(--vy,0px)) scale(.9)}
  60%{opacity:1}
  to{opacity:1;transform:translate(0,0) scale(1)}
}

.intro img{width:200px;max-width:74vw;height:auto;opacity:0;animation:hoch .7s ease 2.55s forwards}

/* Ladebalken */
.intro__balken{
  width:100%;height:8px;border-radius:999px;overflow:hidden;
  background:#efe9dc;box-shadow:inset 0 1px 2px rgba(37,37,37,.08);
  opacity:0;animation:hoch .5s ease .2s forwards;
}
.intro__balken span{
  display:block;height:100%;width:0%;border-radius:999px;
  background:linear-gradient(90deg,var(--koralle),var(--senf),var(--tuerkis),var(--petrol),var(--lila),var(--beere));
  background-size:300% 100%;
  transition:width .18s linear;
  animation:bandwandern 3s linear infinite;
}
@keyframes bandwandern{to{background-position:300% 0}}
.intro__zahl{
  margin:0;font-size:.86rem;font-weight:600;letter-spacing:.08em;
  color:var(--ink-mute);font-variant-numeric:tabular-nums;
  opacity:0;animation:hoch .5s ease .2s forwards;
}

.intro.weg{animation:wegblenden .55s ease forwards;pointer-events:none}
@keyframes zeichnen{to{stroke-dashoffset:0}}
@keyframes hoch{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes wegblenden{to{opacity:0;visibility:hidden}}
html.laedt,html.laedt body{overflow:hidden}

/* ---------- 4. Hero: Auftritt gestaffelt ---------- */
.js .hero-anim > *{opacity:0;animation:heroAuf .85s cubic-bezier(.2,.75,.25,1) forwards}
.js .hero-anim > *:nth-child(1){animation-delay:.10s}
.js .hero-anim > *:nth-child(2){animation-delay:.20s}
.js .hero-anim > *:nth-child(3){animation-delay:.30s}
.js .hero-anim > *:nth-child(4){animation-delay:.40s}
.js .hero-anim > *:nth-child(5){animation-delay:.50s}
.js .hero-anim > *:nth-child(6){animation-delay:.58s}
.js .hero-anim > *:nth-child(7){animation-delay:.66s}
@keyframes heroAuf{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.hero__logo{width:min(330px,74%);margin-bottom:22px}
.hero h1{font-size:clamp(2rem,4.4vw,3.05rem)}

/* Hinweis «Seite im Aufbau» */
.aufbau{
  display:inline-flex;align-items:flex-start;gap:.6em;
  margin:0 0 20px;padding:.62em 1em .62em .85em;
  background:rgba(255,248,226,.96);border:1px solid var(--senf);
  border-left:4px solid var(--senf);border-radius:10px;
  font-size:.92rem;line-height:1.5;color:#6b4e08;max-width:54ch;
  box-shadow:0 1px 2px rgba(37,37,37,.04);
}
.aufbau b{color:#463305}
.aufbau__punkt{
  width:9px;height:9px;border-radius:50%;background:var(--senf);
  flex:0 0 auto;margin-top:.45em;animation:pochen 1.8s ease-in-out infinite;
}
@media (max-width:760px){.aufbau{font-size:.88rem;max-width:100%}}

/* ---------- 5. Hero: Bewegung ---------- */
/* Die zwei weichen Lichtflecken im Hero. Der zweite war lachsrot und wurde
   an der Abschnittskante abgeschnitten – das sah nach einem Fehler aus.
   Jetzt ein warmes Creme, kleiner und weit weg von der Kante. */
.hero__deco{opacity:.6}
.hero__deco span:nth-child(1){background:#ffe6c4}
.hero__deco span:nth-child(2){width:210px;height:210px;background:#fdeede;bottom:130px;left:-100px}
.blatt{position:absolute;top:-8%;width:28px;height:28px;opacity:0;will-change:transform}
.blatt--1{left:10%;animation:schweben 19s linear 1.0s infinite}
.blatt--2{left:30%;width:20px;height:20px;animation:schweben2 24s linear 3s infinite}
.blatt--3{left:52%;width:24px;height:24px;animation:schweben 27s linear 5.5s infinite}
.blatt--4{left:72%;width:17px;height:17px;animation:schweben2 21s linear 8s infinite}
.blatt--5{left:88%;width:22px;height:22px;animation:schweben 23s linear 11s infinite}
.blatt--6{left:42%;width:16px;height:16px;animation:schweben2 29s linear 14s infinite}
@keyframes schweben{
  0%{transform:translate3d(0,-10%,0) rotate(0deg);opacity:0}
  8%{opacity:.9}
  92%{opacity:.5}
  100%{transform:translate3d(9vw,100vh,0) rotate(340deg);opacity:0}
}
@keyframes schweben2{
  0%{transform:translate3d(0,-10%,0) rotate(0deg);opacity:0}
  8%{opacity:.8}
  92%{opacity:.45}
  100%{transform:translate3d(-11vw,100vh,0) rotate(-300deg);opacity:0}
}
.hero__art{will-change:transform}
#lampenlicht{transform-box:fill-box;transform-origin:center;animation:leuchten 5s ease-in-out infinite alternate}
@keyframes leuchten{from{opacity:.2;transform:scale(.92)}to{opacity:.55;transform:scale(1.08)}}
#pflanze{transform-box:fill-box;transform-origin:bottom center;animation:wiegen 7s ease-in-out infinite alternate}
@keyframes wiegen{from{transform:rotate(-2.8deg)}to{transform:rotate(2.8deg)}}
#bildrahmen{transform-box:fill-box;transform-origin:top center;animation:pendeln 9s ease-in-out infinite alternate}
@keyframes pendeln{from{transform:rotate(-1deg)}to{transform:rotate(1deg)}}
#vasenblumen{transform-box:fill-box;transform-origin:bottom center;animation:wiegen2 6s ease-in-out infinite alternate}
@keyframes wiegen2{from{transform:rotate(-3.5deg)}to{transform:rotate(3.5deg)}}
.js .hero__art .zeichnen{stroke-dasharray:1400;stroke-dashoffset:1400;animation:zeichnen 1.6s ease .35s forwards}

/* Die Gegenstände rutschen einzeln ins Haus, sobald es gezeichnet ist */
.js .hero__art .rein{
  animation:reinrutschen .85s cubic-bezier(.22,.92,.24,1) both;
  animation-delay:var(--d,1.2s);
}
@keyframes reinrutschen{
  from{opacity:0;transform:translate(var(--vx,0px),var(--vy,0px))}
  55%{opacity:1}
  to{opacity:1;transform:translate(0px,0px)}
}

/* Ticker */
.ticker{display:flex;align-items:center;gap:.5em;flex-wrap:wrap;margin:22px 0 0;font-size:.92rem;color:var(--ink-soft)}
.ticker__l{font-weight:600;color:var(--ink)}
.ticker__w{display:inline-flex;align-items:center;min-height:1.9em;border:1px solid;border-radius:999px;padding:.15em .85em;font-weight:600}
.ticker__w b{font-weight:600;animation:wortAuf .5s ease}
@keyframes wortAuf{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.ticker__punkt{width:7px;height:7px;border-radius:50%;animation:pochen 1.8s ease-in-out infinite}
@keyframes pochen{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.45}}

/* Buttons: Pfeil, der mitgeht */
.btn::after{content:"→";font-size:1.05em;line-height:1;transform:translateX(-3px);opacity:0;transition:transform .25s ease,opacity .25s ease;margin-left:-.6em}
.btn:hover::after{transform:translateX(0);opacity:1;margin-left:0}

/* ---------- 6. Auftritt beim Scrollen ---------- */
.js .rv{
  opacity:0;transform:translateY(32px) scale(.985);
  transition:opacity .75s cubic-bezier(.2,.75,.25,1),transform .75s cubic-bezier(.2,.75,.25,1);
}
.js .rv.in{opacity:1;transform:none}
.js .sec-head.rv{transform:translateX(-26px)}
.js .sec-head.rv.in{transform:none}
.js .gal figure.rv{transform:translateY(30px) scale(.96)}
.js .gal figure.rv.in{transform:none}

/* Zurück nach oben */
.top{
  position:fixed;right:18px;bottom:18px;z-index:85;
  width:46px;height:46px;border-radius:50%;
  border:1px solid var(--koralle);background:rgba(255,255,255,.94);
  backdrop-filter:blur(6px);color:var(--koralle-dk);
  display:grid;place-items:center;cursor:pointer;
  opacity:0;transform:translateY(14px);pointer-events:none;
  box-shadow:var(--shadow-s);
  transition:opacity .3s ease,transform .3s ease,background .2s ease,color .2s ease;
}
.top.da{opacity:1;transform:none;pointer-events:auto}
.top:hover{background:var(--koralle-dk);color:#fff;border-color:var(--koralle-dk)}
.top svg{width:20px;height:20px}

/* ---------- Blätter- und Blütenregen über die ganze Seite ----------
   Ein festes Feld über dem Inhalt: die Teilchen fallen langsam von oben
   nach unten und schwanken dabei leicht zur Seite. Sie nehmen keine
   Klicks an und stören darum nichts. */
.fall{position:fixed;inset:0;z-index:3;pointer-events:none;overflow:hidden;contain:strict}
.fall span{
  position:absolute;top:0;left:var(--x);
  width:var(--s);height:var(--s);
  background:var(--img) no-repeat center center;background-size:contain;
  opacity:0;will-change:transform,opacity;
  filter:drop-shadow(0 1px 2px rgba(70,58,44,.20));
}
.js .fall span{animation:fallen var(--d,38s) linear var(--t,0s) infinite}
@keyframes fallen{
  0%   {opacity:0;             transform:translate3d(0,-14vh,0) rotate(0deg)}
  10%  {opacity:var(--o,.45)}
  25%  {                       transform:translate3d(calc(var(--dx,40px) * .7),15vh,0) rotate(calc(var(--r,300deg) * .25))}
  50%  {                       transform:translate3d(calc(var(--dx,40px) * -.4),46vh,0) rotate(calc(var(--r,300deg) * .5))}
  75%  {                       transform:translate3d(calc(var(--dx,40px) * .9),76vh,0) rotate(calc(var(--r,300deg) * .75))}
  90%  {opacity:var(--o,.45)}
  100% {opacity:0;             transform:translate3d(0,114vh,0) rotate(var(--r,300deg))}
}
.fall span:nth-child(1){--img:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Cpath d=%22M12 1.5 C18.5 7 18.5 16.5 12 22.5 C5.5 16.5 5.5 7 12 1.5 Z%22 fill=%22%238a9c74%22/%3E%3Cpath d=%22M12 3.4 V20.6%22 stroke=%22%235c7a3f%22 stroke-width=%220.9%22 fill=%22none%22 opacity=%220.55%22/%3E%3C/svg%3E");--x:1%;--s:19px;--d:46s;--t:4.4s;--dx:58px;--r:-340deg;--o:0.57}
.fall span:nth-child(2){--img:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Cg transform=%22translate(12 12)%22%3E%3Cg fill=%22%23d64933%22%3E%3Cellipse cx=%220%22 cy=%22-7.2%22 rx=%223.7%22 ry=%227.2%22 transform=%22rotate(0.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-7.2%22 rx=%223.7%22 ry=%227.2%22 transform=%22rotate(72.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-7.2%22 rx=%223.7%22 ry=%227.2%22 transform=%22rotate(144.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-7.2%22 rx=%223.7%22 ry=%227.2%22 transform=%22rotate(216.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-7.2%22 rx=%223.7%22 ry=%227.2%22 transform=%22rotate(288.0)%22/%3E%3C/g%3E%3Ccircle r=%222.5%22 fill=%22%23e0a21b%22/%3E%3C/g%3E%3C/svg%3E");--x:10%;--s:27px;--d:48s;--t:11.2s;--dx:58px;--r:-340deg;--o:0.69}
.fall span:nth-child(3){--img:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Cpath d=%22M12 1.5 C18.5 7 18.5 16.5 12 22.5 C5.5 16.5 5.5 7 12 1.5 Z%22 fill=%22%237a9a5e%22/%3E%3Cpath d=%22M12 3.4 V20.6%22 stroke=%22%234d6635%22 stroke-width=%220.9%22 fill=%22none%22 opacity=%220.55%22/%3E%3C/svg%3E");--x:17%;--s:27px;--d:51s;--t:11.6s;--dx:46px;--r:-280deg;--o:0.66}
.fall span:nth-child(4){--img:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Cg transform=%22translate(12 12)%22%3E%3Cg fill=%22%23e0a21b%22%3E%3Cellipse cx=%220%22 cy=%22-7.2%22 rx=%223.7%22 ry=%227.2%22 transform=%22rotate(0.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-7.2%22 rx=%223.7%22 ry=%227.2%22 transform=%22rotate(72.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-7.2%22 rx=%223.7%22 ry=%227.2%22 transform=%22rotate(144.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-7.2%22 rx=%223.7%22 ry=%227.2%22 transform=%22rotate(216.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-7.2%22 rx=%223.7%22 ry=%227.2%22 transform=%22rotate(288.0)%22/%3E%3C/g%3E%3Ccircle r=%222.5%22 fill=%22%23b83a26%22/%3E%3C/g%3E%3C/svg%3E");--x:25%;--s:27px;--d:46s;--t:2.3s;--dx:58px;--r:280deg;--o:0.56}
.fall span:nth-child(5){--img:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Cpath d=%22M12 1.5 C18.5 7 18.5 16.5 12 22.5 C5.5 16.5 5.5 7 12 1.5 Z%22 fill=%22%23159a8c%22/%3E%3Cpath d=%22M12 3.4 V20.6%22 stroke=%22%230f7a6f%22 stroke-width=%220.9%22 fill=%22none%22 opacity=%220.55%22/%3E%3C/svg%3E");--x:32%;--s:25px;--d:37s;--t:11.7s;--dx:-58px;--r:-280deg;--o:0.61}
.fall span:nth-child(6){--img:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Cg transform=%22translate(12 12)%22%3E%3Cg fill=%22%231e7a8c%22%3E%3Cellipse cx=%220%22 cy=%22-7.2%22 rx=%223.0%22 ry=%227.2%22 transform=%22rotate(0.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-7.2%22 rx=%223.0%22 ry=%227.2%22 transform=%22rotate(60.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-7.2%22 rx=%223.0%22 ry=%227.2%22 transform=%22rotate(120.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-7.2%22 rx=%223.0%22 ry=%227.2%22 transform=%22rotate(180.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-7.2%22 rx=%223.0%22 ry=%227.2%22 transform=%22rotate(240.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-7.2%22 rx=%223.0%22 ry=%227.2%22 transform=%22rotate(300.0)%22/%3E%3C/g%3E%3Ccircle r=%222.5%22 fill=%22%23e0a21b%22/%3E%3C/g%3E%3C/svg%3E");--x:43%;--s:27px;--d:40s;--t:1.7s;--dx:34px;--r:340deg;--o:0.49}
.fall span:nth-child(7){--img:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Cpath d=%22M12 1.5 C18.5 7 18.5 16.5 12 22.5 C5.5 16.5 5.5 7 12 1.5 Z%22 fill=%22%23a8bd8c%22/%3E%3Cpath d=%22M12 3.4 V20.6%22 stroke=%22%235c7a3f%22 stroke-width=%220.9%22 fill=%22none%22 opacity=%220.55%22/%3E%3C/svg%3E");--x:49%;--s:21px;--d:44s;--t:8.0s;--dx:34px;--r:220deg;--o:0.65}
.fall span:nth-child(8){--img:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Cg transform=%22translate(12 12)%22%3E%3Cg fill=%22%237a5ea8%22%3E%3Cellipse cx=%220%22 cy=%22-7.2%22 rx=%223.7%22 ry=%227.2%22 transform=%22rotate(0.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-7.2%22 rx=%223.7%22 ry=%227.2%22 transform=%22rotate(72.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-7.2%22 rx=%223.7%22 ry=%227.2%22 transform=%22rotate(144.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-7.2%22 rx=%223.7%22 ry=%227.2%22 transform=%22rotate(216.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-7.2%22 rx=%223.7%22 ry=%227.2%22 transform=%22rotate(288.0)%22/%3E%3C/g%3E%3Ccircle r=%222.5%22 fill=%22%23e0a21b%22/%3E%3C/g%3E%3C/svg%3E");--x:58%;--s:21px;--d:37s;--t:9.7s;--dx:46px;--r:220deg;--o:0.66}
.fall span:nth-child(9){--img:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Cpath d=%22M12 1.5 C18.5 7 18.5 16.5 12 22.5 C5.5 16.5 5.5 7 12 1.5 Z%22 fill=%22%236f8f56%22/%3E%3Cpath d=%22M12 3.4 V20.6%22 stroke=%22%233f5a2a%22 stroke-width=%220.9%22 fill=%22none%22 opacity=%220.55%22/%3E%3C/svg%3E");--x:64%;--s:27px;--d:34s;--t:4.1s;--dx:-34px;--r:-220deg;--o:0.48}
.fall span:nth-child(10){--img:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Cg transform=%22translate(12 12)%22%3E%3Cg fill=%22%23a83e6e%22%3E%3Cellipse cx=%220%22 cy=%22-7.2%22 rx=%223.7%22 ry=%227.2%22 transform=%22rotate(0.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-7.2%22 rx=%223.7%22 ry=%227.2%22 transform=%22rotate(72.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-7.2%22 rx=%223.7%22 ry=%227.2%22 transform=%22rotate(144.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-7.2%22 rx=%223.7%22 ry=%227.2%22 transform=%22rotate(216.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-7.2%22 rx=%223.7%22 ry=%227.2%22 transform=%22rotate(288.0)%22/%3E%3C/g%3E%3Ccircle r=%222.5%22 fill=%22%23e0a21b%22/%3E%3C/g%3E%3C/svg%3E");--x:72%;--s:21px;--d:42s;--t:7.7s;--dx:46px;--r:280deg;--o:0.49}
.fall span:nth-child(11){--img:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Cpath d=%22M12 1.5 C18.5 7 18.5 16.5 12 22.5 C5.5 16.5 5.5 7 12 1.5 Z%22 fill=%22%239db183%22/%3E%3Cpath d=%22M12 3.4 V20.6%22 stroke=%22%235c7a3f%22 stroke-width=%220.9%22 fill=%22none%22 opacity=%220.55%22/%3E%3C/svg%3E");--x:83%;--s:19px;--d:35s;--t:6.8s;--dx:58px;--r:-340deg;--o:0.61}
.fall span:nth-child(12){--img:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Cg transform=%22translate(12 12)%22%3E%3Cg fill=%22%23159a8c%22%3E%3Cellipse cx=%220%22 cy=%22-7.2%22 rx=%223.0%22 ry=%227.2%22 transform=%22rotate(0.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-7.2%22 rx=%223.0%22 ry=%227.2%22 transform=%22rotate(60.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-7.2%22 rx=%223.0%22 ry=%227.2%22 transform=%22rotate(120.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-7.2%22 rx=%223.0%22 ry=%227.2%22 transform=%22rotate(180.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-7.2%22 rx=%223.0%22 ry=%227.2%22 transform=%22rotate(240.0)%22/%3E%3Cellipse cx=%220%22 cy=%22-7.2%22 rx=%223.0%22 ry=%227.2%22 transform=%22rotate(300.0)%22/%3E%3C/g%3E%3Ccircle r=%222.5%22 fill=%22%23e0a21b%22/%3E%3C/g%3E%3C/svg%3E");--x:89%;--s:23px;--d:35s;--t:5.6s;--dx:46px;--r:-340deg;--o:0.55}

/* Auf kleinen Bildschirmen die Hälfte – schont Akku und bleibt luftig */
@media (max-width:760px){
  .fall span:nth-child(even){display:none}
  .fall span{--s:16px}
}
@media (prefers-reduced-motion:reduce){.fall{display:none}}
@media print{.fall{display:none}}

/* ---------- 7. Kleine Bildschirme ---------- */
@media (max-width:760px){
  body::before{background-size:300px 300px;opacity:1}
  body::after{background:
    radial-gradient(80vw 26vh at 100% 1%, rgba(224,162,27,.20), transparent 72%),
    radial-gradient(80vw 30vh at 0% 55%, rgba(224,162,27,.11), transparent 72%),
    radial-gradient(90vw 34vh at 50% 100%, rgba(168,62,110,.08), transparent 74%)}
  .hero{background:var(--saum),linear-gradient(178deg,rgba(255,255,255,.86) 0%,rgba(255,252,246,.7) 58%,rgba(255,246,234,.62) 100%)}
  :root{--saum:linear-gradient(180deg,
    rgba(254,250,244,.9) 0,
    rgba(254,250,244,0) 72px,
    rgba(254,250,244,0) calc(100% - 72px),
    rgba(254,250,244,.9) 100%)}
  .sec--white{background:var(--saum),linear-gradient(140deg,rgba(255,255,255,.74),rgba(255,244,232,.64))}
  .sec--pale{background:var(--saum),linear-gradient(140deg,rgba(232,240,218,.62),rgba(255,247,234,.58))}
  .sec--sand{background:var(--saum),linear-gradient(140deg,rgba(247,236,240,.64),rgba(255,242,228,.62))}
  #ablauf{background:var(--saum),linear-gradient(140deg,rgba(255,243,214,.6),rgba(255,252,240,.58))}
  #newsletter{background:var(--saum),linear-gradient(140deg,rgba(250,236,243,.58),rgba(255,246,236,.52))}
  #sortiment::after,#kunst::after,#ablauf::after,#kontakt::after{width:200px;height:200px;opacity:.18}
  .hero__logo{width:min(300px,84%)}
}

/* ---------- 8. Rücksicht auf reduzierte Bewegung ---------- */
@media (prefers-reduced-motion:reduce){
  .intro{display:none}
  .blatt,.shop::before,#lampenlicht,#pflanze,#bildrahmen,#vasenblumen,.ticker__punkt{animation:none!important}
  #lampenlicht{opacity:.4}
  .js .hero-anim > *{opacity:1;animation:none}
  .js .hero__art .zeichnen{stroke-dasharray:none;stroke-dashoffset:0;animation:none}
  .js .hero__art .rein{animation:none}
  .js .rv{opacity:1;transform:none;transition:none}
}


/* =========================================================
   Shop-Seiten – ergänzt das Design der Landingpage
   ========================================================= */

/* Nur oben und unten polstern. Die Kurzschreibweise 'padding' würde
   den seitlichen Abstand von .wrap auf 0 setzen – dann klebt der Text
   auf dem Handy am linken Rand. */
.shopkopf{padding-block:clamp(28px,5vw,54px) clamp(18px,3vw,30px)}
.shopkopf h1{font-size:clamp(1.8rem,4vw,2.8rem);margin-bottom:.35em}
.shopkopf .lede{max-width:60ch}
.brotkrumen{font-size:.88rem;color:var(--ink-mute);margin:0 0 14px}
.brotkrumen a{text-decoration:none;font-weight:600}
.brotkrumen span{margin:0 .45em;opacity:.6}

/* Kopfzeile: Warenkorb-Knopf */
.korbknopf{
  position:relative;display:inline-flex;align-items:center;gap:.45em;
  border:1px solid var(--koralle);border-radius:999px;background:rgba(255,255,255,.9);
  color:var(--koralle-dk);text-decoration:none;font-size:.9rem;font-weight:600;
  padding:.42em .85em;
}
.korbknopf:hover{background:var(--koralle-dk);color:#fff;border-color:var(--koralle-dk)}
.korbknopf svg{width:17px;height:17px}
.korbknopf b{
  display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;
  border-radius:999px;background:var(--koralle);color:#fff;font-size:.74rem;line-height:1;
}
.korbknopf:hover b{background:#fff;color:var(--koralle-dk)}

/* Filterleiste */
.filter{
  display:flex;flex-wrap:wrap;gap:8px;align-items:center;
  padding:16px 18px;margin-bottom:clamp(20px,3vw,32px);
  background:rgba(255,255,255,.9);border:1px solid var(--line-soft);border-radius:var(--r);
  backdrop-filter:blur(4px);
}
.filter__gruppe{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.filter__titel{font-size:.76rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute);margin-right:.35em}
.pille{
  display:inline-flex;align-items:center;gap:.35em;
  padding:.34em .8em;border-radius:999px;border:1px solid var(--line);
  background:#fff;color:var(--ink);text-decoration:none;font-size:.88rem;
  transition:background .15s ease,color .15s ease,border-color .15s ease;
}
.pille:hover{border-color:var(--petrol);color:var(--petrol-dk)}
.pille[aria-current="true"]{background:var(--petrol);border-color:var(--petrol);color:#fff}
.filter select{
  font:inherit;font-size:.88rem;padding:.34em 2em .34em .7em;border-radius:999px;
  border:1px solid var(--line);background:#fff;color:var(--ink);appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2355554f' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right .6em center;background-size:16px;
}
.anzahl{margin-left:auto;font-size:.86rem;color:var(--ink-mute)}

/* Artikelkacheln */
.kacheln{display:grid;gap:clamp(14px,2vw,22px);grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.kachel{
  position:relative;display:flex;flex-direction:column;
  background:rgba(255,255,255,.94);border:1px solid var(--line-soft);border-radius:var(--r);
  overflow:hidden;text-decoration:none;color:inherit;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
  backdrop-filter:blur(4px);
}
.kachel:hover{transform:translateY(-4px);box-shadow:var(--shadow-m);border-color:var(--line)}
.kachel__bild{aspect-ratio:4/3;overflow:hidden;background:linear-gradient(140deg,#f5efe4,#fbf8f2);display:grid;place-items:center}
.kachel__bild img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.kachel:hover .kachel__bild img{transform:scale(1.05)}
.kachel__leer{color:var(--ink-mute);font-size:.85rem}
.kachel__text{padding:16px 18px 18px;display:flex;flex-direction:column;gap:6px;flex:1}
.kachel__kat{font-size:.74rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--petrol-dk)}
.kachel h2,.kachel h3{font-size:1.04rem;margin:0;line-height:1.3}
.kachel__zeile{margin-top:auto;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 10px;padding-top:8px}
.kachel__preis{font-size:1.12rem;font-weight:700;color:var(--koralle-dk);font-variant-numeric:tabular-nums;white-space:nowrap}
.kachel__zustand{font-size:.82rem;color:var(--ink-mute)}
.marke{
  position:absolute;top:12px;left:12px;z-index:2;
  padding:.3em .7em;border-radius:999px;font-size:.76rem;font-weight:700;
  background:var(--ink);color:#fff;letter-spacing:.02em;
}
.marke--verkauft{background:var(--ink)}
.marke--reserviert{background:var(--senf);color:var(--ink)}
.marke--neu{background:var(--koralle)}
.kachel--weg .kachel__bild img{filter:grayscale(.8) opacity(.55)}

/* Artikeldetail */
.detail{display:grid;gap:clamp(24px,4vw,46px);grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start}
@media (max-width:860px){.detail{grid-template-columns:1fr}}
.galerie__gross{
  aspect-ratio:4/3;background:rgba(255,255,255,.9);border:1px solid var(--line-soft);
  border-radius:var(--r-l);overflow:hidden;display:grid;place-items:center;
}
.galerie__gross img{width:100%;height:100%;object-fit:contain;background:#fff}
.galerie__leer{color:var(--ink-mute);font-size:.9rem;padding:40px;text-align:center}
.galerie__klein{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}
.galerie__klein button{
  width:84px;height:64px;padding:0;border-radius:10px;overflow:hidden;cursor:pointer;
  border:2px solid var(--line);background:#fff;
}
.galerie__klein button[aria-current="true"]{border-color:var(--koralle)}
.galerie__klein img{width:100%;height:100%;object-fit:cover}

.infokasten{background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:var(--r-l);padding:clamp(22px,3vw,32px);backdrop-filter:blur(4px)}
.infokasten h1{font-size:clamp(1.5rem,3vw,2.1rem)}
.infokasten .preis{font-size:1.9rem;font-weight:700;color:var(--koralle-dk);margin:.2em 0 .6em;font-variant-numeric:tabular-nums}
.merkmale{list-style:none;padding:0;margin:0 0 22px;border-top:1px solid var(--line-soft)}
.merkmale li{display:flex;gap:14px;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line-soft);font-size:.94rem;margin:0}
.merkmale span:first-child{color:var(--ink-mute)}
.merkmale span:last-child{text-align:right;font-weight:600}
.beschreibung{white-space:pre-line;color:var(--ink-soft);margin-bottom:22px}
.hinweiszeile{font-size:.86rem;color:var(--ink-mute);margin-top:14px}
.btn--gross{width:100%;padding:1em 1.5em;font-size:1.02rem}

/* Warenkorb */
.korbliste{list-style:none;padding:0;margin:0 0 26px}
.korbliste li{
  display:grid;grid-template-columns:96px 1fr auto;gap:16px;align-items:center;
  padding:14px;margin-bottom:12px;
  background:rgba(255,255,255,.94);border:1px solid var(--line-soft);border-radius:var(--r);
}
@media (max-width:560px){.korbliste li{grid-template-columns:72px 1fr;grid-template-areas:"bild text" "bild preis"}}
.korbliste img{width:96px;height:72px;object-fit:cover;border-radius:8px}
.korbliste .kb{font-weight:600}
.korbliste .kp{font-weight:700;color:var(--koralle-dk);font-variant-numeric:tabular-nums;white-space:nowrap}
.korbliste form{margin:0}
.entfernen{
  appearance:none;border:0;background:none;color:var(--ink-mute);cursor:pointer;
  font:inherit;font-size:.84rem;text-decoration:underline;padding:0;margin-top:4px;
}
.entfernen:hover{color:var(--koralle-dk)}

.summe{background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:var(--r-l);padding:24px}
.summe dl{margin:0;display:grid;grid-template-columns:1fr auto;gap:10px 16px}
.summe dt{color:var(--ink-soft);font-size:.95rem}
.summe dd{margin:0;text-align:right;font-variant-numeric:tabular-nums;font-weight:600}
.summe .gross{border-top:1px solid var(--line);padding-top:12px;font-size:1.2rem;font-weight:700}
.summe .gross dd{color:var(--koralle-dk)}
.korblayout{display:grid;gap:clamp(20px,3vw,36px);grid-template-columns:minmax(0,1.6fr) minmax(0,.9fr);align-items:start}
@media (max-width:860px){.korblayout{grid-template-columns:1fr}}

/* Kasse */
.schritte{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0 0 26px;font-size:.86rem}
.schritte li{display:flex;align-items:center;gap:.5em;color:var(--ink-mute)}
.schritte li::after{content:"›";margin-left:.5em;opacity:.5}
.schritte li:last-child::after{content:""}
.schritte li[aria-current="step"]{color:var(--koralle-dk);font-weight:700}
.radio{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1.5px solid var(--line);border-radius:12px;margin-bottom:10px;cursor:pointer;background:#fff}
.radio:hover{border-color:var(--petrol)}
.radio input{width:19px;height:19px;margin-top:2px;accent-color:var(--petrol)}
.radio b{display:block}
.radio span{font-size:.9rem;color:var(--ink-mute)}
.radio .rp{margin-left:auto;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}
.zahlkasten{background:var(--green-pale);border:1px solid var(--green-lt);border-radius:var(--r);padding:18px 20px;margin:22px 0;font-size:.94rem}
.zahlkasten dl{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:12px 0 0}
.zahlkasten dt{color:var(--ink-soft)}
.zahlkasten dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums}

/* Blätterei */
.blaettern{display:flex;gap:10px;align-items:center;justify-content:center;margin-top:clamp(26px,4vw,42px)}
.blaettern span{font-size:.9rem;color:var(--ink-mute)}