/* Rooftop-Fläche: Markenwerte des Bestands, Bewegungsrollen nach Claude-Review. */
@font-face{font-family:Jost;src:url('fonts/jost-latin.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:Cinzel;src:url('fonts/cinzel-latin.woff2') format('woff2');font-weight:400 900;font-style:normal;font-display:swap}
.rooftop-site{
 --rt-surface:#0c0c0c;--rt-panel:#151512;--rt-paper:#faf9f7;--rt-text:#ffffff;--rt-muted:#c4c3bd;--rt-gold:#c4a265;--rt-line:#3c3b35;--rt-focus:#ead5aa;
 --rt-ease-out:cubic-bezier(.25,1,.5,1);--rt-ease-standard:cubic-bezier(.4,0,.2,1);--rt-ease-in:cubic-bezier(.4,0,1,1);
 --rt-duration-hover:240ms;--rt-duration-overlay:280ms;--rt-duration-settle:480ms;--rt-duration-reveal:640ms;--rt-duration-hero:2400ms;--rt-stagger:60ms;--rt-reveal-distance:16px;--rt-parallax-distance:24px;
 --rt-space-1:.25rem;--rt-space-2:.5rem;--rt-space-3:.75rem;--rt-space-4:1rem;--rt-space-5:1.5rem;--rt-space-6:2rem;--rt-space-7:3rem;--rt-space-8:4rem;--rt-space-9:6rem;
 --rt-page:clamp(1.25rem,6vw,6rem);--rt-section:clamp(4.5rem,8vw,8rem);--rt-width:1440px;--rt-tap:48px;--rt-radius:2px;--rt-border:1px;
 color:var(--rt-text);background:var(--rt-surface)
}
.rooftop-site :focus-visible{outline:3px solid var(--rt-focus);outline-offset:5px}
.rooftop-site .rt-skip{position:fixed;inset-block-start:var(--rt-space-4);inset-inline-start:var(--rt-space-4);z-index:10001;transform:translateY(-200%);padding:var(--rt-space-3) var(--rt-space-5);background:var(--rt-paper);color:var(--rt-surface)}
.rooftop-site .rt-skip:focus{transform:none}
.rooftop-site .section{padding-block:var(--rt-section);padding-inline:var(--rt-page)}
.rooftop-site .section-text{color:var(--rt-muted);font-weight:400}
.rooftop-site .hero{min-block-size:100svh;block-size:auto;max-block-size:none;align-items:flex-end;text-align:start}
.rooftop-site .hero-bg img{inline-size:100%;block-size:100%;object-fit:cover;animation:none;filter:none;transform:none}
.rooftop-site .hero-overlay{background:linear-gradient(180deg,rgba(12,12,12,.42),rgba(12,12,12,.65) 55%,rgba(12,12,12,.86))}
.rooftop-site .hero-logo,.rooftop-site .hero-tagline,.rooftop-site .hero-scroll{opacity:1;transform:none;animation:none}
.rooftop-site .hero-logo{inline-size:clamp(180px,22vw,320px);margin-block-end:var(--rt-space-7)}
.rooftop-site .hero-tagline{font-size:clamp(1rem,1.8vw,1.375rem);letter-spacing:.1em;color:var(--rt-paper);text-shadow:none}
.rooftop-site .rt-hero-note{font-size:clamp(1rem,1.4vw,1.125rem);line-height:1.7;color:var(--rt-paper);margin:0}
.rooftop-site .rt-hero-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--rt-space-6);flex-wrap:wrap}
.rooftop-site .rt-button{display:inline-flex;justify-content:space-between;align-items:center;gap:var(--rt-space-7);min-block-size:56px;padding:var(--rt-space-4) var(--rt-space-5);border:var(--rt-border) solid var(--rt-gold);border-radius:var(--rt-radius);background:var(--rt-gold);color:var(--rt-surface);font-size:.875rem;font-weight:500;text-decoration:none}
.rooftop-site .rt-text-link{display:inline-flex;gap:var(--rt-space-5);align-items:center;min-block-size:var(--rt-tap);border-block-end:var(--rt-border) solid var(--rt-gold);color:var(--rt-paper);font-size:.875rem;text-decoration:none}
.rooftop-site .rt-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-inline-size:var(--rt-width);margin-inline:auto;padding:var(--rt-space-7) var(--rt-page);border-block-end:var(--rt-border) solid var(--rt-line);gap:var(--rt-space-5)}
.rooftop-site .rt-facts>div{display:flex;flex-direction:column;gap:var(--rt-space-2);padding-inline-start:var(--rt-space-5);border-inline-start:var(--rt-border) solid var(--rt-line)}
.rooftop-site .rt-facts>div:first-child{padding-inline-start:0;border:0}
.rooftop-site .rt-facts strong{font-family:var(--font-display);font-size:clamp(1.375rem,2.3vw,2rem);font-weight:400;line-height:1.3;color:var(--rt-gold)}
.rooftop-site .rt-facts span{font-size:.8125rem;color:var(--rt-muted)}
.rooftop-site .nav{padding-inline:var(--rt-page)}
.rooftop-site .nav-links{gap:clamp(.75rem,1.8vw,2rem)}
.rooftop-site .nav-links a{min-block-size:var(--rt-tap);display:inline-flex;align-items:center}
.rooftop-site .reveal,.rooftop-site .reveal.visible,.rooftop-site .stagger-children>*,.rooftop-site .stagger-children.visible>*{opacity:1;transform:none;transition:none}
.rooftop-site .full-image-bg{inset:calc(var(--rt-parallax-distance)*-1);transition:none}
.rooftop-site .full-image-placeholder{display:none}
.rooftop-site .full-image-main{transition:opacity var(--rt-duration-settle) var(--rt-ease-out)}
.rooftop-site .full-image{block-size:80svh;min-block-size:540px;max-block-size:1000px}
.rooftop-site .split-image img{transition:none}
.rooftop-site .floorplan-image img{inline-size:100%;block-size:auto}
.rooftop-site .service{border-block-start:var(--rt-border) solid var(--rt-line);padding-block-start:var(--rt-space-5)}
.rooftop-site .service-text{color:var(--rt-muted);font-size:1rem;font-weight:400}
.rooftop-site .rt-faq{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:var(--rt-space-9);max-inline-size:var(--rt-width);margin-inline:auto}
.rooftop-site .rt-faq-heading .section-label{display:inline-block;margin-inline:0}
.rooftop-site .rt-faq-heading .section-text{font-size:1rem;margin-block:var(--rt-space-5)}
.rooftop-site .rt-faq-list{border-block-start:var(--rt-border) solid var(--rt-line)}
.rooftop-site .rt-faq details{border-block-end:var(--rt-border) solid var(--rt-line);padding-block:var(--rt-space-3)}
.rooftop-site .rt-faq summary{cursor:pointer;list-style:none;position:relative;padding-block:var(--rt-space-4);padding-inline-end:var(--rt-space-6);min-block-size:var(--rt-tap);font-size:1rem;line-height:1.5}
.rooftop-site .rt-faq summary::marker{content:''}
.rooftop-site .rt-faq summary::after{content:'+';position:absolute;inset-inline-end:0;inset-block-start:var(--rt-space-3);color:var(--rt-gold);font-size:1.5rem}
.rooftop-site .rt-faq details[open] summary::after{content:'−'}
.rooftop-site .rt-faq details p{color:var(--rt-muted);font-size:.9375rem;line-height:1.8;padding-block:var(--rt-space-2) var(--rt-space-5);padding-inline-end:var(--rt-space-5)}
.rooftop-site .calendar-day{min-block-size:var(--rt-tap)}
.rooftop-site .calendar-day:focus-visible{outline-offset:-3px}
.rooftop-site .album-card,.rooftop-site .gallery-item{cursor:pointer}
.rooftop-site .album-card:focus-visible,.rooftop-site .gallery-item:focus-visible{outline-offset:-5px}
.rooftop-site .lightbox,.rooftop-site .album-expanded{transition:opacity var(--rt-duration-overlay) var(--rt-ease-out),visibility var(--rt-duration-overlay)}
.rooftop-site .lightbox-close,.rooftop-site .lightbox-nav,.rooftop-site .album-close{min-inline-size:var(--rt-tap);min-block-size:var(--rt-tap)}
.rooftop-site .album-card img,.rooftop-site .gallery-item img{transition:transform var(--rt-duration-settle) var(--rt-ease-out),opacity var(--rt-duration-settle) var(--rt-ease-out)}
.rooftop-site .album-zoom-overlay{animation-duration:var(--rt-duration-overlay)}
.rooftop-site .chair,.rooftop-site .table,.rooftop-site .podium{transition:opacity var(--rt-duration-settle) var(--rt-ease-standard)}
.rooftop-site .hero-scroll-line::after{animation:none}
.rooftop-site .main-event-icon,.rooftop-site .capacity-section::before{animation:none}
.rooftop-site .contact-cta{transition:color var(--rt-duration-hover),background var(--rt-duration-hover),border-color var(--rt-duration-hover);min-block-size:56px}
@media(hover:hover) and (pointer:fine){
 .rooftop-site .rt-button:hover{background:var(--rt-paper);border-color:var(--rt-paper)}
 .rooftop-site .album-card:hover img,.rooftop-site .album-card:hover .lazy-image-main.loaded,.rooftop-site .gallery-item:hover img,.rooftop-site .gallery-item:hover .lazy-image-main.loaded{transform:scale(1.03)}
 .rooftop-site .split-image:hover img{transform:none}
}
@media(min-width:1025px) and (prefers-reduced-motion:no-preference){
 @supports(animation-timeline:view()){
  .rooftop-site .full-image{view-timeline-name:--rt-image;view-timeline-axis:block}
  .rooftop-site .full-image-bg{animation:rt-parallax linear both;animation-timeline:--rt-image;animation-range:entry 0% exit 100%}
 }
}
@keyframes rt-parallax{from{transform:translateY(calc(var(--rt-parallax-distance)*-1))}to{transform:translateY(var(--rt-parallax-distance))}}
@media(max-width:1050px){.rooftop-site .nav-links{gap:var(--rt-space-3)}.rooftop-site .nav-links a{font-size:.6875rem;letter-spacing:.07em}}
@media(max-width:768px){
 .rooftop-site .hero-content{padding-inline:var(--rt-space-5)}
 .rooftop-site .hero-tagline{font-size:.875rem;letter-spacing:.08em}
 .rooftop-site .rt-hero-note{font-size:.9375rem;padding:0}
 .rooftop-site .rt-hero-actions{flex-direction:column;gap:var(--rt-space-4)}
 .rooftop-site .rt-facts{grid-template-columns:1fr 1fr;row-gap:var(--rt-space-6)}
 .rooftop-site .rt-facts>div{border:0;padding:0}
 .rooftop-site .rt-facts>div:nth-child(even){border-inline-start:var(--rt-border) solid var(--rt-line);padding-inline-start:var(--rt-space-4)}
 .rooftop-site .rt-faq{grid-template-columns:1fr;gap:var(--rt-space-7)}
 .rooftop-site .rt-faq .section-title{font-size:2rem}
 .rooftop-site .nav-links a{font-size:1.125rem;letter-spacing:.08em}
 .rooftop-site .full-image{block-size:65svh;min-block-size:420px}
}
@media(prefers-reduced-motion:reduce){
 html:has(.rooftop-site){scroll-behavior:auto}
 .rooftop-site *,.rooftop-site *::before,.rooftop-site *::after{animation:none;transition:none;scroll-behavior:auto}
 .rooftop-site .full-image-bg{animation:none;transform:none}
}
.rooftop-site section[id]{scroll-margin-block-start:6rem}
.rooftop-site .rt-fixture-note{text-align:center;padding:var(--rt-space-4);font-size:.875rem;color:var(--rt-muted)}
.rooftop-site .rt-video-play{position:absolute;inset:0;inline-size:100%;block-size:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--rt-space-4);border:0;background:linear-gradient(rgba(12,12,12,.35),rgba(12,12,12,.7)),url('images/room-wide.webp') center/cover;color:var(--rt-paper);font:inherit;cursor:pointer}
.rooftop-site .rt-video-play>span:not(.rt-video-icon){font-family:var(--font-display);font-size:clamp(1.25rem,3vw,2.5rem)}
.rooftop-site .rt-video-play small{font-size:.8125rem}
.rooftop-site .rt-video-icon{display:grid;place-items:center;inline-size:72px;block-size:72px;border:var(--rt-border) solid var(--rt-gold);border-radius:50%;color:var(--rt-gold);font-size:2.5rem}
.rooftop-site .rt-visually-hidden{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(prefers-reduced-motion:reduce){
 .rooftop-site{--rt-duration-hover:0ms;--rt-duration-overlay:0ms;--rt-duration-settle:0ms;--rt-duration-reveal:0ms;--rt-duration-hero:0ms}
 .rooftop-site .chair,.rooftop-site .table,.rooftop-site .podium,.rooftop-site .album-card img,.rooftop-site .gallery-item img,.rooftop-site .full-image-main,.rooftop-site .lightbox,.rooftop-site .album-expanded,.rooftop-site .contact-cta{transition:none}
 .rooftop-site .lightbox-image-container,.rooftop-site .lightbox-image-container.swipe-left,.rooftop-site .lightbox-image-container.swipe-right,.rooftop-site .lightbox-image-container.swipe-in-left,.rooftop-site .lightbox-image-container.swipe-in-right,.rooftop-site .lightbox-swipe-hint{animation:none;transition:none}
}
.rooftop-site .nav:not(.scrolled){background:rgba(12,12,12,.62);border-block-end:var(--rt-border) solid var(--rt-line)}
.rooftop-site .lightbox-content,.rooftop-site .album-expanded-header,.rooftop-site .album-expanded-grid,.rooftop-site .album-expanded.closing .album-expanded-header,.rooftop-site .album-expanded.closing .album-expanded-grid{transition:none}
.rooftop-site .lightbox-content{transform:none}

/* Redaktionelle Bildfolge: nur die Fotografie bewegt sich, das Layout bleibt ruhig. */
.rooftop-site{--rt-film-duration:54s;--rt-film-width:max(260px,42vw);--rt-photo-tone:saturate(.88) contrast(1.03);--rt-photo-neutral:saturate(1) contrast(1)}
.rooftop-site .section-label{text-shadow:none;font-family:var(--font-body);font-weight:400;letter-spacing:.22em}
.rooftop-site .section-label::before,.rooftop-site .section-label::after{display:none}
.rooftop-site .section-line{block-size:var(--rt-border);background:var(--rt-gold)}
.rooftop-site .section-title{font-family:var(--font-body);font-size:clamp(2rem,4.4vw,4rem);font-weight:400;line-height:1.12;text-wrap:balance;letter-spacing:-.035em}
.rooftop-site .rt-impressions{padding-block:var(--rt-space-8) var(--rt-section);overflow:hidden}
.rooftop-site .rt-impressions-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--rt-space-6);padding-inline:var(--rt-page);margin-block-end:var(--rt-space-7);max-inline-size:var(--rt-width);margin-inline:auto}
.rooftop-site .rt-eyebrow{font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--rt-gold);margin-block-end:var(--rt-space-4)}
.rooftop-site .rt-impressions h2{font-family:var(--font-display);font-weight:400;font-size:clamp(1.75rem,3.3vw,3rem);line-height:1.2;letter-spacing:-.025em;text-wrap:balance}
.rooftop-site .rt-impressions-actions{display:flex;align-items:center;gap:var(--rt-space-6);flex-wrap:wrap}
.rooftop-site .rt-motion-toggle{border:var(--rt-border) solid var(--rt-line);border-radius:var(--rt-radius);padding:var(--rt-space-3) var(--rt-space-4);min-block-size:var(--rt-tap);background:transparent;color:var(--rt-muted);font:inherit;font-size:.8125rem;cursor:pointer}
.rooftop-site .rt-motion-toggle[hidden]{display:none}
.rooftop-site .rt-film-window{overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--rt-gold) var(--rt-surface);padding-block-end:var(--rt-space-4)}
.rooftop-site .rt-film-track{display:flex;inline-size:max-content}
.rooftop-site .rt-film-group{display:flex;gap:var(--rt-space-5);padding-inline-end:var(--rt-space-5)}
.rooftop-site .rt-film-group[aria-hidden]{display:none}
.rooftop-site .rt-film-group figure{inline-size:var(--rt-film-width);flex:none;margin:0}
.rooftop-site .rt-film-group img{inline-size:100%;block-size:auto;aspect-ratio:3/2;object-fit:cover;filter:var(--rt-photo-tone);transition:filter var(--rt-duration-settle) var(--rt-ease-out)}
.rooftop-site .rt-film-group figcaption{display:flex;gap:var(--rt-space-5);padding-block-start:var(--rt-space-4);font-size:.875rem;color:var(--rt-paper)}
.rooftop-site .rt-film-group figcaption span{color:var(--rt-gold);font-size:.75rem;letter-spacing:.1em}
.rooftop-site .floorplan::before{background:none}
.rooftop-site .floorplan-image{opacity:1;transition:none}
.rooftop-site .floorplan-image:hover{transform:none}
.rooftop-site .main-event-card{border-radius:var(--rt-radius);background:transparent;border-color:var(--rt-line);transition:border-color var(--rt-duration-hover) var(--rt-ease-out)}
.rooftop-site .main-event-card:hover{background:transparent;border-color:var(--rt-gold);transform:none}
@media(hover:hover) and (pointer:fine){
 .rooftop-site .rt-film-group figure:hover img{filter:var(--rt-photo-neutral)}
 .rooftop-site .rt-button span{transition:transform var(--rt-duration-hover) var(--rt-ease-out)}
 .rooftop-site .rt-button:hover span{transform:translate(3px,-3px)}
}
@media(prefers-reduced-motion:no-preference){
 .rooftop-site .rt-impressions.rt-film-ready .rt-film-window{overflow:hidden}
 .rooftop-site .rt-film-ready .rt-film-group[aria-hidden]{display:flex}
 .rooftop-site .rt-film-ready .rt-film-track{animation:rt-film var(--rt-film-duration) linear infinite;animation-play-state:paused}
 .rooftop-site .rt-film-ready.is-in-view:not([data-paused="true"]) .rt-film-track{animation-play-state:running}
 .rooftop-site .rt-impressions.rt-film-ready:hover .rt-film-track,.rooftop-site .rt-impressions.rt-film-ready:focus-within .rt-film-track{animation-play-state:paused}
}
@keyframes rt-film{to{transform:translateX(-50%)}}
@media(max-width:768px){
 .rooftop-site .rt-impressions-heading{align-items:flex-start;flex-direction:column}
 .rooftop-site .rt-impressions-actions{gap:var(--rt-space-4)}
}
@media(prefers-reduced-motion:reduce){
 .rooftop-site .rt-film-ready .rt-film-track{animation:none;transform:none}
 .rooftop-site .rt-film-ready .rt-film-group[aria-hidden],.rooftop-site .rt-motion-toggle{display:none}
 .rooftop-site .rt-film-ready .rt-film-window{overflow-x:auto}
 .rooftop-site .rt-film-group img{transition:none}
}

