/* CHARAKTER · mut-tankstelle.de – offen, warm. Eigenes Material: das nahe Foto mit weichen Ecken. */
:root { --titel-gewicht: 500; --ecke: 14px; }

h1, h2, h3 { font-weight: var(--titel-gewicht); color: var(--terrakotta); }
h4 { font-weight: 600; color: var(--terrakotta); }
#einstieg h1 { letter-spacing: -.03em; }

.leitsatz { font-weight: 500; color: var(--terrakotta); }
blockquote { border-left: 0; padding-left: 0; font-weight: 400; font-style: italic; color: var(--tinte); }
blockquote::before {
  content: "„"; display: block; height: .55em; margin-bottom: .1em;
  font-size: 3.5em; line-height: 1; font-style: normal; color: var(--terrakotta); opacity: .35;
}

/* Fotos: festes Hochformat in der Doppelseite. Nicht für .karte, .audio und .ganz. */
.zweispalter-bild img { border-radius: var(--ecke); width: 100%; }
@media (min-width: 901px) {
  .zweispalter-bild:not(.karte):not(.audio):not(.ganz) img { aspect-ratio: 4 / 5; object-fit: cover; }
}
@media (max-width: 900px) {
  .zweispalter-bild:not(.karte):not(.audio):not(.ganz) img { aspect-ratio: 3 / 2; object-fit: cover; }
}
.karte img { border-radius: 4px; box-shadow: 0 14px 30px -16px rgba(41, 40, 36, .35); }

/* Die sechs Räume: Nummer als Türschild. */
.raum { padding-block: var(--a6); }
.raum + .raum { border-top: 1px solid var(--linie); }
.raum-nummer { font-size: var(--stufe-fein); letter-spacing: .14em; color: var(--terrakotta); margin-bottom: var(--a1); }
.raum h3 { font-size: var(--stufe-titel-2); margin-bottom: var(--a2); }
.raum-kursiv { font-size: var(--stufe-hebung); line-height: 1.45; margin-bottom: var(--a3); }

.band { padding-block: var(--abschnitt-luft); background: var(--sand); }
.knopf { border-radius: 999px; }
#kontakt h2.handschrift { color: var(--terrakotta); }

/* Bildnachweis: einmal im Fuß statt unter jedem Foto. */
.bildnachweis { font-size: var(--stufe-fein); }