/* ================= Prosito · Signatur-Vorlagen (signatur.js, Oli 24.10.2026) =================
   Die Bühne wird zur Einladungskarte: Papier mit Struktur, Prägung, Goldfolie mit wanderndem Glanz, Ornamente, Siegel, Seidenband.
   Ebenen in der Karte: 0 Papier · 1 Licht und Rahmen · 2 Ornamente · 3 Text. Ornamente liegen nie unter Text (eigene Zonen am Rand).
   --neigung / --neigung-y kommen aus showstopper.js (Handy-Neigung, ohne Sensor eine sanfte Selbstbewegung). */
.buehne.sg{display:block;min-height:0;padding:8px 0 14px;margin:0 0 4px;gap:0}
.buehne.sg.mittel{min-height:0;padding-bottom:8px}
.sg-raum{perspective:1100px;display:flex;justify-content:center}
.sg-karte{position:relative;width:100%;max-width:440px;border-radius:7px;padding:44px 30px 30px;color:var(--sg-tinte);isolation:isolate;
  box-shadow:0 0 0 1px color-mix(in srgb,var(--sg-f1) 55%,transparent),0 2px 3px rgba(0,0,0,.25),0 22px 46px rgba(0,0,0,.42),0 6px 14px rgba(0,0,0,.2);
  transform-style:preserve-3d;will-change:transform}
.sg-hell .sg-karte{box-shadow:0 0 0 1px color-mix(in srgb,var(--sg-f1) 45%,transparent),0 1px 2px rgba(40,30,10,.18),0 22px 46px rgba(30,20,10,.32),0 6px 14px rgba(30,20,10,.14)}
/* Karte im Raum: nur transform ändert sich je Bild (läuft auf der Grafikkarte, flüssig auf dem iPhone); der Schatten ist eine eigene Ebene, die mitwandert */
.sg-3d .sg-karte{transform:rotateX(calc(var(--neigung-y,0) * -4.5deg)) rotateY(calc(var(--neigung,0) * 7deg));box-shadow:0 0 0 1px color-mix(in srgb,var(--sg-f1) 55%,transparent),0 2px 3px rgba(0,0,0,.2)}
.sg-raum{position:relative}
.sg-schatten{position:absolute;left:4%;right:4%;top:6%;bottom:-2%;border-radius:12px;background:rgba(0,0,0,.5);filter:blur(22px);pointer-events:none;opacity:0;
  transform:translate3d(calc(var(--neigung,0) * -18px),calc(14px - var(--neigung-y,0) * 9px),0)}
.sg-3d .sg-schatten{opacity:1}.sg-hell.sg-3d .sg-schatten{background:rgba(40,25,5,.38)}
.sg-papier,.sg-licht{position:absolute;inset:0;border-radius:inherit;pointer-events:none}
.sg-papier{z-index:0;background-color:var(--sg-papier);
  background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 .5 0'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23p)' opacity='.55'/%3E%3C/svg%3E"),
    radial-gradient(130% 90% at 30% 0%,rgba(255,255,255,.07),rgba(0,0,0,.08));background-blend-mode:soft-light,normal;background-size:240px 240px,auto}
.sg-hell .sg-papier{background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .4 0 0 0 0 .32 0 0 0 .42 0'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23p)' opacity='.5'/%3E%3C/svg%3E"),
    radial-gradient(130% 90% at 30% 0%,rgba(255,255,255,.5),rgba(120,100,70,.06));background-blend-mode:multiply,normal}
/* Licht auf dem Papier: wandert mit der Neigung (wie eine Lampe über einer echten Karte) */
.sg-licht{z-index:1;overflow:hidden}
.sg-licht::before{content:"";position:absolute;left:-40%;top:-50%;width:180%;height:150%;background:radial-gradient(40% 36% at 50% 40%,rgba(255,255,255,.085),rgba(255,255,255,0) 72%);
  transform:translate3d(calc(var(--neigung,0) * 24%),calc(var(--neigung-y,0) * 16%),0)}
