/* heidrich-digital.de · Ruhige Ebene (27.10.2026, Auftrag Till: „das aktuelle Design schreit made by AI“)
   Wird NACH werk.css geladen und nimmt den Werkzeugkasten-Look zurück: keine Fenster mit Titelleiste,
   kein Raster als Seitengrund, keine harten Versatzschatten, keine Monoschrift in Kleinbuchstaben für Bedienung.
   Zurück zum Markenhandbuch Kobalt-Analog (hd.css): Papier als Grund, Flächen randabfallend, Pillen-Knöpfe,
   Labels in Outfit-Versalien, einziger Schatten ist der Papierschatten auf Fotos und Zetteln.
   Zurücknehmen: den <link> auf ruhe.css entfernen. */

/* ---------- Grund ---------- */
body{background:var(--papier);background-image:none}
body::after{display:block}

/* ---------- Kopf ---------- */
.kopf{background:color-mix(in srgb,var(--papier) 94%,transparent);border-bottom:1px solid var(--linie)}
.kopf .logo svg rect{animation:none}
.kopf-status{display:none!important}
.nav{gap:clamp(14px,1.8vw,30px)}
.nav a{font:500 .9375rem/1 var(--f-marke);text-transform:none;padding:14px 0;border:0;background:transparent}
.nav a::after{display:block}
.nav a:hover{border:0;background:transparent;color:var(--kobalt)}
.nav a[aria-current="page"]{background:transparent;color:var(--kobalt)}
.nav .tel-link{background:transparent;color:var(--kobalt);font-weight:700;border:0;box-shadow:none;margin-left:6px}
.nav .tel-link:hover{background:transparent;color:var(--kobalt-tief);transform:none;box-shadow:none}
.menue-knopf{border:1px solid var(--linie-stark);border-radius:999px;box-shadow:none;font-family:var(--f-marke);text-transform:none;padding-inline:16px}

/* ---------- Keine Fenster mehr ---------- */
.fbar{display:none!important}
main .rahmen.abschnitt,main > section.rahmen:not(.werk-start),main > article.rahmen,
section.rahmen.abschnitt,.weiss-flaeche > .rahmen,.blaupause-flaeche > .rahmen,.dunkel > .rahmen,.kobalt-flaeche > .rahmen,
section.seitenkopf,main > section.seitenkopf{
  background:transparent!important;border:0!important;box-shadow:none!important;margin-block:0!important;
  width:100%;max-width:calc(var(--rahmen) + 2 * 16px);margin-inline:auto;
  padding:var(--abschnitt) var(--rand-r) var(--abschnitt) var(--rand)!important}
main > section.seitenkopf{padding-top:clamp(40px,5vw,88px)!important;padding-bottom:clamp(48px,6vw,104px)!important}
/* Flächen wieder randabfallend wie im Markenhandbuch */
main > section.weiss-flaeche{background:var(--weiss);border-block:1px solid var(--linie)}
main > section.blaupause-flaeche{background:var(--blaupause);border-block:1px solid var(--linie)}
main > section.dunkel{background:var(--tinte);color:var(--weiss)}
main > section.kobalt-flaeche{background:var(--kobalt-tief);color:var(--weiss)}
main > section.dunkel > .rahmen,main > section.kobalt-flaeche > .rahmen{color:inherit}
/* aufeinanderfolgende Papier-Abschnitte trennen */
main > section.rahmen + section.rahmen{border-top:1px solid var(--linie)}
main{padding-bottom:0}

/* Fenster auf der Startseite: als ruhige Karten, ohne Titelleiste */
.fenster{border:1px solid var(--linie)!important;box-shadow:none!important;background:var(--weiss)}
.fenster.dunkel,.fenster.kobalt{border-color:transparent!important}
.js .auftakt-w .fenster{animation:none}
@media (hover:hover) and (pointer:fine){
  .seite-w .fenster:hover,.foto-w:hover{transform:none;box-shadow:none}
}
.werk-start{padding-top:clamp(28px,4vw,64px)}

