.fotobuch{--fb-sun:var(--color-sun,#fae00e);--fb-ink:var(--color-ink,#0b0b0b);--fb-paper:var(--color-paper,#f6f3ea);--fb-papier:#fbf8f0}html.fotobuch-gesperrt{overflow:hidden}.fb-knopf{background:var(--fb-sun);min-width:3rem;min-height:3rem;color:var(--fb-ink);border-radius:999px;grid-auto-flow:column;place-items:center;gap:.5rem;padding:.5rem;font-weight:700;transition:transform .2s,opacity .2s;display:inline-grid}.fb-knopf:hover:not(:disabled){transform:scale(1.06)}.fb-knopf:disabled{opacity:.35;cursor:not-allowed}.fb-knopf-hell{background:var(--fb-ink);color:var(--fb-sun);padding-inline:1.25rem}.fotobuch :focus-visible{outline:3px solid var(--fb-sun);outline-offset:3px}.fb-seite :focus-visible{outline-color:var(--fb-ink)}.fb-chip{border:2px solid var(--fb-sun);color:var(--fb-sun);font-family:var(--font-display,"Bebas Neue", sans-serif);letter-spacing:.04em;border-radius:999px;padding:.35rem 1rem;font-size:1.35rem;transition:background .2s,color .2s}.fb-chip:hover{background:var(--fb-sun);color:var(--fb-ink)}.fb-zurueck-link{color:var(--fb-sun);text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:.35rem;font-size:.85rem;font-weight:700;display:inline-flex}.fb-zurueck-link:hover{text-underline-offset:4px;text-decoration:underline}.fb-umschalter{border:2px solid var(--fb-sun);border-radius:999px;padding:.25rem;display:inline-flex}.fb-umschalter button{color:var(--fb-paper);border-radius:999px;padding:.45rem 1.1rem;font-weight:700}.fb-umschalter button[aria-pressed=true]{background:var(--fb-sun);color:var(--fb-ink)}.fb-jahreszahl{color:#0000;-webkit-text-stroke:2px var(--fb-sun);letter-spacing:.02em;z-index:0;pointer-events:none;margin-bottom:-.12em;font-size:clamp(5rem,18vw,13rem);line-height:.8;position:relative}.fb-karte{perspective:900px}.fb-karte-link{transform-style:preserve-3d;background:var(--fb-ink);box-shadow:-6px 0 0 0 color-mix(in srgb, var(--fb-sun) 85%, black), 0 20px 40px -12px #000000b3;border-radius:.35rem 1rem 1rem .35rem;display:block;position:relative;overflow:hidden}.fb-karte-bild{aspect-ratio:4/3;display:block;overflow:hidden}.fb-karte-bild img{object-fit:cover;filter:saturate(.9);width:100%;height:100%;transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .4s}.fb-karte-link:hover .fb-karte-bild img,.fb-karte-link:focus-visible .fb-karte-bild img{filter:saturate(1.1);transform:scale(1.06)}.fb-karte-text{background:linear-gradient(#0000,#000000d9);padding:3rem 1.25rem 1.1rem;position:absolute;inset:auto 0 0}.fb-raster{columns:2 12rem;column-gap:.75rem}@media (width>=1024px){.fb-raster{columns:4 14rem}}.fb-raster li{break-inside:avoid;margin-bottom:.75rem}.fb-kachel{background:#1a1a1a;border-radius:.5rem;width:100%;display:block;overflow:hidden}.fb-kachel img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.fb-kachel:hover img{transform:scale(1.04)}.fb-buch{perspective:2600px;outline-offset:8px;touch-action:pan-y;width:100%;position:relative}.fb-buch[data-modus=doppel]{aspect-ratio:3/2;width:min(100%,150svh - 22.5rem)}.fb-buch[data-modus=einzel]{aspect-ratio:3/4;width:min(100%,75svh - 10.5rem)}.fb-stapel{transform-style:preserve-3d;position:absolute;inset:0}.fb-blatt{height:100%;transform-style:preserve-3d;transform-origin:0;will-change:transform;position:absolute;top:0}.fb-buch[data-modus=doppel] .fb-blatt{width:50%;left:50%}.fb-buch[data-modus=einzel] .fb-blatt{width:100%;left:0}.fb-seite{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:var(--fb-papier);color:var(--fb-ink);position:absolute;inset:0;overflow:hidden}.fb-vorne{border-radius:0 .6rem .6rem 0;box-shadow:inset 18px 0 24px -16px #00000059,0 18px 40px -18px #000c}.fb-hinten{border-radius:.6rem 0 0 .6rem;transform:rotateY(180deg);box-shadow:inset -18px 0 24px -16px #00000059,0 18px 40px -18px #000c}.fb-buch[data-modus=einzel] .fb-vorne{border-radius:.6rem;box-shadow:inset 10px 0 16px -12px #0000004d,0 18px 40px -18px #000c}.fb-schatten{z-index:2;pointer-events:none;opacity:0;background:linear-gradient(90deg,#0000008c,#00000026);position:absolute;inset:0}.fb-hinten .fb-schatten{background:linear-gradient(-90deg,#0000008c,#00000026)}.fb-inhalt{position:absolute;inset:0}.fb-fotos{gap:4%;padding:7% 7% 10%;display:grid}.fb-einzeln{place-items:center}.fb-zwei-quer{grid-template-rows:1fr 1fr}.fb-zwei-hoch{grid-template-columns:1fr 1fr;align-items:center}.fb-foto{cursor:zoom-in;width:100%;min-width:0;height:100%;min-height:0;display:block;position:relative}.fb-foto img,.fb-foto>div{width:auto;max-width:100%;height:auto;max-height:100%;aspect-ratio:var(--ratio);border:.35rem solid #fff;margin:auto;position:absolute;inset:0;box-shadow:0 2px 4px #0000002e,0 10px 22px -8px #00000059}.fb-foto>div{width:100%}.fb-seitenzahl{text-align:center;letter-spacing:.2em;color:#00000073;font-size:.75rem;position:absolute;bottom:3.5%;left:0;right:0}.fb-cover{background:var(--fb-ink)}.fb-cover-bild{object-fit:cover;opacity:.55;width:100%;height:100%;position:absolute;inset:0}.fb-cover-text{background:linear-gradient(#0000,#000000d9 55%);padding:10% 9%;position:absolute;inset:auto 0 0}.fb-cover:after{content:"";background:linear-gradient(90deg,#00000080,#0000);width:4%;position:absolute;inset:0 auto 0 0}.fb-ende{flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;padding:10%;display:flex}.fb-leer{background:repeating-linear-gradient(135deg,#0000 0 18px,#00000006 18px 19px)}.fb-lightbox{width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--fb-paper,#f6f3ea);background:#050505f5;border:0;margin:0;padding:0}.fb-lightbox::backdrop{background:#000c}.fb-lightbox [data-lb-buehne] img,.fb-lightbox [data-lb-buehne] video{max-height:calc(100dvh - 9rem)}.fb-lightbox :focus-visible{outline:3px solid var(--fb-sun,#fae00e);outline-offset:3px}@media (prefers-reduced-motion:reduce){.fb-karte-bild img,.fb-kachel img,.fb-knopf{transition:none}}