/* Unterseiten und Beitragstext (ergänzt artikel.css) */

/* Zeitungskopf auf Unterseiten: steht oben, ohne Riesenrad-Überstand */
.ms-seite-kopf .kopf,.page .kopf,.single .ms-ohne-kopf~.kopf{position:relative}
.page .kopf .rad,.page .kopf .zeile1{display:none}
.page .kopf{padding-top:18px}

/* Vorläufiger Beitragstext nach dem Projekt-Kopf (Gestaltung wird noch gemeinsam festgelegt) */
.ms-text{padding:60px 0 20px}
.ms-text>*{max-width:680px;margin-left:auto;margin-right:auto}
.ms-text>p{font:350 19px/1.7 var(--sans);margin-bottom:1em}
.ms-text>h2{font:400 clamp(38px,4vw,60px)/1.05 var(--titel);letter-spacing:-.015em;margin:80px auto 26px;text-align:center}
.ms-text>h2 em{font-style:italic}
.ms-text>.wp-block-image{max-width:1180px;margin:56px auto}
.ms-text>.wp-block-image img{width:100%;height:auto}
.ms-text>.wp-block-image figcaption{font:500 11px var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--grau);margin-top:8px}
.ms-text>.wp-block-gallery{max-width:1180px;margin:56px auto}
.ms-titel{font:400 clamp(48px,6vw,96px)/.95 var(--titel);text-align:center;margin:50px auto 30px}