.sg-hell .sg-licht::before{background:radial-gradient(40% 36% at 50% 40%,rgba(255,255,255,.5),rgba(255,255,255,0) 72%)}
/* Rahmen (Goldlinien oder Blindprägung) */
.sg-karte::before,.sg-karte::after{content:"";position:absolute;pointer-events:none;z-index:1;border-radius:3px}
.sg-goldkranz .sg-karte::before,.sg-samtsiegel .sg-karte::before,.sg-lorbeergold .sg-karte::before{inset:10px;border:1px solid color-mix(in srgb,var(--sg-f1) 85%,transparent)}
.sg-goldkranz .sg-karte::after,.sg-samtsiegel .sg-karte::after,.sg-lorbeergold .sg-karte::after{inset:14px;border:.6px solid color-mix(in srgb,var(--sg-f1) 50%,transparent)}
.sg-artdeco .sg-karte::before{inset:9px;border:1px solid color-mix(in srgb,var(--sg-f1) 70%,transparent)}
.sg-sternstunde .sg-karte::before,.sg-weissgold .sg-karte::before,.sg-eiskristall .sg-karte::before{inset:11px;border:.75px solid color-mix(in srgb,var(--sg-f1) 70%,transparent)}
.sg-weissgold .sg-karte::before{border-color:color-mix(in srgb,var(--sg-f1) 90%,transparent)}
.sg-seidenband.sg-praeg .sg-karte::before,.sg-olivenzweig.sg-praeg .sg-karte::before{inset:13px;border:1px solid var(--sg-papierD);box-shadow:1px 1px 0 var(--sg-papierH),inset 1px 1px 0 var(--sg-papierH)}

/* ---------- Ornamente: Grundbild + Folienglanz (nur auf der Folie, Maske) ---------- */
.sg-o{position:absolute;display:block;z-index:2;pointer-events:none;width:calc(var(--sg-w) * var(--sg-s,1) * 1px);aspect-ratio:var(--sg-w) / var(--sg-h);background:var(--sg-b) center / 100% 100% no-repeat}
.sg-o::after{content:"";position:absolute;inset:0;opacity:0;-webkit-mask:var(--sg-m) center / 100% 100% no-repeat;mask:var(--sg-m) center / 100% 100% no-repeat;
  background:linear-gradient(112deg,rgba(255,255,255,0) 38%,rgba(255,252,240,.95) 50%,rgba(255,255,255,0) 62%) no-repeat;background-size:320% 100%;
  background-position:calc(50% - var(--neigung,0) * 150%) 0;mix-blend-mode:screen}
