/* Fotostrecken: Streifen auf der Startseite, einzelne Strecke, Übersicht (inc/fotos.php) */

/* ---------- Kachel (überall) ---------- */
.fs-kachel{display:block;color:inherit}
.fs-kachel .foto{aspect-ratio:3/2;overflow:hidden;background:#222}
.fs-kachel .foto img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.fs-kachel:hover .foto img{transform:scale(1.03)}
.fs-kachel .et.gold{display:block;margin-top:14px;font-size:10.5px}
.fs-kachel h3{font:400 22px/1.2 var(--titel);margin-top:6px}
.fs-kachel .zahl{display:block;margin-top:8px;font-size:10px;color:var(--grau)}

/* ---------- Streifen auf der Startseite: dunkle Bildbeilage über die volle Breite des Rahmens ---------- */
.fotos-band{--fr:39.6px;margin:100px calc(-1 * var(--fr)) 0;background:#111;color:#f3efe6}
.fs-innen{padding:64px var(--fr) 72px}
.fs-kopf{display:flex;flex-wrap:wrap;align-items:center;column-gap:16px;margin-bottom:34px}
.fs-kopf h2{font:500 clamp(18px,1.71vw,23.4px)/1 var(--titel);text-transform:uppercase;letter-spacing:.1em;color:#fff}
.fs-kopf .motto{display:flex;align-items:center;gap:16px;font:500 9.45px var(--sans);letter-spacing:.38em;text-transform:uppercase;color:#a29d93}
.fs-kopf .motto::before{content:"";width:36px;border-top:1px solid #f3efe6}
.fs-kopf .leiste2{flex-basis:100%;display:flex;justify-content:space-between;align-items:center;margin-top:11px;padding:7px 0 6px;font-size:9.9px;border-top:1px solid #3a3835;border-bottom:3px double #f3efe6}
.fs-kopf .leiste2 a:hover{color:var(--gold)}
.fs-raster{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:36px}
.fs-raster.allein{grid-template-columns:1fr}
.fs-gross{position:relative;display:block;color:#fff;overflow:hidden}
.fs-gross .foto{aspect-ratio:3/2;height:100%}
.fs-gross .foto img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}
.fs-gross:hover .foto img{transform:scale(1.025)}
.fs-gross::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.72));pointer-events:none}
.fs-text{position:absolute;left:32px;right:32px;bottom:28px;z-index:1}
.fs-text .et.gold{font-size:10.5px}
.fs-text h3{font:400 clamp(30px,3.2vw,46px)/1.05 var(--titel);margin-top:8px}
.fs-text p{max-width:520px;margin-top:10px;font:300 16px/1.5 var(--sans);color:#e9e4d8}
.fs-text .zahl{display:block;margin-top:12px;font-size:10px;color:#cfc9bd}
.fotos-band .fs-reihe{display:flex;flex-direction:column;gap:26px}
.fotos-band .fs-kachel .zahl{color:#a29d93}
.fotos-band .fs-kachel h3{color:#fff}

@media(max-width:900px){
 .fotos-band{--fr:18px;margin-top:70px}
 .fs-innen{padding:46px 0 24px}
 .fs-kopf{padding:0 var(--fr);margin-bottom:24px}
 .fs-raster{display:block}
 .fs-gross .foto{aspect-ratio:4/3}
 .fs-text{left:var(--fr);right:var(--fr);bottom:22px}
 .fs-text p{font-size:15px}
 /* weitere Strecken seitlich zum Wischen */
 .fotos-band .fs-reihe{flex-direction:row;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:26px var(--fr) 4px;scrollbar-width:none}
 .fotos-band .fs-reihe::-webkit-scrollbar{display:none}
 .fotos-band .fs-kachel{flex:0 0 72vw;scroll-snap-align:start;scroll-margin-left:var(--fr)}
 .fs-kachel h3{font-size:20px}
}

/* ---------- Einzelne Fotostrecke ---------- */
.ms-fotostrecke{padding-bottom:20px}
.mf-kopf{max-width:860px;margin:0 auto;padding:70px 0 54px;text-align:center}
.mf-kopf .et.gold{font-size:11px}
.mf-kopf h1{font:400 clamp(46px,6vw,92px)/1 var(--titel);letter-spacing:-.015em;margin:14px 0 0}
.mf-zeile{max-width:620px;margin:20px auto 0;font:400 clamp(18px,1.6vw,21px)/1.5 var(--titel);color:var(--tinte)}
.mf-kopf .et.grau{display:block;margin-top:22px;font-size:10px;color:var(--grau)}
.mf-bilder>*{margin:0}
/* Galerie: im Wechsel ein Bild ganz breit, dann ein Paar */
.mf-bilder .wp-block-gallery.has-nested-images{display:grid!important;grid-template-columns:1fr 1fr;gap:18px;margin:0}
.mf-bilder .wp-block-gallery.has-nested-images figure.wp-block-image{width:auto!important;margin:0!important;flex:none!important;display:block!important}
.mf-bilder .wp-block-gallery.has-nested-images figure.wp-block-image:nth-child(3n+1),
.mf-bilder .wp-block-gallery.has-nested-images figure.wp-block-image:last-child:nth-child(3n+2){grid-column:1/-1}
/* Bilder behalten ihr Seitenverhältnis aus width/height (kein aspect-ratio:auto, sonst springt die Höhe vor dem Laden) */
.mf-bilder .wp-block-gallery.has-nested-images figure.wp-block-image:not(#ms) img{width:100%!important;height:auto!important;object-fit:contain!important}
@media(min-width:901px){
 .mf-bilder .wp-block-gallery.has-nested-images figure.wp-block-image:nth-child(3n+1):not(#ms) img,.mf-bilder .wp-block-gallery.has-nested-images figure.wp-block-image:last-child:nth-child(3n+2):not(#ms) img{max-height:92vh}
 /* Paare gleich hoch: 3:2 zugeschnitten */
 .mf-bilder .wp-block-gallery.has-nested-images figure.wp-block-image:not(:nth-child(3n+1)):not(#ms) img{aspect-ratio:3/2;object-fit:cover!important}
 .mf-bilder .wp-block-gallery.has-nested-images figure.wp-block-image:last-child:nth-child(3n+2):not(#ms) img{aspect-ratio:auto 3/2;object-fit:contain!important}
}
.mf-bilder .wp-block-gallery.has-nested-images figure.wp-block-image figcaption{position:static!important;background:none!important;color:var(--grau)!important;padding:10px 0 0!important;max-height:none!important;text-align:left!important;font:500 10px/1.4 var(--sans)!important;letter-spacing:.18em;text-transform:uppercase}
.mf-bilder .wp-block-gallery.has-nested-images figure.wp-block-image::before{display:none!important}
.mf-bilder>.wp-block-image{margin:18px 0}
.mf-bilder>p{max-width:640px;margin:46px auto;font:300 18px/1.7 var(--sans)}
.mf-weiter{margin-top:100px;padding-top:0}
.mf-weiter-kopf{display:flex;justify-content:space-between;align-items:center;padding:8px 0 7px;margin-bottom:30px;font-size:10.5px;border-top:3px double var(--tinte);border-bottom:1px solid var(--linie)}
.mf-weiter-kopf a:hover,.fs-kachel:hover h3{color:var(--gold)}
.mf-weiter .fs-reihe,.fs-gitter{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.fs-gitter{row-gap:50px;padding-bottom:20px}

@media(max-width:900px){
 .mf-kopf{padding:44px 0 34px}
 .mf-bilder{margin:0 calc(-1 * var(--rand))}
 .mf-bilder figcaption{padding-left:var(--rand)!important;padding-right:var(--rand)!important}
 .mf-weiter{margin-top:96px}
 .mf-weiter .fs-reihe{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;margin:0 calc(-1 * var(--rand));padding:0 var(--rand);scrollbar-width:none}
 .mf-weiter .fs-kachel{flex:0 0 78vw;scroll-snap-align:start;scroll-margin-left:var(--rand)}
 .fs-gitter{grid-template-columns:1fr;row-gap:40px}
}

/* Handy: auf der Startseite nur die neueste Fotostrecke */
@media(max-width:900px){.fotos-band .fs-reihe{display:none}}

/* Kein heller Haarstrich an der Bildunterkante (Safari, halbe Pixel): Verlauf etwas über die Kante ziehen, dunkler Grund */
.fs-gross{background:#111}
.fs-gross::after{inset:45% 0 -2px}
.fs-gross .foto{overflow:hidden}
.fs-gross .foto img{display:block}

/* Handy, Magazin-Stil: Bildbreiten wechseln im Viererschritt (randlos · Textbreite · zwei Drittel links · zwei Drittel rechts),
   laufende Nummern in .mf-bilder .wp-block-gallery.has-nested-images figure.wp-block-imageold, bei den Zwei-Drittel-Bildern steht die Unterschrift im freien Raum daneben */
@media(max-width:900px){
 .mf-bilder .wp-block-gallery.has-nested-images{grid-template-columns:1fr!important;row-gap:38px!important;counter-reset:mfbild}
 .mf-bilder .wp-block-gallery.has-nested-images figure.wp-block-image{grid-column:1/-1!important;counter-increment:mfbild}
 .mf-bilder .wp-block-gallery.has-nested-images figure.wp-block-image figcaption::before,.mf-bilder .wp-block-gallery.has-nested-images figure.wp-block-image:not(:has(figcaption))::after{content:counter(mfbild,decimal-leading-zero);display:block;margin-bottom:5px;font:italic 400 17px/1 var(--titel);letter-spacing:0;text-transform:none;color:var(--gold)}
 .mf-bilder .wp-block-gallery.has-nested-images figure.wp-block-image:not(:has(figcaption))::after{padding:10px var(--rand) 0}
 .mf-bilder .wp-block-gallery.has-nested-images figure.wp-block-image:nth-child(4n+2){margin:0 var(--rand)!important}
 .mf-bilder .wp-block-gallery.has-nested-images figure.wp-block-image:nth-child(4n+2) figcaption,.mf-bilder .wp-block-gallery.has-nested-images figure.wp-block-image:nth-child(4n+2):not(:has(figcaption))::after{padding-left:0!important;padding-right:0!important}
 .mf-bilder .wp-block-gallery.has-nested-images figure.wp-block-image:nth-child(4n+3),.mf-bilder .wp-block-gallery.has-nested-images figure.wp-block-image:nth-child(4n){display:grid!important;column-gap:14px;align-items:end}
 .mf-bilder .wp-block-gallery.has-nested-images figure.wp-block-image:nth-child(4n+3){grid-template-columns:66% 1fr}
 .mf-bilder .wp-block-gallery.has-nested-images figure.wp-block-image:nth-child(4n){grid-template-columns:1fr 66%}
 .mf-bilder .wp-block-gallery.has-nested-images figure.wp-block-image:nth-child(4n+3) img{grid-column:1;grid-row:1}
 .mf-bilder .wp-block-gallery.has-nested-images figure.wp-block-image:nth-child(4n) img{grid-column:2;grid-row:1}
 .mf-bilder .wp-block-gallery.has-nested-images figure.wp-block-image:nth-child(4n+3) figcaption,.mf-bilder .wp-block-gallery.has-nested-images figure.wp-block-image:nth-child(4n+3):not(:has(figcaption))::after{grid-column:2;grid-row:1;padding:0 var(--rand) 0 0!important}
 .mf-bilder .wp-block-gallery.has-nested-images figure.wp-block-image:nth-child(4n) figcaption,.mf-bilder .wp-block-gallery.has-nested-images figure.wp-block-image:nth-child(4n):not(:has(figcaption))::after{grid-column:1;grid-row:1;padding:0 0 0 var(--rand)!important;text-align:right!important}
}

/* Bildnummern wieder ausgeblendet */
@media(max-width:900px){.mf-bilder .wp-block-gallery.has-nested-images figure.wp-block-image figcaption::before,.mf-bilder .wp-block-gallery.has-nested-images figure.wp-block-image:not(:has(figcaption))::after{content:none!important;display:none!important}}