@font-face{font-family:Hochzeit;src:url(/fonts/Z003-MediumItalic.otf)format("opentype");font-style:italic;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bordeaux:#601b1a;--bordeaux-tief:#471211;--rot:#722724;--creme:#fcf3e7;--papier:#fffaf3;--rosen:#f2e1d8;--altrosa:#dfa9a0;--tinte:#371d1b;--gedaempft:#6c504a;--linie:#e8d6c8;--serif:Georgia, "Times New Roman", serif;--sans:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--schrift:Hochzeit, "Palatino Linotype", Georgia, serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--tinte);background:var(--creme);font-family:var(--sans);margin:0}h1,h2,h3,p{margin:0}a{color:inherit}button,input,select{font:inherit}button:enabled{cursor:pointer}button:disabled{opacity:.62}:focus-visible{outline-offset:4px;outline:3px solid #b96455}::selection{color:var(--papier);background:var(--rot)}section[id]{scroll-margin-top:1.25rem}.kopfzeile{color:var(--creme);background:var(--bordeaux-tief);border-bottom:1px solid #ffffff2b;justify-content:space-between;align-items:center;gap:1rem;padding:.95rem max(5vw,50vw - 540px);display:flex}.monogramm{font:1.15rem var(--serif);letter-spacing:.16em;white-space:nowrap;text-decoration:none}.monogramm span{color:var(--altrosa)}.kopfzeile nav{gap:clamp(.8rem,3vw,2.1rem);font-size:.81rem;display:flex}.kopfzeile nav a{text-decoration:none}.kopfzeile nav a:hover{text-underline-offset:.27em;text-decoration:underline}.hero{color:var(--creme);background:radial-gradient(ellipse at 48% 42%, #762725 0%, var(--bordeaux) 50%, var(--bordeaux-tief) 100%);text-align:center;padding:clamp(.8rem,3vw,2.4rem) max(.6rem,3vw)}.einladung{isolation:isolate;min-width:0;max-width:1100px;margin:0 auto;padding:clamp(3.7rem,7vw,6rem) clamp(1.8rem,10vw,7.5rem) clamp(3.7rem,6vw,5.5rem);position:relative}.wellenrahmen{z-index:-1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.wellenrahmen path{fill:none;stroke:#f4dcc9;stroke-width:1.35px;vector-effect:non-scaling-stroke}.hero-kerze{color:#f0c4a9;opacity:.44;z-index:-1;width:clamp(40px,7vw,94px);height:auto;position:absolute}.kerze-links{bottom:20%;left:8%;transform:rotate(-4deg)}.kerze-rechts{top:35%;right:8%;transform:rotate(3deg)}.einladung-inhalt{max-width:39rem;margin-inline:auto}.ueberzeile{letter-spacing:.17em;text-transform:uppercase;font-size:.72rem;font-weight:680;line-height:1.55}.hero .ueberzeile{color:#f2d1c1}.namen{font:italic clamp(3.4rem, 12vw, 8.1rem)/.98 var(--schrift);letter-spacing:-.045em;white-space:nowrap;flex-wrap:nowrap;justify-content:center;align-items:center;margin:.18em auto .06em;display:flex}.namen .amp{color:var(--altrosa);margin-inline:.07em .11em;font-size:1.06em;font-weight:400}.trennzeichen{color:var(--altrosa);justify-content:center;align-items:center;gap:.7rem;margin:1.28rem auto 1.65rem;display:flex}.trennzeichen span{background:#dda99d79;width:clamp(1.7rem,7vw,4rem);height:1px}.trennzeichen b{font-size:.82rem;font-weight:400}.datum{font:clamp(1.38rem, 3.5vw, 2.13rem)/1.15 var(--serif)}.ort{color:#f4dacf;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.12rem .65rem;margin:.72rem auto 0;font-size:clamp(.81rem,2.2vw,1rem);line-height:1.5;display:flex}.ort time{white-space:nowrap}.einladungstext{max-width:27rem;font:italic clamp(1.04rem, 2.3vw, 1.26rem)/1.5 var(--serif);margin:1.12rem auto 0}.hero-aktionen{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:.7rem;margin:1.7rem 0 .95rem;display:flex}.knopf{border:1px solid #0000;border-radius:3px;justify-content:center;align-items:center;gap:.55rem;min-height:45px;padding:.76rem 1.2rem;font-size:.87rem;font-weight:700;line-height:1.3;text-decoration:none;transition:background .18s,border-color .18s;display:inline-flex}.pfeil{fill:none;stroke:currentColor;stroke-width:1.55px;stroke-linecap:round;stroke-linejoin:round;width:.92rem;height:.92rem}.knopf-hell{color:var(--bordeaux-tief);background:var(--creme)}.knopf-hell:hover:not(:disabled){background:#fffaf2}.knopf-outline{color:var(--creme);background:0 0;border-color:#f2d9c3a6}.knopf-outline:hover{border-color:var(--creme);background:#ffffff12}.knopf-bordeaux{color:var(--papier);background:var(--bordeaux)}.knopf-bordeaux:hover:not(:disabled){background:var(--bordeaux-tief)}.frist-hero{color:#f4dacf;font-size:.77rem}.stern{color:#a55249;font-size:.83rem}.adresse{background:var(--rosen);border-bottom:1px solid var(--linie);text-align:center;color:#59332e;font:1.02rem/1.5 var(--serif);justify-content:center;align-items:baseline;gap:.62rem;padding:1.08rem 1.25rem;display:flex}.adresse span:not(.stern){color:#9e6154;margin-inline:.23rem}.abschnitt{width:min(100% - 2.5rem,990px);margin-inline:auto;padding-block:clamp(2.7rem,6vw,5.1rem)}.zweispaltig{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:clamp(1.4rem,6vw,5.1rem);display:grid}.abschnitt-text{padding-block:.8rem}.abschnitt-text .ueberzeile,.orga .ueberzeile{color:var(--rot)}.abschnitt-text h2,.orga h1,.orga h2{font:400 clamp(2.45rem, 5.6vw, 4.05rem)/1.04 var(--serif);letter-spacing:-.044em;margin:.65rem 0 1rem}.abschnitt-text p:not(.ueberzeile){font:clamp(1.05rem, 2.5vw, 1.25rem)/1.62 var(--serif)}.abschnitt-text .sekundaer{color:var(--gedaempft);margin-top:.7rem}.gruesse-hintergrund{background:var(--rosen);border-top:1px solid var(--linie)}.formular-karte{background:var(--papier);border:1px solid var(--linie);border-radius:7px;gap:.94rem;min-width:0;padding:clamp(1.1rem,3vw,1.85rem);display:grid;box-shadow:0 9px 26px #4b210c0b}.feld{gap:.37rem;font-size:.87rem;font-weight:650;display:grid}.feld small{color:var(--gedaempft);font-size:.74rem;font-weight:450}.feld input,.code-eingabe input{width:100%;min-width:0;min-height:46px;color:var(--tinte);background:#fffdf8;border:1px solid #d7bdb0;border-radius:3px;padding:.66rem .72rem;font-size:1rem;font-weight:400}.feld input::placeholder{color:#765d54}.auswahl{border:0;min-width:0;margin:0;padding:0}.auswahl legend{margin-bottom:.43rem;padding:0;font-size:.87rem;font-weight:650}.auswahl-zeile{grid-template-columns:1fr 1fr;gap:.55rem;display:grid}.antwort-option{cursor:pointer;border:1px solid #d7bdb0;border-radius:3px;align-items:center;gap:.47rem;min-height:46px;padding:.58rem .65rem;font-size:.83rem;display:flex}.antwort-option:has(input:checked){border-color:var(--rot);background:#f6e6df}.antwort-option input{accent-color:var(--bordeaux);flex:none;width:1.02rem;height:1.02rem;margin:0}.begleitung-auswahl{gap:.55rem;display:grid}.begleitung-aktionen{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.5rem;display:grid}.erwachsenenzeile{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.45rem;display:grid}.anzahl-knopf,.erwachsene-hinzufuegen{min-height:44px;color:var(--bordeaux);background:#fffdf8;border:1px solid #d7bdb0;border-radius:3px;justify-content:center;align-items:center;gap:.42rem;display:inline-flex}.anzahl-knopf{min-width:44px;font-size:1.22rem}.erwachsene-hinzufuegen{text-align:left;justify-self:start;max-width:100%;padding:.45rem .64rem;font-size:.82rem;font-weight:650}.erwachsene-hinzufuegen span{font-size:1.17rem;line-height:1}.anzahl-knopf:hover:not(:disabled),.erwachsene-hinzufuegen:hover:not(:disabled){border-color:var(--rot);background:#f6e6df}.anzahl-knopf:disabled,.erwachsene-hinzufuegen:disabled{opacity:.48;cursor:default}.kinderanzahl{align-items:center;gap:.23rem;display:inline-flex}.kinderanzahl output{text-align:center;font-variant-numeric:tabular-nums;min-width:2.1rem;font-weight:650}.formular-notiz,.hinweis{color:var(--gedaempft);font-size:.76rem;line-height:1.55}.bestaetigung{justify-items:start;gap:.65rem}.bestaetigung h3{font:1.53rem/1.1 var(--serif)}.bestaetigung p{margin-top:.55rem;line-height:1.55}.haekchen{color:#3e613e;background:#e4eddf;border-radius:50%;place-items:center;width:2.1rem;height:2.1rem;font-size:1.15rem;display:grid}.textknopf{width:fit-content;color:var(--rot);text-underline-offset:.23em;background:0 0;border:0;padding:.22rem 0;font-size:.84rem;font-weight:650;text-decoration:underline}.textknopf:hover{color:var(--bordeaux-tief)}.dateifeld{text-align:center;background:#faf0e8;border:1px dashed #a67160;border-radius:4px;place-items:center;min-height:68px;padding:.75rem;font-size:.85rem;font-weight:650;display:grid;position:relative}.dateifeld:focus-within{outline-offset:4px;outline:3px solid #b96455}.dateifeld input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.dateiliste,.medienliste{margin:0;padding:0;list-style:none}.dateiliste li{border-bottom:1px solid var(--linie);padding:.35rem 0}.dateizeile{align-items:center;gap:.55rem;min-height:1.8rem;font-size:.82rem;display:flex}.dateiname{overflow-wrap:anywhere;flex:1}.groesse{color:var(--gedaempft);white-space:nowrap}.entfernen{color:var(--rot);background:0 0;border:0;min-width:34px;min-height:34px;font-size:1.3rem}progress{width:100%;accent-color:var(--bordeaux)}.erfolg,.fehler{font-size:.84rem;font-weight:610;line-height:1.55}.erfolg{color:#3c603b}.fehler{color:#9a251e}.fehler-hell{color:#ffe2d8}.fusszeile{color:var(--creme);background:var(--bordeaux-tief);flex-wrap:wrap;justify-content:center;align-items:center;gap:.55rem 1rem;padding:1.42rem 1rem;font-size:.77rem;display:flex}.signatur{font:italic 1.65rem var(--schrift)}.fusszeile a{color:#f2d1c1}.hero-gesperrt{place-items:center;min-height:100svh;display:grid}.hero-gesperrt .einladung{width:min(100%,900px);padding-block:clamp(4rem,8vw,6.6rem)}.code-intro{color:#fff0e4;max-width:25rem;font:1.18rem/1.48 var(--serif);margin-inline:auto}.code-form{text-align:left;gap:.45rem;max-width:22rem;margin:1.25rem auto 0;display:grid}.code-form label{color:#ffebdb;font-size:.8rem;font-weight:680}.code-eingabe{grid-template-columns:minmax(0,1fr) auto;gap:.45rem;display:grid}.code-eingabe input{text-transform:uppercase;letter-spacing:.06em}.orga{width:min(100% - 2.5rem,1040px);margin-inline:auto;padding:2.5rem 0 4.25rem}.orga-zugang{max-width:31rem;margin-top:1.25rem}.orga-zugang .code-form{max-width:none;margin:0}.orga-zugang .code-form label{color:var(--tinte)}.orga-links{flex-wrap:wrap;gap:.7rem 1.3rem;margin-top:1rem;display:flex}.orga-kopf{margin:2rem 0 1.2rem}.orga h2{margin:0;font-size:clamp(1.7rem,4vw,2.55rem)}.orga p{line-height:1.6}.orga>.knopf{margin-top:1rem}.kennzahlen{grid-template-columns:repeat(3,1fr);gap:.6rem;margin:1.5rem 0;display:grid}.kennzahlen div{background:var(--papier);border:1px solid var(--linie);border-radius:5px;padding:.8rem}.kennzahlen dt{color:var(--gedaempft);font-size:.8rem}.kennzahlen dd{font:2.1rem var(--serif);margin:.25rem 0 0}.orga-abschnitt{border-top:1px solid var(--linie);padding:1.1rem 0}.orga-zeile{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.7rem;margin-bottom:1rem;display:flex}.tabelle{overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:.84rem}td,th{border-bottom:1px solid var(--linie);padding:.67rem .5rem}.orga-begleitung{white-space:pre-line;overflow-wrap:anywhere}.medienliste li{border-bottom:1px solid var(--linie);justify-content:space-between;align-items:start;gap:.8rem;padding:.7rem 0;display:flex}.medienliste strong{overflow-wrap:anywhere}.medienliste li span{color:var(--gedaempft);margin-top:.25rem;font-size:.79rem;display:block}@media (max-width:650px){.einladung{padding-inline:2.2rem}.hero-kerze{opacity:.28}.kerze-links{bottom:16%;left:7%}.kerze-rechts{top:29%;right:7%}.namen{font-size:clamp(3rem,13vw,5.3rem)}.abschnitt{width:min(100% - 2.25rem,32rem)}.zweispaltig{grid-template-columns:minmax(0,1fr);gap:.9rem}.abschnitt-text{padding-block:0}.trennzeichen{margin-block:1.15rem}}@media (max-width:380px){.kopfzeile{padding-inline:.8rem}.kopfzeile nav{gap:.63rem;font-size:.75rem}.einladung{padding-inline:1.8rem}.namen{font-size:clamp(2.8rem,13vw,3.2rem)}.code-eingabe{grid-template-columns:minmax(0,1fr)}.hero-aktionen .knopf{width:100%}.auswahl-zeile{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.knopf{transition:none}}.adresse{flex-wrap:wrap;column-gap:.8rem}.anfahrt-link{white-space:nowrap;font-family:var(--sans);align-items:center;gap:.3rem;display:inline-flex}.gruss-studio{gap:1.1rem;display:grid}.gruss-station .ueberzeile{color:var(--rot)}.gruss-station{border:1px solid var(--linie);background:#fcf5eb;border-radius:10px;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);align-items:start;gap:clamp(1rem,3.8vw,2.8rem);padding:clamp(1.2rem,4vw,2.6rem);scroll-margin-top:1.2rem;display:grid}.video-station{background:#fff8ee}.video-station .gruss-station-text{align-self:center}.gruss-station h2{font:400 clamp(1.85rem, 4.2vw, 2.9rem)/1.08 var(--serif);letter-spacing:-.045em;margin:.5rem 0 .65rem}.gruss-station-text p:not(.ueberzeile,.gruss-hinweis){color:var(--gedaempft);font:1.05rem/1.55 var(--serif)}.gruss-hinweis{color:#744b45;letter-spacing:.02em;margin-top:.8rem;font-size:.77rem;font-weight:660}.gruss-werkzeug{gap:.85rem;min-width:0;display:grid}.kamera{isolation:isolate;color:#fff1e8;background:linear-gradient(135deg,#4d3e40,#251f22 45%,#33282b);border:1px solid #392a2b;border-radius:1.25rem;grid-template-columns:minmax(0,1fr) clamp(2.6rem,6.8vw,4.45rem);gap:clamp(.38rem,1.7vw,.95rem);padding:clamp(1.32rem,3vw,1.9rem) clamp(.42rem,1.4vw,.85rem) clamp(.62rem,1.6vw,1rem);display:grid;position:relative;box-shadow:inset 0 1px #766365a8,inset 0 -4px #161214b3,0 9px 21px #3a20283d}.kamera:before{content:"";z-index:-1;background:repeating-linear-gradient(90deg,#241d21 0 4px,#392e32 4px 6px);border:1px solid #44363b;border-radius:.38rem .38rem 0 0;width:22%;height:.8rem;position:absolute;top:-.62rem;right:8%}.kamera-sucher{background:#120f13;border-radius:.22rem;place-items:center;width:18%;height:.73rem;display:grid;position:absolute;top:.43rem;left:42%;box-shadow:0 1px #786168}.kamera-sucher span{background:linear-gradient(95deg,#303840,#715c67,#2f333b);border-radius:3px;width:43%;height:44%;display:block}.kamera-display{isolation:isolate;aspect-ratio:16/10;background:radial-gradient(at 48% 52%,#3a2c2e,#161419 80%);border:3px solid #181418;border-radius:.57rem;place-items:center;min-height:9.3rem;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #594a50,0 1px #715e62}.kamera-display video{object-fit:contain;background:#151318;width:100%;height:100%;position:absolute;inset:0}.kamera-livevideo{transform:scaleX(-1)}.kamera-platzhalter{color:#f4d7c8;align-content:center;justify-items:center;gap:.64rem;padding:.55rem .65rem;display:grid}.kamera-einschalten{color:#fff2ea;background:#4f333a;border:1px solid #b7898b;border-radius:.28rem;min-height:40px;padding:.5rem .72rem;font-size:.83rem;font-weight:680}.kamera-einschalten:hover:not(:disabled){background:#6d4350}.kamera-bedienung{align-content:center;justify-items:center;gap:.65rem;min-width:0;display:grid}.kamera-rad{aspect-ratio:1;background:repeating-conic-gradient(#30292e 0deg 9deg,#4b4147 9deg 18deg);border:1px solid #76656b;border-radius:50%;width:clamp(1.25rem,3.2vw,2.15rem);box-shadow:inset 0 0 0 .25rem #252026}.kamera-rotknopf{aspect-ratio:1;background:#1d171b;border:1px solid #98777d;border-radius:50%;place-items:center;width:clamp(2.35rem,6vw,3.6rem);padding:0;display:grid;box-shadow:0 2px 3px #150e14}.kamera-rotknopf span{aspect-ratio:1;background:#e64f56;border-radius:50%;width:63%;box-shadow:inset 0 1px #f89693}.kamera-rotknopf.nimmt-auf span{border-radius:.19rem;width:43%}.kamera-rotknopf:enabled:hover{border-color:#ffd3ca}.kamera-rec{color:#e0c2bf;letter-spacing:.1em;font-size:.58rem;font-weight:700}.kamera-status{color:#fff5ee;letter-spacing:.06em;font-variant-numeric:tabular-nums;background:#22161fdb;border-radius:.2rem;align-items:center;gap:.38rem;padding:.34rem .43rem;font-size:.64rem;font-weight:700;display:inline-flex;position:absolute;top:.5rem;left:.52rem}.kamera-status span{background:#85d5aa;border-radius:50%;width:.43rem;height:.43rem}.kamera-status.nimmt-auf span{background:#ff646a;animation:1.2s ease-out infinite aufnahme-puls}.kamera-fuss{color:var(--gedaempft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.35rem .8rem;font-size:.76rem;line-height:1.4;display:flex}.sprachbox{background:#fffdf8;border:1px solid #d4dfd2;border-radius:3rem;align-items:center;gap:clamp(.6rem,2.2vw,.9rem);min-height:5.15rem;padding:.53rem;display:flex;box-shadow:0 4px 12px #36493213}.sprachbox audio{width:100%;min-width:0;display:block}.sprachleiste{color:#4a5e51;flex:1;justify-content:space-between;align-items:center;gap:.45rem;min-width:0;padding:.15rem .25rem .15rem .75rem;display:flex}.sprachwelle{flex:1;align-items:center;gap:clamp(1px,.35vw,3px);min-width:0;height:2rem;display:flex}.sprachwelle span{background:#a0b0a3;border-radius:4px;flex:1;min-width:1px;max-width:3px;transition:height 95ms linear}.sprachzeit{font-variant-numeric:tabular-nums;font-size:.78rem;font-weight:650}.sprachbox.nimmt-auf .sprachwelle span{background:#24855d}.sprachbox.nimmt-auf .sprachzeit{color:#9b3139}.sprachknopf{color:#fff;background:#147851;border:0;border-radius:50%;flex:none;place-items:center;width:4.1rem;height:4.1rem;padding:0;display:grid;box-shadow:0 3px 9px #28644542}.sprachknopf:hover:not(:disabled){background:#0f6546}.sprachbox.nimmt-auf .sprachknopf{animation:1.45s ease-out infinite sprach-puls}.sprachstopp{background:currentColor;border-radius:.2rem;width:1.12rem;height:1.12rem}.sprachstatus{margin-top:-.48rem;padding-inline:.3rem}@keyframes aufnahme-puls{0%,to{opacity:1}52%{opacity:.48}}@keyframes sprach-puls{0%,to{box-shadow:0 0 #2f966a64,0 3px 9px #28644542}74%{box-shadow:0 0 0 .43rem #2f966a12,0 3px 9px #28644542}}.aufnahme-versand{gap:.75rem;padding-top:.2rem;display:grid}.aufnahme-aktionen{flex-wrap:wrap;align-items:center;gap:.6rem 1rem;display:flex}.erinnerungen-form{box-shadow:none;gap:.65rem;padding:.8rem}.erinnerungen-dateifeld{min-height:6.05rem;color:var(--bordeaux);align-content:center;gap:.35rem}.erinnerungen-liste li{padding:.48rem 0 .65rem}.erinnerung-beschreibung{gap:.3rem;margin:.2rem 0 .35rem}.erinnerung-beschreibung textarea{resize:vertical;width:100%;min-height:4.15rem;color:var(--tinte);font:1rem/1.35 var(--sans);background:#fffdf8;border:1px solid #d7bdb0;border-radius:3px;padding:.55rem .65rem}.erinnerung-beschreibung textarea::placeholder{color:#765d54}.orga-beschreibung{overflow-wrap:anywhere;margin-top:.3rem;font-size:.88rem}@media (max-width:650px){.gruss-studio{gap:.95rem}.gruss-station{grid-template-columns:minmax(0,1fr);gap:1.25rem}.gruss-station h2{margin-top:.36rem}.kamera{border-radius:.95rem}.kamera-bedienung{gap:.5rem}.sprachknopf{width:3.8rem;height:3.8rem}.sprachbox{min-height:4.88rem}}@media (prefers-reduced-motion:reduce){.kamera-status.nimmt-auf span,.sprachbox.nimmt-auf .sprachknopf{animation:none}.sprachwelle span{transition:none}}.trauzeugen-link{text-underline-offset:.26em;font-size:.77rem;font-weight:550;text-decoration-thickness:1px}.start-trauzeugen-link{color:#e9c7bc;margin-top:1.15rem;display:inline-block}.trauzeugen-link:hover{color:#fff6e9}.auftakt-laden,.hochzeitsauftakt{z-index:20;color:var(--creme);background:radial-gradient(at 50% 43%,#863f3b 0%,#68252c 48%,#401422 100%);position:fixed;inset:0}.auftakt-laden{font:1.25rem var(--serif);place-items:center;display:grid}.hochzeitsauftakt{overscroll-behavior:contain;padding:max(.7rem, env(safe-area-inset-top)) max(.55rem, env(safe-area-inset-right)) max(.7rem, env(safe-area-inset-bottom)) max(.55rem, env(safe-area-inset-left));place-items:safe center center;display:grid;overflow:clip auto}.hochzeitsauftakt.auftakt-schliesst{pointer-events:none;animation:.46s ease-in both vorhang-auf}.auftakt-karte{z-index:2;isolation:isolate;text-align:center;justify-items:center;width:min(100%,780px);min-width:0;padding:clamp(2.7rem,6vh,4.4rem) clamp(1.7rem,6vw,4.9rem) clamp(2.9rem,6.5vh,4.2rem);display:grid;position:relative}.auftakt-karte .wellenrahmen path{stroke:#f8d8b5;stroke-width:1.1px;opacity:.73}.auftakt-ueberspringen{color:#f3d4c9;text-underline-offset:.26em;background:0 0;border:0;padding:.4rem .25rem;font-size:.77rem;text-decoration:underline;position:absolute;top:clamp(1.35rem,4vw,2.05rem);right:clamp(1.7rem,5vw,3rem)}.auftakt-ueberspringen:hover{color:#fff5df}.glockenpaar{justify-content:center;align-items:center;width:min(100%,435px);height:clamp(10.1rem,31vh,17.6rem);margin-top:.85rem;display:flex;position:relative}.auftakt-glocke{transform-origin:50% 12%;width:46%;min-width:0;height:100%;transform:rotate(var(--ruhe));filter:drop-shadow(0 7px 14px #3a152a67);animation:glocken-wippen 1.16s ease-in-out var(--verzug) 4 both;flex:0 auto}.glocke-links{--ruhe:-15deg;--ausschlag:15deg;--verzug:.12s}.glocke-rechts{--ruhe:13deg;--ausschlag:-16deg;--verzug:.24s;margin-top:1.6rem;margin-left:-1.1rem}.glocken-schwingung{color:#f8ce9d;opacity:.68;width:100%;height:100%;animation:1.16s ease-in-out .12s 4 glocken-linien;position:absolute}.auftakt-text{animation:.85s cubic-bezier(.2,.76,.21,1) .65s both auftritt-text}.auftakt-text .ueberzeile{color:#f9d8ba;letter-spacing:.26em}.auftakt-text h1{font:400 clamp(3rem, 10vw, 6.6rem)/.98 var(--serif);letter-spacing:-.06em;text-wrap:balance;text-shadow:0 .1em .35em #44162964;margin-top:.24rem}.auftakt-einladung{font:italic clamp(1.05rem, 3.4vw, 1.4rem)/1.4 var(--serif);margin:1rem auto 0}.auftakt-aktionen{flex-wrap:wrap;justify-content:center;gap:.65rem;margin-top:1.55rem;display:flex}.auftakt-tonmeldung{color:#ffe3d9;margin-top:.7rem;font-size:.78rem}.auftakt-schmuck{z-index:1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.auftakt-ballons{position:absolute;inset:0}.auftakt-ballon{left:var(--x);bottom:var(--y);aspect-ratio:.79;background:radial-gradient(ellipse at 33% 25%, #fff9eb92 0 8%, transparent 36%), var(--farbe);opacity:.83;width:clamp(1.85rem,4.9vw,4rem);transform:rotate(var(--winkel));animation:ballons-steigen 3.85s cubic-bezier(.16,.52,.34,1) var(--verzug) both;border-radius:49% 51%/42% 45% 55% 58%;position:absolute;box-shadow:inset -.32rem -.24rem .5rem #62273b2e,0 .2rem .7rem #3a152341}.auftakt-ballon:before{background:var(--farbe);content:"";border-radius:60% 60% 25% 25%;width:11%;height:8%;position:absolute;top:97%;left:45%}.auftakt-ballon:after{content:"";border-left:1px solid #f8d0b17a;border-radius:50%;width:21%;height:82%;position:absolute;top:105%;left:51%;transform:rotate(-13deg)}.ballon-1{--x:8%;--y:56%;--winkel:-12deg}.ballon-2{--x:15%;--y:65%;--winkel:9deg}.ballon-3{--x:6%;--y:43%;--winkel:-18deg}.ballon-4{--x:85%;--y:70%;--winkel:10deg}.ballon-5{--x:92%;--y:60%;--winkel:17deg}.ballon-6{--x:89%;--y:43%;--winkel:-7deg}.ballon-7{--x:81%;--y:56%;--winkel:8deg}.auftakt-taube{z-index:1;width:clamp(3.4rem,11vw,9.3rem);transform:rotate(var(--schraeg));opacity:.92;filter:drop-shadow(0 4px 9px #4d1a3256);animation:tauben-fliegen 2.65s cubic-bezier(.2,.6,.22,1) var(--verzug) both;position:absolute;top:22%}.auftakt-taube svg{width:100%;display:block}.taube-links{--flug-start:22vw;--schraeg:-10deg;--verzug:.34s;left:17%}.taube-links svg{transform:scaleX(-1)}.taube-rechts{--flug-start:-22vw;--schraeg:12deg;--verzug:.65s;top:23%;right:14%}.taube-fluegel{transform-box:fill-box;transform-origin:78% 77%;animation:.52s ease-in-out 6 alternate tauben-flattern}.taube-fluegel-hinten{transform-origin:16% 84%;animation-direction:alternate-reverse}.auftakt-kanone{opacity:.9;filter:drop-shadow(0 .35rem .4rem #3a152349);width:clamp(3.4rem,10vw,7.3rem);animation:.55s ease-out .86s both kanone-rueckstoss;position:absolute;bottom:5.5%;right:max(3%,.8rem);transform:rotate(-18deg)}.auftakt-konfetti{position:absolute;bottom:12%;right:max(6%,1.9rem)}.auftakt-konfetti span{background:var(--farbe);opacity:0;width:clamp(3px,.65vw,8px);height:clamp(5px,.92vw,13px);animation:konfetti-fliegt var(--dauer) cubic-bezier(.15,.46,.27,1) var(--verzug) both;border-radius:1px;position:absolute}.auftakt-konfetti span:nth-child(3n){border-radius:50%;height:clamp(3px,.65vw,8px)}@keyframes auftritt-text{0%{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:translateY(0)}}@keyframes vorhang-auf{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.015)}}@keyframes glocken-wippen{0%,to{transform:rotate(var(--ruhe))}24%{transform:rotate(calc(var(--ruhe) + var(--ausschlag)))}72%{transform:rotate(calc(var(--ruhe) - var(--ausschlag)))}}@keyframes glocken-linien{0%,to{opacity:.42}25%,74%{opacity:.92}}@keyframes ballons-steigen{0%{opacity:0;transform:translateY(73vh) rotate(calc(var(--winkel) - 18deg))}22%{opacity:.83}to{opacity:.83;transform:translateY(0) rotate(var(--winkel))}}@keyframes tauben-fliegen{0%{opacity:0;transform:translate(var(--flug-start), 36vh) rotate(-24deg) scale(.48)}25%{opacity:.95}to{opacity:.92;transform:translate(0, 0) rotate(var(--schraeg)) scale(1)}}@keyframes tauben-flattern{0%{transform:scaleY(.48)rotate(-11deg)}to{transform:scaleY(1)rotate(7deg)}}@keyframes kanone-rueckstoss{0%,to{transform:rotate(-18deg)}30%{transform:translate(7px,7px)rotate(-24deg)}}@keyframes konfetti-fliegt{0%{opacity:0;transform:translate(0,0)rotate(0)}8%{opacity:1}50%{opacity:1;transform:translate3d(var(--flug-x), var(--flug-y), 0) rotate(var(--drehung))}to{opacity:0;transform:translate3d(calc(var(--flug-x) * 1.13), 22vh, 0) rotate(calc(var(--drehung) * 1.4))}}.einladung-ablauf{block-size:100vh;background:var(--creme);grid-template-rows:auto minmax(0,1fr) auto;block-size:100dvh;display:grid;position:fixed;inset:0;overflow:hidden}.einladung-ablauf[hidden],.ablauf-schritt[hidden],.gruss-schritt[hidden]{display:none}.ablauf-kopf{min-height:3.5rem;padding:max(.35rem, env(safe-area-inset-top)) max(4vw, calc((100vw - 1060px) / 2)) .35rem;color:var(--creme);background:var(--bordeaux-tief);border-bottom:1px solid #a46e60;justify-content:space-between;align-items:center;gap:.65rem;display:flex}.ablauf-kopf .monogramm{flex:none}.schnellwahl{color:#fff2e2;align-items:center;gap:.15rem;min-width:0;font-size:.81rem;display:flex}.schnellwahl a{white-space:nowrap;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;min-height:40px;padding:.27rem .68rem;text-decoration:none;display:inline-flex}:is(.schnellwahl a:hover,.schnellwahl a:focus-visible){background:#7c3a37}.schnellwahl a[aria-current=step]{background:#79312e;border-color:#c6917e}.ablauf-haupt{overscroll-behavior:contain;scroll-behavior:auto;flex-direction:column;min-height:0;display:flex;overflow:hidden auto}.ablauf-haupt[data-richtung=zurueck]{--schritt-richtung:-1}.ablauf-schritt{flex:1 0 auto;align-content:safe center;width:100%;min-height:100%;animation:.34s cubic-bezier(.2,.75,.25,1) both schritt-rein;display:grid}.ablauf-haupt[data-abgang=ja] .ablauf-schritt{pointer-events:none;animation:.155s ease-in both schritt-raus}@keyframes schritt-rein{0%{opacity:0;transform:translateX(calc(var(--schritt-richtung,1) * 1.2rem))}to{opacity:1;transform:translate(0)}}@keyframes schritt-raus{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translateX(calc(var(--schritt-richtung,1) * -.85rem))}}.ablauf-schritt [data-schritt-titel]:focus{outline:none}.ablauf-fuss{min-height:2.9rem;padding:.23rem max(4vw, calc((100vw - 1060px) / 2)) max(.23rem, env(safe-area-inset-bottom));color:#f8dfd2;background:var(--bordeaux-tief);border-top:1px solid #a46e60;grid-template-columns:1fr auto 1fr;align-items:center;gap:.6rem;display:grid}.ablauf-fuss>div{align-items:center;gap:.75rem;min-width:0;display:flex}.ablauf-fuss>div:last-child{justify-content:flex-end}.ablauf-fuss-knopf{color:#fff0e4;background:0 0;border:0;min-height:36px;padding:.23rem 0;font-size:.8rem;font-weight:680}.ablauf-fuss-knopf:hover{text-underline-offset:.22em;text-decoration:underline}.ablauf-stand{color:#ebc0af;white-space:nowrap;font-size:.76rem}.ablauf-fuss .trauzeugen-link{color:#e2b8ac}.trauung-szene{padding-block:.55rem}.trauung-szene .einladung{padding-block:clamp(1.85rem,4.5vh,4rem)}.trauung-szene .trennzeichen{margin-block:.85rem 1rem}.trauung-aufschlag{text-align:left;justify-content:center;align-items:center;gap:clamp(.7rem,2.7vw,1.65rem);display:flex}.trauung-portraet{background:#4b1517;border:1px solid #e1ae91;border-radius:45% 45% .22rem .22rem;flex:none;width:clamp(3.8rem,13vw,7.8rem);padding:.23rem;display:block;box-shadow:0 .45rem 1.3rem #280a0c90}.trauung-portraet img{aspect-ratio:4/5;object-fit:cover;object-position:53% 26%;border-radius:inherit;width:100%;height:auto;display:block}.trauung-titel{font:400 clamp(2.1rem, 7.9vw, 5.35rem)/1 var(--serif);letter-spacing:-.06em;margin-top:.43rem}.trauung-daten{grid-template-columns:repeat(2,minmax(0,1fr));gap:.62rem;width:min(100%,35.5rem);margin:0 auto;display:grid}.trauung-daten>div{background:#33152545;border:1px solid #e4b6a47a;border-radius:5px;align-content:start;gap:.3rem;padding:.78rem .58rem;display:grid}.trauung-daten time{gap:.3rem;display:grid}.trauung-daten strong{font:400 clamp(1.06rem, 2.8vw, 1.53rem)/1.18 var(--serif)}.trauung-daten span{color:#f5dcd0;font-size:.82rem;line-height:1.42}.trauung-anfahrt{color:#f7d6be;text-underline-offset:.22em;justify-content:center;align-items:center;gap:.35rem;font-size:.73rem;display:inline-flex}.trauung-szene .einladungstext{margin-top:.83rem}.trauung-szene .hero-aktionen{margin:.95rem 0 .05rem}.antwort-inhalt,.ablauf-schritt .gruss-studio{padding-block:clamp(.85rem,4vh,2.3rem)}.antwort-karte{align-content:start;gap:.6rem;min-width:0;display:grid}.antwort-karte>.textknopf{margin-inline:auto}.schritt-hinweis{color:#663534;background:#fbf6ea;border-radius:.35rem;width:fit-content;padding:.45rem .72rem;font-size:.8rem;font-weight:650}.ablauf-schritt .gruss-studio{gap:.62rem}.ablauf-schritt .erinnerungen-liste{overscroll-behavior:contain;max-block-size:min(15rem,34dvh);overflow-y:auto}@media (max-width:650px){.auftakt-karte{padding-top:3.7rem}.glockenpaar{margin-top:.1rem}.glocke-rechts{margin-top:1rem;margin-left:-.7rem}.auftakt-taube{width:clamp(3rem,14vw,5.6rem)}.taube-links{left:3%}.taube-rechts{right:3%}.ballon-1{--x:3%}.ballon-2{--x:10%}.ballon-3{--x:0%}.ballon-4{--x:87%}.ballon-5{--x:94%}.ballon-6{--x:92%}.ballon-7{--x:83%}.ablauf-kopf{gap:.34rem;min-height:3.2rem;padding-inline:.42rem}.ablauf-kopf .monogramm{letter-spacing:0;font-size:.95rem}.schnellwahl{flex:1;justify-content:flex-end;gap:0;font-size:clamp(.67rem,2.7vw,.78rem)}.schnellwahl a{padding-inline:.37rem}.ablauf-fuss{grid-template-columns:auto 1fr auto;gap:.32rem;padding-inline:.58rem}.ablauf-stand{text-align:center}.ablauf-fuss>div{gap:.47rem}.ablauf-fuss-knopf,.ablauf-fuss .trauzeugen-link,.ablauf-stand{font-size:.72rem}.trauung-aufschlag .ueberzeile{font-size:.62rem}.trauung-daten{grid-template-columns:minmax(0,1fr);gap:.42rem;max-width:22rem}.trauung-daten>div{padding-block:.54rem}.antwort-inhalt{gap:.58rem;padding-block:.7rem}.antwort-inhalt .abschnitt-text h2{margin:.36rem 0 .45rem;font-size:clamp(2.05rem,7.3vw,2.8rem)}.antwort-inhalt .abschnitt-text p:not(.ueberzeile){font-size:.97rem;line-height:1.43}.antwort-inhalt .formular-karte{gap:.55rem;padding:.75rem}.antwort-inhalt .formular-notiz{line-height:1.38}.antwort-inhalt .auswahl-zeile{grid-template-columns:repeat(2,minmax(0,1fr))}.ablauf-schritt .gruss-station{gap:1rem;padding:.9rem}.ablauf-schritt .gruss-station h2{margin:.32rem 0 .42rem}.ablauf-schritt .gruss-station-text p:not(.ueberzeile,.gruss-hinweis){font-size:.95rem;line-height:1.4}.ablauf-schritt .gruss-hinweis{margin-top:.45rem}}@media (max-width:360px){.schnellwahl a{padding-inline:.24rem}.ablauf-fuss>div{gap:.35rem}}@media (prefers-reduced-motion:reduce){.hochzeitsauftakt.auftakt-schliesst,.auftakt-glocke,.glocken-schwingung,.auftakt-text,.auftakt-ballon,.auftakt-taube,.taube-fluegel,.auftakt-kanone,.auftakt-konfetti span,.ablauf-schritt,.ablauf-haupt[data-abgang=ja] .ablauf-schritt{animation:none}}.ablauf-danke{isolation:isolate;color:var(--creme);text-align:center;background:radial-gradient(at 50% 43%,#9a4940 0%,#6a2426 39%,#3b1119 76%,#280c13 100%);padding:clamp(.6rem,2.5vw,1.6rem);position:relative;overflow:hidden}.ablauf-danke:before{content:"";z-index:-2;background:radial-gradient(at 50% 46%,#ffc4854a,#0000 64%);animation:2.2s ease-out both finale-licht;position:absolute;inset:0}.finale-herz{stroke:#f9c994;stroke-width:1.8px;stroke-linecap:round;filter:drop-shadow(0 0 .55rem #f7a05b);opacity:.54;pointer-events:none;width:min(94%,46rem);height:min(96%,36rem);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.finale-herz path{stroke-dasharray:1;animation:1.7s cubic-bezier(.42,0,.2,1) .23s both finale-herzlinie}.finale-effekte{pointer-events:none;position:absolute;inset:0}.finale-feuerwerk{width:0;height:0;position:absolute}.finale-rakete{width:3px;height:clamp(1.4rem,6vh,3.4rem);animation:finale-aufstieg .64s var(--start) ease-out both;background:linear-gradient(currentColor,#0000);border-radius:50%;position:absolute;box-shadow:0 -.18rem .8rem}.finale-explosion{filter:drop-shadow(0 0 .24rem);width:clamp(7.4rem,29vw,24rem);height:auto;animation:finale-feuerwerk 1.85s calc(var(--start) + .56s) cubic-bezier(.08,.56,.31,1) both;position:absolute;transform:translate(-50%,-50%)}.finale-konfetti{bottom:7%;left:var(--ursprung);background:var(--farbe);width:.42rem;height:.7rem;animation:finale-konfetti var(--flug) var(--start) cubic-bezier(.23,.55,.57,.94) both;border-radius:1px;position:absolute}.finale-konfetti:nth-child(3n){width:.27rem;height:.45rem}.finale-konfetti:nth-child(7n){border-radius:50%;width:.37rem;height:.37rem}.ablauf-danke-karte{isolation:isolate;background:radial-gradient(at 50% 49%,#4f181bc9,#4f181b65 53%,#0000 78%);width:min(100%,43rem);margin-inline:auto;padding:clamp(1.55rem,4.4vw,3.45rem) clamp(1.2rem,5.8vw,3.6rem);position:relative}.ablauf-danke-karte .wellenrahmen path{stroke:#f3c391;stroke-width:1px;opacity:.75}.finale-auftakt{color:#ffdfa8;animation:.6s .27s both finale-erscheinen}.ablauf-danke h2{font:400 clamp(2.02rem, 6.45vw, 4.05rem)/1.05 var(--serif);letter-spacing:-.04em;text-wrap:balance;text-shadow:0 .12rem 1.1rem #330d12;margin:.4rem auto .55rem;animation:.85s cubic-bezier(.18,.65,.28,1) .48s both finale-erscheinen}.finale-untertitel{color:#ffe3cf;font:italic clamp(.95rem, 3vw, 1.31rem)/1.32 var(--serif);text-wrap:balance;animation:.7s .81s both finale-erscheinen}.finale-fotos{justify-content:center;gap:clamp(.3rem,1.25vw,.75rem);margin:.98rem auto .55rem;padding:0;list-style:none;display:flex}.finale-fotos li{--neigung:-6deg;--auftritt:1.04s;width:clamp(2.9rem,13.5vw,6.2rem);animation:finale-foto .9s var(--auftritt) cubic-bezier(.2,.76,.3,1) both}.finale-fotos li:nth-child(2){--neigung:-2deg;--auftritt:1.18s}.finale-fotos li:nth-child(3){--neigung:3deg;--auftritt:1.32s}.finale-fotos li:nth-child(4){--neigung:7deg;--auftritt:1.46s}.finale-fotos a{background:#ffe9d2;border:1px solid #f9d6a4;border-radius:3px;padding:.18rem;transition:transform .2s;display:block;box-shadow:0 .32rem .85rem #2c090ca6}.finale-fotos a:is(:hover,:focus-visible){transform:translateY(-.22rem)}.finale-fotos img{aspect-ratio:1.13;object-fit:cover;width:100%;height:auto;display:block}.finale-fotos li:first-child img{object-position:50% 35%}.finale-fotos li:last-child img{object-position:62% 58%}.finale-signatur{color:#ffdeac;font:italic clamp(1.56rem, 4.5vw, 2.34rem)/1.18 var(--schrift);animation:.65s 1.42s both finale-erscheinen}.finale-hinweis{color:#ffe9d7;margin-top:.3rem;font-size:.76rem}.finale-weiter{margin-top:.6rem}@keyframes finale-licht{0%,13%{opacity:0}46%{opacity:1}to{opacity:.48}}@keyframes finale-herzlinie{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes finale-aufstieg{0%{opacity:0;transform:translateY(46dvh)scale(.8)}24%{opacity:1}to{opacity:0;transform:translateY(-.3rem)scale(.28)}}@keyframes finale-feuerwerk{0%{opacity:0;transform:translate(-50%,-50%)scale(.03)}19%{opacity:1}66%{opacity:.65}to{opacity:0;transform:translate(-50%,-37%)scale(1.36)}}@keyframes finale-konfetti{0%{opacity:0;transform:translate(0)rotate(0)}10%{opacity:.98}34%{transform:translate(var(--bogen), var(--hoehe)) rotate(170deg) rotateY(35deg)}78%{opacity:.88}to{transform:translate(var(--drift), 10dvh) rotate(var(--drehung)) rotateY(230deg);opacity:0}}@keyframes finale-erscheinen{0%{opacity:0;transform:translateY(.64rem)}to{opacity:1;transform:translateY(0)}}@keyframes finale-foto{0%{opacity:0;transform:translateY(1.5rem)rotate(0)scale(.82)}to{transform:translateY(0) rotate(var(--neigung)) scale(1);opacity:1}}@media (prefers-reduced-motion:reduce){.finale-effekte{display:none}.ablauf-danke:before,.finale-herz path,.finale-auftakt,.ablauf-danke h2,.finale-untertitel,.finale-fotos li,.finale-signatur{animation:none}.finale-fotos a{transition:none}}