/* Bilderzähler · Hero V06 · 15.10.2026
   Sichtbar ohne Animation. Die Fotos bleiben unverändert. */
@font-face{
 font-family:'Marc Caveat';
 src:url('fonts/Caveat-Variable.ttf') format('truetype');
 font-style:normal;
 font-weight:400 700;
 font-display:swap;
}
.home-page .bz-hero .bz-hero-copy{
 position:absolute;
 z-index:3;
 left:clamp(28px,6vw,100px);
 right:auto;
 top:clamp(160px,calc(47svh - 90px),440px);
 bottom:auto;
 width:min(39vw,540px);
 opacity:1!important;
 visibility:visible!important;
 display:block;
 animation:none!important;
 transform:none!important;
 color:#fff;
 text-shadow:0 2px 14px rgba(23,21,19,.72);
}
.home-page .bz-hero .bz-hero-copy h1{
 font-family:Georgia,'Iowan Old Style',serif;
 font-weight:400;
 font-size:clamp(2.25rem,3.7vw,4.1rem);
 line-height:1.12;
 letter-spacing:-.035em;
 max-width:none;
 margin:0;
 text-wrap:initial;
 overflow-wrap:normal;
}
.home-page .bz-hero .bz-hero-line{display:block}
.home-page .bz-hero .bz-hero-accent{
 display:inline-block;
 font-family:'Marc Caveat','Segoe Print','Bradley Hand',cursive!important;
 font-weight:600!important;
 font-style:normal!important;
 font-size:1.65em;
 line-height:.65;
 letter-spacing:-.035em;
 color:#d98472!important;
 text-decoration:none!important;
 margin:0 .04em .09em .04em;
 padding:0;
 opacity:1!important;
 animation:none!important;
 transform:rotate(-4deg)!important;
}
.home-page .bz-hero .bz-hero-accent::after{display:none}
.home-page .bz-hero .hero-photo{filter:none!important;opacity:1!important;animation:none!important;transform:none!important}
.home-page .bz-hero::after{left:0;right:auto;bottom:0;width:46%;height:72%;background:linear-gradient(90deg,rgba(23,21,19,.22),rgba(23,21,19,0));pointer-events:none}
.home-page .bz-hero .hero-scroll{z-index:3}
@media(min-width:761px) and (max-width:1050px){
 .home-page .bz-hero .bz-hero-copy{top:auto;bottom:9%;width:43%;left:5%}
 .home-page .bz-hero .bz-hero-copy h1{font-size:clamp(1.85rem,3.65vw,2.5rem)}
}
@media(max-width:760px){
 /* Vollständiges Fahrstuhlbild; der Satz beginnt über den Beinen und
    läuft großzügig in die dunkle Fläche darunter. Gesicht/Kamera bleiben frei. */
 .home-page .bz-hero{height:auto!important;min-height:0!important;overflow:visible;background:#171513;padding:0 0 36px!important;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto}
 .home-page .bz-hero::after{display:none}
 .home-page .bz-hero .hero-picture{grid-column:1;grid-row:1;height:auto;width:100%;position:relative;z-index:0}
 .home-page .bz-hero .hero-photo{height:auto!important;min-height:0!important;width:100%;object-fit:contain;object-position:center}
 .home-page .bz-hero .bz-hero-copy{grid-column:1;grid-row:2;position:relative;top:auto;right:auto;bottom:auto;left:auto;width:auto;max-width:none;margin:clamp(-140px,-31vw,-98px) 7% 0;align-self:start;padding:20px 0 0;isolation:isolate}
 .home-page .bz-hero .bz-hero-copy::before{content:'';position:absolute;inset:-22px -8.2% -36px;z-index:-1;pointer-events:none;background:linear-gradient(to bottom,transparent 0%,rgba(23,21,19,.18) 18%,#171513 54%)}
 .home-page .bz-hero .bz-hero-copy h1{font-size:clamp(1.85rem,7.6vw,3.3rem);line-height:1.18;letter-spacing:-.035em}
 .home-page .bz-hero .bz-hero-accent{font-size:1.8em;margin-bottom:.12em}
 .home-page .bz-hero .hero-scroll{display:none}
}
@media(prefers-reduced-motion:reduce){
 .home-page .bz-hero .bz-hero-copy,.home-page .bz-hero .bz-hero-accent,.home-page .bz-hero .hero-photo{animation:none!important;transition:none!important}
}