/* BLOOM YOUR ROOM · gemeinsame Bausteine für alle Unterseiten (Design Version 3)
 * Farben aus stil-v3.css: --salbei-zart #e5eae3, --salbei-soft #d6dbd4, --salbei-mittel #c3cbc0 */
:root { --salbei-deko: #a7b3a5; }

/* Aktiver Menüpunkt */
.nav a[aria-current="page"] { color: var(--akzent); }
.nav a[aria-current="page"]::after { transform: scaleX(1); }

/* Seitenkopf für Unterseiten (Blog, Kontakt, Rechtliches) */
.seitenkopf { padding: clamp(56px, 8vw, 110px) 0 clamp(36px, 5vw, 64px); text-align: center; }
.seitenkopf .eyebrow { justify-content: center; }
.seitenkopf h1 { font-size: clamp(2.3rem, 5vw, 3.8rem); margin-bottom: .3em; }
.seitenkopf__text { max-width: 40rem; margin: 0 auto; color: var(--text-leise); font-size: 1.08rem; }

/* Fließtext-Seiten (Impressum, Datenschutz, Blogartikel) */
.textseite { max-width: 46rem; margin: 0 auto; padding: 0 var(--rand) clamp(64px, 8vw, 110px); }
.textseite h2 { font-size: clamp(1.5rem, 2.6vw, 1.95rem); margin: 2em 0 .5em; }
.textseite h3 { font-size: 1.2rem; margin: 1.6em 0 .4em; }
.textseite p, .textseite li { color: var(--text); }
.textseite a { color: var(--text); text-decoration-color: var(--salbei-deko); text-underline-offset: 3px; }
.textseite a:hover { color: var(--taupe); }

/* Fehlkäufe auf „Über mich“ */
.fehlkauf-liste { list-style: none; padding: 0; margin: 1.2em 0 1.6em; }
.fehlkauf-liste li { padding: 16px 0 16px 22px; border-top: 1px solid var(--linie); position: relative; }
.fehlkauf-liste li:last-child { border-bottom: 1px solid var(--linie); }
.fehlkauf-liste li::before { content: ""; position: absolute; left: 0; top: 26px; width: 10px; height: 1px; background: var(--akzent); }

/* Instagram-Bereich über dem Fuß */
.insta { background: var(--salbei-zart); padding: clamp(64px, 8vw, 110px) 0; }
.insta__kopf { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px 48px; flex-wrap: wrap; margin-bottom: 36px; }
.insta__kopf h2 { margin-bottom: .3em; }
.insta__kopf p:not(.eyebrow) { margin: 0; color: var(--text-leise); max-width: 34rem; }
.insta__raster { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(6, 1fr); gap: 10px; }
.insta__raster a { display: block; overflow: hidden; position: relative; }
.insta__raster img { width: 100%; aspect-ratio: 1; object-fit: cover; transition: transform 1.2s cubic-bezier(.2,.7,.2,1), filter .4s; }
.insta__raster a::after { content: ""; position: absolute; inset: 0; background: rgba(111, 101, 93, 0); transition: background .4s; }
.insta__raster a:hover img { transform: scale(1.04); }
.insta__raster a:hover::after { background: rgba(111, 101, 93, .18); }
@media (max-width: 900px) { .insta__raster { grid-template-columns: repeat(3, 1fr); } }

/* Formulare allgemein (Kontakt) */
.formular--breit { max-width: 40rem; }
.formular textarea { width: 100%; min-height: 160px; padding: 14px 16px; border: 1px solid var(--linie); background: #fff; font: inherit; color: var(--text); resize: vertical; }
.formular select { width: 100%; padding: 14px 16px; border: 1px solid var(--linie); background: #fff; font: inherit; color: var(--text); }
.formular textarea:focus, .formular select:focus { outline: none; border-color: var(--akzent); box-shadow: 0 0 0 3px rgba(138, 120, 104, .2); }