/* ============================================================
   Pedalwerk - Radshop Klocker, Buch in Tirol
   Gemeinsames Stylesheet für alle Seiten
   ============================================================ */
:root{
  --ink:#0B0A08; --ink-2:#14110D; --ink-3:#1E1A14;
  --paper:#F3EEE3; --paper-2:#E9E1D1;
  --stone:#9A9283; --amber:#D9B46A; --moos:#C9A24F; --moos-tief:#A88434; --moss:#1A150D;
  --ff-d:"lulo-one","Unbounded","Helvetica Neue",Arial,sans-serif;
  --ff-b:"avenir-lt-pro","Nunito Sans","Helvetica Neue",Arial,sans-serif;
  --ff-m:"avenir-lt-pro","Nunito Sans","Helvetica Neue",Arial,sans-serif;
  --gut:clamp(18px,5vw,64px);
  color-scheme:dark;
}
*{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{ margin:0; background:var(--ink); color:var(--paper); font-family:var(--ff-b); font-weight:300; font-size:17px; line-height:1.62; -webkit-font-smoothing:antialiased; }
img{ max-width:100%; height:auto; display:block; }
a{ color:inherit; }
h1,h2,h3,h4{ font-family:var(--ff-b); font-weight:700; margin:0; line-height:1.1; text-wrap:balance; }
p{ margin:0 0 1em; } p:last-child{ margin-bottom:0; }
:focus-visible{ outline:2px solid var(--amber); outline-offset:3px; }
.wrap{ width:100%; max-width:1280px; margin-inline:auto; padding-inline:var(--gut); }
.wrap--schmal{ max-width:860px; }
.nur-sr{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0; }
.springlink{ position:absolute; left:-9999px; top:0; background:var(--moos); color:#fff; padding:12px 18px; z-index:200; font-family:var(--ff-m); font-weight:700; font-size:12px; }
.springlink:focus{ left:0; }

/* ---------- Bewegung ---------- */
@keyframes pwZoom{ from{ transform:scale(1);} to{ transform:scale(1.07);} }
@keyframes pwUp{ from{ opacity:0; transform:translateY(22px);} to{ opacity:1; transform:none;} }
.zoom{ animation:pwZoom 22s cubic-bezier(.22,.61,.24,1) both; will-change:transform; }
.anim > *{ animation:pwUp .9s cubic-bezier(.16,.84,.34,1) both; }
.anim > *:nth-child(1){ animation-delay:.10s; }
.anim > *:nth-child(2){ animation-delay:.22s; }
.anim > *:nth-child(3){ animation-delay:.34s; }
.anim > *:nth-child(4){ animation-delay:.46s; }
.anim > *:nth-child(5){ animation-delay:.58s; }
.szoom img{ transition:transform 2s cubic-bezier(.2,.6,.2,1); }
.szoom.sicht img{ transform:scale(1.06); }
@media (prefers-reduced-motion: reduce){
  html{ scroll-behavior:auto; }
  .zoom,.anim > *{ animation:none !important; }
  .szoom img{ transition:none; } .szoom.sicht img{ transform:none; }
}

/* ---------- Schaltflächen ---------- */
.btn{ display:inline-flex; align-items:center; justify-content:center; gap:10px;
  font-family:var(--ff-m); font-weight:700; font-size:12px; font-weight:600; letter-spacing:.12em; text-transform:uppercase;
  text-decoration:none; padding:15px 24px; border-radius:2px; border:1px solid transparent;
  transition:transform .16s ease, background .16s ease; }
.btn:hover{ transform:translateY(-1px); }
.btn--amber{ background:var(--moos); color:#fff; border-color:var(--moos); }
.btn--amber:hover{ background:var(--moos-tief); border-color:var(--moos-tief); }
.btn--dark{ background:var(--ink); color:var(--paper); border-color:var(--ink); }
.btn--light{ background:var(--paper); color:var(--ink); border-color:var(--paper); }
.btn--outline{ background:transparent; color:var(--paper); border-color:rgba(243,238,227,.4); }
.btn--outline:hover{ border-color:var(--paper); background:rgba(243,238,227,.08); }
.btn--outline-dark{ background:transparent; color:var(--ink); border-color:rgba(10,12,11,.3); }
.btn--outline-dark:hover{ background:rgba(10,12,11,.05); }
.sekt--hell .kicker, .sekt--stein .kicker{ color:var(--moos); }
.kicker{ font-family:var(--ff-m); font-weight:700; font-size:11px; letter-spacing:.2em; text-transform:uppercase; color:var(--amber); margin:0 0 16px; }

.riss{ display:block; width:100%; height:clamp(16px,2.4vw,34px); position:relative; z-index:3; line-height:0; }
.riss svg{ display:block; width:100%; height:100%; fill:currentColor; }

/* ---------- Infoleiste, Kopf, Navigation ---------- */
.infoleiste{ background:#0B0A08; color:#A7ACA5; border-bottom:1px solid #1F1A14;
  font-family:var(--ff-b); font-size:14px; line-height:1.3; }
.infoleiste__in{ display:flex; align-items:center; gap:32px; min-height:44px; }
.infoleiste a{ text-decoration:none; color:inherit; } .infoleiste a:hover{ color:var(--amber); }
.infoleiste .live{ display:inline-flex; align-items:center; gap:9px; color:var(--paper); font-weight:600; }
.infoleiste .live i{ width:9px; height:9px; border-radius:50%; background:#6F746D; flex:none; }
.infoleiste .live[data-offen="ja"] i{ background:#4CC46A; box-shadow:0 0 0 0 rgba(76,196,106,.55); animation:livePuls 2.4s ease-out infinite; }
.infoleiste .live[data-offen="nein"] i{ background:#E0643A; }
.infoleiste .live[data-offen="termin"] i{ background:var(--amber); }
@keyframes livePuls{ 0%{ box-shadow:0 0 0 0 rgba(76,196,106,.55); } 70%,100%{ box-shadow:0 0 0 7px rgba(76,196,106,0); } }
.infoleiste .adr{ margin-left:auto; }
@media (max-width:1040px){ .infoleiste .zeit{ display:none; } }
@media (max-width:720px){ .infoleiste .adr{ display:none; } .infoleiste__in{ justify-content:space-between; gap:16px; font-size:13px; } }
@media (max-width:380px){ .infoleiste .tel{ display:none; } }

.kopf{ position:sticky; top:env(safe-area-inset-top,0px); z-index:90;
  background:rgba(10,12,11,.94); backdrop-filter:blur(10px); border-bottom:1px solid #1F1A14; }
.kopf__in{ display:flex; align-items:center; gap:24px; min-height:84px; }
.kopf__logo img{ height:40px; width:auto; transition:height .35s ease; }
.kopf.klein .kopf__logo img{ height:34px; }
.nav{ display:flex; align-items:center; gap:34px; margin-left:auto; font-family:var(--ff-b); font-size:16px; font-weight:500; letter-spacing:.01em; }
.nav a{ text-decoration:none; color:#F1F2EE; padding-block:8px; position:relative; transition:color .2s ease; }
.nav a::after{ content:""; position:absolute; left:0; right:0; bottom:0; height:2px; background:var(--amber); border-radius:2px;
  transform:scaleX(0); transform-origin:0 50%; transition:transform .3s cubic-bezier(.2,.7,.2,1); }
.nav a:hover{ color:var(--amber); }
.nav a:hover::after, .nav a[aria-current="page"]::after{ transform:scaleX(1); }
.nav a[aria-current="page"]{ color:var(--amber); }
.nav .nav__start{ display:none; }
.menue{ display:none; margin-left:auto; background:transparent; border:1px solid #33352F; color:#F1F2EE;
  font-family:var(--ff-b); font-size:15px; font-weight:600; padding:10px 16px; border-radius:10px; cursor:pointer; }
@media (max-width:1240px){ .nav{ gap:22px; font-size:15px; } }
@media (max-width:1120px){
  .nav{ display:none; position:absolute; left:0; right:0; top:100%; background:#0B0A08; border-bottom:1px solid #241F18;
    flex-direction:column; align-items:stretch; gap:0; padding:8px var(--gut) 18px; font-size:17px; }
  .nav.offen{ display:flex; }
  .nav .nav__start{ display:block; }
  .nav a{ padding-block:14px; border-bottom:1px solid #1A1C18; }
  .nav a::after{ display:none; }
  .menue{ display:inline-block; }
    .kopf__in{ min-height:70px; gap:14px; }
  .kopf__logo img{ height:28px; }
}

/* ---------- Bildbausteine ---------- */
.heldfoto{ position:relative; overflow:hidden; background:#000; height:clamp(340px,50vw,620px); }
.heldfoto img{ width:100%; height:100%; object-fit:cover; object-position:center 34%; transform-origin:26% 45%; }

.seitenkopf{ position:relative; overflow:hidden; background:#000; }
.seitenkopf img{ width:100%; height:clamp(260px,34vw,420px); object-fit:cover; }
.seitenkopf__txt{ position:absolute; inset:0; display:flex; align-items:flex-end; padding:clamp(26px,4vw,54px) var(--gut);
  background:linear-gradient(to top, rgba(10,8,5,.92) 0%, rgba(10,8,5,.45) 55%, rgba(10,8,5,.15) 100%); }
.seitenkopf h1{ font-family:var(--ff-d); font-weight:700; text-transform:uppercase; color:#fff;
  font-size:clamp(22px,3.7vw,48px); letter-spacing:0.015em; max-width:20ch; }
.seitenkopf .kicker{ text-shadow:0 1px 10px rgba(0,0,0,.7); }
.seitenkopf p.unter{ font-family:var(--ff-m); font-weight:700; font-size:12px; letter-spacing:.16em; text-transform:uppercase;
  color:#EDEFE9; margin:14px 0 0; text-shadow:0 1px 10px rgba(0,0,0,.7); }

.vollbild{ position:relative; overflow:hidden; background:#000; }
.vollbild img{ width:100%; height:clamp(260px,42vw,560px); object-fit:cover; }
.vollbild--hoch img{ height:clamp(440px,60vw,760px); }
.vollbild__txt{ position:absolute; left:0; right:0; bottom:0; padding:clamp(30px,4vw,56px) var(--gut) clamp(34px,4.4vw,60px);
  background:linear-gradient(to top, rgba(10,8,5,.92) 0%, rgba(10,8,5,.5) 48%, transparent 100%); }
.vollbild__txt h2{ font-family:var(--ff-d); font-weight:700; text-transform:uppercase; color:#fff;
  font-size:clamp(17px,2.5vw,32px); letter-spacing:0.045em; max-width:22ch; line-height:1.08; }
.vollbild__txt p{ font-family:var(--ff-m); font-weight:700; font-size:11px; letter-spacing:.16em; text-transform:uppercase;
  color:#EDEFE9; margin:12px 0 0; text-shadow:0 1px 10px rgba(0,0,0,.7); }

.bildband{ position:relative; overflow:hidden; background:#000; }
.bildband img{ width:100%; height:clamp(300px,40vw,520px); object-fit:cover; }
.bildband--hoch img{ height:clamp(420px,56vw,720px); }
.bildband__txt{ position:absolute; inset:0; display:flex; align-items:center; padding-inline:var(--gut);
  background:linear-gradient(90deg, rgba(10,8,5,.93) 0%, rgba(10,8,5,.72) 34%, rgba(10,8,5,.14) 68%, rgba(10,8,5,.04) 100%); }
.bildband h2{ font-family:var(--ff-d); font-weight:700; text-transform:uppercase; color:#fff;
  font-size:clamp(19px,3.1vw,42px); letter-spacing:0.05em; line-height:1.06; max-width:16ch;
  overflow-wrap:break-word; }
.bildband p{ font-family:var(--ff-m); font-weight:700; font-size:12px; letter-spacing:.16em; text-transform:uppercase;
  color:#EDEFE9; margin:16px 0 0; text-shadow:0 1px 10px rgba(0,0,0,.7); }
.bildband--rechts .bildband--hoch img{ height:clamp(420px,56vw,720px); }
.bildband__txt{ justify-content:flex-end; text-align:right;
  background:linear-gradient(270deg, rgba(10,8,5,.93) 0%, rgba(10,8,5,.72) 34%, rgba(10,8,5,.14) 68%, rgba(10,8,5,.04) 100%); }
@media (max-width:700px){
  .bildband img{ height:clamp(280px,64vw,400px); }
  .bildband__txt, .bildband--rechts .bildband--hoch img{ height:clamp(420px,56vw,720px); }
.bildband__txt{ justify-content:flex-start; text-align:left;
    align-items:flex-end; padding-bottom:30px;
    background:linear-gradient(0deg, rgba(10,8,5,.92) 0%, rgba(10,8,5,.4) 58%, rgba(10,8,5,.1) 100%); }
}

.pano{ position:relative; overflow:hidden; background:#000; }
.pano > img{ width:100%; height:clamp(300px,46vw,600px); object-fit:cover; filter:grayscale(1) contrast(1.08) brightness(.72); }
.pano__txt{ position:absolute; inset:0; display:flex; align-items:center; padding:clamp(24px,4vw,44px) var(--gut); }
.pano__txt.rechts{ justify-content:flex-end; text-align:right; }
.pano__txt .blocktitel{ font-size:clamp(22px,3.8vw,50px); max-width:11em; margin-bottom:16px; }
.pano__txt h2{ font-family:var(--ff-d); font-weight:700; text-transform:uppercase; color:#fff;
  font-size:1em; line-height:1.34; letter-spacing:0.01em; margin:0; }
.pano__txt p{ font-family:var(--ff-m); font-weight:700; font-size:12px; letter-spacing:.18em; text-transform:uppercase;
  color:#EDEFE9; margin-top:18px; text-shadow:0 1px 12px rgba(0,0,0,.8); }
@media (max-width:640px){ .pano__txt, .pano__txt.rechts{ justify-content:center; text-align:center; } }

/* ---------- Platte und Doppelseite ---------- */
.platte{ display:grid; grid-template-columns:1fr 1.25fr; }
.platte__links{ background:var(--ink); padding:clamp(40px,6vw,96px) clamp(22px,4vw,54px); display:flex; flex-direction:column; justify-content:center; }
.platte__links h2{ font-family:var(--ff-d); font-weight:700; text-transform:uppercase; font-size:clamp(21px,2.9vw,42px); letter-spacing:0.06em; color:var(--paper); }
.platte__links hr{ width:34px; height:1px; background:#4D463B; border:0; margin:22px 0; }
.platte__links p{ font-family:var(--ff-m); font-weight:700; font-size:12px; letter-spacing:.06em; color:#9A9283; margin:0; }
.platte__rechts{ background:var(--paper); color:var(--ink); padding:clamp(40px,6vw,96px) clamp(22px,4vw,54px); display:flex; flex-direction:column; justify-content:center; }
.platte__rechts h2,.platte__rechts h3{ font-family:var(--ff-b); font-weight:700; font-size:clamp(17px,2vw,24px); text-transform:uppercase; letter-spacing:.13em; margin-bottom:18px; }
.platte__rechts p{ color:#4E524B; max-width:64ch; }
.platte__rechts ul{ list-style:none; margin:18px 0 0; padding:0; display:grid; gap:9px; }
.platte__rechts li{ position:relative; padding-left:22px; font-size:15px; color:#4E524B; }
.platte__rechts li::before{ content:""; position:absolute; left:0; top:.62em; width:11px; height:1px; background:var(--amber); }
.platte--dreh .platte__links{ order:2; }
@media (max-width:880px){ .platte{ grid-template-columns:1fr; } .platte--dreh .platte__links{ order:0; } }

.doppel{ display:grid; grid-template-columns:1fr 1fr; }
.doppel__wort{ background:var(--ink); color:var(--paper); display:flex; flex-direction:column; justify-content:center;
  padding:clamp(36px,5vw,84px) clamp(22px,4vw,56px); }
.doppel__wort h2{ font-family:var(--ff-d); font-weight:700; text-transform:uppercase; font-size:clamp(22px,3.4vw,46px); letter-spacing:0.06em; line-height:1.06; }
.doppel__wort .unter{ font-family:var(--ff-m); font-weight:700; font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:#9A9283; margin-top:20px; }
.doppel__inhalt{ background:var(--paper); color:var(--ink); display:flex; flex-direction:column; justify-content:center;
  padding:clamp(36px,5vw,84px) clamp(22px,4vw,56px); }
.doppel__inhalt h2,.doppel__inhalt h3{ font-family:var(--ff-b); font-weight:700; font-size:clamp(18px,2.1vw,26px); text-transform:uppercase; letter-spacing:.1em; margin-bottom:16px; }
.doppel__inhalt p{ color:#4E524B; max-width:60ch; }
.doppel__inhalt ul{ list-style:none; margin:16px 0 0; padding:0; display:grid; gap:8px; }
.doppel__inhalt li{ position:relative; padding-left:22px; font-size:15px; color:#4E524B; }
.doppel__inhalt li::before{ content:""; position:absolute; left:0; top:.62em; width:11px; height:1px; background:var(--amber); }
.doppel--dreh .doppel__wort{ order:2; }
@media (max-width:880px){ .doppel{ grid-template-columns:1fr; } .doppel--dreh .doppel__wort{ order:0; } }

/* ---------- Abschnitte und Fließtext ---------- */
.sekt{ padding-block:clamp(56px,8vw,112px); }
.sekt--hell{ background:var(--paper); color:var(--ink); }
.sekt--stein{ background:var(--paper-2); color:var(--ink); }
.sekt--dunkel{ background:var(--ink); color:var(--paper); }
.sekt--kat{ padding-bottom:0; }
.titel{ font-family:var(--ff-d); font-weight:700; text-transform:uppercase; font-size:clamp(20px,2.9vw,35px); letter-spacing:0.015em; margin-bottom:clamp(20px,3vw,34px); }
.untertitel{ font-family:var(--ff-b); font-weight:700; text-transform:uppercase; font-size:clamp(19px,2.3vw,27px); letter-spacing:.08em; margin:clamp(32px,4vw,52px) 0 14px; }
.text{ max-width:68ch; }
.text p{ margin-bottom:1.1em; }
.sekt--dunkel .text{ color:#CBC3B5; }
.sekt--hell .text, .sekt--stein .text{ color:#4E524B; }
.text strong{ color:inherit; }
.sekt--dunkel .text strong{ color:var(--paper); }
.liste{ list-style:none; margin:20px 0 0; padding:0; display:grid; gap:10px; max-width:68ch; }
.liste li{ position:relative; padding-left:24px; }
.liste li::before{ content:""; position:absolute; left:0; top:.66em; width:12px; height:1px; background:var(--amber); }
.zweispalt{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(24px,4vw,64px); align-items:start; }
@media (max-width:860px){ .zweispalt{ grid-template-columns:1fr; } }

/* Faktenkarten */
.fakten{ display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:#221D16; border:1px solid #221D16; }
.fakten div{ background:var(--ink-2); padding:24px 20px; }
.fakten dt{ font-family:var(--ff-m); font-weight:700; font-size:10px; letter-spacing:.18em; text-transform:uppercase; color:#9A9283; margin-bottom:8px; }
.fakten dd{ margin:0; font-family:var(--ff-b); font-weight:700; font-size:16px; }
.fakten dd span{ display:block; font-family:var(--ff-b); font-weight:400; font-size:13px; color:#9A9283; margin-top:4px; }
@media (max-width:860px){ .fakten{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:420px){ .fakten{ grid-template-columns:1fr; } }

/* Kategorien */
.kat{ display:grid; grid-template-columns:repeat(3,1fr); gap:2px; background:#221D16; }
.kat a{ position:relative; display:block; aspect-ratio:4/3; overflow:hidden; text-decoration:none; }
.kat img{ width:100%; height:100%; object-fit:cover; opacity:.88; transition:opacity .3s, transform .5s; }
.kat a:hover img{ opacity:1; transform:scale(1.04); }
.kat span{ position:absolute; inset:auto 0 0 0; padding:16px; color:#fff; font-family:var(--ff-b); font-weight:700;
  font-size:16px; text-transform:uppercase; letter-spacing:.08em; background:linear-gradient(to top,rgba(10,8,5,.9),transparent); }
@media (max-width:820px){ .kat{ grid-template-columns:repeat(2,1fr); } }

/* Karten */
.karten{ display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(14px,2.4vw,26px); }
.karte{ background:var(--ink-3); border:1px solid #221D16; padding:28px 26px; }
.sekt--hell .karte, .sekt--stein .karte{ background:#fff; border-color:#DCDDD6; color:var(--ink); }
.karte h3{ font-family:var(--ff-b); font-weight:700; font-size:18px; text-transform:uppercase; letter-spacing:.06em; margin-bottom:12px; }
.karte p{ font-size:15px; margin:0; }
.sekt--dunkel .karte p{ color:#C4BCAE; }
.sekt--hell .karte p, .sekt--stein .karte p{ color:#4E524B; }
@media (max-width:860px){ .karten{ grid-template-columns:1fr; } }

/* Platzhalterbilder */
.phw{ position:relative; display:block; }
.phw::after{ content:"Platzhalterfoto"; position:absolute; top:10px; left:10px;
  font-family:var(--ff-m); font-weight:700; font-size:9px; letter-spacing:.14em; text-transform:uppercase;
  background:rgba(10,12,11,.72); color:#E6E8E2; padding:4px 8px; border-radius:2px; pointer-events:none; z-index:4; }

/* Team */
.team{ display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(14px,2.4vw,28px); }
.team figure{ margin:0; }
.team img{ width:100%; aspect-ratio:4/5; object-fit:cover; }
.team figcaption{ padding-top:14px; }
.team .rolle{ font-family:var(--ff-m); font-weight:700; font-size:10px; letter-spacing:.16em; text-transform:uppercase; color:var(--amber); display:block; margin-bottom:6px; }
.team h3{ font-family:var(--ff-b); font-weight:700; font-size:18px; text-transform:uppercase; letter-spacing:.06em; margin-bottom:8px; }
.team p{ font-size:14.5px; margin:0; color:#4E524B; }
.sekt--dunkel .team p{ color:#C4BCAE; }
@media (max-width:760px){ .team{ grid-template-columns:1fr; } }

/* Kinder */
.kinder{ position:relative; background:var(--moss); color:#EAEFDC; }
.kinder .wrap{ padding-block:clamp(70px,9vw,124px); position:relative; z-index:2; }
.kinder__grid{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(24px,4vw,60px); align-items:center; }
.kinder__bilder{ display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.kinder__bilder img{ width:100%; aspect-ratio:3/4; object-fit:cover; }
.kinder h2{ font-family:var(--ff-d); font-size:clamp(21px,3.2vw,38px); font-weight:700; text-transform:uppercase; letter-spacing:0.015em; margin-bottom:16px; }
.kinder p{ color:#D5DDC2; }
.kinder .kicker{ color:#D9E4AE; }
.kinder__er{ display:flex; align-items:center; gap:16px; margin-top:24px; padding-top:22px; border-top:1px solid #4C5740; }
.kinder__er img{ height:54px; width:auto; flex:none; }
.kinder__er p{ font-size:14px; color:#C8D2AF; margin:0; }
@media (max-width:880px){ .kinder__grid{ grid-template-columns:1fr; } }
.figuren{ position:absolute; z-index:6; display:flex; align-items:flex-end; gap:clamp(6px,1.4vw,22px); pointer-events:none;
  transform:scale(1.45); transform-origin:bottom center; }
@media (max-width:820px){ .figuren{ transform:scale(1.05); } }
.figuren svg{ display:block; filter:drop-shadow(0 8px 16px rgba(0,0,0,.28)); }

/* Markenwand */
.laufband{ position:relative; }
.marken{ display:grid; grid-template-columns:repeat(6,1fr); gap:1px; background:#D9DAD4; border:1px solid #D9DAD4; }
.marken div{ background:var(--paper); display:flex; align-items:center; justify-content:center; padding:24px 18px; min-height:94px; }
.marken img{ max-height:26px; width:auto; max-width:100%; opacity:.72; filter:invert(1); transition:opacity .2s ease; }
.marken div:hover img{ opacity:1; }
.laufband .marken[aria-hidden]{ display:none; }
@media (max-width:900px){ .marken{ grid-template-columns:repeat(4,1fr); } }
@media (max-width:560px){ .marken{ grid-template-columns:repeat(3,1fr); } .marken div{ padding:16px 10px; min-height:74px; } .marken img{ max-height:20px; } }
.bw .laufband{ display:flex; overflow:hidden; border-block:1px solid #D9DAD4;
  -webkit-mask-image:linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent);
          mask-image:linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent); }
.bw .laufband .marken, .bw .laufband .marken[aria-hidden]{ display:flex; flex:0 0 auto; gap:0; border:0; background:none;
  animation:laufen 48s linear infinite; }
.bw .laufband .marken div{ width:clamp(150px,15vw,200px); min-height:clamp(78px,8vw,104px); border-right:1px solid #E1E2DC; }
.bw .laufband:hover .marken{ animation-play-state:paused; }
@keyframes laufen{ from{ transform:translateX(0); } to{ transform:translateX(-100%); } }

/* Schriftbloecke: Headline sitzt in schwarzen Kaesten, je Zeile ein Kasten */
.blocktitel{ display:block; }
.blocktitel h2{ display:inline; -webkit-box-decoration-break:clone; box-decoration-break:clone;
  background:var(--ink); color:#fff; padding:.10em .36em .20em; text-shadow:none;
  box-shadow:0 16px 40px rgba(10,8,5,.42); }
@media (max-width:640px){ .blocktitel h2{ padding:.08em .3em .16em; } }

/* Leasinganbieter: einzelne Logos, weiss auf schwarz */
.leasing{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;
  gap:clamp(20px,2.6vw,38px); background:#0B0A08; border:1px solid #241F18;
  padding:clamp(26px,3.2vw,40px) clamp(22px,3vw,40px); }
.leasing > div{ display:flex; align-items:center; justify-content:center; }
.leasing img{ height:calc(var(--lh,1) * clamp(26px,3vw,42px)); width:auto;
  max-width:min(210px,40vw); object-fit:contain; opacity:.95; }
@media (max-width:700px){
  .leasing{ justify-content:center; gap:22px 28px; padding:24px 20px; }
  .leasing img{ height:calc(var(--lh,1) * 26px); max-width:140px; }
}

/* Gästestimmen */
.stimmenband{ position:relative; overflow:hidden; background:#000; padding-block:clamp(60px,8vw,112px); }
.stimmenband > img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:grayscale(1) contrast(1.06) brightness(.4); }
.stimmenband .wrap{ position:relative; z-index:2; }
.stimmenband .blocktitel{ font-size:clamp(22px,3vw,40px); max-width:none; margin-bottom:clamp(26px,3vw,44px); }
.stimmenband h2{ font-family:var(--ff-d); font-weight:700; text-transform:uppercase; color:#fff;
  font-size:1em; letter-spacing:0.01em; line-height:1.34; margin:0; }

/* Google-Bewertungs-Widget */
.gwidget{ background:#fff; color:#202124; border-radius:14px; overflow:hidden;
  box-shadow:0 24px 60px rgba(0,0,0,.35); font-family:Arial, "Helvetica Neue", Helvetica, sans-serif; }
.gwidget__kopf{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:18px;
  background:#F1F3F4; padding:clamp(20px,2.4vw,28px) clamp(20px,2.8vw,34px); }
.gwidget__marke{ display:flex; align-items:baseline; gap:8px; font-size:22px; color:#5F6368; }
.gwort{ font-size:30px; font-weight:500; letter-spacing:-.5px; line-height:1; }
.gwidget__zeile{ display:flex; align-items:center; gap:10px; margin-top:8px; }
.gwidget__zeile strong{ font-size:24px; font-weight:700; color:#202124; }
.gsterne{ color:#FBBC04; font-size:20px; letter-spacing:1px; line-height:1; }
.gwidget__anzahl{ font-size:14px; color:#70757A; }
.gwidget__btn{ display:inline-flex; align-items:center; background:#1A73E8; color:#fff; text-decoration:none;
  font-size:15px; font-weight:700; padding:13px 22px; border-radius:6px; transition:background .2s; }
.gwidget__btn:hover{ background:#1765CC; }

.gwidget__buehne{ position:relative; padding:clamp(18px,2.4vw,28px) clamp(12px,2.4vw,30px) clamp(22px,2.6vw,32px); }
.gwidget__spur{ display:flex; gap:16px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none;
  scroll-padding-left:4px; padding:4px; }
.gwidget__spur::-webkit-scrollbar{ display:none; }
.gkarte{ flex:0 0 calc((100% - 32px) / 3); scroll-snap-align:start; background:#F8F9FA; border-radius:10px;
  padding:22px 22px 18px; display:flex; flex-direction:column; gap:12px; min-width:0; }
.gkarte__kopf{ display:flex; align-items:center; gap:12px; }
.gkarte__bild{ width:44px; height:44px; flex:0 0 auto; border-radius:50%; color:#fff;
  display:flex; align-items:center; justify-content:center; font-size:19px; font-weight:500; }
.gkarte__wer{ display:flex; flex-direction:column; gap:2px; min-width:0; }
.gkarte__name{ font-size:16px; font-weight:700; color:#202124; }
.gkarte__quelle{ font-size:13px; color:#70757A; }
.gkarte .gsterne{ font-size:19px; }
.gkarte__text{ margin:0; font-size:15.5px; line-height:1.55; color:#3C4043;
  display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden; }
.gkarte.offen .gkarte__text{ -webkit-line-clamp:unset; display:block; }
.gkarte__mehr{ align-self:flex-start; background:none; border:0; padding:0; cursor:pointer;
  font:inherit; font-size:14px; color:#70757A; }
.gkarte__mehr:hover{ color:#202124; text-decoration:underline; }
.gkarte__fuss{ margin-top:auto; padding-top:8px; display:flex; align-items:center; gap:10px;
  font-size:12.5px; line-height:1.3; color:#70757A; }
.gkarte__fuss a{ color:#1A73E8; text-decoration:none; font-size:14px; }
.gkarte__fuss .g-icon{ width:26px; height:26px; flex:0 0 auto; }
.gwidget__pfeil{ position:absolute; top:50%; transform:translateY(-50%); z-index:3; width:40px; height:40px;
  border-radius:50%; border:0; background:rgba(60,64,67,.72); color:#fff; font-size:26px; line-height:1;
  cursor:pointer; display:flex; align-items:center; justify-content:center; padding-bottom:3px; }
.gwidget__pfeil:hover{ background:#3C4043; }
.gwidget__pfeil--l{ left:6px; } .gwidget__pfeil--r{ right:6px; }
@media (max-width:980px){ .gkarte{ flex-basis:calc((100% - 16px) / 2); } }
@media (max-width:640px){
  .gkarte{ flex-basis:86%; }
  .gwidget__pfeil{ display:none; }
  .gwidget__btn{ width:100%; justify-content:center; }
}

/* Figuren: Auftritt + Dauerbewegung */
.figuren .fig{ opacity:0; transform:translateY(46px) scale(.8); transform-origin:50% 100%;
  transition:opacity .5s ease, transform .7s cubic-bezier(.34,1.56,.64,1); }
.figuren.los .fig{ opacity:1; transform:none; }
.figuren.los .fig--katze{ transition-delay:.05s; animation:figHuepf 2.6s ease-in-out 1s infinite; }
.figuren.los .fig--luft{ transition-delay:.2s; animation:figTanz 1.5s ease-in-out .9s infinite; }
.figuren.los .fig--biene{ transition-delay:.35s; animation:figSumm 3.4s ease-in-out 1.2s infinite; }
@keyframes figHuepf{
  0%,62%,100%{ transform:translateY(0) scale(1,1); }
  68%{ transform:translateY(0) scale(1.08,.9); }
  78%{ transform:translateY(-16px) scale(.96,1.05); }
  88%{ transform:translateY(0) scale(1.05,.94); }
}
@keyframes figTanz{
  0%,100%{ transform:skewX(0deg) rotate(0deg); }
  20%{ transform:skewX(-9deg) rotate(-5deg); }
  45%{ transform:skewX(7deg) rotate(4deg); }
  70%{ transform:skewX(-5deg) rotate(-2deg); }
}
@keyframes figSumm{
  0%,100%{ transform:translate(0,0) rotate(0deg); }
  25%{ transform:translate(-8px,-12px) rotate(-6deg); }
  50%{ transform:translate(6px,-18px) rotate(4deg); }
  75%{ transform:translate(10px,-6px) rotate(-3deg); }
}
@media (prefers-reduced-motion: reduce){
  .figuren .fig{ opacity:1; transform:none; transition:none; }
  .figuren.los .fig{ animation:none !important; }
}

/* Liv-Logo im Wortblock */
.doppel__wort--logo h2 img{ width:clamp(150px,18vw,240px); height:auto; }

/* Anfahrt: Foto kleiner */
.anfahrt-bild{ justify-self:end; width:100%; max-width:360px; }
.anfahrt-bild img{ width:100%; aspect-ratio:4/5; object-fit:cover; border-radius:2px; }
@media (max-width:880px){ .anfahrt-bild{ justify-self:start; max-width:320px; } }

/* Video-Band */
.videoband{ position:relative; overflow:hidden; background:#000; }
.videoband video{ width:100%; height:clamp(320px,44vw,600px); object-fit:cover; display:block; }
.videoband__txt{ position:absolute; inset:0; display:flex; align-items:flex-end;
  padding:clamp(28px,4vw,56px) var(--gut) clamp(30px,4vw,58px);
  background:linear-gradient(to top, rgba(10,8,5,.86) 0%, rgba(10,8,5,.34) 46%, rgba(10,8,5,.06) 100%); }
.videoband h2{ font-family:var(--ff-d); font-weight:700; text-transform:uppercase; color:#fff;
  font-size:clamp(22px,4.0vw,51px); letter-spacing:0.01em; line-height:1.02; max-width:16ch; margin:0; }
.videoband p{ font-family:var(--ff-m); font-weight:700; font-size:11.5px; letter-spacing:.18em; text-transform:uppercase;
  color:#E4E7DE; margin:14px 0 0; text-shadow:0 1px 10px rgba(0,0,0,.7); }

/* Karte mit Zwei-Klick-Schutz */
.kartenbox{ position:relative; background:var(--ink); border:1px solid #241F18; overflow:hidden; }
.kartenbox__platte{ position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:16px; text-align:center; min-height:clamp(300px,34vw,420px); padding:36px 26px; }
.kartenbox__platte img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
  filter:grayscale(1) brightness(.26); z-index:0; }
.kartenbox__platte::after{ content:""; position:absolute; inset:0; background:rgba(10,8,5,.58); z-index:1; }
.kartenbox__platte > *{ position:relative; z-index:2; }
.kartenbox__platte h3{ font-family:var(--ff-b); font-weight:700; text-transform:uppercase; color:#fff;
  font-size:clamp(18px,2.2vw,24px); letter-spacing:.04em; margin:0; }
.kartenbox__platte p{ max-width:52ch; font-size:14.5px; line-height:1.6; color:#DFE2DA; margin:0; }
.kartenbox__platte p a{ color:var(--amber); }
.kartenbox__knoepfe{ display:flex; gap:12px; flex-wrap:wrap; justify-content:center; margin-top:4px; }
.kartenbox iframe{ display:block; width:100%; height:clamp(300px,34vw,420px); border:0; }

@media (max-width:1060px){ .stimmen{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:620px){ .stimmen{ grid-template-columns:1fr; } }

/* Fragen und Antworten */
.faq{ max-width:80ch; border-top:1px solid rgba(128,132,126,.35); }
.faq details{ border-bottom:1px solid rgba(128,132,126,.35); }
.faq summary{ cursor:pointer; list-style:none; padding:20px 34px 20px 0; position:relative;
  font-family:var(--ff-b); font-weight:700; font-size:clamp(16px,1.7vw,19px); letter-spacing:.01em; }
.faq summary::-webkit-details-marker{ display:none; }
.faq summary::after{ content:"+"; position:absolute; right:4px; top:18px; color:var(--amber); font-size:22px; line-height:1; }
.faq details[open] summary::after{ content:"\2013"; }
.faq .antwort{ padding:0 0 22px; max-width:70ch; }
.sekt--dunkel .faq .antwort{ color:#C4BCAE; }
.sekt--hell .faq .antwort, .sekt--stein .faq .antwort{ color:#4E524B; }

/* Öffnungszeiten */
.zeiten{ width:100%; border-collapse:collapse; font-family:var(--ff-m); font-weight:700; font-size:14px; max-width:360px; }
.zeiten th,.zeiten td{ text-align:left; padding:10px 0; border-bottom:1px solid rgba(128,132,126,.25); }
.zeiten th{ width:7ch; font-weight:500; font-size:12px; letter-spacing:.1em; text-transform:uppercase; }
.zeiten td{ font-variant-numeric:tabular-nums; }
.zeiten tr[data-heute="ja"] th, .zeiten tr[data-heute="ja"] td{ color:var(--amber); }

/* Statusanzeige */
.status{ display:inline-flex; align-items:center; gap:10px; font-family:var(--ff-m); font-weight:700; font-size:12px;
  letter-spacing:.12em; text-transform:uppercase; border:1px solid rgba(128,132,126,.4);
  padding:8px 14px; border-radius:999px; margin-bottom:20px; }
.status__punkt{ width:8px; height:8px; border-radius:50%; background:#9A9283; flex:none; }
.status[data-offen="ja"] .status__punkt{ background:#7FC08A; box-shadow:0 0 0 4px rgba(127,192,138,.16); }
.status[data-offen="nein"] .status__punkt{ background:#D9735F; }

/* Anfrageformular */
.formular{ display:grid; gap:14px; max-width:640px; }
.feld{ display:grid; gap:6px; }
.duo{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
label{ font-family:var(--ff-m); font-weight:700; font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:#9A9283; }
input, select, textarea{ font-family:var(--ff-b); font-size:15px; background:rgba(12,15,10,.35);
  border:1px solid rgba(128,132,126,.4); color:inherit; border-radius:2px; padding:12px 13px; width:100%; }
.sekt--hell input, .sekt--hell select, .sekt--hell textarea,
.sekt--stein input, .sekt--stein select, .sekt--stein textarea{ background:#fff; border-color:#CFD0C9; }
textarea{ resize:vertical; min-height:120px; }
.hinweis{ font-size:13px; color:#9A9283; }
@media (max-width:640px){ .duo{ grid-template-columns:1fr; } }

/* Handlungsaufruf */
.aufruf{ background:var(--moos); color:#fff; }
.aufruf .wrap{ padding-block:clamp(42px,6vw,72px); display:flex; flex-wrap:wrap; gap:22px; align-items:center; justify-content:space-between; }
.aufruf h2{ font-family:var(--ff-d); font-weight:700; text-transform:uppercase; font-size:clamp(18px,2.6vw,30px); letter-spacing:0.015em; max-width:20ch; }
.aufruf p{ font-family:var(--ff-m); font-weight:700; font-size:12px; letter-spacing:.14em; text-transform:uppercase; margin:12px 0 0; }
.aufruf .btn--dark:hover{ background:#1C1813; }

/* Brotkrumen */
.krumen{ background:var(--ink); }
.krumen ol{ list-style:none; display:flex; flex-wrap:wrap; gap:6px; margin:0; padding:7px 0 8px;
  font-family:var(--ff-m); font-weight:500; font-size:10px; letter-spacing:.08em; text-transform:uppercase; color:#857D70; }
.krumen a{ text-decoration:none; color:#857D70; }
.krumen a:hover{ color:var(--amber); }
.krumen li + li::before{ content:"›"; margin-right:6px; color:#3A3D38; }

/* Fuß */
.fuss{ background:var(--ink); border-top:1px solid #241F18; padding-block:52px 34px; }
.fuss__raster{ display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:clamp(24px,3vw,48px); }
.fuss h3{ font-family:var(--ff-m); font-weight:700; font-weight:500; font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:#857D70; margin-bottom:14px; }
.fuss ul{ list-style:none; margin:0; padding:0; display:grid; gap:9px; }
.fuss a{ text-decoration:none; color:#C4BCAE; font-size:14px; }
.fuss a:hover{ color:var(--amber); }
.fuss img.marke{ height:34px; width:auto; opacity:.9; margin-bottom:18px; }
.fuss p{ color:#9A9283; font-size:14px; }
.fuss .soz{ display:flex; gap:10px; margin-top:16px; }
.fuss .soz a{ font-family:var(--ff-m); font-weight:700; font-size:11px; letter-spacing:.12em; text-transform:uppercase;
  border:1px solid #2C3230; padding:9px 14px; border-radius:2px; color:#A69E90; }
.fuss .soz a:hover{ color:var(--paper); border-color:var(--paper); }
.fuss__unten{ margin-top:36px; padding-top:20px; border-top:1px solid #241F18;
  font-family:var(--ff-m); font-weight:700; font-size:11px; letter-spacing:.1em; color:#8C928B;
  display:flex; flex-wrap:wrap; gap:8px 22px; justify-content:space-between; }
@media (max-width:900px){ .fuss__raster{ grid-template-columns:1fr 1fr; } }
@media (max-width:560px){ .fuss__raster{ grid-template-columns:1fr; } }


/* Zweispalter: Bilder im Querformat, damit neben kurzem Text kein Leerraum entsteht */
.zweispalt{ align-items:center; }
.zweispalt > div:not(.anfahrt-bild) > img{ width:100%; aspect-ratio:4/3; object-fit:cover; }
@media (max-width:880px){ .zweispalt > div:not(.anfahrt-bild) > img{ aspect-ratio:3/2; } }

/* Bikeleasing: Kennzahlen */
.zahlen{ display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:#2B261E; border:1px solid #2B261E; margin-top:clamp(10px,1.6vw,18px); }
.zahl{ background:var(--ink); padding:clamp(22px,2.6vw,34px) clamp(18px,2vw,26px); display:flex; flex-direction:column; gap:8px; }
.zahl__wert{ font-family:var(--ff-b); font-weight:700; font-size:clamp(30px,3.6vw,52px); line-height:1; color:var(--paper); letter-spacing:-.01em; }
.zahl__vor{ font-family:var(--ff-b); font-weight:700; font-size:clamp(15px,1.4vw,19px); color:#B8B0A2; line-height:1.2; min-height:1.2em; margin-bottom:-2px; }
.zahl--akzent .zahl__vor{ color:#C9A064; }
.zahl__titel{ font-family:var(--ff-m); font-weight:700; font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--amber); }
.zahl p{ margin:6px 0 0; font-size:14px; line-height:1.55; color:#B8B0A2; }
.zahl sup, .fussnote sup{ font-size:.7em; }
.zahl--akzent{ background:#16130D; }
.zahl--akzent .zahl__wert{ color:var(--amber); }
.fussnote{ margin:14px 0 0; font-size:12.5px; line-height:1.55; color:#7F857D; max-width:90ch; }
@media (max-width:980px){ .zahlen{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:520px){ .zahlen{ grid-template-columns:1fr; } }

/* Rechenbeispiel */
.beispiel{ background:#fff; border:1px solid #DCDDD6; border-radius:4px; padding:clamp(22px,2.6vw,32px); }
.beispiel__kopf{ font-family:var(--ff-m); font-weight:700; font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:var(--moos); margin:0 0 14px; }
.beispiel dl{ margin:0; display:grid; }
.beispiel dl > div{ display:flex; justify-content:space-between; gap:16px; padding:12px 0; border-bottom:1px solid #E6E7E1; }
.beispiel dt{ color:#4E524B; font-size:15px; }
.beispiel dd{ margin:0; font-weight:600; color:var(--ink); font-size:15px; text-align:right; white-space:nowrap; }
.beispiel__ergebnis{ border-bottom:0 !important; padding-top:16px !important; }
.beispiel__ergebnis dt{ color:var(--ink); font-weight:600; }
.beispiel__ergebnis dd{ color:var(--moos); font-family:var(--ff-b); font-weight:700; font-size:clamp(20px,2vw,26px); }
.beispiel__quelle{ margin:14px 0 0; font-size:12.5px; line-height:1.55; color:#5E645D; }

.karten--vier{ grid-template-columns:repeat(4,1fr); }
@media (max-width:1100px){ .karten--vier{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:980px){ .karten{ grid-template-columns:1fr 1fr; } }
@media (max-width:620px){ .karten, .karten--vier{ grid-template-columns:1fr; } }

/* 0 % Finanzierung */
.finanz{ background:var(--moos); color:#fff; overflow:hidden; }
.finanz__in{ display:grid; grid-template-columns:1.3fr 1fr; align-items:center; gap:clamp(20px,4vw,60px);
  padding-block:clamp(56px,8vw,110px); }
.finanz .kicker{ color:#DDE8CF; }
.finanz .titel{ color:#fff; }
.finanz .text{ color:#EEF3E6; max-width:58ch; }
.finanz .text strong{ color:#fff; }
.finanz__zahl{ font-family:var(--ff-d); font-weight:700; font-size:clamp(112px,17.6vw,272px); line-height:.8;
  color:#fff; letter-spacing:-.04em; text-align:right; }
.finanz__zahl span{ font-size:.5em; vertical-align:top; margin-left:.04em; }
.btn--outline-dark{ border-color:rgba(10,12,11,.4); color:var(--ink); }
.finanz .btn--outline-dark, .aufruf .btn--outline-dark{ border-color:rgba(255,255,255,.6); color:#fff; }
@media (max-width:760px){ .finanz__in{ grid-template-columns:1fr; } .finanz__zahl{ text-align:left; font-size:120px; } }

/* Startseite: Leasing-Vorteile als Chips */
.vorteile{ display:flex; flex-wrap:wrap; gap:10px; margin-top:20px; }
.vorteile span{ background:#fff; border:1px solid #DCDDD6; border-radius:999px; padding:9px 16px; font-size:14px; color:#4E524B; }
.vorteile strong{ color:var(--ink); font-family:var(--ff-b); font-weight:700; }


/* Einheitliche linke Kante: Texte auf Bildern stehen auf derselben Linie wie der Inhalt */
.seitenkopf__txt, .vollbild__txt, .bildband__txt, .videoband__txt, .pano__txt{
  padding-left:max(var(--gut), calc((100% - 1280px) / 2 + var(--gut)));
  padding-right:max(var(--gut), calc((100% - 1280px) / 2 + var(--gut))); }

/* Oeffnungszeiten mit Neon-Foto */
.zeiten__hinweis{ margin:14px 0 0; font-size:14px; color:#A69E90; }
.neon{ margin:clamp(20px,2.4vw,28px) 0 0; max-width:420px; overflow:hidden; border-radius:3px; }
.neon img{ width:100%; aspect-ratio:4/3; object-fit:cover; object-position:center 40%; }

/* Fusszeile aufgeraeumt */
.fuss__adr{ font-style:normal; color:#C4BCAE; font-size:14px; line-height:1.7; margin:0 0 12px; }
.fuss__h3-abstand{ margin-top:28px; }
.fuss__zeiten{ color:#C4BCAE !important; font-size:14px; line-height:1.7; margin:0; }
.fuss__unten{ align-items:center; }
.fuss__recht{ display:flex; flex-wrap:wrap; gap:6px 22px; }
.fuss__recht a, .fuss__cookie{ font-family:var(--ff-m); font-weight:700; font-size:11px; letter-spacing:.1em; text-transform:uppercase;
  color:#9A9283; text-decoration:none; background:none; border:0; padding:0; cursor:pointer; }
.fuss__recht a:hover, .fuss__cookie:hover{ color:var(--amber); }

/* Einwilligungs-Banner */
.einw{ position:fixed; left:clamp(12px,2vw,28px); bottom:clamp(12px,2vw,28px); z-index:300;
  width:min(460px, calc(100% - 24px)); opacity:0; transform:translateY(24px) scale(.98);
  transition:opacity .45s ease, transform .55s cubic-bezier(.2,.7,.2,1); }
.einw.offen{ opacity:1; transform:none; }
.einw__box{ background:rgba(16,14,10,.96); color:var(--paper); border:1px solid #2B261E; border-radius:12px;
  padding:22px 22px 18px; box-shadow:0 24px 60px rgba(0,0,0,.45); backdrop-filter:blur(12px); }
.einw__titel{ font-family:var(--ff-b); font-weight:700; text-transform:uppercase; letter-spacing:.06em; font-size:15px; margin:0 0 10px; }
.einw__text{ font-size:14px; line-height:1.6; color:#C6CBC3; margin:0; }
.einw__text a{ color:var(--amber); }
.einw__wahl{ display:grid; gap:10px; margin-top:16px; }
.einw__opt{ display:flex; gap:12px; align-items:flex-start; background:#1A1D18; border:1px solid #2B261E; border-radius:8px; padding:12px 14px; cursor:pointer; }
.einw__opt input{ margin-top:3px; width:18px; height:18px; accent-color:var(--amber); flex:0 0 auto; }
.einw__opt span{ font-size:13px; line-height:1.5; color:#B8B0A2; }
.einw__opt strong{ display:block; color:var(--paper); font-size:14px; margin-bottom:2px; }
.einw__knoepfe{ display:flex; flex-wrap:wrap; gap:8px; margin-top:18px; }
.einw__btn{ font-family:var(--ff-m); font-weight:700; font-size:11px; font-weight:600; letter-spacing:.1em; text-transform:uppercase;
  padding:12px 14px; border-radius:4px; cursor:pointer; border:1px solid transparent; flex:1 1 auto; }
.einw__btn--voll{ background:var(--moos); color:#fff; border-color:var(--moos); }
.einw__btn--voll:hover{ background:var(--moos-tief); }
.einw__btn--rand{ background:transparent; color:var(--paper); border-color:#4D463B; }
.einw__btn--rand:hover{ border-color:var(--paper); }
.einw__btn--leise{ background:transparent; color:#A69E90; flex:0 0 auto; padding-inline:6px; text-decoration:underline; text-underline-offset:3px; }
.einw__btn--leise:hover{ color:var(--paper); }
.einw__btn[hidden], .einw__wahl[hidden]{ display:none; }
.einw__opt, .einw__opt span, .einw__opt strong{ font-family:var(--ff-b); text-transform:none; letter-spacing:normal; }
@media (max-width:560px){
  .einw{ left:8px; right:8px; bottom:8px; width:auto; }
  .einw__btn--voll, .einw__btn--rand{ flex-basis:100%; }
}
@media (prefers-reduced-motion: reduce){ .einw{ transition:none; } }

/* =====================================================================
   BEWEGUNG - nur aktiv mit html.bw (nicht bei "reduzierte Bewegung")
   ===================================================================== */

/* Seitliche Einblendungen duerfen keinen Querscroll erzeugen (clip statt hidden: sticky bleibt intakt) */

/* Raeder-Untermenue */
.nav__gruppe{ position:relative; display:flex; align-items:center; margin-right:14px; }
.nav__gruppe > a::before{ content:""; position:absolute; right:-14px; top:50%; width:6px; height:6px; margin-top:-5px;
  border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:rotate(45deg); opacity:.7; }
.nav__unter{ position:absolute; top:100%; left:-18px; min-width:230px; padding:10px 0; margin-top:10px;
  background:#100E0B; border:1px solid #2A241A; border-radius:12px; box-shadow:0 18px 40px rgba(0,0,0,.45);
  display:flex; flex-direction:column; opacity:0; visibility:hidden; transform:translateY(6px);
  transition:opacity .2s ease, transform .2s ease, visibility 0s linear .2s; z-index:95; }
.nav__unter::before{ content:""; position:absolute; left:0; right:0; top:-14px; height:14px; }
.nav__unter a{ padding:10px 20px; font-size:15px; font-weight:400; color:#E5DED0; }
.nav__unter a::after{ display:none; }
.nav__unter a:hover, .nav__unter a[aria-current="page"]{ color:var(--amber); background:rgba(217,180,106,.08); }
.nav__gruppe:hover .nav__unter, .nav__gruppe:focus-within .nav__unter{ opacity:1; visibility:visible; transform:none; transition-delay:0s; }
@media (max-width:1120px){
  .nav__gruppe{ flex-direction:column; align-items:stretch; margin-right:0; }
  .nav__gruppe > a::before{ display:none; }
  .nav__unter{ position:static; opacity:1; visibility:visible; transform:none; margin:0; padding:0 0 6px 16px; min-width:0;
    background:none; border:0; box-shadow:none; border-radius:0; }
  .nav__unter a{ padding:10px 0; font-size:15px; border-bottom:1px solid #1A1611; }
}

html, body{ overflow-x:clip; }

/* Kopfzeile: schrumpft, verschwindet beim Runterscrollen, Lesefortschritt */
.kopf{ transition:transform .45s cubic-bezier(.2,.7,.2,1), background .3s ease; }
.kopf__in{ transition:min-height .35s ease; }
.kopf.klein .kopf__in{ min-height:66px; }
.bw .kopf.weg{ transform:translateY(-110%); }
.kopf::after{ content:""; position:absolute; left:0; right:0; bottom:-1px; height:2px; background:var(--amber);
  transform-origin:0 50%; transform:scaleX(var(--s,0)); pointer-events:none; }

/* Einblenden von unten / von der Seite */
.bw .rv{ opacity:0; transform:translate3d(var(--rx,0), var(--ry,38px), 0); filter:blur(5px);
  transition:opacity .9s cubic-bezier(.16,.84,.34,1), transform 1.15s cubic-bezier(.16,.84,.34,1), filter .9s ease;
  transition-delay:calc(var(--i,0) * 90ms); }
.bw .rv--l{ --rx:-64px; --ry:0px; }
.bw .rv--r{ --rx:64px; --ry:0px; }
.bw .rv.da{ opacity:1; transform:none; filter:none; }

/* Ueberschriften: Woerter steigen aus einer Maske */
.bw .wt .w{ display:inline-block; overflow:hidden; vertical-align:bottom; padding-bottom:.1em; margin-bottom:-.1em; }
.bw .wt .w > span{ display:inline-block; transform:translate3d(0,112%,0) rotate(4deg); transform-origin:0 100%;
  transition:transform 1.05s cubic-bezier(.19,1,.22,1); transition-delay:calc(var(--wi,0) * 65ms + 60ms); }
.bw .wt.da .w > span{ transform:none; }

/* Schriftbloecke: Wischer von links */
.bw .wisch{ clip-path:inset(-4px 100% -4px 0); transition:clip-path 1.25s cubic-bezier(.77,0,.18,1); }
.bw .wisch.da{ clip-path:inset(-4px -4px -4px 0); }

/* Parallaxe in allen Bildbaendern */
.bw .pf > img, .bw .pf > video, .bw .pf.sicht > img{
  transition:none !important; will-change:transform;
  transform:translate3d(0, calc((var(--p,.5) - .5) * -12%), 0) scale(1.14) !important; }

/* Desktop: stehendes Foto hinter dem Band, leichter Zoom, Text gleitet */
.bw .fx:not(.vh){ clip-path:inset(0 0 1px 0); }
.bw .vollbild.fx{ height:clamp(260px,42vw,560px); }
.bw .vollbild--hoch.fx{ height:clamp(440px,60vw,760px); }
.bw .bildband.fx{ height:clamp(300px,40vw,520px); }
.bw .bildband--hoch.fx{ height:clamp(420px,56vw,720px); }
.bw .pano.fx{ height:clamp(300px,46vw,600px); }
.bw .pf.fx > img, .bw .pf.fx.sicht > img{
  position:fixed !important; top:0; left:0; width:100vw !important; height:100vh !important; z-index:0;
  transform:scale(calc(1.12 - var(--p,.5) * .12)) !important; transform-origin:50% 50%; }
.bw .fx .vollbild__txt > *, .bw .fx .bildband__txt > div, .bw .fx .pano__txt > div{
  translate:0 calc((.5 - var(--p,.5)) * 110px); }
.bw .fx .vollbild__txt, .bw .fx .bildband__txt, .bw .fx .pano__txt, .bw .fx .wrap{ z-index:2; }
.bw .fx .vollbild__txt{ bottom:-2px; }

/* Vorhang: Bild waechst beim Reinscrollen auf volle Breite */
.bw .vh{ clip-path:inset(calc((1 - var(--q,1)) * 4.5vw) calc((1 - var(--q,1)) * 5vw) round calc((1 - var(--q,1)) * 28px)); }
.bw .vh.fx{ clip-path:inset(calc((1 - var(--q,1)) * 4.5vw) calc((1 - var(--q,1)) * 5vw) calc((1 - var(--q,1)) * 4.5vw + 1px) round calc((1 - var(--q,1)) * 28px)); }

/* Startbild bleibt stehen, der Inhalt schiebt sich darueber */
.heldbuehne{ position:relative; }
.bw .heldbuehne .heldfoto{ position:sticky; top:0; z-index:0;
  transform:scale(calc(1 - var(--hp,0) * .06)); transform-origin:50% 0; }
.bw .heldbuehne .heldfoto::after{ content:""; position:absolute; inset:0; background:#000; opacity:calc(var(--hp,0) * .6); pointer-events:none; }
.bw .heldbuehne .doppel{ position:relative; z-index:1; box-shadow:0 -40px 80px rgba(0,0,0,.35); }

/* Aussage: Woerter fuellen sich beim Scrollen */
.aussage{ background:var(--ink); padding:clamp(90px,13vw,190px) var(--gut); }
.aussage__txt{ max-width:1100px; margin:0 auto; font-family:var(--ff-b); font-weight:700;
  font-size:clamp(28px,4.4vw,64px); line-height:1.14; letter-spacing:-.005em; color:#fff; text-wrap:balance; }
.aussage__txt .hl{ color:var(--amber); }
.bw .aussage__txt .fw{ color:#62675F; transition:color .35s ease; }
.bw .aussage__txt .fw.an{ color:#F4F5F1; }
.bw .aussage__txt .hl .fw.an{ color:var(--amber); }

/* Video-Buehne: bleibt stehen, Bild zoomt zurueck, Text steigt auf */
.videoband--pin{ height:210vh; overflow:visible !important; background:#000; }
.videoband__stick{ position:sticky; top:0; height:100vh; height:100svh; overflow:hidden; }
.videoband--pin video{ width:100%; height:100%; object-fit:cover;
  transform:scale(calc(1.32 - var(--p2,0) * .32)); transform-origin:50% 45%; will-change:transform; }
.videoband--pin .videoband__txt{ align-items:center; justify-content:center; text-align:center;
  background:rgba(10,8,5, calc(.18 + var(--p2,0) * .42)); }
.videoband--pin h2{ font-size:clamp(36px,7vw,104px); max-width:14ch; margin-inline:auto; line-height:.98; }
.videoband--pin .videoband__txt p{ font-size:12.5px; margin-top:22px; }
.bw .videoband--pin.da .wt .w > span{ transform:none; }
.bw .videoband--pin .videoband__txt p{ opacity:0; transform:translateY(22px); transition:opacity .8s ease, transform 1s cubic-bezier(.16,.84,.34,1); }
.bw .videoband--pin.da2 .videoband__txt p{ opacity:1; transform:none; }
.videoband--pin:not(.da) .wt .w > span{ }
html:not(.bw) .videoband--pin{ height:auto; }
html:not(.bw) .videoband__stick{ position:relative; height:clamp(320px,44vw,600px); }
html:not(.bw) .videoband--pin video{ transform:none; }
@media (max-width:700px){ .videoband--pin{ height:170vh; } }

/* Kacheln und Knoepfe */
.kat img{ transition:opacity .4s ease, transform 1.2s cubic-bezier(.2,.7,.2,1); }
.kat a:hover img{ transform:scale(1.08); }
.kat span{ transition:transform .5s cubic-bezier(.2,.7,.2,1), letter-spacing .5s ease; }
.kat a:hover span{ transform:translateY(-4px); letter-spacing:.16em; }
.btn{ position:relative; overflow:hidden; isolation:isolate; }
.btn::after{ content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
  background:linear-gradient(110deg, transparent 30%, rgba(255,255,255,.32) 50%, transparent 70%);
  transform:translateX(-130%); transition:transform .85s cubic-bezier(.2,.7,.2,1); }
.btn:hover::after{ transform:translateX(130%); }
.gkarte{ transition:transform .4s cubic-bezier(.2,.7,.2,1), box-shadow .4s ease; }
.gkarte:hover{ transform:translateY(-4px); box-shadow:0 14px 30px rgba(0,0,0,.08); }
.team img{ transition:transform 1.1s cubic-bezier(.2,.7,.2,1), filter .6s ease; }
.team figure:hover img{ transform:translateY(-6px); }

@media (prefers-reduced-motion: reduce){
  .kopf, .kopf__in, .kat img, .kat span, .btn::after, .gkarte, .team img{ transition:none !important; }
}

/* Jobs */
.stelle__karte{ display:flex; flex-direction:column; gap:10px; text-decoration:none; color:inherit;
  transition:transform .35s cubic-bezier(.2,.7,.2,1), border-color .3s ease; }
.stelle__karte:hover{ transform:translateY(-4px); border-color:var(--amber); }
.stelle__karte p{ margin:0; color:#CBC3B5; }
.stelle__kl{ font-family:var(--ff-m); font-weight:700; font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:var(--amber); }
.stelle__pfeil{ margin-top:auto; padding-top:8px; font-family:var(--ff-b); font-weight:600; color:var(--paper); }
.stelle__pfeil::after{ content:" →"; color:var(--amber); }
.stelle__meta{ list-style:none; margin:18px 0 22px; padding:0; display:flex; flex-wrap:wrap; gap:8px; }
.stelle__meta li{ background:#fff; border:1px solid #DCDDD6; border-radius:999px; padding:7px 14px; font-size:14px; color:#4E524B; }
.stelle__raster{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(22px,3.4vw,52px);
  margin-top:clamp(34px,4.4vw,58px); align-items:start; }
.stelle__raster h3{ font-family:var(--ff-b); font-size:15px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; margin:0; }
.stelle__raster .liste{ color:#4E524B; margin-top:16px; }
.stelle__betrag{ margin:4px 0 0; font-family:var(--ff-b); font-weight:700; font-size:clamp(30px,3vw,40px); line-height:1; color:var(--ink); }
.stelle__einheit{ margin:8px 0 0; font-size:14.5px; color:#4E524B; }
.stelle__knoepfe{ margin:20px 0 0; }
.stelle__knoepfe .btn{ width:100%; }
@media (max-width:680px){ .stelle__raster{ grid-template-columns:1fr; } }

/* Einzugsgebiet */
.fahrchips{ list-style:none; margin:14px 0 0; padding:0; display:flex; flex-wrap:wrap; gap:8px; }
.fahrchips li{ border:1px solid rgba(243,238,227,.22); border-radius:999px; padding:8px 14px; font-size:14px; color:#CBC3B5; }
.fahrchips strong{ color:var(--paper); font-weight:600; margin-right:4px; }
.sekt--hell .fahrchips li, .sekt--stein .fahrchips li{ border-color:#DCDDD6; background:#fff; color:#4E524B; }
.sekt--hell .fahrchips strong, .sekt--stein .fahrchips strong{ color:var(--ink); }
.sekt--dunkel .fahrchips{ margin-top:clamp(26px,3vw,38px); }
.fahrzeit{ width:100%; border-collapse:collapse; font-size:15px; background:#fff; border:1px solid #DCDDD6; }
.fahrzeit caption{ text-align:left; font-family:var(--ff-m); font-weight:700; font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--moos); padding:0 0 12px; }
.fahrzeit th, .fahrzeit td{ padding:10px 16px; text-align:left; border-bottom:1px solid #E6E7E1; color:#4E524B; }
.fahrzeit thead th{ font-family:var(--ff-m); font-weight:700; font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:#5E645D; font-weight:500; }
.fahrzeit tbody th{ color:var(--ink); font-weight:600; }
.fahrzeit td:nth-child(2){ font-weight:600; color:var(--ink); white-space:nowrap; }
.fahrzeit td:nth-child(3){ white-space:nowrap; }
.fahrzeit tbody tr:last-child th, .fahrzeit tbody tr:last-child td{ border-bottom:0; }
.fahrzeit-block{ margin-top:clamp(30px,4vw,48px); }
.fahrzeit-block a, .sekt--hell .text a, .sekt--stein .text a{ color:var(--moos); }
.sekt--dunkel .text a{ color:var(--amber); }
.fuss__region{ margin:10px 0 0; font-size:14px; }
.fuss__region a{ color:var(--amber); text-decoration:none; }
.sekt--hell .fussnote, .sekt--stein .fussnote{ color:#5E645D; }
.finanz .fussnote{ color:#DDE8CF; }

/* Kontaktwege statt Formular */
.kontaktwege{ display:grid; grid-template-columns:1fr 1fr; gap:14px; max-width:900px; }
.kontaktweg{ display:flex; flex-direction:column; gap:6px; padding:26px 26px 24px; background:#fff; border:1px solid #DCDDD6;
  border-radius:14px; text-decoration:none; color:var(--ink); transition:border-color .2s ease, transform .25s ease; }
.kontaktweg:hover{ border-color:var(--moos); transform:translateY(-3px); }
.kontaktweg__art{ font-family:var(--ff-m); font-weight:700; font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:var(--moos); }
.kontaktweg strong{ font-size:clamp(20px,2.2vw,26px); font-weight:700; }
.kontaktweg span:last-child{ font-size:15px; color:#4E524B; }
@media (max-width:700px){ .kontaktwege{ grid-template-columns:1fr; } }

/* Startseite: Schnellzugriff */
.schnell{ background:var(--ink); padding-block:clamp(34px,4.4vw,60px); }
.schnell__titel{ font-family:var(--ff-d); font-weight:700; text-transform:uppercase; letter-spacing:.05em;
  font-size:clamp(17px,1.9vw,24px); color:#fff; margin:0 0 clamp(18px,2.4vw,28px); }
.schnell__raster{ display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.schnell__kachel{ position:relative; display:block; aspect-ratio:16/9; overflow:hidden; border-radius:12px; text-decoration:none; color:#fff; background:#111; }
.schnell__kachel img{ width:100%; height:100%; object-fit:cover; transition:transform .8s cubic-bezier(.2,.7,.2,1), opacity .3s ease; opacity:.8; }
.schnell__kachel::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(0,0,0,.05) 30%, rgba(0,0,0,.78)); }
.schnell__kachel:hover img{ transform:scale(1.06); opacity:1; }
.schnell__txt{ position:absolute; left:0; right:0; bottom:0; z-index:1; padding:16px 18px; display:flex; flex-direction:column; gap:3px; }
.schnell__txt strong{ font-family:var(--ff-d); font-weight:700; text-transform:uppercase; letter-spacing:.05em; font-size:clamp(15px,1.5vw,19px); }
.schnell__txt strong::after{ content:" \2192"; color:var(--amber); font-family:var(--ff-b); }
.schnell__txt > span{ font-size:14px; color:#D9DDD4; line-height:1.35; }
.schnell__kachel:focus-visible{ outline:2px solid var(--amber); outline-offset:3px; }
@media (max-width:900px){ .schnell__raster{ grid-template-columns:1fr 1fr; } }
@media (max-width:520px){ .schnell__raster{ gap:8px; } .schnell__kachel{ aspect-ratio:4/3; } .schnell__txt{ padding:12px; } .schnell__txt > span{ display:none; } }
.aussage--kurz{ padding-block:clamp(60px,8vw,110px); }
.kat--sieben{ grid-template-columns:repeat(7,1fr); }
.kat--sieben a{ aspect-ratio:3/4; }
@media (max-width:1100px){ .kat--sieben{ grid-template-columns:repeat(4,1fr); } }
@media (max-width:640px){ .kat--sieben{ grid-template-columns:repeat(2,1fr); } }

/* Fahrzeiten kompakt */
.fahrliste{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); column-gap:28px; }
.fahrliste li{ display:flex; align-items:baseline; gap:10px; padding:10px 0; border-bottom:1px solid #DCDDD6; font-size:16px; }
.fahrliste__ort{ flex:1; font-weight:700; color:var(--ink); }
.fahrliste__zeit{ font-weight:700; color:var(--moos); white-space:nowrap; }
.fahrliste__km{ width:62px; text-align:right; color:#5E645D; white-space:nowrap; font-size:14px; }
.sekt--dunkel .fahrliste li{ border-color:#2A251C; }
.sekt--dunkel .fahrliste__ort{ color:#fff; }
.sekt--dunkel .fahrliste__zeit{ color:var(--amber); }
.sekt--dunkel .fahrliste__km{ color:#A69E90; }

/* Lulo ist sehr breit: lange Woerter trennen, mobil kleiner */
.seitenkopf h1, .titel, .vollbild__txt h2, .bildband h2, .pano__txt h2, .stimmenband h2, .videoband h2, .aufruf h2,
.platte__links h2, .doppel__wort h2, .kinder h2, .schnell__titel, .schnell__txt strong{ hyphens:auto; -webkit-hyphens:auto; overflow-wrap:break-word; }
@media (max-width:520px){
  .seitenkopf h1{ font-size:21px; } .titel{ font-size:20px; } .aufruf h2{ font-size:19px; }
  .vollbild__txt h2, .bildband h2{ font-size:19px; } .videoband h2{ font-size:23px; }
  .pano__txt .blocktitel, .stimmenband .blocktitel{ font-size:20px; }
  .schnell__txt strong{ font-size:13px; letter-spacing:.03em; }
  .kat--sieben a:last-child{ grid-column:span 2; aspect-ratio:8/5; }
}

/* Startseite: Raeder-Raster wie auf der alten Seite, etwas flacher */
.kat--flach a{ aspect-ratio:16/9; }
@media (max-width:640px){ .kat--flach{ grid-template-columns:1fr 1fr; } .kat--flach a{ aspect-ratio:4/3; } }
.stelle__knopf{ margin:clamp(24px,3vw,36px) 0 0; }

/* ---------- Politur: moderner Feinschliff ---------- */
/* feines Filmkorn ueber der ganzen Seite, passend zu den Pinselkanten */
body::after{ content:""; position:fixed; inset:-50%; z-index:150; pointer-events:none; opacity:.055; mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); }
@media (prefers-reduced-motion: no-preference){
  @view-transition{ navigation:auto; }
  ::view-transition-old(root){ animation:vtAus .35s cubic-bezier(.4,0,.2,1) both; }
  ::view-transition-new(root){ animation:vtEin .55s cubic-bezier(.2,.7,.2,1) both; }
}
@keyframes vtAus{ to{ opacity:0; transform:translateY(-14px); } }
@keyframes vtEin{ from{ opacity:0; transform:translateY(22px); } }
/* Kicker mit feiner Linie */
.kicker::before{ content:""; display:inline-block; width:26px; height:1.5px; background:currentColor; margin-right:12px; vertical-align:middle; transform:translateY(-1px); }
/* weichere Ecken fuer Buttons, Karten und Bilder im Inhalt */
.btn{ border-radius:8px; }
.karte, .beispiel, .kontaktweg{ border-radius:14px; }
.zweispalt > div > img, .team img, .anfahrt-bild img, .kinder__bilder img, .neon{ border-radius:14px; }
.karte{ transition:transform .35s cubic-bezier(.2,.7,.2,1), border-color .3s ease, box-shadow .35s ease; }
.karte:hover{ box-shadow:0 18px 40px rgba(0,0,0,.18); }
/* Raeder-Kacheln: Moos-Linie waechst beim Hover */
.kat a::after{ content:""; position:absolute; left:16px; right:16px; bottom:12px; height:2px; background:var(--amber);
  transform:scaleX(0); transform-origin:0 50%; transition:transform .5s cubic-bezier(.2,.7,.2,1); }
.kat a:hover::after{ transform:scaleX(1); }
.kat span{ z-index:1; }
/* Textlinks mit Unterstreichung, die einfaerbt */
.text a{ text-decoration:none; background:linear-gradient(currentColor,currentColor) 0 100% / 100% 1px no-repeat; transition:background-size .3s ease; }
.text a:hover{ background-size:100% 2px; }
/* grosser Schriftzug im Footer */
.fuss__marke{ margin-top:clamp(30px,4vw,56px); font-family:var(--ff-d); font-weight:700; text-transform:uppercase; line-height:.9;
  font-size:clamp(30px,8.2vw,136px); letter-spacing:.02em; color:#1A160F;
  white-space:nowrap; overflow:hidden; user-select:none; text-align:center; }
@media (prefers-reduced-motion: reduce){ body::after{ display:none; } }
.rm1{ --rm:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 80' preserveAspectRatio='none'%3E%3Cpath d='M0,80 L0,45 L20,44 L40,49 L60,44 L80,44 L100,45 L120,44 L140,45 L160,45 L180,51 L200,44 L220,43 L240,45 L260,44 L280,44 L300,45 L320,44 L340,43 L360,43 L380,44 L400,43 L420,43 L440,44 L460,45 L480,43 L500,42 L520,41 L540,44 L560,44 L580,43 L600,43 L620,44 L640,43 L660,41 L680,43 L700,44 L720,42 L740,41 L760,41 L780,41 L800,41 L820,42 L840,41 L860,43 L880,44 L900,42 L920,42 L940,44 L960,42 L980,42 L1000,43 L1020,41 L1040,42 L1060,44 L1080,43 L1100,48 L1120,44 L1140,44 L1160,43 L1180,44 L1200,42 L1220,42 L1240,45 L1260,42 L1280,42 L1300,44 L1320,43 L1340,44 L1360,45 L1380,44 L1400,43 L1420,44 L1440,46 L1460,43 L1480,45 L1500,49 L1520,47 L1540,46 L1560,45 L1580,47 L1600,47 L1600,80 Z'/%3E%3Crect x='356' y='36.5' width='125' height='2.2'/%3E%3Crect x='319' y='29.8' width='47' height='1.6'/%3E%3Crect x='309' y='40.6' width='47' height='0.9'/%3E%3Crect x='163' y='41.4' width='98' height='2.3'/%3E%3Crect x='767' y='35.3' width='132' height='2.1'/%3E%3Crect x='764' y='32.8' width='86' height='1.5'/%3E%3Crect x='642' y='33.7' width='19' height='2.2'/%3E%3Crect x='233' y='39.7' width='59' height='1.0'/%3E%3Crect x='877' y='32.4' width='10' height='1.4'/%3E%3Crect x='1394' y='42.4' width='23' height='1.7'/%3E%3Crect x='1221' y='38.7' width='16' height='2.0'/%3E%3Crect x='1304' y='37.6' width='8' height='1.5'/%3E%3Crect x='837' y='35.7' width='5' height='1.0'/%3E%3Crect x='990' y='40.6' width='114' height='1.8'/%3E%3Crect x='1254' y='38.5' width='121' height='1.6'/%3E%3Crect x='44' y='43.9' width='86' height='1.9'/%3E%3Crect x='319' y='43.5' width='79' height='2.4'/%3E%3Crect x='1507' y='41.9' width='39' height='1.0'/%3E%3Crect x='194' y='48.2' width='5' height='2.1'/%3E%3Crect x='247' y='44.0' width='10' height='2.2'/%3E%3Crect x='351' y='37.2' width='8' height='1.8'/%3E%3Crect x='1590' y='44.6' width='7' height='1.8'/%3E%3Crect x='31' y='38.4' width='109' height='2.5'/%3E%3Crect x='180' y='48.2' width='13' height='1.2'/%3E%3Crect x='63' y='42.7' width='33' height='1.5'/%3E%3Crect x='858' y='36.3' width='36' height='0.8'/%3E%3Crect x='1101' y='45.8' width='13' height='1.7'/%3E%3Crect x='355' y='41.6' width='60' height='1.5'/%3E%3Crect x='1464' y='41.7' width='57' height='0.8'/%3E%3Crect x='322' y='42.7' width='28' height='1.5'/%3E%3Crect x='1075' y='42.5' width='61' height='1.7'/%3E%3Crect x='303' y='34.7' width='68' height='1.5'/%3E%3Crect x='792' y='37.8' width='45' height='1.1'/%3E%3Crect x='1411' y='37.9' width='11' height='2.0'/%3E%3Crect x='22' y='36.0' width='16' height='2.4'/%3E%3Crect x='1072' y='35.8' width='25' height='1.1'/%3E%3Crect x='430' y='37.6' width='6' height='2.2'/%3E%3Crect x='495' y='42.2' width='14' height='1.2'/%3E%3Crect x='1049' y='41.8' width='71' height='0.8'/%3E%3Crect x='35' y='34.4' width='106' height='2.3'/%3E%3Crect x='248' y='37.2' width='49' height='1.0'/%3E%3Crect x='1158' y='37.6' width='126' height='1.9'/%3E%3Crect x='1174' y='41.2' width='8' height='2.0'/%3E%3Crect x='934' y='38.8' width='12' height='0.9'/%3E%3Crect x='66' y='34.4' width='7' height='1.7'/%3E%3Crect x='1089' y='31.9' width='123' height='2.5'/%3E%3Crect x='1436' y='38.0' width='35' height='1.1'/%3E%3Crect x='1210' y='37.8' width='43' height='0.8'/%3E%3Crect x='1456' y='44.9' width='23' height='1.2'/%3E%3Crect x='1189' y='41.5' width='6' height='1.5'/%3E%3Crect x='1556' y='42.5' width='46' height='1.6'/%3E%3Crect x='189' y='47.9' width='23' height='0.7'/%3E%3Crect x='734' y='35.5' width='7' height='0.9'/%3E%3Crect x='144' y='31.7' width='88' height='2.3'/%3E%3Crect x='813' y='34.3' width='5' height='1.0'/%3E%3Crect x='1519' y='42.8' width='32' height='1.4'/%3E%3Crect x='505' y='41.2' width='11' height='1.8'/%3E%3Crect x='1442' y='45.0' width='91' height='0.8'/%3E%3Crect x='1480' y='44.2' width='112' height='2.5'/%3E%3Crect x='398' y='33.1' width='37' height='2.2'/%3E%3Crect x='684' y='33.4' width='7' height='1.8'/%3E%3Crect x='79' y='41.8' width='120' height='2.4'/%3E%3Crect x='776' y='35.0' width='33' height='2.1'/%3E%3Crect x='1562' y='41.1' width='84' height='2.0'/%3E%3Crect x='191' y='48.8' width='51' height='2.4'/%3E%3Crect x='1594' y='44.5' width='7' height='1.0'/%3E%3Crect x='889' y='40.8' width='23' height='1.4'/%3E%3Crect x='1193' y='38.4' width='26' height='1.2'/%3E%3Crect x='1548' y='41.0' width='53' height='2.4'/%3E%3Crect x='615' y='37.8' width='10' height='1.0'/%3E%3Crect x='680' y='41.7' width='65' height='2.3'/%3E%3Crect x='1555' y='35.7' width='72' height='2.5'/%3E%3Crect x='174' y='40.6' width='12' height='0.8'/%3E%3Crect x='201' y='35.7' width='9' height='1.7'/%3E%3Crect x='845' y='32.0' width='4' height='1.3'/%3E%3Crect x='357' y='39.0' width='14' height='1.2'/%3E%3Crect x='506' y='39.2' width='39' height='2.0'/%3E%3Crect x='491' y='38.8' width='36' height='0.9'/%3E%3Crect x='364' y='38.2' width='46' height='2.0'/%3E%3Crect x='316' y='42.2' width='11' height='1.5'/%3E%3Crect x='320' y='43.5' width='8' height='2.1'/%3E%3Crect x='793' y='37.0' width='93' height='0.8'/%3E%3Crect x='951' y='41.9' width='93' height='0.8'/%3E%3Crect x='629' y='42.4' width='12' height='2.1'/%3E%3Crect x='526' y='35.9' width='15' height='2.3'/%3E%3Crect x='1575' y='32.9' width='7' height='1.3'/%3E%3Crect x='1528' y='36.2' width='30' height='0.9'/%3E%3Crect x='1128' y='33.5' width='38' height='1.4'/%3E%3Crect x='1435' y='38.0' width='11' height='1.4'/%3E%3Crect x='1285' y='40.7' width='65' height='1.3'/%3E%3Crect x='435' y='35.5' width='46' height='1.3'/%3E%3Crect x='1154' y='41.6' width='9' height='0.8'/%3E%3Crect x='374' y='29.3' width='31' height='2.2'/%3E%3Crect x='212' y='41.1' width='14' height='2.3'/%3E%3Crect x='1236' y='38.0' width='6' height='1.5'/%3E%3Crect x='626' y='40.2' width='32' height='1.7'/%3E%3Crect x='521' y='29.6' width='13' height='1.4'/%3E%3Crect x='1581' y='44.8' width='21' height='1.9'/%3E%3Crect x='1078' y='43.7' width='19' height='1.2'/%3E%3Crect x='428' y='32.2' width='5' height='1.1'/%3E%3Crect x='245' y='39.3' width='139' height='1.7'/%3E%3Crect x='1039' y='35.8' width='4' height='1.5'/%3E%3Crect x='1310' y='37.1' width='3' height='1.6'/%3E%3Crect x='1324' y='32.4' width='5' height='1.4'/%3E%3Crect x='415' y='39.7' width='4' height='0.9'/%3E%3Ccircle cx='544' cy='20' r='0.5'/%3E%3Ccircle cx='1599' cy='30' r='1.3'/%3E%3Ccircle cx='1303' cy='38' r='1.2'/%3E%3Ccircle cx='654' cy='31' r='0.6'/%3E%3Ccircle cx='50' cy='37' r='0.9'/%3E%3Ccircle cx='773' cy='25' r='1.1'/%3E%3Ccircle cx='247' cy='34' r='1.0'/%3E%3Ccircle cx='1044' cy='34' r='1.4'/%3E%3Ccircle cx='1068' cy='38' r='0.9'/%3E%3Ccircle cx='82' cy='41' r='0.9'/%3E%3Ccircle cx='29' cy='23' r='1.2'/%3E%3Ccircle cx='1283' cy='34' r='0.9'/%3E%3Ccircle cx='1507' cy='39' r='0.9'/%3E%3Ccircle cx='250' cy='40' r='1.0'/%3E%3Ccircle cx='583' cy='38' r='1.2'/%3E%3Ccircle cx='207' cy='37' r='1.2'/%3E%3Ccircle cx='634' cy='40' r='1.0'/%3E%3Ccircle cx='1483' cy='42' r='0.8'/%3E%3Ccircle cx='258' cy='37' r='0.7'/%3E%3Ccircle cx='107' cy='31' r='1.2'/%3E%3Ccircle cx='1287' cy='30' r='0.8'/%3E%3Ccircle cx='1339' cy='22' r='0.8'/%3E%3C/svg%3E"); }
.rm2{ --rm:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 80' preserveAspectRatio='none'%3E%3Cpath d='M0,80 L0,47 L20,46 L40,46 L60,45 L80,47 L100,45 L120,45 L140,48 L160,44 L180,47 L200,43 L220,44 L240,41 L260,41 L280,42 L300,41 L320,45 L340,41 L360,40 L380,42 L400,42 L420,42 L440,41 L460,40 L480,42 L500,40 L520,40 L540,42 L560,41 L580,40 L600,40 L620,39 L640,40 L660,38 L680,39 L700,39 L720,39 L740,38 L760,40 L780,40 L800,41 L820,39 L840,41 L860,41 L880,39 L900,41 L920,38 L940,40 L960,43 L980,39 L1000,39 L1020,39 L1040,41 L1060,40 L1080,42 L1100,44 L1120,41 L1140,42 L1160,40 L1180,42 L1200,41 L1220,46 L1240,47 L1260,42 L1280,42 L1300,42 L1320,43 L1340,41 L1360,41 L1380,42 L1400,44 L1420,43 L1440,44 L1460,43 L1480,44 L1500,49 L1520,46 L1540,49 L1560,44 L1580,45 L1600,45 L1600,80 Z'/%3E%3Crect x='501' y='34.0' width='83' height='2.2'/%3E%3Crect x='784' y='38.0' width='64' height='2.1'/%3E%3Crect x='1547' y='45.7' width='39' height='2.6'/%3E%3Crect x='568' y='32.2' width='6' height='1.7'/%3E%3Crect x='1002' y='32.8' width='114' height='1.5'/%3E%3Crect x='827' y='24.3' width='7' height='1.7'/%3E%3Crect x='67' y='43.4' width='33' height='1.4'/%3E%3Crect x='778' y='32.5' width='58' height='1.0'/%3E%3Crect x='596' y='36.3' width='109' height='2.3'/%3E%3Crect x='1118' y='40.8' width='25' height='1.3'/%3E%3Crect x='610' y='30.8' width='21' height='2.1'/%3E%3Crect x='145' y='46.2' width='38' height='2.1'/%3E%3Crect x='739' y='27.6' width='86' height='1.8'/%3E%3Crect x='302' y='32.3' width='3' height='2.1'/%3E%3Crect x='811' y='39.5' width='21' height='1.5'/%3E%3Crect x='987' y='30.1' width='22' height='0.9'/%3E%3Crect x='1560' y='42.3' width='9' height='1.5'/%3E%3Crect x='62' y='39.6' width='9' height='2.1'/%3E%3Crect x='236' y='40.2' width='73' height='2.2'/%3E%3Crect x='1315' y='40.5' width='16' height='2.4'/%3E%3Crect x='390' y='32.8' width='123' height='1.8'/%3E%3Crect x='128' y='39.9' width='12' height='1.0'/%3E%3Crect x='795' y='32.7' width='8' height='1.2'/%3E%3Crect x='565' y='39.0' width='6' height='1.7'/%3E%3Crect x='298' y='33.1' width='72' height='1.6'/%3E%3Crect x='1089' y='35.1' width='21' height='1.7'/%3E%3Crect x='653' y='36.0' width='8' height='1.5'/%3E%3Crect x='1164' y='31.7' width='9' height='1.8'/%3E%3Crect x='790' y='33.8' width='11' height='1.8'/%3E%3Crect x='1036' y='29.7' width='41' height='1.4'/%3E%3Crect x='1506' y='39.2' width='109' height='0.7'/%3E%3Crect x='601' y='35.6' width='137' height='2.4'/%3E%3Crect x='330' y='37.8' width='48' height='2.4'/%3E%3Crect x='383' y='41.8' width='30' height='1.8'/%3E%3Crect x='1590' y='32.5' width='119' height='0.9'/%3E%3Crect x='1484' y='36.0' width='8' height='1.0'/%3E%3Crect x='1059' y='36.3' width='8' height='1.4'/%3E%3Crect x='604' y='35.4' width='26' height='1.1'/%3E%3Crect x='1262' y='38.4' width='6' height='1.3'/%3E%3Crect x='629' y='33.2' width='106' height='2.3'/%3E%3Crect x='732' y='27.2' width='9' height='1.3'/%3E%3Crect x='1322' y='42.0' width='91' height='1.6'/%3E%3Crect x='1149' y='37.4' width='44' height='2.2'/%3E%3Crect x='1485' y='41.4' width='5' height='1.8'/%3E%3Crect x='397' y='35.6' width='109' height='1.1'/%3E%3Crect x='331' y='38.1' width='77' height='2.4'/%3E%3Crect x='1474' y='41.6' width='27' height='0.8'/%3E%3Crect x='1209' y='40.5' width='9' height='1.6'/%3E%3Crect x='710' y='24.3' width='43' height='1.0'/%3E%3Crect x='642' y='39.2' width='117' height='1.1'/%3E%3Crect x='1263' y='33.6' width='106' height='2.1'/%3E%3Crect x='551' y='40.4' width='81' height='1.3'/%3E%3Crect x='344' y='36.8' width='4' height='1.6'/%3E%3Crect x='266' y='39.6' width='10' height='1.1'/%3E%3Crect x='1119' y='40.9' width='5' height='1.4'/%3E%3Crect x='1261' y='40.9' width='46' height='1.3'/%3E%3Crect x='509' y='34.9' width='15' height='2.2'/%3E%3Crect x='927' y='34.9' width='56' height='2.2'/%3E%3Crect x='1151' y='38.0' width='44' height='2.4'/%3E%3Crect x='468' y='38.4' width='4' height='1.9'/%3E%3Crect x='238' y='42.8' width='34' height='2.1'/%3E%3Crect x='1323' y='40.4' width='8' height='1.6'/%3E%3Crect x='582' y='37.2' width='6' height='1.4'/%3E%3Crect x='320' y='38.7' width='23' height='0.7'/%3E%3Crect x='1237' y='37.2' width='5' height='1.2'/%3E%3Crect x='950' y='28.4' width='45' height='1.4'/%3E%3Crect x='1444' y='40.4' width='11' height='2.0'/%3E%3Crect x='393' y='38.2' width='13' height='1.8'/%3E%3Crect x='44' y='35.0' width='5' height='1.9'/%3E%3Crect x='1395' y='35.4' width='51' height='1.9'/%3E%3Crect x='1065' y='38.6' width='12' height='1.5'/%3E%3Crect x='77' y='41.3' width='10' height='1.9'/%3E%3Crect x='77' y='42.8' width='95' height='1.3'/%3E%3Crect x='1227' y='43.5' width='13' height='1.8'/%3E%3Crect x='1335' y='38.7' width='28' height='1.0'/%3E%3Crect x='552' y='40.9' width='13' height='1.2'/%3E%3Crect x='1253' y='41.0' width='4' height='0.9'/%3E%3Crect x='46' y='45.7' width='6' height='2.0'/%3E%3Crect x='994' y='33.9' width='56' height='1.3'/%3E%3Crect x='1163' y='31.8' width='83' height='0.8'/%3E%3Crect x='478' y='37.6' width='136' height='2.5'/%3E%3Crect x='1469' y='32.2' width='8' height='1.8'/%3E%3Crect x='701' y='33.3' width='8' height='1.9'/%3E%3Crect x='1455' y='41.4' width='14' height='1.7'/%3E%3Crect x='1154' y='29.7' width='12' height='1.6'/%3E%3Crect x='581' y='39.2' width='95' height='1.2'/%3E%3Crect x='905' y='30.7' width='56' height='1.9'/%3E%3Crect x='893' y='27.2' width='32' height='1.7'/%3E%3Crect x='81' y='43.2' width='5' height='1.7'/%3E%3Crect x='757' y='35.7' width='85' height='1.8'/%3E%3Crect x='773' y='36.2' width='12' height='2.2'/%3E%3Crect x='844' y='38.4' width='18' height='2.3'/%3E%3Crect x='769' y='36.1' width='108' height='2.4'/%3E%3Crect x='1356' y='38.1' width='9' height='1.8'/%3E%3Crect x='816' y='26.3' width='24' height='2.6'/%3E%3Crect x='1355' y='35.7' width='7' height='0.8'/%3E%3Crect x='466' y='36.4' width='134' height='2.0'/%3E%3Crect x='635' y='35.7' width='78' height='1.4'/%3E%3Crect x='598' y='36.1' width='3' height='2.0'/%3E%3Crect x='165' y='39.0' width='73' height='1.0'/%3E%3Crect x='952' y='38.4' width='58' height='2.3'/%3E%3Crect x='909' y='32.0' width='58' height='1.6'/%3E%3Crect x='67' y='42.8' width='43' height='2.2'/%3E%3Crect x='613' y='36.3' width='4' height='0.9'/%3E%3Crect x='1568' y='29.6' width='92' height='1.6'/%3E%3Ccircle cx='134' cy='37' r='1.2'/%3E%3Ccircle cx='643' cy='37' r='1.0'/%3E%3Ccircle cx='400' cy='15' r='0.8'/%3E%3Ccircle cx='797' cy='36' r='0.9'/%3E%3Ccircle cx='1049' cy='35' r='1.2'/%3E%3Ccircle cx='1218' cy='27' r='0.9'/%3E%3Ccircle cx='1030' cy='26' r='0.5'/%3E%3Ccircle cx='1270' cy='38' r='0.9'/%3E%3Ccircle cx='434' cy='32' r='1.2'/%3E%3Ccircle cx='682' cy='33' r='1.2'/%3E%3Ccircle cx='608' cy='17' r='0.8'/%3E%3Ccircle cx='1513' cy='41' r='0.8'/%3E%3Ccircle cx='1261' cy='36' r='1.2'/%3E%3Ccircle cx='453' cy='16' r='0.6'/%3E%3Ccircle cx='438' cy='31' r='1.1'/%3E%3Ccircle cx='1451' cy='31' r='1.2'/%3E%3Ccircle cx='1555' cy='44' r='0.8'/%3E%3Ccircle cx='363' cy='37' r='0.6'/%3E%3Ccircle cx='874' cy='22' r='1.3'/%3E%3Ccircle cx='321' cy='35' r='1.4'/%3E%3Ccircle cx='821' cy='29' r='0.9'/%3E%3Ccircle cx='1445' cy='41' r='1.2'/%3E%3C/svg%3E"); }
.rm3{ --rm:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 80' preserveAspectRatio='none'%3E%3Cpath d='M0,80 L0,44 L20,45 L40,47 L60,45 L80,45 L100,49 L120,47 L140,46 L160,52 L180,48 L200,46 L220,47 L240,46 L260,48 L280,48 L300,49 L320,48 L340,48 L360,48 L380,47 L400,47 L420,47 L440,48 L460,48 L480,47 L500,50 L520,49 L540,49 L560,48 L580,49 L600,49 L620,50 L640,47 L660,48 L680,50 L700,48 L720,48 L740,49 L760,48 L780,48 L800,50 L820,48 L840,49 L860,47 L880,49 L900,48 L920,48 L940,49 L960,54 L980,49 L1000,48 L1020,47 L1040,48 L1060,50 L1080,48 L1100,50 L1120,48 L1140,49 L1160,49 L1180,49 L1200,46 L1220,46 L1240,49 L1260,52 L1280,49 L1300,48 L1320,48 L1340,46 L1360,48 L1380,49 L1400,46 L1420,48 L1440,46 L1460,47 L1480,47 L1500,46 L1520,47 L1540,46 L1560,47 L1580,47 L1600,45 L1600,80 Z'/%3E%3Crect x='1070' y='48.5' width='40' height='2.2'/%3E%3Crect x='304' y='45.9' width='33' height='2.3'/%3E%3Crect x='86' y='40.0' width='3' height='1.1'/%3E%3Crect x='304' y='42.2' width='7' height='2.0'/%3E%3Crect x='120' y='42.9' width='4' height='2.2'/%3E%3Crect x='1482' y='36.2' width='12' height='2.0'/%3E%3Crect x='1443' y='45.7' width='56' height='1.5'/%3E%3Crect x='1531' y='46.0' width='13' height='1.1'/%3E%3Crect x='348' y='39.4' width='28' height='1.7'/%3E%3Crect x='1364' y='43.9' width='4' height='0.9'/%3E%3Crect x='108' y='45.2' width='13' height='1.7'/%3E%3Crect x='670' y='43.2' width='9' height='1.7'/%3E%3Crect x='502' y='49.0' width='10' height='0.8'/%3E%3Crect x='993' y='45.8' width='103' height='1.2'/%3E%3Crect x='1493' y='38.0' width='126' height='1.3'/%3E%3Crect x='1574' y='38.5' width='113' height='1.3'/%3E%3Crect x='1061' y='46.5' width='18' height='1.2'/%3E%3Crect x='337' y='46.3' width='128' height='1.6'/%3E%3Crect x='1448' y='44.5' width='7' height='1.7'/%3E%3Crect x='419' y='44.9' width='11' height='1.0'/%3E%3Crect x='1512' y='44.1' width='30' height='0.9'/%3E%3Crect x='493' y='44.0' width='50' height='1.1'/%3E%3Crect x='399' y='38.4' width='12' height='2.1'/%3E%3Crect x='378' y='41.9' width='50' height='0.7'/%3E%3Crect x='1178' y='42.3' width='53' height='1.0'/%3E%3Crect x='1122' y='36.1' width='7' height='1.9'/%3E%3Crect x='736' y='44.6' width='15' height='1.2'/%3E%3Crect x='111' y='39.6' width='100' height='2.6'/%3E%3Crect x='857' y='45.8' width='22' height='0.8'/%3E%3Crect x='954' y='47.3' width='94' height='0.9'/%3E%3Crect x='1439' y='46.7' width='124' height='2.1'/%3E%3Crect x='1187' y='47.0' width='65' height='2.4'/%3E%3Crect x='997' y='47.3' width='37' height='1.5'/%3E%3Crect x='473' y='44.9' width='135' height='2.1'/%3E%3Crect x='278' y='42.3' width='76' height='1.9'/%3E%3Crect x='515' y='46.9' width='100' height='1.0'/%3E%3Crect x='135' y='39.0' width='120' height='1.3'/%3E%3Crect x='1290' y='48.0' width='138' height='2.3'/%3E%3Crect x='116' y='42.1' width='5' height='1.0'/%3E%3Crect x='1100' y='45.2' width='53' height='1.1'/%3E%3Crect x='1286' y='46.7' width='9' height='1.9'/%3E%3Crect x='1068' y='43.4' width='41' height='1.9'/%3E%3Crect x='1150' y='37.8' width='55' height='1.6'/%3E%3Crect x='1202' y='45.7' width='26' height='1.9'/%3E%3Crect x='439' y='42.8' width='5' height='1.0'/%3E%3Crect x='612' y='46.6' width='23' height='1.7'/%3E%3Crect x='665' y='45.9' width='115' height='1.4'/%3E%3Crect x='9' y='38.4' width='48' height='1.7'/%3E%3Crect x='1175' y='44.9' width='26' height='1.3'/%3E%3Crect x='1086' y='36.8' width='7' height='2.2'/%3E%3Crect x='854' y='42.2' width='17' height='1.0'/%3E%3Crect x='416' y='42.9' width='34' height='1.2'/%3E%3Crect x='1521' y='37.1' width='48' height='1.1'/%3E%3Crect x='109' y='43.8' width='13' height='1.1'/%3E%3Crect x='32' y='43.1' width='77' height='1.2'/%3E%3Crect x='590' y='46.2' width='9' height='2.2'/%3E%3Crect x='172' y='47.2' width='91' height='1.1'/%3E%3Crect x='947' y='47.5' width='25' height='2.3'/%3E%3Crect x='960' y='42.0' width='29' height='0.8'/%3E%3Crect x='1036' y='35.9' width='33' height='2.5'/%3E%3Crect x='1016' y='43.3' width='47' height='1.9'/%3E%3Crect x='1471' y='39.3' width='126' height='1.2'/%3E%3Crect x='1362' y='45.9' width='97' height='2.0'/%3E%3Crect x='538' y='46.2' width='28' height='2.2'/%3E%3Crect x='544' y='42.5' width='6' height='1.1'/%3E%3Crect x='650' y='40.8' width='98' height='1.6'/%3E%3Crect x='1268' y='48.1' width='28' height='1.8'/%3E%3Crect x='550' y='46.6' width='39' height='1.2'/%3E%3Crect x='402' y='44.3' width='4' height='1.1'/%3E%3Crect x='1181' y='46.1' width='120' height='1.2'/%3E%3Crect x='160' y='50.6' width='14' height='0.8'/%3E%3Crect x='87' y='40.8' width='57' height='0.9'/%3E%3Crect x='19' y='42.6' width='58' height='0.9'/%3E%3Crect x='104' y='42.6' width='8' height='1.0'/%3E%3Crect x='900' y='42.2' width='108' height='1.1'/%3E%3Crect x='836' y='30.8' width='34' height='1.3'/%3E%3Crect x='993' y='41.8' width='76' height='0.9'/%3E%3Crect x='383' y='40.3' width='92' height='1.8'/%3E%3Crect x='466' y='46.4' width='34' height='2.2'/%3E%3Crect x='1000' y='38.8' width='94' height='1.1'/%3E%3Crect x='238' y='46.0' width='107' height='2.5'/%3E%3Crect x='702' y='44.6' width='27' height='1.7'/%3E%3Crect x='790' y='46.2' width='7' height='1.1'/%3E%3Crect x='1078' y='48.4' width='61' height='2.3'/%3E%3Crect x='921' y='47.6' width='82' height='1.5'/%3E%3Crect x='1302' y='43.8' width='35' height='2.0'/%3E%3Crect x='1372' y='43.0' width='125' height='0.8'/%3E%3Crect x='140' y='38.1' width='121' height='2.3'/%3E%3Crect x='1' y='39.8' width='37' height='1.9'/%3E%3Crect x='1215' y='41.5' width='39' height='2.4'/%3E%3Crect x='775' y='39.8' width='11' height='1.6'/%3E%3Crect x='149' y='44.1' width='13' height='1.7'/%3E%3Crect x='246' y='41.5' width='33' height='1.2'/%3E%3Crect x='882' y='46.8' width='7' height='2.0'/%3E%3Crect x='441' y='45.6' width='37' height='2.1'/%3E%3Crect x='1339' y='42.4' width='44' height='1.7'/%3E%3Crect x='552' y='42.2' width='75' height='1.2'/%3E%3Crect x='612' y='46.5' width='32' height='2.0'/%3E%3Crect x='1298' y='42.6' width='12' height='1.0'/%3E%3Crect x='1544' y='39.7' width='6' height='1.5'/%3E%3Crect x='731' y='47.0' width='21' height='1.3'/%3E%3Crect x='1108' y='43.7' width='128' height='1.4'/%3E%3Crect x='506' y='47.5' width='65' height='2.0'/%3E%3Crect x='459' y='37.9' width='138' height='2.0'/%3E%3Crect x='160' y='49.6' width='28' height='1.4'/%3E%3Ccircle cx='232' cy='38' r='1.0'/%3E%3Ccircle cx='905' cy='45' r='0.6'/%3E%3Ccircle cx='1393' cy='41' r='1.1'/%3E%3Ccircle cx='385' cy='40' r='0.9'/%3E%3Ccircle cx='406' cy='42' r='0.7'/%3E%3Ccircle cx='15' cy='35' r='1.1'/%3E%3Ccircle cx='252' cy='25' r='0.9'/%3E%3Ccircle cx='552' cy='36' r='0.9'/%3E%3Ccircle cx='400' cy='38' r='1.3'/%3E%3Ccircle cx='318' cy='39' r='0.7'/%3E%3Ccircle cx='915' cy='39' r='1.0'/%3E%3Ccircle cx='1588' cy='38' r='1.1'/%3E%3Ccircle cx='439' cy='21' r='1.0'/%3E%3Ccircle cx='1097' cy='46' r='1.0'/%3E%3Ccircle cx='794' cy='43' r='1.3'/%3E%3Ccircle cx='457' cy='41' r='0.8'/%3E%3Ccircle cx='1018' cy='34' r='1.1'/%3E%3Ccircle cx='1084' cy='44' r='1.3'/%3E%3Ccircle cx='1005' cy='32' r='1.3'/%3E%3Ccircle cx='1034' cy='41' r='1.0'/%3E%3Ccircle cx='1171' cy='38' r='0.6'/%3E%3Ccircle cx='472' cy='45' r='0.6'/%3E%3C/svg%3E"); }
/* Pinselkanten */
.rand-auf, .rand-ab{ position:relative; }
.rand-auf{ overflow:visible !important; }
.rand-auf::before, .rand-ab::before{ content:""; position:absolute; left:0; right:0; height:var(--rh); pointer-events:none;
  background:var(--rand); -webkit-mask:var(--rm) 0 0 / 100% 100% no-repeat; mask:var(--rm) 0 0 / 100% 100% no-repeat; }
.rand-auf::before{ top:calc(-1 * var(--rh) + 1px); z-index:5; }
.rand-ab::before{ top:-1px; transform:scaleY(-1); z-index:6; }
:root{ --rh:clamp(26px,3.4vw,52px); }

/* Credit Invisions */
.fuss__credit{ display:inline-block; margin-left:14px; color:inherit; opacity:.85; }
.fuss__credit a{ text-decoration:underline; text-underline-offset:3px; }
.fuss__credit a:hover{ color:var(--amber); }
@media (max-width:640px){ .fuss__credit{ display:block; margin:6px 0 0; } }

/* Betriebsurlaub */
.urlaub{ background:var(--moos); color:#fff; font-family:var(--ff-m); font-size:14px; line-height:1.4; text-align:center; position:relative; z-index:91; }
.urlaub .wrap{ padding-block:10px; display:flex; flex-wrap:wrap; gap:4px 10px; justify-content:center; align-items:baseline; }
.urlaub strong{ font-weight:700; letter-spacing:.12em; text-transform:uppercase; font-size:12px; }

/* Zitate */
.zitat{ margin:clamp(30px,4vw,48px) 0 0; padding:clamp(22px,3vw,34px) 0 0; border-top:1px solid rgba(255,255,255,.14); max-width:760px; }
.zitat blockquote{ margin:0; position:relative; padding-left:clamp(34px,4vw,52px); }
.zitat blockquote::before{ content:"\201E"; position:absolute; left:0; top:-.38em; font-family:Georgia,serif; font-size:clamp(54px,6vw,84px); line-height:1; color:var(--amber); }
.zitat p{ font-family:var(--ff-b); font-weight:300; font-size:clamp(20px,2.3vw,30px); line-height:1.35; color:var(--paper); margin:0; }
.zitat figcaption{ margin-top:16px; padding-left:clamp(34px,4vw,52px); font-family:var(--ff-m); font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:#9AA09A; }
.zitat figcaption strong{ color:var(--amber); font-weight:700; margin-right:8px; }

/* =====================================================================
   ENTWURF GOLD: schwarzer Marmor mit Goldadern
   ===================================================================== */
:root{
  --gold:linear-gradient(115deg,#8E6C2C 0%,#E7C67C 26%,#B98B3B 50%,#F3DCA2 72%,#A07633 100%);
  --gold-ton:#D9B46A; --gold-tief:#A88434;
  --marmor:url("marmor.webp"); --marmor-b:url("marmor-b.webp");
  --marmor-tief:url("marmor-tief.webp"); --marmor-b-tief:url("marmor-b-tief.webp");
}
body{ background:var(--ink); }
::selection{ background:#C9A24F; color:#120E08; }

/* Flaechen */
.sekt--marmor{ background:#16130E var(--marmor) center / cover no-repeat; }
.sekt--tief{ background:#100E0B var(--marmor-b-tief) center / cover no-repeat; }
.kinder{ background:#1A150D var(--marmor-tief) center / cover no-repeat; color:#EFE7D6; }
@media (min-width:900px){
  .sekt--marmor, .sekt--tief, .kinder{ background-attachment:fixed; }
  .sekt--marmor.rand-auf::before{ background:#16130E var(--marmor) center / cover no-repeat fixed; }
  .sekt--tief.rand-auf::before{ background:#100E0B var(--marmor-b-tief) center / cover no-repeat fixed; }
  .kinder.rand-auf::before{ background:#1A150D var(--marmor-tief) center / cover no-repeat fixed; }
}
.kinder p{ color:#DCD3C2; } .kinder .kicker{ color:var(--gold-ton); }
.kinder__er{ border-top-color:rgba(217,180,106,.25); } .kinder__er p{ color:#CFC6B4; }

/* Goldfolie fuer Aufruf und Finanzierung */
.aufruf, .finanz{ background:#C9A24F var(--gold); background-size:180% 100%; color:#15100A; }
.aufruf.rand-auf::before, .finanz.rand-auf::before{ background:linear-gradient(90deg,#B08A3E,#DDBE78 40%,#C39A4C 70%,#E4C886); }
.aufruf h2, .aufruf p{ color:#15100A; }
.aufruf .btn--dark{ background:#120E09; color:#F3EEE3; border-color:#120E09; }
.aufruf .btn--dark:hover{ background:#2A2116; }
.finanz .kicker{ color:#4A3812; } .finanz .titel, .finanz .text strong{ color:#120E08; }
.finanz .text{ color:#2B2213; } .finanz .fussnote{ color:#3D3018; }
.finanz__zahl{ color:#120E08; }
.finanz .btn--outline-dark, .aufruf .btn--outline-dark{ border-color:rgba(18,14,8,.55); color:#120E08; }
.finanz .btn--outline-dark:hover, .aufruf .btn--outline-dark:hover{ background:rgba(18,14,8,.08); }

/* Schaltflaechen in Gold */
.btn--amber, .einw__btn--voll, .springlink{ background:var(--gold); background-size:200% 100%; background-position:0 0;
  color:#15100A; border-color:transparent; transition:background-position .6s ease, transform .16s ease; }
.btn--amber:hover, .einw__btn--voll:hover{ background:var(--gold); background-size:200% 100%; background-position:100% 0; border-color:transparent; }
.btn--outline{ border-color:rgba(217,180,106,.55); }
.btn--outline:hover{ border-color:var(--gold-ton); background:rgba(217,180,106,.08); }

/* Akzente */
.kopf::after{ background:var(--gold); }
.nav a::after, .kat a::after{ background:var(--gold); }
.aussage__txt .hl, .bw .aussage__txt .hl .fw.an{ color:var(--gold-ton); }
.titel, .seitenkopf h1{ color:#F3EEE3; }
.kicker::before{ background:var(--gold); height:1px; }
.stelle__karte:hover, .kontaktweg:hover{ border-color:var(--gold-ton); }
.sekt--dunkel .karte{ background:rgba(20,17,12,.72); border-color:rgba(217,180,106,.18); backdrop-filter:blur(2px); }
.karte:hover{ box-shadow:0 18px 40px rgba(0,0,0,.45); }
.kat{ background:#1E1912; }
.zweispalt > div > img, .team img, .anfahrt-bild img, .kinder__bilder img{ box-shadow:0 0 0 1px rgba(217,180,106,.22); }

/* Schriftzug im Footer in Gold */
.fuss__marke{ background:var(--gold); -webkit-background-clip:text; background-clip:text; color:transparent; opacity:.32; }
.fuss__credit a{ color:inherit; }

/* Logo in Gold */
.kopf__logo img, .fuss img.marke{ filter:drop-shadow(0 1px 0 rgba(0,0,0,.35)); }

/* Mobil: Marmor scrollt mit, Kanten einfarbig */
@media (max-width:899px){
  .sekt--marmor{ background-position:70% 0; }
}

/* helle Bausteine dunkel mit Goldrand */
.platte__rechts, .doppel__inhalt{ background:#14110C var(--marmor-tief) center / cover no-repeat; color:#F3EEE3;
  box-shadow:inset 0 0 0 1px rgba(217,180,106,.16); }
.platte__rechts p, .platte__rechts li, .doppel__inhalt p, .doppel__inhalt li{ color:#CFC7B8; }
.marken{ background:rgba(217,180,106,.16); border-color:rgba(217,180,106,.16); }
.marken div{ background:#100E0B; }
.marken img{ filter:sepia(.55) saturate(1.4) brightness(1.05); opacity:.78; }
.bw .laufband .marken div{ border-right-color:rgba(217,180,106,.14); }
.beispiel, .kontaktweg{ background:rgba(20,17,12,.78); border-color:rgba(217,180,106,.22); color:#F3EEE3; }
.beispiel dl > div{ border-bottom-color:rgba(217,180,106,.14); }
.beispiel dt, .kontaktweg span:last-child{ color:#C4BCAE; }
.beispiel dd, .beispiel__ergebnis dt{ color:#F3EEE3; }
.beispiel__ergebnis dd, .beispiel__kopf, .kontaktweg__art{ color:var(--gold-ton); }
.beispiel__quelle{ color:#A69E90; }
.vorteile span, .stelle__meta li{ background:rgba(20,17,12,.7); border-color:rgba(217,180,106,.25); color:#CFC7B8; }
.vorteile strong{ color:#F3EEE3; }
/* Marmor etwas beruhigen, damit Text ruhig bleibt */
.sekt--marmor{ background-image:linear-gradient(rgba(11,10,8,.28),rgba(11,10,8,.28)), var(--marmor); }
@media (min-width:900px){
  .sekt--marmor.rand-auf::before{ background-image:linear-gradient(rgba(11,10,8,.28),rgba(11,10,8,.28)), var(--marmor); background-attachment:fixed; background-size:cover; background-position:center; }
}
.urlaub{ background:#C9A24F var(--gold); color:#15100A; }