@font-face{font-family:peignot;src:url(../media/PeignotLTStd_Demi-s.p.18rutuwc05vsw.otf)format("opentype");font-display:swap;font-weight:400 700}@font-face{font-family:peignot Fallback;src:local(Arial);ascent-override:87.37%;descent-override:35.0%;line-gap-override:24.47%;size-adjust:81.72%}.peignot_43b075c5-module__ej7WYa__className{font-family:peignot,peignot Fallback}.peignot_43b075c5-module__ej7WYa__variable{--schrift-peignot:"peignot", "peignot Fallback"}
@font-face{font-family:gothic;src:url(../media/SDGothicNeo1R-s.2qb52y9k9pdtt.otf)format("opentype");font-display:swap;font-weight:400}@font-face{font-family:gothic Fallback;src:local(Arial);ascent-override:78.9%;descent-override:19.72%;line-gap-override:0.0%;size-adjust:101.4%}.gothic_4079f63f-module__V1QhxG__className{font-family:gothic,gothic Fallback;font-weight:400}.gothic_4079f63f-module__V1QhxG__variable{--schrift-hangul:"gothic", "gothic Fallback"}
:root{--blau:#5d85ca;--weiss:#fdfdfb;--fliesstext:clamp(19px, 5vw, 24px);--label:clamp(16px, 4.2vw, 19px);--titel:clamp(24px, 6.4vw, 30px);--aussenrand:clamp(20px, 3.5vw, 28px);--luft:clamp(64px, 14vw, 132px)}*{box-sizing:border-box}[hidden]{display:none!important}html{background:var(--blau)}body{background:var(--blau);color:var(--weiss);font-family:var(--schrift-peignot), var(--schrift-hangul), sans-serif;font-size:var(--fliesstext);-webkit-font-smoothing:antialiased;margin:0;line-height:1.7}:lang(ko),[lang=ko-KR]{word-break:keep-all;overflow-wrap:break-word;--fliesstext:clamp(17px, 4.4vw, 21px);--label:clamp(15px, 3.7vw, 17px);--titel:clamp(21px, 5.6vw, 26px)}:lang(de),[lang=de-CH]{-webkit-hyphens:auto;hyphens:auto}.fliesstext{font-size:var(--fliesstext);max-width:34ch;margin-inline:auto;line-height:1.7}.label{font-size:var(--label);letter-spacing:.18em;text-transform:uppercase;font-weight:700}h2.label{font-size:var(--titel);text-transform:none;letter-spacing:.06em}section{padding-block:var(--luft);padding-inline:var(--aussenrand)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}[data-ink]{--zug:0%;-webkit-mask-image:url(/art/tinte-maske.svg);mask-image:url(/art/tinte-maske.svg);-webkit-mask-size:100% 200%;mask-size:100% 200%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:50% var(--zug);-webkit-mask-position:50% var(--zug);mask-position:50% var(--zug);transition:mask-position var(--tinte-dauer,2.6s) cubic-bezier(.4, 0, .15, 1), -webkit-mask-position var(--tinte-dauer,2.6s) cubic-bezier(.4, 0, .15, 1)}[data-ink=laeuft],[data-ink=fertig]{--zug:100%}@media (prefers-reduced-motion:reduce){[data-ink]{--zug:100%;transition:none}}.hero{min-height:100svh;padding-inline:calc(var(--aussenrand) + 20px);text-align:center;place-content:center;justify-items:center;gap:0;display:grid}.hero__pflanze img{width:min(56vw,300px);height:auto}.hero__namen{letter-spacing:.04em;margin:28px 0 0;font-size:clamp(30px,8vw,54px);font-weight:400}.hero__namen img{width:min(78vw,440px);height:auto}.umschalter{top:calc(var(--aussenrand) + 16px);right:calc(var(--aussenrand) + 16px);z-index:60;gap:16px;display:flex;position:fixed}.umschalter a{color:var(--weiss);font-size:var(--label);letter-spacing:.14em;opacity:.45;cursor:pointer;border-bottom:1px solid #0000;padding:0 0 4px;font-weight:700;text-decoration:none;transition:opacity .35s,border-color .35s}.umschalter a[aria-current=true]{opacity:1;border-bottom-color:var(--weiss)}.umschalter a:focus-visible{outline:2px solid var(--weiss);outline-offset:4px}.blumen{width:min(56vw,300px);position:relative}.blumen img{width:100%;height:auto;display:block}.blumen img[data-blume=ko]{position:absolute;inset:0}.blumen__de{width:100%}.nur-vorlesen{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.einladung{text-align:center}.einladung p+p{margin-top:1.5em}.wannwo{text-align:center}.wannwo__paar{justify-items:center;gap:clamp(44px,8vw,72px);display:grid}.wannwo h2{opacity:.8;margin:0 0 22px;font-weight:700}.wannwo__datum{margin:0 0 clamp(30px,5vw,44px)}.zeiten{justify-items:center;gap:2px;margin:0;display:grid}.zeiten dt{opacity:.8}.zeiten dd{white-space:nowrap;margin:0}.zeiten dd+dt{margin-top:22px}.ort{font-style:normal}.anfahrt{text-align:center}.anfahrt__karte{width:min(78vw,400px);height:auto;margin-bottom:36px}.anfahrt h2{opacity:.8;margin:0 0 20px}.anfahrt__link{color:var(--weiss);border-bottom:1px solid var(--weiss);margin-top:28px;padding-bottom:4px;text-decoration:none;display:inline-block}.anfahrt__link:focus-visible{outline:2px solid var(--weiss);outline-offset:4px}.anfahrt__nurplan .anfahrt__link{margin-top:clamp(40px,9vw,72px)}html:not(.js) [data-ohne-js=zeigen]{--zug:100%;transition:none}html:not(.js) [data-ohne-js=verbergen]{--zug:0%;transition:none}.buehne{--ueberhoehung:1.16;--ueberbreite:1.05;--hoehe:min(calc(90svh / var(--ueberhoehung)), calc(90vw / var(--verhaeltnis) / var(--ueberbreite)));--breite:calc(var(--hoehe) * var(--verhaeltnis));--staerke-mm:1.5;--dicke:calc(var(--breite) * var(--staerke-mm) / 105);width:var(--breite);height:var(--hoehe);perspective:calc(var(--breite) * 5);touch-action:pan-y;cursor:grab;outline-offset:calc(var(--dicke) * 3);margin:0 auto;position:relative}.buehne[data-angefasst=ja]{cursor:grabbing}.buehne:focus-visible{outline:1px solid var(--weiss)}.karte{transform-style:preserve-3d;transform:rotateX(var(--neigung,6deg)) rotateY(var(--drehung,-24deg));position:absolute;inset:0}.karte__seite,.karte__kante{backface-visibility:hidden;outline:.5px solid #0000;position:absolute}.karte__seite{background:var(--blau);inset:0;overflow:hidden;box-shadow:0 0 0 .5px #101c3a47}.karte__seite img{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.karte__vorn{transform:translateZ(calc(var(--dicke) / 2))}.karte__hinten{transform:rotateY(180deg) translateZ(calc(var(--dicke) / 2))}.karte__vorn{filter:brightness(calc(.82 + .32 * max(0, cos(var(--drehung,0deg)))))}.karte__hinten{filter:brightness(calc(.82 + .32 * max(0, 0 - cos(var(--drehung,0deg)))))}.karte__seite:before{content:"";z-index:2;background-image:var(--korn-bild,url(/karte/papier.svg));background-size:calc(var(--breite) * var(--korn-kachel,.42)) calc(var(--breite) * var(--korn-kachel,.42));mix-blend-mode:var(--korn-mischung,soft-light);opacity:var(--korn-deckkraft,.45);pointer-events:none;position:absolute;inset:0}.karte__seite:after{content:"";z-index:3;opacity:calc(.35 + .65 * abs(sin(var(--drehung,0deg))));pointer-events:none;background:linear-gradient(104deg,#ffffff42 0%,#fff0 38% 62%,#ffffff1a 100%);position:absolute;inset:0}.karte__kante{filter:brightness(calc(.86 + .42 * abs(sin(var(--drehung,0deg)))));background:#c9d0d9}.karte__links,.karte__rechts{width:var(--dicke);height:100%;left:calc(50% - var(--dicke) / 2);background:linear-gradient(90deg,#8d97a5 0%,#e6ebf1 16%,#fff 33%,#b4bdc9 52%,#f1f4f8 72%,#929cab 100%)}.karte__links{transform:rotateY(-90deg) translateZ(calc(var(--breite) / 2))}.karte__rechts{transform:rotateY(90deg) translateZ(calc(var(--breite) / 2))}.karte__oben,.karte__unten{width:100%;height:var(--dicke);top:calc(50% - var(--dicke) / 2);background:linear-gradient(#8d97a5 0%,#e6ebf1 16%,#fff 33%,#b4bdc9 52%,#f1f4f8 72%,#929cab 100%)}.karte__oben{transform:rotateX(90deg) translateZ(calc(var(--hoehe) / 2))}.karte__unten{transform:rotateX(-90deg) translateZ(calc(var(--hoehe) / 2))}.karte__schatten{transform:translateZ(calc(var(--dicke) * -18)) translate(5%, 3.5%) scaleX(calc(.18 + .82 * abs(cos(var(--drehung,0deg)))));opacity:calc(.16 + .24 * abs(cos(var(--drehung,0deg))));filter:blur(calc(var(--breite) * .045));pointer-events:none;background:#101c3a;border-radius:2px;position:absolute;inset:0}.karte-abschnitt{align-content:center;justify-items:center;min-height:100svh;padding-block:4svh;display:grid}.geschenke{text-align:center}.geschenke__liste{margin:calc(var(--luft) * .36) auto 0;gap:calc(var(--luft) * .3);width:min(34ch,100%);padding:0;list-style:none;display:grid}.geschenke__konto{gap:6px;display:grid}.geschenke__name{font-size:var(--label);letter-spacing:.06em;font-weight:700}.geschenke__bank{font-size:var(--label);opacity:.72;font-weight:700}.geschenke__nummer{font-size:var(--fliesstext);letter-spacing:.04em;font-variant-numeric:tabular-nums}.galerie{text-align:center}.galerie h2{margin:0 0 calc(var(--luft) * .4)}.galerie__abzuege{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));grid-auto-flow:dense;align-items:start;gap:clamp(28px,5vw,56px) clamp(20px,3vw,36px);max-width:1180px;margin:0 auto;padding:0;list-style:none;display:grid}.galerie__abzug{--rand:clamp(8px, 2.4%, 14px);padding:var(--rand) var(--rand) calc(var(--rand) * 2.6);background:var(--weiss);transform:rotate(var(--neigung,0deg));transition:transform .6s cubic-bezier(.2, .8, .2, 1), mask-size var(--tinte-dauer) cubic-bezier(.65, 0, .35, 1), -webkit-mask-size var(--tinte-dauer) cubic-bezier(.65, 0, .35, 1);-webkit-mask-image:url(/art/herz-maske.svg);mask-image:url(/art/herz-maske.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:calc(var(--zug) * 4.5);-webkit-mask-size:calc(var(--zug) * 4.5);mask-size:calc(var(--zug) * 4.5);margin:0}.galerie__abzug:hover{transform:rotate(0)scale(1.02)}.galerie__abzug img{aspect-ratio:3/4;object-fit:cover;filter:saturate(.82)contrast(.94)sepia(.14);width:100%;height:auto;display:block}.galerie__abzug[data-format=quer] img{aspect-ratio:4/3}.galerie__abzug[data-format=panorama] img{aspect-ratio:auto}@media (min-width:640px){.galerie__abzug[data-format=quer],.galerie__abzug[data-format=panorama]{grid-column:span 2}}.galerie__abzug{position:relative;overflow:hidden}@media (prefers-reduced-motion:reduce){.galerie__abzug{transform:none}}.regler{z-index:200;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fdfdfb;background:#0c162edb;border-radius:10px;gap:10px;width:260px;padding:14px 16px 16px;font:400 12px/1.5 ui-sans-serif,system-ui,sans-serif;display:grid;position:fixed;bottom:16px;left:16px}.regler__titel{letter-spacing:.14em;text-transform:uppercase;opacity:.75;margin:0;font-size:12px;font-weight:700}.regler__zeile{gap:4px;display:grid}.regler__zeile span{justify-content:space-between;gap:8px;display:flex}.regler__zeile b{font-variant-numeric:tabular-nums;opacity:.8}.regler input[type=range]{accent-color:#9db8e8;width:100%}.regler select{color:inherit;font:inherit;background:#ffffff1a;border:1px solid #ffffff40;border-radius:5px;padding:4px 6px}.regler__knoepfe{gap:8px;display:flex}.regler__knoepfe button{color:inherit;font:inherit;cursor:pointer;background:#ffffff14;border:1px solid #ffffff40;border-radius:5px;flex:1;padding:6px 8px}.regler__knoepfe button:hover{background:#ffffff29}.plan{width:min(100%,620px);margin:0 auto calc(var(--luft) * .5);position:relative}.plan__zeichnung{width:100%;height:auto;display:block}.plan__punkt{font-size:var(--label);letter-spacing:.08em;white-space:pre;font-weight:700;line-height:1.15;position:absolute;transform:translate(-50%,-50%)}.plan__punkt[data-richtung=unten]{transform:translate(-50%,.6em)}.plan__punkt[data-richtung=rechts]{transform:translate(1.1em,-50%)}.plan__strasse{font-size:var(--label);letter-spacing:.08em;white-space:nowrap;opacity:.7;transform:translate(-50%, -50%) rotate(var(--winkel));font-weight:700;line-height:1;position:absolute}@media (max-width:560px){.plan__punkt,.plan__strasse{font-size:18.7px}}.auf-papier{--grund:hsl(var(--papier-ton,38) var(--papier-saettigung,20%) var(--papier-helligkeit,93%));--schrift:#2f5199;background-color:var(--grund);color:var(--schrift);isolation:isolate;position:relative}.auf-papier:before{content:"";z-index:-1;background-image:var(--korn-bild,url(/karte/papier.svg));mix-blend-mode:multiply;opacity:var(--papier-korn,.12);pointer-events:none;background-size:190px 190px;position:absolute;inset:0}.auf-papier .label,.auf-papier .fliesstext,.auf-papier h2,.auf-papier address{color:var(--schrift)}.auf-papier .anfahrt__link{border-color:currentColor}.teilen{text-align:center}.teilen__knopf{color:var(--schrift);font:inherit;font-size:var(--label);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-bottom:1px solid;padding:0 0 4px;font-weight:700;display:inline-block}.teilen__knopf:focus-visible{outline-offset:4px;outline:2px solid}.teilen__rueckmeldung{color:var(--schrift);opacity:.8;margin:24px 0 0}html[data-grund=papier] .umschalter,html[data-grund=papier] .umschalter a{color:#2f5199}.ansprache{text-align:center}.einladung+.ansprache{padding-top:clamp(40px,9vw,76px)}.einladung+.ansprache:after{content:"";opacity:.3;background:currentColor;width:min(148px,46%);height:1px;position:absolute;top:0;left:50%;translate:-50%}.ansprache h2{opacity:.8;margin:0 0 20px}.ansprache__beschreibung{margin-block:0 32px}.ansprache__knopf{color:var(--weiss);font:inherit;font-size:var(--label);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-bottom:1px solid;padding:0 0 4px;font-weight:700;display:inline-block}.ansprache__knopf:focus-visible{outline-offset:4px;outline:2px solid}.auf-papier .ansprache__knopf{color:inherit}.ansprache__brief{width:min(100vw - 2 * var(--aussenrand), 46rem);max-width:none;max-height:calc(100dvh - 2 * var(--aussenrand));overscroll-behavior:contain;color:var(--schrift);background:0 0;border:0;margin:auto;padding:0;overflow-y:auto;box-shadow:0 24px 60px #101c3a73}.ansprache__brief::backdrop{background:#101c3a99}.ansprache__blatt{text-align:center;min-height:100%;padding:clamp(28px,5vw,44px) clamp(20px,6vw,64px) clamp(48px,7vw,72px)}.ansprache__titel{margin:clamp(20px, 4vw, 36px) 0 calc(var(--luft) * .35);padding-inline:44px}.ansprache__absatz+.ansprache__absatz{margin-top:1.5em}.ansprache__unterschrift{margin-top:calc(var(--luft) * .4);gap:6px;display:grid}.ansprache__datum{opacity:.75}.ansprache__kopf{z-index:1;height:0;position:sticky;top:0}.ansprache__schliessen{color:var(--schrift);cursor:pointer;background:0 0;border:0;padding:10px;line-height:0;position:absolute;top:calc(-1*clamp(28px,5vw,44px) + 12px);right:calc(-1*clamp(20px,6vw,64px) + 12px)}.ansprache__schliessen svg{display:block}.ansprache__schliessen:hover{opacity:.7}.ansprache__schliessen:focus-visible{outline-offset:2px;outline:2px solid}.ansprache__brief[lang=ko-KR] .ansprache__titel{font-size:26px}.ansprache__brief[lang=ko-KR] .ansprache__absatz,.ansprache__brief[lang=ko-KR] .ansprache__unterschrift{font-size:20px;line-height:1.8}
