.hero-title{width:51%}.hero h1{font-size:clamp(52px,6vw,90px)}.hero-gallery{position:absolute;right:4vw;top:40px;width:45%;height:72%;display:grid;grid-template-rows:minmax(0,1fr) 75px 20px;gap:12px}.hero-gallery .hero-image{position:relative;right:auto;top:auto;width:100%;height:100%;clip-path:none;border-radius:4px;overflow:hidden}.hero-gallery-track{display:flex;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;position:relative;overscroll-behavior-x:contain}.hero-gallery-track::-webkit-scrollbar{display:none}.hero-slide{flex:0 0 100%;height:100%;scroll-snap-align:start;scroll-snap-stop:always;display:block}.hero-gallery .hero-slide img{width:100%;height:100%;object-fit:cover;object-position:center 78%;mask-image:none;display:block}.hero-gallery .hero-slide:first-child img{object-position:center}.hero-thumbs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.hero-thumb{position:relative;border:2px solid transparent;border-radius:3px;overflow:hidden;min-width:0;opacity:.7;transition:opacity .2s,border-color .2s}.hero-thumb img{width:100%;height:100%;object-fit:cover;object-position:center 78%;display:block}.hero-thumb span{position:absolute;bottom:0;left:0;right:0;padding:5px 2px;font-size:8px;text-align:center;background:#191919cf;color:white;white-space:nowrap}.hero-thumb[aria-current=true]{border-color:#ed554e;opacity:1}.hero-thumb:hover{opacity:1}.gallery-help{font-size:10px;color:#c6c1bd;text-align:right}.gallery-help>span{display:none}.gallery-arrow{position:absolute;top:50%;translate:0 -50%;border:1px solid #ffffff60;background:#191919c9;color:white;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;font-size:29px;line-height:1;z-index:2}.gallery-prev{left:12px}.gallery-next{right:12px}.gallery-caption{position:absolute;left:15px;bottom:15px;font-size:11px;letter-spacing:.04em;background:#191919d9;padding:8px 12px;pointer-events:none}.hours-stamp{left:6vw;right:auto;bottom:95px;padding:16px 22px}.hours-stamp strong{font-size:42px}.hours-stamp span{font-size:10px;margin:7px 0}.hours-stamp small{display:none}#studio-lightbox{background:#191919;border:1px solid #ffffff30;border-radius:5px;padding:42px 15px 15px;color:white;max-width:94vw;max-height:94svh;margin:auto;overflow:auto}#studio-lightbox::backdrop{background:#080808e8}#studio-lightbox img{display:block;width:auto;height:auto;max-width:85vw;max-height:75svh;object-fit:contain;margin:auto}#studio-lightbox p{text-align:center;font-size:12px;color:#c6c1bd;margin-top:12px}.lightbox-close{position:absolute;top:4px;right:10px;width:36px;height:36px;background:none;border:0;color:white;font-size:25px}
@media(min-width:651px) and (max-width:900px){.hero-title{width:54%;padding-left:4vw}.hero h1{font-size:clamp(45px,6.2vw,58px)}.hero-gallery{right:3vw;width:44%}.hero-title .intro{font-size:15px;max-width:31ch}.hero-thumb span{display:none}.hero-gallery{grid-template-rows:minmax(0,1fr) 65px 20px}}
@media(max-width:650px){.hero-title{width:100%}.hero h1{font-size:clamp(44px,10.5vw,65px)}.hero-gallery{position:relative;right:auto;top:auto;width:88%;height:370px;margin:5px 6vw 20px;grid-template-rows:minmax(0,1fr) 55px 20px;gap:10px}.hero-gallery .hero-image{margin:0;clip-path:none}.hero-thumbs{gap:5px}.hero-thumb span{display:none}.gallery-help{text-align:left;font-size:9px}.gallery-help>span{display:inline}.gallery-arrow{width:34px;height:34px}.hours-stamp{display:none}.hero-bottom span:first-child::after{content:' · Täglich 6–24 Uhr';display:block;margin-top:5px}.hero-gallery-track:focus-visible{outline-offset:-4px}}
@media(prefers-reduced-motion:reduce){.hero-gallery-track{scroll-behavior:auto}.hero-thumb{transition:none}}
.gallery-arrow[hidden]{display:none}.hero-slide:focus-visible{outline-offset:-5px}
.hero-gallery{height:78%;grid-template-rows:52px minmax(0,1fr) 75px 20px}
.hero-gallery .hours-stamp{position:static;left:auto;right:auto;bottom:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 16px;rotate:0deg;transform:none;background:#252525;color:#eee9e5;border:1px solid #ffffff18;border-radius:4px;box-shadow:none}
.hero-gallery .hours-stamp strong{font-size:25px;letter-spacing:-.045em;line-height:1;white-space:nowrap}.hero-gallery .hours-stamp em{font-style:normal;font-size:17px;letter-spacing:-.02em}.hero-gallery .hours-stamp span{font-size:11px;line-height:1.25;letter-spacing:.08em;margin:0;color:#bcb6b0}.hero-gallery .hours-stamp small{display:block;font-size:10px;font-weight:400;letter-spacing:0;margin-top:5px;line-height:1.3}
@media(min-width:651px) and (max-width:900px){.hero-gallery{grid-template-rows:52px minmax(0,1fr) 65px 20px}.hero-gallery .hours-stamp{padding:12px;gap:10px}.hero-gallery .hours-stamp strong{font-size:25px}.hero-gallery .hours-stamp em{font-size:17px}.hero-gallery .hours-stamp small{font-size:9px}}
@media(max-width:650px){.hero-gallery{height:420px;grid-template-rows:52px minmax(0,1fr) 55px 20px}.hero-gallery .hours-stamp{padding:12px;gap:12px}.hero-gallery .hours-stamp strong{font-size:25px}.hero-gallery .hours-stamp em{font-size:17px}.hero-gallery .hours-stamp span{font-size:9px}.hero-gallery .hours-stamp small{font-size:9px;max-width:17ch}.hero-bottom span:first-child::after{content:none}}

/* Titel und Fotos stehen unmittelbar nebeneinander; mobil folgen die Fotos direkt. */
.hero{height:auto;min-height:0;max-height:none;display:grid;grid-template-columns:1fr 1.08fr;grid-template-rows:auto 1fr auto;gap:22px 3vw;padding:40px 5vw 0;overflow:hidden}
.hero .hero-title{width:auto;padding:35px 0 0;grid-column:1;grid-row:1}
.hero h1{font-size:clamp(50px,5.8vw,86px)}
.hero .hero-gallery{position:relative;right:auto;top:auto;width:100%;height:560px;margin:0;grid-column:2;grid-row:1/3;grid-template-rows:minmax(0,1fr) 75px 20px}
.hero-followup{grid-column:1;grid-row:2;align-self:end;padding-bottom:30px}
.hero-followup .intro{margin:22px 0 24px;max-width:37ch}
.hero-followup .hours-stamp{position:static;display:flex;align-items:center;gap:22px;rotate:0deg;transform:none;background:transparent;padding:0;border:0;box-shadow:none;color:#eee9e5}
.hero-followup .hours-stamp strong{font-size:25px;letter-spacing:-.045em;white-space:nowrap}.hero-followup .hours-stamp em{font-size:17px;font-style:normal}.hero-followup .hours-stamp span{font-size:9px;margin:0;color:#bcb6b0;line-height:1.4}.hero-followup .hours-stamp small{display:block;font-size:9px;font-weight:400;letter-spacing:0;margin-top:3px}
.hero .hero-bottom{position:static;grid-column:1/-1;margin:8px 0 0;padding:24px 0;gap:40px}
@media(min-width:651px) and (max-width:900px){.hero{padding:30px 4vw 0;gap:20px 3vw}.hero .hero-title{padding-top:20px}.hero h1{font-size:clamp(42px,5.8vw,54px)}.hero .hero-gallery{height:500px;grid-template-rows:minmax(0,1fr) 65px 20px}.hero-followup .intro{font-size:15px}.hero-followup .hours-stamp{gap:12px}}
@media(max-width:650px){.hero{display:flex;flex-direction:column;gap:0;padding:30px 6vw 0}.hero .hero-title{width:100%;padding:0}.hero .location{margin-bottom:17px}.hero h1{font-size:clamp(44px,10.5vw,65px)}.hero .hero-gallery{height:370px;width:100%;margin:18px 0 0;grid-template-rows:minmax(0,1fr) 55px 20px}.hero-followup{width:100%;align-self:auto;margin-top:23px;padding-bottom:0}.hero-followup .intro{margin:18px 0 22px;font-size:14px;max-width:38ch}.hero-followup .hours-stamp{gap:20px}.hero .hero-bottom{margin:28px 0 0;gap:10px;justify-content:space-between;padding:22px 0}}

/* Einstieg ohne Bildbeschriftungen und untere Bereichsleiste. */
.hero{grid-template-rows:auto 1fr;padding-bottom:35px}.hero .hero-gallery{grid-template-rows:minmax(0,1fr) 75px}.hero-thumbs .hero-thumb{padding-bottom:0}.hero-thumbs .hero-thumb img{height:100%;object-fit:cover}
@media(min-width:651px) and (max-width:900px){.hero .hero-gallery{grid-template-rows:minmax(0,1fr) 65px}}
@media(max-width:650px){.hero{padding-bottom:30px}.hero .hero-gallery{grid-template-rows:minmax(0,1fr) 55px}}