/* Komposition: ein großer Auftakt, redaktionelle Spalten und ruhige Bildkapitel. */
.rooftop-site{--rt-title-size:clamp(2.75rem,6.4vw,6.5rem);--rt-image-inset:4%;--rt-glass-blur:12px}
.rooftop-site .rt-hero-editorial{inline-size:100%;max-inline-size:var(--rt-width);margin-inline:auto;padding:var(--rt-section) var(--rt-page)}
.rooftop-site .rt-hero-editorial .rt-eyebrow{color:var(--rt-paper);margin-block-end:var(--rt-space-6)}
.rooftop-site .rt-hero-title{max-inline-size:22ch;font-family:var(--font-body);font-size:var(--rt-title-size);font-weight:300;letter-spacing:-.045em;line-height:1.06;text-wrap:balance;margin:0}
.rooftop-site .rt-hero-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--rt-space-7);border-block-start:var(--rt-border) solid var(--rt-line);padding-block-start:var(--rt-space-6);margin-block-start:var(--rt-space-8)}
.rooftop-site .rt-hero-bottom .rt-hero-note{flex-shrink:0}
.rooftop-site .nav{backdrop-filter:blur(var(--rt-glass-blur))}
.rooftop-site #about .section-center{display:grid;grid-template-columns:1fr 1fr;gap:var(--rt-space-6) var(--rt-space-9);max-inline-size:var(--rt-width);text-align:start}
.rooftop-site #about .section-label{grid-column:1/-1;margin:0}
.rooftop-site #about .section-label::before,.rooftop-site #about .section-label::after{display:none}
.rooftop-site #about .section-title{margin:0}
.rooftop-site #about .section-text{margin:0;align-self:center}
.rooftop-site #about .section-line{grid-column:1/-1;inline-size:100%;margin:var(--rt-space-6) 0 0;background:var(--rt-line)}
.rooftop-site .capacity-section{padding-block:var(--rt-section);background:var(--rt-panel)}
.rooftop-site .capacity-ideal{font-family:var(--font-body);letter-spacing:-.025em}
.rooftop-site .event-tag,.rooftop-site .bestuhlung-btn{border-radius:var(--rt-radius);font-family:var(--font-body)}
.rooftop-site .bestuhlung-btn{min-block-size:var(--rt-tap)}
.rooftop-site .stats{background:var(--rt-surface);border-block-end:var(--rt-border) solid var(--rt-line)}
.rooftop-site .stats::before{background:none}
.rooftop-site .stat-number{font-family:var(--font-body);font-weight:300}
.rooftop-site .full-image::after{box-shadow:none}
.rooftop-site .full-image-overlay{background:linear-gradient(180deg,rgba(12,12,12,.08) 30%,rgba(12,12,12,.78))}
.rooftop-site .full-image-content{align-items:flex-end;justify-content:flex-start;text-align:start;padding:var(--rt-space-9) var(--rt-page);max-inline-size:var(--rt-width);margin-inline:auto}
.rooftop-site .full-image-title{font-size:clamp(2.25rem,5.2vw,4.5rem);letter-spacing:-.025em;text-shadow:none}
.rooftop-site .full-image-sub{font-family:var(--font-body);font-size:1rem;letter-spacing:.03em;text-transform:none;color:var(--rt-paper);text-shadow:none;margin-block-start:var(--rt-space-5)}
.rooftop-site .split{max-inline-size:var(--rt-width);margin-inline:auto;gap:var(--rt-space-8);padding:var(--rt-space-8) var(--rt-page);min-block-size:0;background:var(--rt-surface)}
.rooftop-site .split-image{inline-size:100%;min-inline-size:0;min-block-size:440px;aspect-ratio:6/5}
.rooftop-site .split-content{padding:0;align-self:center;background:transparent;gap:var(--rt-space-5)}
.rooftop-site .split-content .section-title{margin:0;font-size:clamp(2rem,3.5vw,3.25rem);line-height:1.12;text-wrap:balance}
.rooftop-site .split-content .section-label{margin:0}
.rooftop-site .split-content .section-text{max-inline-size:48ch;line-height:1.8}
.rooftop-site .split-content::before,.rooftop-site .video-decoration{display:none}
.rooftop-site .service-num{font-family:var(--font-body);font-size:.875rem;letter-spacing:.1em}
.rooftop-site .service-title{font-family:var(--font-body);font-size:1.375rem;font-weight:400;letter-spacing:-.02em}
.rooftop-site .calendar-container{border-radius:var(--rt-radius);box-shadow:none;border-color:var(--rt-line)}
.rooftop-site .calendar-month{font-family:var(--font-body);font-weight:400}
.rooftop-site .contact{border-block-start:var(--rt-border) solid var(--rt-line);padding:var(--rt-section) var(--rt-page)}
.rooftop-site .contact::before{background:none}
.rooftop-site .contact-cta{font-family:var(--font-body);letter-spacing:.04em;font-size:.875rem;text-transform:none;background:var(--rt-gold);color:var(--rt-surface)}
.rooftop-site .contact-cta::before{display:none}
.rooftop-site .contact-cta:hover{background:var(--rt-paper);border-color:var(--rt-paper)}
@media(min-width:901px) and (prefers-reduced-motion:no-preference){
 @supports(animation-timeline:view()){
  .rooftop-site .split-image{animation:rt-image-arrive linear both;animation-timeline:view();animation-range:entry 0% entry 100%}
 }
}
@keyframes rt-image-arrive{from{clip-path:inset(var(--rt-image-inset));transform:translateY(var(--rt-reveal-distance))}to{clip-path:inset(0);transform:translateY(0)}}
@media(max-width:1050px){
 .rooftop-site .rt-hero-bottom{align-items:flex-start;flex-direction:column;gap:var(--rt-space-5);margin-block-start:var(--rt-space-7)}
 .rooftop-site .rt-hero-actions{justify-content:flex-start;flex-direction:row;align-items:center}
}
@media(max-width:900px){
 /* Ein Filter am Vorfahren würde das fixierte Mobilmenü auf die Navhöhe begrenzen. */
 .rooftop-site .nav,.rooftop-site .nav.scrolled{backdrop-filter:none}
 .rooftop-site #about .section-center{grid-template-columns:1fr;gap:var(--rt-space-6)}
 .rooftop-site .split{grid-template-columns:1fr;gap:var(--rt-space-6)}
 .rooftop-site .split-image,.rooftop-site .split.reverse .split-image{order:0;min-block-size:320px;aspect-ratio:4/3}
 .rooftop-site .split-content,.rooftop-site .split.reverse .split-content{order:1}
}
@media(max-width:600px){
 .rooftop-site .rt-hero-editorial{padding-block:var(--rt-space-9) var(--rt-space-8)}
 .rooftop-site .rt-hero-actions{flex-direction:column;align-items:flex-start;gap:var(--rt-space-3)}
 .rooftop-site .rt-hero-bottom .rt-hero-note{flex-shrink:1;font-size:.9375rem}
 .rooftop-site .full-image-content{padding-block:var(--rt-space-8)}
 .rooftop-site .split-image,.rooftop-site .split.reverse .split-image{min-block-size:260px}
}
@media(prefers-reduced-motion:reduce){
 .rooftop-site .split-image{animation:none;clip-path:none;transform:none}
 .rooftop-site .contact-cta span,.rooftop-site .contact-cta svg{transition:none;transform:none}
 .rooftop-site .nav-links,.rooftop-site .nav-links a,.rooftop-site .nav-toggle span{transition:none}
}