/* ---------- Schrift ---------- */
.label,.kicker,.modul-w .tag{font:700 var(--t-label)/1.3 var(--f-marke);letter-spacing:.14em;text-transform:uppercase;color:var(--kobalt)}
.dunkel .label,.kobalt-flaeche .label,.fenster.kobalt .label,.fenster.dunkel .label{color:var(--eis)}
.seitenkopf .nachweis:first-child,.seitenkopf .stapel-gross > .nachweis{font:700 var(--t-label)/1.3 var(--f-marke);letter-spacing:.14em;text-transform:uppercase;color:var(--kobalt)}
.weiter{font:600 var(--t-ui)/1.3 var(--f-marke);text-transform:none}
.weiter svg{width:18px;height:18px}
.modul-w .pf{font:600 .9375rem/1 var(--f-marke)}
.repoliste em{text-transform:none;border-color:var(--linie-stark);font-family:var(--f-marke);font-weight:600}
.profile a{text-transform:none;font-family:var(--f-marke);border-radius:999px}
.kontakt-w .wege{font-family:var(--f-marke)}

/* ---------- Bedienung ---------- */
.knopf{border:0;border-radius:999px;box-shadow:none;overflow:hidden}
.knopf:hover{transform:none;box-shadow:none}
.knopf:active{transform:translateY(1px);box-shadow:none}
.kobalt-flaeche .knopf.hell,.dunkel .knopf.hell{box-shadow:none}
.feld input,.feld select,.feld textarea{border-radius:var(--radius-feld,6px);border-color:var(--linie-stark);background:var(--papier)}
.formular{border:1px solid var(--linie);box-shadow:var(--schatten-zettel)}

/* ---------- Bilder: Papierschatten statt Versatzschatten ---------- */
.bild img,.abzug,.projekt-gross .schirm{border:0}
.abzug,.projekt-gross .schirm{box-shadow:var(--schatten-zettel)}
.dateiraster .bildhalter{border:0}
.dateiraster img{filter:none}
.portrait-w img{border-bottom:0}
.foto-w figcaption{border-top:1px solid var(--linie);font-family:var(--f-nachweis)}

/* ---------- Fuß ---------- */
.fuss{margin-top:0}

/* ---------- Bewegung: ruhiger ---------- */
.claim-w .cursor{animation:none}
.js .zeigen{transition:opacity .6s var(--ease),transform .6s var(--ease)}

@media (max-width: 680px){
  main .rahmen.abschnitt,main > section.rahmen:not(.werk-start),main > article.rahmen,
  section.rahmen.abschnitt,.weiss-flaeche > .rahmen,.blaupause-flaeche > .rahmen,.dunkel > .rahmen,.kobalt-flaeche > .rahmen,section.seitenkopf{
    box-shadow:none!important;margin-block:0!important}
}

/* ---------- Startseite: Einstieg ohne Kasten, kein Schein-Terminal ---------- */
.fenster[data-hero]{background:transparent!important;border:0!important}
.fenster[data-hero] > .fi{padding-left:0;padding-top:clamp(8px,2vw,24px)}
.fenster:has(> .term),.fenster:has(.term[data-term]){display:none!important}
.kv-w,.kv-w dt,.kv-w dd{font-family:var(--f-marke)}
.kv-w dt{font-weight:700;font-size:var(--t-label);letter-spacing:.12em;text-transform:uppercase;color:var(--kobalt)}
.kv-b dt{font-family:var(--f-marke);font-weight:600}
.dateien th,.dateien td.d,.dateien td.r{font-family:var(--f-marke)}
.handlung .nachweis{font-family:var(--f-marke);font-size:.9375rem}
.dateiraster figcaption b{display:none}
.dateiraster figcaption{font-family:var(--f-marke)}
.kv-b dt::first-letter{text-transform:uppercase}
.repoliste em{font-size:.75rem}