/* V3-Skin für Unterseiten (Rollout P1, 11.10.2026). Quelle der Bausteine: V3/tools/v3.src.css (Startseite bleibt unberührt).
   Wirkt nur unter html.v3s (header.php setzt die Klasse ausschließlich bei aktivem Skin). Element-Regeln nur in den
   V3-Bausteinen (Kopf, Footer, Lade, Blase), dazu eine „Brücke“ für die Altklassen der Seite (nur Optik, Texte unverändert). */

/* ---------- Tokens */
.v3s{
  --creme:#f7f4f0; --papier:#fffaf2; --abzug:#fffdf9; --sand:#efe7dc;
  --tinte:#2a241d; --tinte-2:#5c5247;
  --gaby-primary:#d0b23c; --gaby-primary-dark:#b99a2f; --gaby-primary-light:#ffe494; --gaby-primary-rgb:208,178,60;
  --gaby-primary-gradient:linear-gradient(135deg,#d0b23c 0%,#ffe494 18%,#fbdf8d 36%,#d0b23c 54%,#ffe9a7 74%,#d0b23c 100%);
  --gaby-primary-gradient-dark:linear-gradient(135deg,#c4a736 0%,#f2d982 18%,#f2d982 36%,#c4a736 54%,#f2d982 74%,#c4a736 100%);
  --gold:#d0b23c; --gold-dunkel:#7d6210; --gold-hell:#ffe494; --gold-knopftext:#2a1b0f;
  --gt:linear-gradient(120deg,#6b520c 0%,#94771a 38%,#a5841c 50%,#7d6210 66%,#5e470b 100%);
  --licht:rgb(255 228 148/.45); --linie:rgb(125 98 16/.18); --schleier:rgb(247 244 240/.6);
  --sch-ruhe:0 1px 2px rgb(60 40 10/.08),0 10px 24px -14px rgb(60 40 10/.30);
  --sch-hoch:0 2px 4px rgb(60 40 10/.10),0 24px 48px -20px rgb(60 40 10/.42);
  --sch-druck:0 1px 2px rgb(60 40 10/.14);
  --sch-lade:0 -10px 40px rgb(31 26 20/.18);
  --ring-gold:0 0 0 1px rgb(208 178 60/.34);
  --wa:#25d366; --fb:#1877f2; --maps:#ea4335;
  --r-bild:14px; --r-karte:18px; --r-foto:22px; --r-lade:26px;
  --rand:16px; --inhalt:1200px;
  --peek-h:64px; --peek:calc(var(--peek-h) + env(safe-area-inset-bottom,0px));
  --f-titel:"Gilda Display","GD Rueckfall",Georgia,"Times New Roman",serif;
  --f-text:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --kurve:cubic-bezier(.32,.72,0,1);
  --fokus:0 0 0 3px var(--creme),0 0 0 6px var(--gold-dunkel);
  --an:var(--gold-dunkel); --zw:var(--tinte-2); --fl:var(--papier); --li:var(--linie); --fr:var(--fokus); --gv:var(--gaby-primary-gradient);
  --seite:max(var(--rand),calc((100% - var(--inhalt))/2));
  scroll-padding-top:16px;scroll-padding-bottom:calc(var(--peek) + 16px)
}
@media (min-width:1024px){.v3s{--rand:32px;scroll-padding-top:88px;scroll-padding-bottom:16px}}
@media (min-width:1280px){.v3s{--rand:80px}}
.v3s,.v3s body{background:#f7f4f0}
.v3s body{color:var(--tinte)}

/* ---------- Schrift (gleiche Dateien und URLs wie die Startseite: ein Browser-Cache) */
@font-face{font-family:"Gilda Display";font-style:normal;font-weight:400;font-display:swap;
  src:url(/v3_home/fonts/gilda-display-400-latin.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Gilda Display";font-style:normal;font-weight:400;font-display:swap;
  src:url(/v3_home/fonts/gilda-display-400-latin-ext.woff2) format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"GD Rueckfall";src:local("Georgia");size-adjust:101.3%}

/* ---------- Grundlagen, nur in den V3-Bausteinen */
.v3-kopf,.v3-fuss,.v3-lade,.v3-blase-box{font:400 17px/1.53 var(--f-text);color:var(--tinte);-webkit-text-size-adjust:100%}
:where(.v3-kopf,.v3-fuss,.v3-lade,.v3-blase-box) :is(p,ul,ol,figure){margin:0;padding:0;list-style:none;text-wrap:pretty}
:where(.v3-kopf,.v3-fuss,.v3-lade,.v3-blase-box) img{display:block;max-width:100%;height:auto}
:where(.v3-kopf,.v3-fuss,.v3-lade,.v3-blase-box) a{color:inherit}
:where(.v3-kopf,.v3-fuss,.v3-lade,.v3-blase-box) button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
:where(.v3-kopf,.v3-fuss,.v3-lade,.v3-blase-box) :is(h2,h3){margin:0;font:400 21px/1.25 var(--f-titel);font-synthesis:none;text-wrap:balance;color:var(--tinte)}
:where(.v3-kopf,.v3-fuss,.v3-lade,.v3-blase-box) summary{list-style:none;cursor:pointer}
:where(.v3-kopf,.v3-fuss,.v3-lade,.v3-blase-box) summary::-webkit-details-marker{display:none}
:where(.v3-kopf,.v3-fuss,.v3-lade,.v3-blase-box) :focus-visible{outline:0;box-shadow:var(--fr)!important}
.v3-lade h2[tabindex="-1"]:focus,.v3s main [tabindex="-1"]:focus{outline:0;box-shadow:none!important}
:where(.v3-kopf,.v3-fuss,.v3-lade,.v3-blase-box) :is(a,button,summary){transition:translate .15s;-webkit-tap-highlight-color:transparent}
.v3s.v3-gesperrt{overflow:hidden}
.v3-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.v3-sprung{position:absolute;left:16px;top:8px;z-index:99;padding:12px 16px;border-radius:12px;background:var(--papier);color:var(--tinte);translate:0 -300%}
.v3-sprung:focus{translate:none}
.v3-hx{position:relative;display:inline-block}
.v3-hx__l{position:absolute;inset:0;z-index:2}
.v3-l{font:600 13px/16px var(--f-text);letter-spacing:.08em;text-transform:uppercase}
.v3-k{font-size:14px;line-height:20px}
.v3-m{font-size:15px;line-height:22px}
.v3-f{font-weight:600}
.v3-2{color:var(--zw)}
.v3-r,.v3-w{display:flex;align-items:center;gap:8px}
.v3-w{flex-wrap:wrap}
.v3-o{display:grid;place-items:center;flex:none;border-radius:50%}
.v3-ergebnis{border-radius:var(--r-karte);background:var(--papier);box-shadow:var(--sch-ruhe)}
:is(.v3-rund,.v3-ki,.v3-chip,.v3-lade__links a):active,.v3-hx:active>:first-child{box-shadow:var(--sch-druck);translate:0 1px}
@media (hover:hover){:is(.v3-rund,.v3-ki,.v3-lade__links a):hover{box-shadow:var(--sch-hoch);translate:0 -2px}}

/* ---------- Gold-Knopf (Markenregel) */
.v3-gold{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:48px;padding:0 24px;border-radius:999px;border:1px solid #fff;
  background:var(--gaby-primary-gradient);color:var(--gold-knopftext);font:600 16px/1.2 var(--f-text);text-decoration:none;
  text-shadow:0 1px 0 rgba(255,255,255,.35);
  box-shadow:0 12px 20px -18px rgba(74,45,12,.45),inset 0 0 0 rgba(0,0,0,0);
  transition:box-shadow .25s ease,transform .18s ease,filter .25s ease,background .25s ease}
.v3-gold::before{content:"";position:absolute;inset:0;background:rgba(255,255,255,.1);opacity:0;transition:opacity .25s ease;pointer-events:none}
.v3-gold::after,.v3s .gaby-article-btn::after,.v3s .gaby-story-more::after{content:"";position:absolute;top:-10%;left:-140%;width:140%;height:100%;
  background:linear-gradient(120deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.85) 45%,rgba(255,255,255,0) 70%);
  opacity:0;transform:translateX(-120%) skewX(-20deg);pointer-events:none;animation:gaby-logo-loop 15s linear infinite}
.v3-gold:hover,.v3-gold:focus{color:var(--gold-knopftext);background:var(--gaby-primary-gradient);filter:brightness(1.01);
  box-shadow:0 14px 22px -18px rgba(74,45,12,.45),inset 0 4px 10px rgba(0,0,0,.12)}
.v3-gold:active{background:var(--gaby-primary-gradient-dark);filter:brightness(.985);transform:translateY(1px);
  box-shadow:0 10px 18px -18px rgba(74,45,12,.5),inset 0 5px 14px rgba(0,0,0,.18)}
.v3-gold:hover::before,.v3-gold:focus::before,.v3-gold:active::before{opacity:.65}
.v3-gold:is(:hover,:active,:focus-visible,.v3-glanz)::after,.v3s :is(.gaby-article-btn,.gaby-story-more):is(:hover,:active,:focus-visible,.v3-glanz)::after{opacity:.85;animation:gaby-gold-swoosh .7s ease}
@keyframes gaby-gold-swoosh{0%{transform:translateX(-120%) skewX(-20deg);opacity:0}20%{opacity:.85}100%{transform:translateX(140%) skewX(-20deg);opacity:0}}
@keyframes gaby-logo-loop{0%{transform:translateX(-120%) skewX(-20deg);opacity:0}3%{opacity:.8}8%{transform:translateX(140%) skewX(-20deg);opacity:0}100%{transform:translateX(140%) skewX(-20deg);opacity:0}}
.v3-gold[data-umriss],.v3-gold[data-umriss]:is(:hover,:focus){background:#ffffff59;border-color:#b99a2f;color:var(--gold-dunkel);text-shadow:none;box-shadow:none;filter:none}

/* ---------- Bausteine */
.v3-rund{width:44px;height:44px;background:var(--fl);box-shadow:var(--sch-ruhe);color:var(--tinte)}
.v3-rund:focus-visible{box-shadow:var(--fr),var(--sch-ruhe)!important}
.v3-textlink{display:inline-block;padding-block:12px;color:var(--gold-dunkel);font:600 16px/1.3 var(--f-text);text-underline-offset:3px}
.faden{width:24px;height:1px;flex:none;background:var(--gold)}
.v3-chip{position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border:1px solid var(--li);border-radius:99px;background:var(--fl);color:var(--tinte);font:600 15px/1.2 var(--f-text);text-decoration:none;white-space:nowrap}
.v3-chip[aria-current=true]{border-color:transparent;box-shadow:inset 0 0 0 2px var(--gold)}
.v3-chip[aria-current=true]::before{content:"";flex:none;width:5px;height:10px;margin:-4px 2px 0;border:solid var(--an);border-width:0 2px 2px 0;rotate:45deg}
.v3-chip__bild{width:36px;height:36px;margin-left:-12px;overflow:hidden;background:var(--sand) 50%/cover}
.v3-chip__bild img{width:100%;height:100%;object-fit:cover}
[aria-current=true]>.v3-chip__bild{margin-left:0}
.v3-chip__bild--text{background:var(--gv);color:var(--gold-knopftext);font:21px var(--f-titel)}
.v3-plus{position:relative;width:16px;height:16px;flex:none;margin-left:auto}
.v3-plus::before,.v3-plus::after{content:"";position:absolute;inset:7px 0;background:var(--an);transition:opacity .32s,rotate .32s cubic-bezier(.2,.8,.2,1)}
.v3-plus::after{inset:0 7px}
[open]>summary .v3-plus::after{opacity:0;rotate:90deg}
.v3-wege{gap:12px 20px;margin-top:20px}
.v3-kontakt{display:flex;gap:clamp(4px,1.6vw,12px)}
.v3-kontakt--mitte{justify-content:center}
.v3-ki{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;background:#fff;color:#a5841c;box-shadow:0 0 0 1px rgb(148 163 184/.32),0 6px 14px -8px rgb(60 40 10/.4);text-decoration:none}
.v3-ki--wa{color:var(--wa)}
.v3-ki--wa svg{stroke:#128c7e;stroke-width:.5px}
.v3-ki--fb{color:var(--fb)}
.v3-ki--maps{color:var(--maps)}
.v3-kopf__faden span,.v3-lade__faden span{display:block;height:100%;background:var(--gold);translate:calc(var(--fortschritt,0%) - 100%) 0}
@keyframes v3-balken{0%{translate:-100%}to{translate:0}}
@supports (animation-timeline:scroll()){.v3-kopf__faden span,.v3-lade__faden span{animation:v3-balken linear both;animation-timeline:scroll(root)}}

/* ---------- Kopf: Logo auf heller Pille, mobil scrollt er mit (body.landing-page > header ist alt ausgeblendet) */
.v3s body>header.v3-kopf{display:flex}
.v3s footer.v3-fuss{display:block}
.v3-kopf,.v3-fuss{flex:none}
.v3-kopf{position:relative;z-index:30;justify-content:space-between;height:56px;padding:0 var(--seite);margin-top:8px}
.v3-plakette{display:inline-flex;padding:8px 18px;border:1px solid rgb(148 163 184/.35);border-radius:999px;background:rgb(255 255 255/.9);box-shadow:0 14px 38px rgb(15 23 42/.14),inset 0 -1px 0 rgb(208 178 60/.45)}
.v3-plakette img{width:auto;max-width:none;height:52px;margin:-8px -26px -10px}
.v3-kopf__nav,.v3-kopf__cta,.v3-kopf__faden{display:none}
.v3-sprache{gap:0}
.v3-sprache a{position:relative;display:flex;align-items:center;gap:6px;height:44px;padding:0 8px;font-size:14px;text-decoration:none}
.v3-flagge{flex:none;border-radius:50%;box-shadow:0 0 0 1px rgb(60 40 10/.15);opacity:.75}
.v3-sprache [aria-current] .v3-flagge{opacity:1;box-shadow:0 0 0 2px #fff,0 0 0 3px var(--gold)}
.v3-sprache [aria-current]{color:var(--tinte)}
.v3-sprache [aria-current]::after,.v3-kopf__nav a::after{content:"";position:absolute;inset:auto 12px 8px;height:2px;background:var(--gold)}

/* ---------- Anfrage-Baustein in der Lade */
.v3-chips{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;margin:-3px -16px 0;padding:7px 16px 8px}
.v3-chips::-webkit-scrollbar{display:none}
.v3-ergebnis{margin-top:12px;padding:16px;background:var(--abzug)}
.v3-ergebnis__titel{font:22px/1.2 var(--f-titel)}
#lade .v3-ergebnis .v3-m{min-height:44px}
.v3-schritte{column-gap:20px;margin-top:12px;list-style:decimal inside!important}
.v3-schritte li{display:list-item}
.v3-schritte [data-erledigt=true]{color:var(--an)}
.v3-anfrage .v3-wege{margin-top:12px;gap:10px}

/* ---------- Footer */
.v3-fuss{padding:32px var(--seite) calc(var(--peek) + 24px);background:var(--sand);text-align:center;overflow-x:clip}
.v3-fuss__marke,.v3-fuss__adresse{display:grid;justify-items:center;gap:10px}
.v3-fuss__foto{background:var(--sand) 50%/cover}
.v3-fuss__held{position:relative;width:min(280px,72vw);margin-bottom:8px}
.v3-fuss__held .v3-fuss__foto{display:block;width:100%;height:auto;aspect-ratio:1;border:3px solid var(--gold);border-radius:50%;clip-path:inset(0 0 9% 0)}
.v3-fuss__kuppel{position:absolute;left:50%;bottom:0;display:grid;place-items:center;width:52%;aspect-ratio:2/1.05;padding-top:8%;border-radius:999px 999px 0 0;background:#fff;box-shadow:0 22px 30px -18px rgb(60 40 10/.35),inset 0 1px 0 rgb(208 178 60/.35);translate:-50% 0}
.v3-fuss__kuppel img{width:76%;height:auto}
.v3-fuss .v3-fuss__name{font-size:32px}
.v3-fuss__kontakt{display:grid;justify-items:center;margin-inline:auto}
.v3-fuss__kontakt>*{display:flex;align-items:center;min-height:40px}
.v3-fuss__kontakt a{min-height:44px;color:var(--tinte);white-space:nowrap;text-decoration:none}
.v3-fuss__adresse{display:block;margin-top:6px}
.v3-fuss__adresse>span{display:block}
.v3-fuss__gruppe a,.v3-lade__kapitel a,.v3-lade__links a,.v3-recht a{display:flex;align-items:center;min-height:44px;text-decoration:none}
.v3-fuss__hub{margin-top:32px;border-top:1px solid var(--linie);text-align:left}
.v3-fuss__gruppe{border-bottom:1px solid var(--linie)}
.v3-fuss__gruppe summary{gap:12px;min-height:48px}
.v3-fuss__gruppe ul{padding-bottom:12px}
.v3-sprache--fuss,.v3-recht{justify-content:center;margin-top:8px}
.v3-recht{column-gap:2px;margin-top:4px}
.v3-recht a{padding:12px 8px}
[data-fest]>summary{pointer-events:none}
[data-fest] .v3-plus{display:none}

/* ---------- Lade (Bottom-Sheet mobil, Schublade Desktop) */
.v3-schleier{position:fixed;inset:0;z-index:1045;background:var(--schleier);touch-action:none;transition:opacity .25s}
.v3-lade{position:fixed;z-index:1050;inset:auto 0 0;max-width:560px;margin-inline:auto;display:flex;flex-direction:column;height:92vh;height:92dvh;border-radius:var(--r-lade) var(--r-lade) 0 0;background:var(--papier);box-shadow:var(--sch-lade);transform:translateY(calc(100% - var(--peek)));transition:transform .35s var(--kurve);animation:v3-ankunft .45s var(--kurve) .9s backwards}
@keyframes v3-ankunft{from{translate:0 100%}}
.v3-lade[data-zustand=halb]{transform:translateY(calc(100% - var(--halb,60dvh)))}
.v3-lade[data-zustand=voll]{transform:none}
.v3-lade:is([data-zustand=verborgen],[data-zustand=angedockt]){transform:translateY(100%)}
.v3-lade.v3-zieht{transition:none;will-change:transform}
.v3-lade__kopf{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) 44px auto;align-items:center;gap:8px;min-height:var(--peek-h);padding:12px max(16px,env(safe-area-inset-right)) 6px max(16px,env(safe-area-inset-left));touch-action:none}
.v3-lade__faden{position:absolute;inset:0 26px auto;height:2px;overflow:hidden}
.v3-lade__griff{position:absolute;top:6px;left:calc(50% - 18px);width:36px;height:4px;border-radius:2px;background:var(--gv)}
.v3-lade__griff::after{content:"";position:absolute;inset:0;border-radius:2px;box-shadow:0 0 10px 3px #ffe494e6;opacity:0;transition:opacity .15s}
.v3-lade[data-puls] .v3-lade__griff::after,.v3-lade[data-hinweis] .v3-lade__hinweis{opacity:1}
.v3-lade__hinweis{position:absolute;inset:0;display:grid;place-items:center;border-radius:12px;background:var(--papier);box-shadow:inset 0 0 0 1px var(--gold);font:600 13px/1 var(--f-text);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .25s}
.v3-lade__infohx{min-width:0;container-type:inline-size}
.v3-lade__info{display:grid;min-height:44px;align-content:center;border-radius:12px;text-decoration:none}
.v3-lade__z1,.v3-lade__z2{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.v3-lade__z1{font-size:15px;line-height:20px}
.v3-lade__z2{line-height:18px}
@container (max-width:179.98px){.v3-lade__z2w{display:none}}
.v3-lade__cta{min-height:44px;padding:0 18px}
.v3-lade__kopf[data-eng] :is(.v3-lade__z1,.v3-lade__z2){font-size:13px}
.v3-lade__kopf[data-eng] .v3-lade__cta{padding:0 12px}
.v3-lade__kopf[data-eng]{column-gap:6px;padding-inline:12px}
.v3-lade__kopf[data-enger] .v3-lade__z2{display:none}
.v3-lade__kopf[data-enger] .v3-lade__z1{white-space:normal;line-height:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.v3-lade:is([data-zustand=halb],[data-zustand=voll]) :is([data-peek-wa],[data-peek-cta][data-umriss]){visibility:hidden}
.v3-lade__kontakt{margin:0 0 10px}
.v3-lade[data-zustand=voll] .v3-lade__kontakt{position:sticky;top:calc(var(--leiste,0px) - 8px);z-index:2;margin:0 -16px;padding:8px 16px 10px;background:var(--papier)}
.v3-lade[data-zustand=voll] .v3-lade__inhalt{scroll-padding-top:calc(var(--leiste,0px) + 62px)}
.v3-lade__inhalt{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:0 16px calc(92dvh - var(--halb,60dvh) + env(safe-area-inset-bottom) + 16px)}
.v3-lade[data-zustand=voll] .v3-lade__inhalt{padding-bottom:calc(env(safe-area-inset-bottom) + 16px)}
.v3-lade__leiste{position:sticky;top:0;z-index:2;justify-content:space-between;margin-inline:-16px;padding:8px 16px;background:var(--papier)}
.v3-lade .v3-lade__leiste h2{font-size:24px;line-height:1.12}
.v3-lade__menue-nav{margin-top:32px;padding-top:20px;border-top:1px solid var(--linie)}
.v3-lade .v3-lade__menue-nav h3{margin:8px 0}
.v3-lade__menue-nav .v3-l{display:flex;align-items:center;gap:10px;margin:22px 0 10px;font-size:13px;color:var(--gold-dunkel)}
.v3-lade__menue-nav .v3-l::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--gold),transparent)}
.v3-lade__menue-nav .v3-l[hidden]{display:none}
.v3-lade__links{display:grid;grid-template-columns:repeat(auto-fill,minmax(136px,1fr));gap:8px}
.v3-lade__links a{position:relative;overflow:hidden;gap:10px;padding:6px 8px 6px 6px;border-radius:18px;background:linear-gradient(135deg,#fff 45%,#faf1d6);box-shadow:var(--ring-gold),0 8px 16px -14px rgb(60 40 10/.5);font:600 14px/1.2 var(--f-text);color:var(--tinte);hyphens:auto;overflow-wrap:anywhere}
.v3-lade__links a::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgb(255 255 255/.8) 50%,transparent 65%);translate:-100% 0;transition:translate .7s var(--kurve);pointer-events:none}
@media (hover:hover){.v3-lade__links a:hover::after{translate:100% 0}}
.v3-lk__b{position:relative;flex:none;width:44px;height:44px;padding:2px;border-radius:50%;background:linear-gradient(140deg,#f6e3a0,#b08d22 55%,#ecd58a);color:var(--gold-dunkel)}
.v3-lk__b>*{display:block;width:40px;height:40px;border-radius:50%;object-fit:cover}
.v3-lk__b svg{padding:10px;background:radial-gradient(circle at 35% 30%,#fff,#f7ebc6);stroke-width:1.5}
.v3-lk__b::after{content:"";position:absolute;inset:2px;border-radius:50%;background:linear-gradient(160deg,rgb(255 240 190/.5),transparent 45%,rgb(176 141 34/.35));mix-blend-mode:soft-light}
.v3-lade__kapitel a{gap:14px;border-bottom:1px solid var(--linie);color:var(--tinte);font-size:16px}
.v3-lk__nr{min-width:22px;font:400 15px/1 var(--f-titel);color:var(--gold-dunkel)}
.v3-lade__kapitel .v3-ico{flex:none;margin-left:auto;color:var(--gold)}
.v3-lade .v3-recht{justify-content:flex-start;margin:0}

@media (max-width:1023px){
.v3-wege,.v3-kontakt,.v3-schritte{justify-content:center}
.v3-wege>.v3-gold{width:min(100%,360px)}
.v3-lade :is(.v3-sprache,.v3-recht){justify-content:center}
}

/* ---------- Chat-Blase (einmal je Sitzung, gleicher Schlüssel wie die Startseite) und Desktop-WhatsApp-Knopf */
.v3-blase-box{position:fixed;z-index:1044;right:12px;bottom:calc(var(--peek) + 12px);display:grid;justify-items:end;gap:14px;pointer-events:none;transition:translate .35s var(--kurve)}
.v3-blase-box>*{pointer-events:auto}
.v3-lade[data-zustand=angedockt]~.v3-blase-box{translate:0 var(--peek)}
.v3-blase{position:relative;width:min(304px,100vw - 24px);padding:14px;border-radius:22px;background:var(--abzug);box-shadow:var(--ring-gold),0 22px 44px -16px rgb(60 40 10/.5);clip-path:inset(-40px -40px -40px -40px);animation:v3-blase .45s var(--kurve) both;transition:clip-path .4s var(--kurve),translate .4s var(--kurve)}
.v3-blase[data-tippt]{clip-path:inset(-40px -6px calc(100% - 80px) 0 round 22px);translate:0 calc(100% - 80px)}
.v3-blase::after{content:"";position:absolute;right:var(--sx,22px);bottom:-7px;width:14px;height:14px;background:var(--abzug);rotate:45deg;box-shadow:1px 1px 0 rgb(208 178 60/.34)}
@keyframes v3-blase{from{opacity:0;translate:0 14px;scale:.96}}
.v3-blase[data-weg]{opacity:0;translate:0 10px;transition:opacity .3s,translate .3s}
.v3-blase__zu{position:absolute;top:2px;right:2px;width:44px;height:44px;color:var(--gold-dunkel)}
.v3-blase__kopf{align-items:flex-start;gap:12px;padding-right:30px}
.v3-blase__bild{width:44px;height:44px;box-shadow:0 0 0 2px var(--gold),0 0 12px var(--licht);background:var(--sand) 50%/cover}
.v3-blase__text{position:relative;display:grid;gap:2px}
.v3-blase__name{font:600 13px/16px var(--f-text);letter-spacing:.04em;color:var(--gold-dunkel)}
.v3-blase__punkte{position:absolute;top:24px;left:0;display:flex;gap:5px;padding:8px 0}
.v3-blase__punkte i{width:7px;height:7px;border-radius:50%;background:var(--gold);animation:v3-tipp 1s infinite}
.v3-blase__punkte i:nth-child(2){animation-delay:.15s}
.v3-blase__punkte i:nth-child(3){animation-delay:.3s}
@keyframes v3-tipp{30%{opacity:1;translate:0 -4px}0%,60%,to{opacity:.35}}
@keyframes v3-auf{from{opacity:0;translate:0 8px}}
.v3-blase[data-tippt] :is(.v3-blase__satz,.v3-blase__wege){visibility:hidden}
.v3-blase:not([data-tippt]) .v3-blase__punkte{display:none}
.v3-blase:not([data-tippt]) :is(.v3-blase__satz,.v3-blase__wege){animation:v3-auf .3s}
.v3-blase__wege{display:grid;gap:8px;margin-top:12px}
.v3-blase__knopf{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 14px;border-radius:99px;font:600 15px/1.2 var(--f-text);text-decoration:none}
.v3-blase__knopf--wa{background:var(--wa);color:#0a3d1f}
.v3-blase__knopf--fb{background:#166fe5;color:#fff}
.v3-blase-box .v3-blase__knopf--wa{color:#0a3d1f}
.v3-blase-box .v3-blase__knopf--fb{color:#fff}
.v3-blase__kurz{display:none}
@media (max-width:1023px) and (max-height:700px),(max-width:360px){
.v3-blase{padding:10px 10px 10px 12px}
.v3-blase[data-tippt]{clip-path:inset(-40px -6px calc(100% - 64px) 0 round 22px);translate:0 calc(100% - 64px)}
.v3-blase__kopf{gap:10px}
.v3-blase__bild{width:40px;height:40px}
.v3-blase__hallo{display:none}
.v3-blase__satz{font-size:14px;line-height:18px}
.v3-blase__wege{display:flex;gap:8px;margin-top:8px}
.v3-blase__knopf{flex:1;gap:6px;padding:0 10px}
.v3-blase__wort{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.v3-blase__kurz{display:inline}
}
.v3-fab{display:none}

/* ---------- Brücke: Altklassen der Unterseiten im V3-Kleid (nur Optik; Texte, Titel, Links unverändert) */
/* Sprachwahl steht im V3-Kopf, die Kopie im Hero entfällt (keine doppelten Wege) */
.v3s .gaby-hero-language-wrap{display:none}
/* Platz für die alten Schwebeknöpfe wird nicht mehr gebraucht */
.v3s .gaby-article,.v3s .gaby-article-hero-inner{padding-right:1rem}
.v3s .gaby-article-hero h1{padding-right:0}
.v3s .gaby-article-hero{min-height:min(70vh,680px)}
/* Titel in Gilda Display, Tinte warm */
.v3s .gaby-article-hero h1{margin:.9rem 0 .7rem;font:400 clamp(28px,8.4vw,38px)/1.1 var(--f-titel);letter-spacing:0;color:var(--tinte);font-synthesis:none;text-wrap:balance;hyphens:manual;overflow-wrap:break-word}
.v3s :is(.gaby-prose h2,.gaby-xmas-card h2,.gaby-article-cta h2){font:400 clamp(26px,7vw,32px)/1.14 var(--f-titel);letter-spacing:0;color:var(--tinte);font-synthesis:none;text-wrap:balance}
.v3s .gaby-prose h2{margin:3rem 0 1rem}
.v3s .gaby-xmas-card h2,.v3s .gaby-article-cta h2{margin:0 0 .75rem}
.v3s .gaby-story-head h3{font:400 22px/1.2 var(--f-titel);color:var(--tinte)}
@media (min-width:1024px){
.v3s .gaby-article-hero h1{font-size:clamp(46px,4.2vw,60px);line-height:1.06;letter-spacing:-.01em}
.v3s :is(.gaby-prose h2,.gaby-xmas-card h2,.gaby-article-cta h2){font-size:clamp(32px,2.8vw,40px)}
.v3s .gaby-story-head h3{font-size:26px}
}
/* Kicker als Glas-Label mit Goldfaden (wie die Kapitelzeile der Startseite) */
.v3s .gaby-article-pill{display:inline-flex;align-items:center;gap:10px;padding:7px 14px;background:rgb(255 250 242/.92);color:var(--gold-dunkel);box-shadow:var(--ring-gold),0 8px 18px -10px rgb(60 40 10/.35);font:600 13px/16px var(--f-text);letter-spacing:.08em}
.v3s .gaby-article-pill::before{content:"";width:24px;height:1px;flex:none;background:var(--gold)}
.v3s .gaby-article-meta{color:var(--tinte-2)}
/* Fließtext warm statt Blaugrau */
.v3s .gaby-prose :is(p,li),.v3s .gaby-xmas-card li,.v3s .gaby-xmas-side p{color:var(--tinte)}
.v3s .gaby-article-lead{color:var(--tinte-2);border-left-color:var(--gold)}
.v3s .text-muted{color:var(--tinte-2)!important}
.v3s .gaby-prose a:not([class]){color:var(--gold-dunkel)}
/* Karten: Papier, Goldkante, weicher warmer Schatten */
.v3s :is(.gaby-xmas-card,.gaby-story,.gaby-article-cta){border:0;border-radius:var(--r-foto);background:var(--papier);box-shadow:var(--ring-gold),var(--sch-ruhe)}
.v3s .gaby-article-cta{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(70% 60% at 10% 0%,var(--licht),transparent 70%),var(--papier)}
.v3s .gaby-xmas-card li::before{color:var(--gold-dunkel)}
.v3s .gaby-xmas-price{font:400 56px/1 var(--f-titel);color:var(--gold-dunkel);background:var(--gt);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.v3s .gaby-xmas-limited{color:var(--gold-dunkel)!important}
/* Fotos randlos mit großem Radius und weichem Schatten */
.v3s .gaby-rep-open{border-radius:var(--r-foto);box-shadow:var(--sch-hoch)}
.v3s .gaby-story-item{border-radius:var(--r-bild);background:var(--sand)}
/* Ablauf: Gold-Nummern in Gilda */
.v3s .gaby-prose .process-steps li::before{font:400 18px/1 var(--f-titel);color:var(--gold-knopftext)}
.v3s .gaby-prose .process-steps li strong{color:var(--tinte)}
/* Knöpfe: Gold-Knopf und Umriss-Knopf der Startseite; mobil mittig und breit */
.v3s .gaby-article-btn{position:relative;overflow:hidden;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border:1px solid #fff;border-radius:999px;background:var(--gaby-primary-gradient);color:var(--gold-knopftext)!important;font:600 16px/1.2 var(--f-text);text-shadow:0 1px 0 rgba(255,255,255,.35);box-shadow:0 12px 20px -18px rgba(74,45,12,.45);transition:box-shadow .25s ease,transform .18s ease}
.v3s .gaby-article-btn:hover{box-shadow:0 14px 22px -18px rgba(74,45,12,.45),inset 0 4px 10px rgba(0,0,0,.12)}
.v3s .gaby-article-btn:active{background:var(--gaby-primary-gradient-dark);transform:translateY(1px)}
.v3s .gaby-article-btn--outline,.v3s .gaby-story-more{position:relative;overflow:hidden;isolation:isolate;min-height:48px;border:1px solid #b99a2f;border-radius:999px;background:#ffffff59;color:var(--gold-dunkel)!important;text-shadow:none;box-shadow:none;font:600 16px/1.2 var(--f-text)}
.v3s .gaby-story-more{display:inline-flex;align-items:center;padding:0 18px}
.v3s .gaby-article-btn--outline:hover,.v3s .gaby-story-more:hover{background:#fff;box-shadow:none}
@media (max-width:1023px){
.v3s .gaby-article-actions{justify-content:center}
.v3s .gaby-article-actions a{flex:1 1 100%;max-width:360px}
.v3s .gaby-xmas-side{text-align:center}
}

/* ---------- Desktop ab 1024 */
@media (min-width:1024px){
.v3-kopf{position:sticky;top:0;height:72px;margin-top:0;background:#f7f4f0f0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.v3-kopf a{white-space:nowrap}
.v3-kopf .v3-plakette img{height:64px;margin:-10px -32px -13px}
.v3-kopf__nav{display:flex;margin-left:auto}
.v3-kopf__nav a{position:relative;padding:12px clamp(6px,1vw,14px);font-size:15px;text-decoration:none}
.v3-kopf__nav a::after{inset:auto 10px 6px;opacity:0;transition:opacity .15s}
.v3-kopf__nav a:hover::after{opacity:1}
.v3-kopf__cta{display:inline-flex}
.v3-kopf__faden{display:block;position:absolute;inset:auto 0 0;height:2px;overflow:hidden}
.v3-fuss{padding-bottom:32px}
.v3-fuss__adresse>span{display:inline}
.v3-fuss__adresse>span::before{content:" · "}
.v3-chips{flex-wrap:wrap;overflow:visible;margin:0;padding:0}
.v3-fuss__held{width:360px}
.v3-fuss .v3-fuss__name{font-size:40px}
.v3-fuss__hub{display:grid;grid-template-columns:repeat(3,1fr);column-gap:40px;max-width:960px;margin:40px auto 0;padding-top:24px}
.v3-fuss__gruppe{border:0}
.v3-fuss__gruppe a{color:var(--tinte-2);font-size:16px}
.v3-lade{inset:0 0 0 auto;width:440px;height:100dvh;border-radius:var(--r-lade) 0 0 var(--r-lade);transform:translateX(100%);visibility:hidden;transition:transform .35s var(--kurve),visibility 0s .35s;animation:none}
.v3-lade:is([data-zustand=halb],[data-zustand=voll]){transform:none;visibility:visible;transition-delay:0s}
.v3-lade__kopf{display:none}
.v3-lade .v3-lade__inhalt,.v3-lade[data-zustand=voll] .v3-lade__inhalt{padding:8px 28px 28px}
.v3-lade .v3-lade__leiste,.v3-lade[data-zustand=voll] .v3-lade__kontakt{margin-inline:-28px;padding-inline:28px}
.v3-schleier{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.v3-blase-box{right:24px;bottom:24px}
.v3-fab{display:grid;width:56px;height:56px;background:var(--wa);color:#fff;box-shadow:0 0 0 3px #fff,0 0 0 4px rgb(7 94 84/.3),0 12px 26px -8px rgb(7 94 84/.6)}
.v3-blase::after{right:20px}
}

/* ---------- reduzierte Bewegung */
@media (prefers-reduced-motion:reduce){
.v3s :is(.v3-kopf,.v3-fuss,.v3-lade,.v3-blase-box,.gaby-article-btn,.gaby-story-more),.v3s :is(.v3-kopf,.v3-fuss,.v3-lade,.v3-blase-box,.gaby-article-btn,.gaby-story-more) *,.v3s :is(.v3-kopf,.v3-fuss,.v3-lade,.v3-blase-box,.gaby-article-btn,.gaby-story-more) ::before,.v3s :is(.v3-kopf,.v3-fuss,.v3-lade,.v3-blase-box,.gaby-article-btn,.gaby-story-more) ::after{animation:none!important}
.v3-lade{transition-duration:.12s}
.v3-plus::after{transition:none}
}

/* ---------- Brücke P2 (11.10.2026): Recht, 404, Portfolio, Preise, Über mich, Blog, Alben. Nur Optik, Texte unverändert */
/* Inhalt bündig mit dem V3-Kopf; Rechtstexte in Lesebreite */
.v3s main.py-5>.container{max-width:calc(var(--inhalt) + 2*var(--rand));padding-inline:var(--rand)}
.v3s body.gaby-legal-page main.py-5>.container{max-width:calc(960px + 2*var(--rand))}
/* Sprachwahl steht im V3-Kopf (keine doppelten Wege) */
.v3s :is(.gaby-about-language,.gaby-albums-language){display:none}
/* Überschriften in Gilda Display, Tinte warm; kleine Versal-Zeilen werden Kapitelzeilen in Gold */
.v3s main :is(h1,h2,h3):not(.text-uppercase){font-family:var(--f-titel);font-weight:400;font-synthesis:none}
.v3s :is(main.py-5,.gaby-about-page,.gaby-albums) :is(h1,h2,h3):not(.text-uppercase){letter-spacing:0;text-wrap:balance}
.v3s main :is(h1,h2,h3):not(.text-uppercase,[style*=color]){color:var(--tinte)}
.v3s main :is(h1.display-5,h1.display-6,.gaby-blog-head h1){font-size:clamp(34px,9vw,44px);line-height:1.1}
.v3s main :is(h2.h5,h3.h5,.gaby-blog-item h2){font-size:23px;line-height:1.2}
.v3s main.py-5 :is(h2.h4,h2.h3){font-size:clamp(26px,7vw,32px);line-height:1.15}
.v3s .gaby-about-hero h1{font-size:clamp(44px,12vw,72px);line-height:1.04}
.v3s .gaby-about-story-open h2{font-size:clamp(28px,7.4vw,40px);line-height:1.15}
.v3s .gaby-about-quote{font-family:var(--f-titel);font-synthesis:none}
.v3s main h3.text-uppercase,.v3s main p.text-uppercase,.v3s .gaby-about-kicker,.v3s .gaby-albums-kicker{color:var(--gold-dunkel)!important;font:600 13px/16px var(--f-text)!important;letter-spacing:.08em!important}
.v3s main .accordion-button{font-family:var(--f-text)}
.v3s main .badge.text-bg-light{display:inline-flex;align-items:center;gap:10px;padding:7px 14px;border-radius:999px;background:rgb(255 250 242/.92)!important;color:var(--gold-dunkel)!important;box-shadow:var(--ring-gold);font:600 12px/16px var(--f-text);letter-spacing:.08em;text-transform:uppercase}
.v3s main .badge.text-bg-light::before{content:"";width:20px;height:1px;flex:none;background:var(--gold)}
.v3s main p.display-6{font-family:var(--f-titel);font-weight:400;font-synthesis:none;color:var(--gold-dunkel)}
/* Blog-Artikel: der Textblock ist ein einziges, sehr hohes Element. Die Einblendung (gaby-article.js, threshold .08)
   löst bei niedrigen Bildschirmen (unter ca. 780 px Höhe, z. B. 320×568, 375×667) nie aus, der Text bliebe unsichtbar */
.v3s.gaby-anim .gaby-article>.gaby-prose.gaby-reveal{opacity:1;transform:none}
/* Fließtext und Links warm */
.v3s main.py-5 :is(p,li),.v3s .gaby-about-prose p{color:var(--tinte)}
.v3s main.py-5 :is(p.text-muted,.lead){color:var(--tinte-2)}
.v3s main a:not([class]){color:var(--gold-dunkel);text-decoration-color:rgb(125 98 16/.45);text-underline-offset:3px}
/* Karten: Papier, Goldkante, weicher warmer Schatten */
.v3s main :is(.bg-white.rounded-4,.gaby-blog-item){border:0;border-radius:var(--r-karte)!important;background:var(--papier)!important;box-shadow:var(--ring-gold),var(--sch-ruhe)!important}
.v3s .gaby-blog-item-img{border-radius:var(--r-karte) var(--r-karte) 0 0}
/* Knöpfe: Gold-Knopf der Startseite */
.v3s main :is(.btn-gaby,.album-material-more){position:relative;overflow:hidden;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 24px!important;border:1px solid #fff;border-radius:999px;background:var(--gaby-primary-gradient);color:var(--gold-knopftext)!important;font:600 16px/1.2 var(--f-text);text-shadow:0 1px 0 rgba(255,255,255,.35);box-shadow:0 12px 20px -18px rgba(74,45,12,.45);transition:box-shadow .25s ease,transform .18s ease}
.v3s main :is(.btn-gaby,.album-material-more):hover{box-shadow:0 14px 22px -18px rgba(74,45,12,.45),inset 0 4px 10px rgba(0,0,0,.12)}
.v3s main :is(.btn-gaby,.album-material-more):active{background:var(--gaby-primary-gradient-dark);transform:translateY(1px)}
/* mobil: Knöpfe mittig und breit */
@media (max-width:1023px){
.v3s main :is(.btn-gaby,.album-material-more,.gaby-article-btn,.cta-button){display:flex;justify-content:center;width:100%;max-width:360px;margin-inline:auto;text-align:center}
.v3s main .gaby-prose :is(.cta-block .cta-button,.callout--cta .callout__link){display:flex;align-items:center;justify-content:center;width:100%;max-width:360px;margin-inline:auto;text-align:center}
.v3s :is(.cta-block,.gaby-about-contact,.gaby-albums-hero .gaby-article-actions){text-align:center;justify-content:center}
.v3s main .gaby-albums-hero .gaby-article-actions{display:flex;flex-wrap:wrap;gap:14px;width:100%!important;max-width:none!important;align-items:center}
.v3s .gaby-albums-hero .gaby-albums-textlink{flex:1 1 100%;text-align:center}
}
/* Alben: rechter Freiraum für die alten Schwebeknöpfe entfällt (mobil) */
@media (max-width:760px){
.v3s .gaby-albums :is(.gaby-article-hero-inner,.gaby-albums-content){padding-right:1.25rem}
}
@media (min-width:1024px){
.v3s main :is(h1.display-5,h1.display-6,.gaby-blog-head h1){font-size:clamp(46px,4.2vw,56px)}
.v3s main.py-5 :is(h2.h4,h2.h3){font-size:clamp(32px,2.8vw,38px)}
}

/* ---------- Brücke P3 (12.10.2026): Landingpages (landing/landing_page.php). Nur Optik, Texte unverändert.
   Gilt nur in einem main mit .gaby-landing-hero (kommt ausschließlich aus landing_page.php) */
/* Inhalt bündig mit dem V3-Kopf */
.v3s main:has(>.gaby-landing-hero)>section>.container{max-width:calc(var(--inhalt) + 2*var(--rand));padding-inline:var(--rand)}
/* Ablauf-Karten wie die übrigen Karten: Papier, Goldkante */
.v3s main:has(>.gaby-landing-hero) .bg-light.rounded-4{border:0;border-radius:var(--r-karte)!important;background:var(--papier)!important;box-shadow:var(--ring-gold),var(--sch-ruhe)!important}
/* Begriffs-Pillen dürfen umbrechen (lange RO-Begriffe bei 320 px) */
.v3s main:has(>.gaby-landing-hero) .badge.text-bg-light{max-width:100%;white-space:normal;justify-content:center;text-align:center}
/* Umriss-Knopf der Startseite */
.v3s main:has(>.gaby-landing-hero) .btn-gaby-outline{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px!important;border:1px solid #b99a2f;border-radius:999px;background:#ffffff59;color:var(--gold-dunkel)!important;font:600 16px/1.2 var(--f-text);box-shadow:none}
.v3s main:has(>.gaby-landing-hero) .btn-gaby-outline:hover{background:#fff}
@media (max-width:1023px){
.v3s main:has(>.gaby-landing-hero) .btn-gaby-outline{display:flex;width:100%;max-width:360px;margin-inline:auto}
.v3s .gaby-landing-hero .d-flex.gap-3{justify-content:center}
}
/* Kategorie-Kacheln: bei schmalen Bildschirmen eine Spalte, damit lange Titel (RO) ganz auf dem Bild stehen */
@media (max-width:479px){
.v3s main:has(>.gaby-landing-hero) .gaby-categories-grid{grid-template-columns:minmax(0,1fr)}
}
@media (min-width:1024px){
.v3s main>.gaby-landing-hero-media{padding-inline:var(--seite)}
.v3s main>.gaby-landing-hero-media .gaby-landing-hero-collage{border-radius:var(--r-foto);overflow:hidden}
.v3s main>.gaby-landing-hero{padding-top:48px}
}
/* ---------- Brücke P3 Stufe 2 (12.10.2026). Nur Optik, Texte unverändert.
   Rechtsseiten: lange Adressen (z. B. OS-Plattform-Link) brechen um, sonst 3 px Überlauf bei 320 px */
.v3s .gaby-legal-page main{overflow-wrap:break-word}
/* ---------- Bilder immer ganz (Stani 12.10.2026) · Landingpages: Titelbild-Raster ohne Zoom
   Das Titelbild ist eine Collage aus 6 Fotos (1875 × 438). Mobil steht sie in zwei Reihen zu je 3 Fotos; die Teilung liegt genau
   auf der Fuge (Pixel 938), kein Foto wird geteilt. Der Scroll-Zoom (data-hero-zoom, bis 1,1-fach im randlosen Rahmen) schnitt
   die äußeren Fotos an und fällt hier weg. */
.v3s main:has(>.gaby-landing-hero) .gaby-hero-collage__image-img,.v3s main:has(>.gaby-landing-hero) .gaby-hero-collage__slice::before{transform:none!important;transition:none}
/* ---------- Bilder immer ganz · Landingpages mobil: Collage exakt halbiert (kein cover-Ausschnitt mehr)
   Obere Reihe: Bild in voller Höhe, doppelt so breit wie der Rahmen, der Rahmen zeigt genau die linke Hälfte (Fotos 1 bis 3).
   Untere Reihe: dieselbe Collage, rechte Hälfte (Fotos 4 bis 6), Seitenverhältnis 1875:876 statt 214:100 (das schnitt bei
   320 px 4 px vom dritten Foto ab). */
@media (max-width:767.98px){
.v3s main:has(>.gaby-landing-hero) .gaby-hero-collage{aspect-ratio:auto}
.v3s main:has(>.gaby-landing-hero) .gaby-hero-collage__image{height:auto}
.v3s main:has(>.gaby-landing-hero) .gaby-hero-collage__image-img{width:200%!important;max-width:none;height:auto;object-fit:fill}
.v3s main:has(>.gaby-landing-hero) .gaby-hero-collage__slice{aspect-ratio:1875/876}
.v3s main:has(>.gaby-landing-hero) .gaby-hero-collage__slice::before{background-size:200% 100%}
}
/* ---------- Bilder immer ganz (Stani 12.10.2026) · Artikel- und Reportage-Titelbild ganz statt Hintergrund mit cover
   Nur Kopfzeilen mit .gaby-article-hero--ganz (blog/article.php, reportagen/taufe-regensburg.php setzen die Klasse und
   --gaby-hero-r = Breite/Höhe der Datei). Das Foto steht vollständig im eigenen Format, abgerundet, höchstens 72 % der
   Bildschirmhöhe hoch; Titel, Kicker und Datum stehen darunter auf Creme statt auf einem Verlauf über dem Bild. */
.v3s .gaby-article-hero.gaby-article-hero--ganz{display:block;width:auto;min-height:0;margin-left:0;padding:clamp(12px,3vw,28px) var(--rand,16px) 0;background:none}
.v3s .gaby-article-hero--ganz::after{content:none}
.v3s .gaby-article-hero--ganz::before{content:"";display:block;width:min(100%,1200px,calc(72svh*(var(--gaby-hero-r))));aspect-ratio:var(--gaby-hero-r);margin:0 auto;border-radius:var(--r-foto,22px);background:#efe7dc var(--gaby-article-hero) center/100% 100% no-repeat;box-shadow:var(--sch-hoch,0 24px 48px -20px rgb(60 40 10/.42))}
.v3s .gaby-article-hero--ganz .gaby-article-hero-inner{padding-top:clamp(20px,4vw,36px)}
/* ---------- Brücke P3 Rest (13.10.2026) · Weihnachtskarte (partials/christmas_home.php, nur DE Familien-, Fotoshooting- und
   Fotostudio-Regensburg). Die Spalte war so breit wie das längste Titelwort („Weihnachtszauber.“) und damit breiter als die Karte:
   bei 320 px schnitt die Karte Foto und Text rechts ab (Foto nur zu 89 % sichtbar). Spalten dürfen schrumpfen, der Titel passt sich an. */
.v3s .gaby-christmas-home__inner{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:767px){.v3s .gaby-christmas-home__inner{grid-template-columns:minmax(0,1fr)}}
@media (max-width:419px){.v3s .gaby-christmas-home #christmas-home-title{font-size:clamp(24px,7.6vw,32px)}}