/* Orientierung für die Feierplanung und großzügige, benannte Fotoalben. */
.rooftop-site .rt-faq-list{border-block-start:0;min-inline-size:0}
.rooftop-site .rt-faq-group{scroll-margin-block-start:7rem;margin-block-end:var(--rt-space-8)}
.rooftop-site .rt-faq-group:last-child{margin-block-end:0}
.rooftop-site .rt-faq-group h3{font-family:var(--font-body);font-size:1.125rem;font-weight:500;color:var(--rt-gold);padding-block-end:var(--rt-space-4);border-block-end:var(--rt-border) solid var(--rt-line)}
.rooftop-site .rt-faq-topics{display:grid;gap:var(--rt-space-2);margin-block:var(--rt-space-6)}
.rooftop-site .rt-faq-topics a{display:flex;align-items:center;min-block-size:var(--rt-tap);color:var(--rt-muted);text-decoration:none;font-size:.9375rem}
.rooftop-site .rt-faq-topics a:hover{color:var(--rt-gold)}
.rooftop-site #galerie{max-inline-size:var(--rt-width);margin-inline:auto}
.rooftop-site .gallery-header{text-align:start;margin-block-end:var(--rt-space-7)}
.rooftop-site .gallery-header .section-label{margin-inline:0}
.rooftop-site .gallery-header .section-text{max-inline-size:54ch;margin-inline:0;font-size:1rem}
.rooftop-site .gallery-count{color:var(--rt-muted);letter-spacing:.03em}
.rooftop-site .rt-curated-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--rt-space-8) var(--rt-space-5);align-items:start}
.rooftop-site .rt-curated-card{display:grid;min-inline-size:0;aspect-ratio:auto;background:transparent;overflow:visible}
.rooftop-site .rt-curated-card::before,.rooftop-site .rt-curated-card::after{display:none}
.rooftop-site .rt-curated-frame{grid-area:1/1;aspect-ratio:var(--rt-ar,3/2);overflow:hidden;border-radius:var(--rt-radius);background:var(--rt-panel)}
.rooftop-site .rt-curated-frame img{display:block;inline-size:100%;block-size:100%;object-fit:cover;object-position:var(--rt-pos,50% 50%)}
/* Größenhierarchie und Leerraum folgen den Motiven, nicht einem gleichförmigen Raster. */
.rooftop-site .rt-curated-card:nth-child(1){grid-area:1/1/2/9}
.rooftop-site .rt-curated-card:nth-child(2){grid-area:1/9/2/13;align-self:end}
.rooftop-site .rt-curated-card:nth-child(3){grid-area:2/1/3/8}
.rooftop-site .rt-curated-card:nth-child(4){grid-area:2/9/3/13;margin-block-start:var(--rt-space-9);--rt-ar:4/3}
.rooftop-site .rt-curated-card:nth-child(5){grid-area:3/2/4/6;--rt-ar:4/5;--rt-pos:60% 50%}
.rooftop-site .rt-curated-card:nth-child(6){grid-area:3/7/4/13;margin-block-start:var(--rt-space-7)}
.rooftop-site .rt-curated-caption{grid-area:1/1;align-self:end;position:relative;display:flex;justify-content:space-between;align-items:center;gap:var(--rt-space-3);padding:var(--rt-space-3) var(--rt-space-4);color:var(--rt-paper);background:color-mix(in srgb,var(--rt-surface) 70%,transparent);backdrop-filter:blur(var(--rt-glass-blur));border-end-start-radius:var(--rt-radius);border-end-end-radius:var(--rt-radius)}
.rooftop-site .rt-curated-caption h3{min-inline-size:0;font-family:var(--font-body);font-size:1rem;font-weight:400;line-height:1.4;overflow-wrap:anywhere;margin:0}
.rooftop-site .rt-curated-caption>span{display:grid;place-items:center;flex-shrink:0;inline-size:var(--rt-tap);block-size:var(--rt-tap);border:var(--rt-border) solid var(--rt-line);border-radius:50%;color:var(--rt-gold);transition:background var(--rt-duration-hover) var(--rt-ease-out)}
.rooftop-site .rt-curated-card:is(:hover,:focus-visible) .rt-curated-caption>span{background:var(--rt-panel)}
.rooftop-site .rt-gallery-archive{margin-block-start:var(--rt-space-8);border-block:var(--rt-border) solid var(--rt-line)}
.rooftop-site .rt-gallery-archive>summary{display:flex;align-items:center;gap:var(--rt-space-4);min-block-size:var(--rt-tap);padding-block:var(--rt-space-5);cursor:pointer;font-size:1rem;list-style:none}
.rooftop-site .rt-gallery-archive>summary::after{content:'+';margin-inline-start:auto;color:var(--rt-gold);font-size:1.5rem}
.rooftop-site .rt-gallery-archive[open]>summary::after{content:'−'}
.rooftop-site .rt-gallery-archive:not([open])>.gallery-grid{display:none}
.rooftop-site .rt-archive-count{color:var(--rt-muted);font-size:.8125rem}
.rooftop-site .gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--rt-space-6) var(--rt-space-5);padding-block:var(--rt-space-5)}
.rooftop-site .gallery-grid>.album-card,.rooftop-site .gallery-grid>.gallery-item{min-inline-size:0;grid-column:auto;aspect-ratio:auto;border-radius:var(--rt-radius);background:transparent}
.rooftop-site .gallery-grid>.gallery-item{aspect-ratio:3/2}
.rooftop-site .album-card .lazy-image-container{position:relative;aspect-ratio:3/2;border-radius:var(--rt-radius)}
.rooftop-site .album-card::after{display:none}
.rooftop-site .album-info{position:static;padding:var(--rt-space-4) 0 0;background:transparent}
.rooftop-site .album-name{font-family:var(--font-body);font-size:1.125rem;font-weight:400;line-height:1.3;text-shadow:none;overflow-wrap:anywhere;margin-block-end:var(--rt-space-3)}
.rooftop-site .album-count{color:var(--rt-paper);font-size:.8125rem;text-shadow:none}
.rooftop-site .rt-album-open{display:block;color:var(--rt-paper);font-size:.875rem;margin-block-end:var(--rt-space-3)}
.rooftop-site .album-expanded{padding:var(--rt-space-5) var(--rt-page);background:var(--rt-surface)}
.rooftop-site .album-expanded-header{position:sticky;inset-block-start:0;z-index:5;max-inline-size:var(--rt-width);gap:var(--rt-space-5);padding:var(--rt-space-4) 0;margin-block-end:var(--rt-space-5);background:var(--rt-surface);border-block-end:var(--rt-border) solid var(--rt-line)}
.rooftop-site .album-expanded-header>div{min-inline-size:0}
.rooftop-site .album-expanded-title{font-family:var(--font-body);font-size:clamp(1.25rem,2.5vw,2rem);font-weight:400;line-height:1.3;overflow-wrap:anywhere;margin-block-end:var(--rt-space-2)}
.rooftop-site .album-close{flex-shrink:0;border:var(--rt-border) solid var(--rt-line);background:var(--rt-panel)}
.rooftop-site .album-expanded-grid{max-inline-size:var(--rt-width);grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--rt-space-4)}
.rooftop-site .album-expanded-grid .gallery-item{min-inline-size:0;aspect-ratio:3/2;border-radius:var(--rt-radius)}
@media(min-width:901px){
 .rooftop-site .rt-faq-heading{align-self:start;position:sticky;inset-block-start:7rem}
}
@media(max-width:1024px){
 .rooftop-site .rt-curated-grid{grid-template-columns:repeat(6,minmax(0,1fr));row-gap:var(--rt-space-7)}
 .rooftop-site .rt-curated-card:nth-child(1){grid-area:1/1/2/7}
 .rooftop-site .rt-curated-card:nth-child(2){grid-area:2/1/3/4}
 .rooftop-site .rt-curated-card:nth-child(3){grid-area:2/4/3/7;--rt-ar:4/3}
 .rooftop-site .rt-curated-card:nth-child(4){grid-area:3/1/4/5;margin-block-start:0;--rt-ar:3/2}
 .rooftop-site .rt-curated-card:nth-child(5){grid-area:3/5/4/7;margin-block-start:var(--rt-space-6)}
 .rooftop-site .rt-curated-card:nth-child(6){grid-area:4/2/5/7;margin-block-start:0}
}
@media(max-width:768px){
 .rooftop-site .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--rt-space-5)}
 .rooftop-site .album-expanded-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--rt-space-3)}
}
@media(max-width:600px){
 .rooftop-site .rt-curated-grid{grid-template-columns:minmax(0,1fr)}
 .rooftop-site .rt-curated-card:nth-child(n){grid-area:auto;margin-block-start:0}
 .rooftop-site .rt-curated-card:nth-child(2){inline-size:90%;justify-self:end;align-self:start}
 .rooftop-site .rt-curated-card:nth-child(3){--rt-ar:3/2}
 .rooftop-site .rt-curated-card:nth-child(4){inline-size:84%}
 .rooftop-site .rt-curated-card:nth-child(5){inline-size:74%;justify-self:end}
 .rooftop-site .rt-curated-card:nth-child(6){inline-size:94%;--rt-ar:4/3}
}
@media(max-width:480px){
 .rooftop-site .gallery-grid{grid-template-columns:1fr}
 .rooftop-site .album-expanded-grid{grid-template-columns:1fr}
}