.sg-folie .sg-o::after{opacity:.85}
.sg-hell.sg-folie .sg-o::after{opacity:.6}
.sg-ecke{--sg-s:.74}
.sg-goldkranz .sg-ecke{--sg-s:.98}.sg-olivenzweig .sg-ecke{--sg-s:1.05}.sg-konfetti .sg-ecke{--sg-s:.95}
.sg-tl{top:5px;left:5px}.sg-tr{top:5px;right:5px;transform:scaleX(-1)}.sg-bl{bottom:5px;left:5px;transform:scaleY(-1)}.sg-br{bottom:5px;right:5px;transform:scale(-1,-1)}
.sg-krone,.sg-kranz,.sg-trenner{position:relative;margin:0 auto}
.sg-krone{--sg-s:.78;margin-top:-26px;margin-bottom:2px}
.sg-sternstunde .sg-krone{--sg-s:.96;margin-top:-34px;margin-bottom:0}
.sg-eiskristall .sg-krone{--sg-s:.5;margin-top:-28px;margin-bottom:0}
.sg-weissgold .sg-krone{--sg-s:1.7;margin-top:-24px;margin-bottom:6px}
.sg-weissgold .sg-karte{overflow:hidden}
.sg-trenner{--sg-s:1;margin:2px auto 0}
.sg-linie{display:block;width:46px;height:1px;margin:6px auto 2px;background:linear-gradient(90deg,transparent,var(--sg-f1),transparent)}
.sg-fuss{--sg-s:.8;left:50%;bottom:16px;margin-left:calc(var(--sg-w) * var(--sg-s) * -.5px)}
.sg-kranzbox{position:relative;display:flex;align-items:center;justify-content:center;width:calc(300px * var(--sg-ks,.92));height:calc(150px * var(--sg-ks,.92));margin:-18px auto 0}
.sg-kranzbox .sg-kranz{position:absolute;inset:0;--sg-s:var(--sg-ks,.92);margin:0}
.sg-kranzbox .b-logo{position:relative;z-index:3;margin-top:-6px}
.sg-kranzbox .b-logo img{max-width:calc(140px * var(--sg-ks,.92))!important;max-height:calc(50px * var(--sg-ks,.92))!important}
.sg-kranzbox .b-logo.plakette{padding:5px 9px}
.sg-kranzbox .sg-kranzsiegel{position:relative;--sg-s:.56;z-index:3;margin-top:-8px;filter:drop-shadow(0 3px 4px rgba(0,0,0,.35))}
.sg-praegebild{--sg-s:.9;right:-104px;top:-104px;opacity:.85}
.sg-lampions{--sg-s:1;left:0;top:0;width:100%!important;border-radius:7px 7px 0 0}
.sg-p-abend .sg-karte{padding-top:84px}
.sg-schleife{--sg-s:.74;left:-8px;top:-12px;filter:drop-shadow(0 3px 4px rgba(0,0,0,.25))}
.sg-band{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden;border-radius:inherit}
.sg-band::before{content:"";position:absolute;left:-58px;top:24px;width:200px;height:28px;transform:rotate(-45deg);transform-origin:center;
  background:linear-gradient(180deg,color-mix(in srgb,var(--sg-akzentf) 70%,#000) 0%,var(--sg-akzentf) 18%,color-mix(in srgb,var(--sg-akzentf) 60%,#fff) calc(42% + var(--neigung,0) * 22%),var(--sg-akzentf) 70%,color-mix(in srgb,var(--sg-akzentf) 60%,#000) 100%);
  box-shadow:0 2px 4px rgba(0,0,0,.25)}
.sg-siegel{--sg-s:.7;left:50%;bottom:-34px;margin-left:-35px;filter:drop-shadow(0 4px 5px rgba(0,0,0,.4));z-index:4}
.buehne.sg-samtsiegel{padding-bottom:40px}
/* Samt: Flor in feinen Bahnen, Glanz wandert mit */
.sg-samtsiegel.sg-dunkel .sg-papier{background-image:radial-gradient(90% 70% at calc(40% + var(--neigung,0) * 40%) 20%,rgba(255,200,210,.16),rgba(0,0,0,0) 60%),repeating-linear-gradient(90deg,rgba(0,0,0,.12) 0 2px,rgba(255,255,255,.025) 2px 4px),radial-gradient(120% 90% at 50% 0%,rgba(255,255,255,.04),rgba(0,0,0,.35));background-size:auto}
/* Eisglas: gefroren, Rand heller, Regenbogenglanz auf der Silberfolie */
.sg-p-glas .sg-papier{background:linear-gradient(160deg,color-mix(in srgb,var(--sg-papier) 94%,#fff),color-mix(in srgb,var(--sg-papier) 98%,#000)),var(--sg-papier);box-shadow:inset 0 0 0 1px rgba(255,255,255,.5),inset 0 0 40px rgba(255,255,255,.35)}
.sg-eiskristall .sg-o::after{background:linear-gradient(112deg,rgba(255,255,255,0) 30%,rgba(255,170,200,.8) 42%,rgba(255,255,255,.95) 50%,rgba(150,220,255,.85) 58%,rgba(255,255,255,0) 70%) no-repeat;background-size:320% 100%;background-position:calc(50% - var(--neigung,0) * 150%) 0}
/* Abendhimmel (Sommernacht) */
.sg-p-abend.sg-dunkel .sg-papier{background:linear-gradient(180deg,var(--sg-papier) 0%,color-mix(in srgb,var(--sg-papier) 70%,#4a2a63) 55%,color-mix(in srgb,var(--sg-papier) 55%,#5c2846) 100%)}
/* Scherenschnitt: drei Papierlagen, die sich gegeneinander verschieben */
.sg-wald{--sg-s:1;left:0;bottom:0;width:100%!important;border-radius:0 0 7px 7px;filter:drop-shadow(0 -2px 2px rgba(0,0,0,.18))}
.sg-wald0{transform:translateX(calc(var(--neigung,0) * 3px)) scale(1.03);bottom:20px}
.sg-wald1{transform:translateX(calc(var(--neigung,0) * 9px)) scale(1.06);bottom:10px}
.sg-wald2{transform:translateX(calc(var(--neigung,0) * 17px)) scale(1.1);bottom:-2px}
.sg-scherenschnitt .sg-karte{padding-bottom:calc(min(100%,440px) * .23 + 40px);overflow:hidden}
.sg-flocken{position:absolute;left:0;right:0;bottom:0;height:120px;z-index:2;pointer-events:none;opacity:.9;
  background-image:radial-gradient(circle,#fff 0 1.4px,transparent 1.6px),radial-gradient(circle,#fff 0 1px,transparent 1.2px),radial-gradient(circle,rgba(255,255,255,.85) 0 2px,transparent 2.3px);
  background-size:53px 61px,37px 43px,89px 97px;animation:sgFlocken 9s linear infinite;-webkit-mask:linear-gradient(transparent,#000 30%);mask:linear-gradient(transparent,#000 30%)}
@keyframes sgFlocken{to{background-position:6px 61px,-4px 86px,10px 97px}}
.sg-mond{position:absolute;right:20px;top:20px;width:28px;height:28px;border-radius:50%;z-index:2;background:radial-gradient(circle at 38% 36%,#fffbe8,#f1e3b4 60%,#d9c48a);
  box-shadow:inset 1px 2px 3px rgba(0,0,0,.25),0 0 0 3px color-mix(in srgb,var(--sg-papier) 80%,#000 6%),0 0 18px rgba(255,236,170,.6)}
/* Funkeln: kleine Glanzsterne am Rand der Karte (Funkeln abschaltbar) */
.sg-funken{position:absolute;inset:0;z-index:2;pointer-events:none}
.sg-funken b{position:absolute;width:12px;height:12px;opacity:0;background:radial-gradient(circle,#fff 0 1px,transparent 2px),conic-gradient(from 0deg,transparent 0 40deg,rgba(255,255,255,.95) 45deg,transparent 50deg 130deg,rgba(255,255,255,.95) 135deg,transparent 140deg 220deg,rgba(255,255,255,.95) 225deg,transparent 230deg 310deg,rgba(255,255,255,.95) 315deg,transparent 320deg);
  border-radius:50%;animation:sgFunkeln 4.2s ease-in-out infinite;mix-blend-mode:screen}
.sg-hell .sg-funken b{mix-blend-mode:normal;filter:drop-shadow(0 0 1px color-mix(in srgb,var(--sg-f1) 80%,transparent)) brightness(.95) sepia(1) saturate(3) hue-rotate(-10deg)}
.sg-funken b:nth-child(1){left:8%;top:6px;animation-delay:.3s}.sg-funken b:nth-child(2){right:12%;top:12px;animation-delay:1.7s}.sg-funken b:nth-child(3){left:6px;top:42%;animation-delay:2.9s}
.sg-funken b:nth-child(4){right:7px;top:58%;animation-delay:.9s}.sg-funken b:nth-child(5){left:22%;bottom:8px;animation-delay:2.2s}.sg-funken b:nth-child(6){right:24%;bottom:6px;animation-delay:3.5s}.sg-funken b:nth-child(7){left:50%;top:5px;animation-delay:1.2s}
@keyframes sgFunkeln{0%,62%,100%{opacity:0;transform:scale(.3) rotate(0)}70%{opacity:1;transform:scale(1.25) rotate(25deg)}80%{opacity:0;transform:scale(.5) rotate(45deg)}}

/* ---------- Text auf der Karte ---------- */
.sg-inhalt{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px}
.buehne.sg .b-logo{min-height:0;margin:0 0 6px}
.buehne.sg .b-logo img{filter:none;max-width:min(58vw,230px)}
.buehne.sg .b-logo[data-g=s] img{max-height:28px}.buehne.sg .b-logo[data-g=m] img{max-height:40px}.buehne.sg .b-logo[data-g=l] img{max-height:56px}
.buehne.sg .b-logo.plakette:not(.dunkel){background:#fbf8f1}
.buehne.sg .b-logo.plakette{padding:7px 12px;border-radius:9px;box-shadow:0 0 0 1px color-mix(in srgb,var(--sg-f1) 60%,transparent),0 4px 12px rgba(0,0,0,.18)}
.buehne.sg .b-ort{font:600 11.5px/1.45 "Cinzel","Cormorant Garamond",Georgia,serif;letter-spacing:.3em;text-transform:uppercase;color:var(--sg-ort);max-width:92%;text-wrap:balance}
.buehne.sg .b-titel{font-family:"Cormorant Garamond","Playfair Display",Georgia,serif;font-weight:600;font-size:clamp(38px,11.4vw,56px);line-height:1.02;letter-spacing:0;color:var(--sg-tinte);margin:2px 0 0}
.sg-artdeco .b-titel{font-family:"Cinzel",Georgia,serif;font-weight:600;font-size:clamp(28px,8.6vw,42px);letter-spacing:.04em}
.buehne.sg .b-titel .b-name{font-size:1.3em;vertical-align:-.06em}
.buehne.sg .b-titel.sg-titel-lang{font-size:clamp(32px,9.2vw,46px)}.buehne.sg .b-titel.sg-titel-lang .b-name{font-size:1.2em}
.buehne.sg .b-titel.sg-titel-xl{font-size:clamp(27px,7.6vw,38px)}.buehne.sg .b-titel.sg-titel-xl .b-name{font-size:1.12em;display:inline;overflow-wrap:anywhere}
.sg-artdeco .b-titel .b-name{font-size:1.5em;letter-spacing:0}
.sg-datum{margin:2px 0 0;font:600 11.5px/1.5 "Cinzel","Cormorant Garamond",Georgia,serif;letter-spacing:.18em;text-transform:uppercase;color:var(--sg-tinte);text-wrap:balance}
.sg-praeg.sg-hell .sg-datum{text-shadow:0 1px 0 rgba(255,255,255,.85),0 -.5px 0 rgba(0,0,0,.12)}.sg-praeg.sg-dunkel .sg-datum{text-shadow:0 -1px 0 rgba(0,0,0,.55),0 1px 0 rgba(255,255,255,.07)}
.buehne.sg .b-feier{font:italic 500 19px/1.3 "Cormorant Garamond",Georgia,serif;color:var(--sg-zweit);margin:0}
.buehne.sg .b-chips{margin-top:10px}
.buehne.sg .b-chip{background:transparent;border:1px solid color-mix(in srgb,var(--sg-f1) 60%,transparent);color:var(--sg-tinte);-webkit-backdrop-filter:none;backdrop-filter:none}
.buehne.sg .b-chip.akzent{background:var(--sg-akzentf);border-color:var(--sg-akzentf);color:var(--at,#fff)}
.buehne.sg .b-count b{font-family:"Cormorant Garamond",Georgia,serif;font-size:19px;font-weight:600}
.buehne.sg .b-count small{font-family:"Cinzel",Georgia,serif;font-size:9px;letter-spacing:.14em}
/* Prägung (Letterpress): Licht von oben – auf hellem Papier vertieft, auf dunklem Karton leicht erhaben */
.buehne.sg .b-titel,.buehne.sg .b-feier,.buehne.sg .b-ort{text-shadow:none}
.sg-praeg.sg-hell .b-ort,.sg-praeg.sg-hell .b-feier,.sg-praeg.sg-hell:not(.sg-folie) .b-titel{text-shadow:0 1px 0 rgba(255,255,255,.85),0 -.5px 0 rgba(0,0,0,.12)}
.sg-praeg.sg-dunkel .b-ort,.sg-praeg.sg-dunkel .b-feier,.sg-praeg.sg-dunkel:not(.sg-folie) .b-titel{text-shadow:0 -1px 0 rgba(0,0,0,.55),0 1px 0 rgba(255,255,255,.07)}
/* Folie im Titel (Farben je Karte gerechnet, ≥ 4,8 : 1 zum Papier) */
body.fx-folie .buehne.sg:not(.sg-folie) .b-titel{background:none;color:var(--sg-tinte);-webkit-text-fill-color:currentColor;animation:none;filter:none}
body.fx-folie .buehne.sg:not(.sg-folie) .b-titel .b-name{background:none;-webkit-text-fill-color:currentColor;color:inherit}
.sg-folie.sg-dunkel .b-titel{filter:drop-shadow(0 -1px 0 rgba(0,0,0,.6)) drop-shadow(0 1px 0 rgba(255,255,255,.12))!important}
.sg-folie.sg-hell .b-titel{filter:drop-shadow(0 1px 0 rgba(255,255,255,.9)) drop-shadow(0 -.5px 0 rgba(60,40,10,.25))!important}
.sg-folie .b-titel{background:linear-gradient(105deg,var(--fo1) 0%,var(--fo2) 22%,var(--fo3) 34%,var(--fo2) 46%,var(--fo1) 62%,var(--fo2) 80%,var(--fo1) 100%);background-size:280% 100%;
  background-position:calc(var(--folie-auto,30%) + var(--neigung,0) * 38%) 50%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.sg-folie .b-titel .b-name{background:inherit;background-size:280% 100%;background-position:inherit;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}

/* ---------- Ränder je Signatur (Ornamente brauchen ihren Platz) ---------- */
.sg-goldkranz .sg-karte{padding:56px 40px 56px}
.sg-samtsiegel .sg-karte{padding:54px 40px 50px}
.sg-artdeco .sg-karte{padding:44px 34px 46px}
.sg-sternstunde .sg-karte{padding-top:46px;padding-bottom:44px}
.sg-seidenband .sg-karte{padding:50px 34px 32px}
.sg-olivenzweig .sg-karte{padding:60px 38px 58px}
.sg-konfetti .sg-karte{padding:60px 40px 70px}
.sg-lorbeergold .sg-karte{padding:40px 32px 34px}

/* ---------- Unterseiten und „mittel“ (nach der Zusage): flacher ---------- */
.buehne.sg.mittel .sg-karte{padding-top:34px;padding-bottom:22px}
.buehne.sg.mittel .b-titel{font-size:clamp(32px,9.4vw,46px)}
.buehne.sg.mittel .sg-krone{--sg-s:.56;margin-top:-22px}
.buehne.sg.mittel .sg-kranzbox{--sg-ks:.66}
.buehne.sg.mittel .sg-ecke{--sg-s:.6}
.buehne.sg.mittel.sg-scherenschnitt .sg-karte{padding-bottom:calc(min(100%,440px) * .23 + 36px)}
.buehne.sg.mittel.sg-samtsiegel{padding-bottom:40px}
.buehne.sg.mittel.sg-p-abend .sg-karte{padding-top:74px}
.buehne.sg.mittel.sg-samtsiegel .sg-karte{padding-bottom:46px}
/* Kleine Handys: kompakter, damit „Ich komme“ ohne Scrollen sichtbar bleibt */
@media (max-height:700px){
  .buehne.sg{padding:4px 0 8px}.sg-karte{padding:30px 22px 18px!important}.buehne.sg .b-titel{font-size:clamp(30px,9vw,40px)}.sg-datum{margin:2px 0 0;font:600 11.5px/1.5 "Cinzel","Cormorant Garamond",Georgia,serif;letter-spacing:.18em;text-transform:uppercase;color:var(--sg-tinte);text-wrap:balance}
.sg-praeg.sg-hell .sg-datum{text-shadow:0 1px 0 rgba(255,255,255,.85),0 -.5px 0 rgba(0,0,0,.12)}.sg-praeg.sg-dunkel .sg-datum{text-shadow:0 -1px 0 rgba(0,0,0,.55),0 1px 0 rgba(255,255,255,.07)}
.buehne.sg .b-feier{font-size:16px}
  .sg-inhalt{gap:3px}.buehne.sg .b-logo{margin-bottom:2px}.buehne.sg .b-logo img{max-height:30px!important}
  .sg-krone{--sg-s:.48!important;margin-top:-20px!important;margin-bottom:-4px!important}.sg-kranzbox{--sg-ks:.58!important;margin-top:-16px}.sg-ecke{--sg-s:.52!important}.sg-trenner{display:none}
  .sg-scherenschnitt .sg-karte{padding-bottom:calc(min(100%,440px) * .24 + 12px)!important}.sg-p-abend .sg-karte{padding-top:68px!important}
  .sg-artdeco .sg-karte{padding-bottom:40px!important}.sg-goldkranz .sg-karte,.sg-olivenzweig .sg-karte,.sg-konfetti .sg-karte,.sg-samtsiegel .sg-karte,.sg-sternstunde .sg-karte{padding-bottom:34px!important;padding-top:34px!important}
  .buehne.sg-samtsiegel{padding-bottom:30px}.sg-siegel{--sg-s:.52;bottom:-26px;margin-left:-26px}.sg-schleife{--sg-s:.46}.sg-praegebild{--sg-s:.9}.sg-fuss{bottom:10px}}
@media (max-width:350px){.sg-karte{padding-left:18px!important;padding-right:18px!important}.buehne.sg .b-ort{font-size:10px;letter-spacing:.16em}}

/* ---------- Galerie-Vorschau ---------- */
.sg-mini img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sgm-marke{background:linear-gradient(135deg,#fff3c8,#c9a24a)!important;color:#241a06!important}

/* ---------- Festlicher Moment bei der Zusage: Siegel „Dabei“ ---------- */
.sg-jubel{position:absolute;inset:0;width:100%;height:100%}
.sg-dabei{position:absolute;left:50%;top:38%;display:flex;flex-direction:column;align-items:center;gap:10px;transform:translate(-50%,-50%) scale(1.8);opacity:0;transition:transform .5s cubic-bezier(.2,1.4,.4,1),opacity .25s}
.sg-dabei.an{transform:translate(-50%,-50%) scale(1);opacity:1}.sg-dabei.weg{opacity:0;transform:translate(-50%,-56%) scale(.96);transition:opacity .6s,transform .6s}
.sg-dabei-siegel{width:112px;height:112px;filter:drop-shadow(0 8px 14px rgba(0,0,0,.45))}.sg-dabei-siegel svg{width:100%;height:100%;display:block}
.sg-dabei b{font:400 40px/1 "Great Vibes",cursive;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.6),0 0 30px color-mix(in srgb,var(--sg-f1) 60%,transparent)}

/* ---------- Umschlag: Seidenband statt Siegel ---------- */
#llumschlag .um-band{position:absolute;left:-2%;right:-2%;top:56%;height:9%;z-index:5;transform:translateY(-50%);
  background:linear-gradient(180deg,var(--um-bandD) 0%,var(--um-band) 22%,var(--um-bandH) 45%,var(--um-band) 70%,var(--um-bandD) 100%);box-shadow:0 2px 4px rgba(0,0,0,.3);transition:transform .7s cubic-bezier(.6,0,.3,1),opacity .5s}
#llumschlag .um-schleife{position:absolute;left:50%;top:56%;width:30%;z-index:6;transform:translate(-50%,-50%);transition:transform .6s cubic-bezier(.6,0,.3,1),opacity .45s;filter:drop-shadow(0 3px 4px rgba(0,0,0,.35))}
#llumschlag .um-schleife svg{width:100%;height:auto;display:block}
#llumschlag.auf .um-band{transform:translateY(260%) scaleX(1.02);opacity:0}
#llumschlag.auf .um-schleife{transform:translate(-50%,40%) scale(.6) rotate(18deg);opacity:0}
#llumschlag.mit-band .um-siegel{display:none}

@media (prefers-reduced-motion:reduce){.sg-funken,.sg-flocken{display:none}.sg-3d .sg-karte{transform:none}.sg-o::after{display:none}.sg-licht::before,.sg-schatten{transform:none}}

/* ---------- Seite unter der Karte: feiner Folienrand, Überschriften in Cormorant ---------- */
body.mit-sg.gast .karte{border-color:color-mix(in srgb,var(--sg-rand,#c9a24a) 42%,transparent)}
body.mit-sg.gast .karte h2{font-family:"Cormorant Garamond","Playfair Display",Georgia,serif;font-weight:700;font-size:29px;letter-spacing:.005em}
body.mit-sg.gast .kommst h2{font-size:31px}
body.mit-sg.gast .frei-titel{font-family:"Cinzel",Georgia,serif;letter-spacing:.16em}
@media (max-height:700px){body.mit-sg.gast .kommst h2{font-size:25px}body.mit-sg.gast .karte h2{font-size:24px}}
/* Startseite in derselben Briefpapier-Typografie */
body.mit-sg #splash h1{font-family:"Cormorant Garamond","Playfair Display",Georgia,serif!important;font-weight:700;letter-spacing:.005em}
body.mit-sg #splash .sl-zeile{font-family:"Cinzel",Georgia,serif;font-weight:600;letter-spacing:.22em!important}
body.mit-sg #splash .sl-spruch{font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;font-size:19px!important}
.sg-samtsiegel.sg-hell .sg-papier{background-image:radial-gradient(90% 70% at calc(40% + var(--neigung,0) * 40%) 20%,rgba(255,255,255,.35),rgba(255,255,255,0) 60%),repeating-linear-gradient(90deg,rgba(0,0,0,.025) 0 2px,rgba(255,255,255,.06) 2px 4px)}