/* About */
.ms-seite{padding-bottom:40px}
.ms-about-aufmacher{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;padding:64px 0 70px;border-bottom:1px solid var(--linie);align-items:center}
.ms-about-aufmacher .wp-block-image{margin:0}
.ms-about-aufmacher .wp-block-image img{width:100%;aspect-ratio:4/5;object-fit:cover;height:auto}
.ms-about-aufmacher h1{font:400 clamp(48px,5.6vw,92px)/.95 var(--titel);letter-spacing:-.03em;margin:14px 0 22px}
.ms-about-aufmacher .ms-vorspann{font:400 clamp(22px,2vw,28px)/1.35 var(--titel);margin-bottom:22px}
.ms-about-aufmacher p{font:350 18px/1.65 var(--sans)}
.ms-about-aufmacher p+p{margin-top:14px}
.ms-dach{font:500 11.5px/1.3 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.ms-about-aufmacher .wp-block-buttons{margin-top:22px}
.ms-about-aufmacher .wp-block-button__link{background:none;color:var(--tinte);border-radius:0;padding:0 0 6px;border-bottom:1px solid var(--gold);font:500 11.5px var(--sans);letter-spacing:.2em;text-transform:uppercase}
.ms-about-aufmacher .wp-block-button__link::after{content:" →";color:var(--gold)}
.ms-strecke{padding:56px 0 70px;border-bottom:1px solid var(--linie)}
.ms-seite .ms-strecke h2.wp-block-heading{font:500 11.5px var(--sans);letter-spacing:.2em;text-transform:uppercase;padding-bottom:12px;margin-bottom:30px;border-bottom:1px solid var(--linie)}
.ms-strecke .wp-block-columns{gap:22px}
.ms-strecke .wp-block-image img{aspect-ratio:3/4;object-fit:cover;width:100%;height:auto}
.ms-strecke h3{font:400 19px/1.25 var(--titel);margin:10px 0 2px}
.ms-strecke p{font:350 15px/1.5 var(--sans);color:var(--grau)}
.ms-steckbrief{padding:56px 0 70px}
.ms-steckbrief .wp-block-columns{gap:44px}
.ms-steckbrief .wp-block-column{border-top:3px double var(--tinte);padding-top:14px}
.ms-steckbrief h4{font:500 11px var(--sans);letter-spacing:.2em;text-transform:uppercase;margin-bottom:8px}
.ms-steckbrief ul{list-style:none;padding:0;font:350 17px/1.7 var(--sans)}
@media(max-width:900px){
 .ms-about-aufmacher{grid-template-columns:1fr;gap:26px;padding:34px 0 50px}
 .ms-text>p{font-size:17.5px}
}
/* About: Bilder, die noch fehlen, als ruhige Fläche statt kaputtem Bild */
.ms-strecke img:not([src]),.ms-strecke img[src=""]{display:block;width:100%;aspect-ratio:3/4;background:#efede7;color:transparent;font-size:0}
/* Zwischenüberschriften und Listen in den Spalten des Projekt-Kopfs */
.v4-sp h2,.v4-sp h3,.v4-sp h4{font:400 21px/1.2 var(--titel);margin:0 0 .6em}
.v4-sp p+h2,.v4-sp p+h3,.v4-sp ul+h3,.v4-sp p+h4{margin-top:1.2em}
.v4-sp ul{margin:.4em 0 .7em 1.1em;font-size:inherit;line-height:1.5;text-align:left}
.v4-sp li{margin-bottom:.35em}
/* Vorläufiger Beitragstext: Listen, Zitate, kleinere Zwischentitel */
.ms-text>h3{font:400 clamp(28px,2.6vw,38px)/1.1 var(--titel);margin:60px auto 20px}
.ms-text>ul{font:350 19px/1.7 var(--sans);padding-left:1.2em;margin-bottom:1em}
.ms-text>.wp-block-quote{max-width:880px;margin:60px auto;padding:34px 0;border-top:3px double var(--tinte);border-bottom:1px solid var(--tinte);text-align:center}
.ms-text>.wp-block-quote p{font:400 italic clamp(26px,2.8vw,40px)/1.25 var(--titel)}
.ms-text>.wp-block-quote cite{display:block;margin-top:16px;font:500 11.5px var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font-style:normal}

/* Nummerierte Liste und Faktentabelle im Beitragstext (Looping-Texte, 06.11.2026) */
.ms-text>ol{font:350 19px/1.7 var(--sans);padding-left:1.4em;margin-bottom:1em}
.ms-text>ol li,.ms-text>ul li{margin-bottom:.5em}
.ms-text>.wp-block-table{margin:30px auto 40px}
.ms-text>.wp-block-table table{width:100%;border-collapse:collapse;border-top:3px double var(--tinte);border-bottom:1px solid var(--tinte)}
.ms-text>.wp-block-table td{font:350 16px/1.5 var(--sans);padding:10px 0;border-bottom:1px solid var(--linie);vertical-align:top}
.ms-text>.wp-block-table tr:last-child td{border-bottom:0}
.ms-text>.wp-block-table td:first-child{font:500 11.5px/1.5 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--gold);padding-right:24px;padding-top:13px;width:40%}
@media(max-width:700px){.ms-text>ol{font-size:17.5px}}

/* Kopf, der beim Hochscrollen von oben hereingleitet (Kopie aus kopf.js) */
.kopf-fest{position:fixed;top:0;left:0;right:0;z-index:40;background:var(--papier);transform:translateY(-105%);transition:transform .45s cubic-bezier(.2,.7,.2,1);box-shadow:0 8px 24px -18px rgba(0,0,0,.35)}
.kopf-fest.da{transform:none}
.kopf-fest>.kopf{position:relative;margin:0 auto;padding-bottom:10px} /* schmaler Papierstreifen unter der Doppellinie wie am Laptop */
.kopf-fest .rad,.kopf-fest .zeile1{display:none}
.kopf-fest>.kopf{padding-top:12px}
@media(min-width:901px){.kopf-fest>.kopf{padding-top:18px}}
/* Handy: schwarzer Grund mit schmalem Band oben, damit Safari die Leiste auch bei eingeblendetem Kopf schwarz färbt (wie auf der Startseite) */
@media(max-width:900px){.kopf-fest{background:linear-gradient(var(--papier),var(--papier)) 0 6px/100% 100% no-repeat #111}.kopf-fest>.kopf{background:none}}
/* Handy: Seitengrund mit schwarzer Grundfarbe und Papier als Bild darüber – sichtbar bleibt Papier, Safari liest aber die Grundfarbe
   und färbt die Leisten oben und unten schon beim Laden schwarz (auch auf Journal-Beiträgen ohne großes Titelbild) */
@media(max-width:900px){html,body{background:linear-gradient(var(--papier),var(--papier)) #111}.kopf{background:linear-gradient(var(--papier),var(--papier)) #111}}
/* Schriftzug hat von Anfang an seine Höhe, auch bevor das Bild geladen ist */
.kopf .schrift{aspect-ratio:1340/199;height:auto}

/* About „On Location“: Überschrift näher ans Foto, auf dem Handy seitlich wischen statt fünf große Fotos untereinander */
.ms-strecke .wp-block-image{margin:0!important}
.ms-seite .ms-strecke .wp-block-column>h3{margin:12px 0 3px!important}
.ms-seite .ms-strecke .wp-block-column>p{margin:0!important}
@media(max-width:900px){
 .ms-strecke .wp-block-columns{flex-wrap:nowrap!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px!important;margin:0 calc(-1 * var(--rand))!important;padding:0 var(--rand);scrollbar-width:none}
 .ms-strecke .wp-block-columns::-webkit-scrollbar{display:none}
 .ms-seite .ms-strecke .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{flex:0 0 64vw!important;flex-basis:64vw!important;scroll-snap-align:start;scroll-margin-left:var(--rand)}
}
.ms-strecke .wp-block-column a{color:inherit;text-decoration:none}
.ms-strecke .wp-block-column:has(a):hover h3{color:var(--gold)}
.ms-steckbrief li a{color:inherit;text-decoration:none;border-bottom:1px solid var(--linie)}
.ms-steckbrief li a:hover{color:var(--gold);border-color:var(--gold)}

/* Imprint und Privacy: ruhige Textspalte */
.ms-rechtstext{max-width:720px;margin:0 auto;padding:70px 0 40px}
.ms-rechtstext h1{font:400 clamp(40px,5vw,68px)/1 var(--titel);letter-spacing:-.02em;margin:0 0 34px;padding-bottom:22px;border-bottom:3px double var(--tinte)}
.ms-rechtstext h2{font:500 11.5px/1.3 var(--sans);letter-spacing:.2em;text-transform:uppercase;margin:38px 0 12px}
.ms-rechtstext p{font:350 16.5px/1.65 var(--sans);margin:0 0 14px}
.ms-rechtstext a{border-bottom:1px solid var(--gold)}
@media(max-width:900px){.ms-rechtstext{padding:40px 0 20px}}


/* Fuß: Imprint · Privacy kleiner, wie das Motto „Higher Perspectives“ im Kopf */
footer .unten span:has(a[href*="imprint"]){font-size:9px!important;letter-spacing:.36em!important;align-self:center}


/* Fuß: Copyright so klein wie Imprint · Privacy */
footer .unten>span:first-child{font-size:9px!important;letter-spacing:.36em!important;align-self:center}

/* Fuß: „Let’s talk.“ in eigener Zeile, eine Leerzeile unter „The next step is in your hands.“ */
footer .gross a{display:table;margin:1.1em auto 0}

/* Fuß Unterseiten: Luft unter „Let’s talk.“, untere Leiste einheitlich klein wie Imprint · Privacy */
footer .unten{margin-top:64px!important;align-items:center}
footer .unten>*{font-size:9px!important;letter-spacing:.36em!important}
footer .unten a:hover{color:#fff}
@media(max-width:900px){
 footer .unten{margin-top:44px!important;flex-direction:column;align-items:center;gap:10px!important;text-align:center}
}