/* Ebene "alt" fuer k-erlebnis.css (erzeugt von bau/lagen-erzeugen.mjs, nicht bearbeiten) */
@layer alt {
/* Gemeinsame Bedienoberflaeche fuer persoenliche Arbeit, Projekte und Leitstand. */
:root {
  --k-tinte:#16252d; --k-text:#16252d; --k-papier:#f2f5f7; --k-flaeche:#fff;
  --k-flaeche-2:#f5f7f9; --k-flaeche-3:#e8eef2; --k-linie:#d8e1e7;
  --k-text-leise:#485e6b; --k-text-3:#536773; --k-feldrand:#748894;
  --k-leiste-grund:#16252d; --k-leiste-hover:#223743; --k-leiste-aktiv:#304956;
  --k-leiste-linie:#47606d; --k-leiste-text:#f4f8fa; --k-leiste-leise:#b9cbd5;
  --k-schrift-titel:var(--k-schrift-text); --k-radius-3:10px; --k-radius-4:12px;
  --papier:var(--k-papier); --flaeche:var(--k-flaeche); --flaeche2:var(--k-flaeche-2);
  --tinte:var(--k-tinte); --text2:var(--k-text-leise); --text3:var(--k-text-3);
  --linie:var(--k-linie); --titel:var(--k-schrift-text); --radius:10px;
  --schatten:none; --radius-klein:6px;
}
body { background:var(--k-papier); color:var(--k-text); font:400 14px/1.55 var(--k-schrift-text); accent-color:var(--k-akzent-text); caret-color:var(--k-akzent-text); }
::selection { background:#ffd5b9; color:#16252d; }
html { scrollbar-color:#748894 #e8eef2; }
a { text-underline-offset:3px; }
:where(a,button,input,select,textarea,summary):focus-visible { outline:3px solid #245e9e; outline-offset:3px; }
:where(input,select,textarea)::placeholder { color:#536773; opacity:1; }
:where(input,select,textarea) { font-family:var(--k-schrift-text); }
:where(h1,h2,h3,h4) { font-family:var(--k-schrift-text); font-weight:650; letter-spacing:-.025em; }
h1 { font-size:28px; line-height:1.2; }
h2 { font-size:20px; line-height:1.35; }
h3 { font-size:16px; line-height:1.4; }
:where(time,.anzahl,.k-zaehler,.kpi-wert,td) { font-variant-numeric:tabular-nums; }
.k-rahmen { grid-template-columns:264px minmax(0,1fr); background:var(--k-papier); }
.k-leiste { padding:16px 12px; gap:16px; }
.k-klapp { flex:1 1 auto; gap:12px; overflow:visible; }
.k-waehler > summary { padding:12px 8px; gap:10px; border:1px solid var(--k-leiste-linie); border-radius:8px; }
.k-arbeitsbereich { font-size:12px; line-height:1.5; }
.k-waehler-name { font-size:14px; line-height:1.5; }
.k-waehler-unter { margin-top:2px; }
.k-waehler-liste { position:static; margin-top:8px; max-height:45vh; border-radius:8px; box-shadow:none; padding:4px; }
.k-waehler-liste a { min-height:44px; display:flex; align-items:center; padding:8px; font-size:13px; }
.k-waehler-liste a[aria-current=page] { box-shadow:none; background:var(--k-leiste-grund); color:#ffb27f; }
.k-waehler-kopf { font-size:12px; padding:12px 8px 4px; }
.k-nav { gap:4px; overflow:visible; flex:none; }
.k-nav .k-block { padding:0; border:0; }
.k-punkt,.k-bereich > .k-bereich-kopf { height:auto; min-height:44px; padding:10px 12px; border-radius:6px; }
.k-punkt .sym,.k-punkt:hover .sym { transform:none; }
.k-markierung { display:none; }
.k-punkt[data-aktiv=ja] { box-shadow:none; background:#304956; }
.k-leiste .k-punkt[data-aktiv=ja] .k-punkt-text { color:inherit; }
.k-punkt[data-aktiv=ja] > .sym { color:#ffb27f; }
.marke-kunde .k-punkt[data-aktiv=ja] { background:var(--marke-weich,#304956); color:var(--marke-text,#f4f8fa); }
.marke-kunde .k-punkt[data-aktiv=ja] > .sym { color:inherit; }
.k-bereich-inhalt { padding:4px 0 8px 12px; }
.k-bereich-inhalt > .k-punkt { min-height:40px; font-size:13px; padding:8px 10px; }
.k-untermenue { display:flex !important; margin:0 0 4px; }
.k-unter { min-height:36px; height:auto; padding:8px 12px 8px 42px; font-size:12px; line-height:1.5; }
.k-unter[aria-current] { color:#fff; background:#304956; box-shadow:none; }
.k-gruppe { text-transform:none; letter-spacing:0; font-size:12px; }
.k-hinweis { margin:12px 8px; padding:12px 0; border:0; border-top:1px solid var(--k-leiste-linie); }
.k-teammodus { min-height:40px; padding:8px; border-radius:6px; background:#304956; color:#f4f8fa; }
.k-teammodus:hover { background:#3d5a6a; }
.k-unten { padding-top:12px; border-top:1px solid var(--k-leiste-linie); }
.k-werkzeuge { flex-wrap:wrap; gap:4px; }
.k-symbol,.k-konto-knopf { min-width:40px; width:40px; height:40px; }
.k-kopf .k-symbol { min-width:40px; width:40px; height:40px; }
.k-service { flex:1 0 auto; width:auto; min-width:40px; padding:8px; }
.k-service-text { font-size:12px; }
.k-konto-menue { bottom:calc(100% + 8px); left:0; max-width:calc(100vw - 32px); }
.k-konto-ab { min-height:44px; }
.k-branding { margin-top:12px; color:var(--k-leiste-leise); }
.k-kopf { min-height:64px; padding:12px 32px; gap:12px; background:#fff; border-bottom:1px solid var(--k-linie); }
.k-bereichsort { display:inline-flex; align-items:center; gap:6px; padding:6px 10px; border-radius:6px; font-size:12px; font-weight:600; white-space:nowrap; color:#245e9e; background:#e7f0fa; }
.k-bereichsort-persoenlich { color:#245e9e; background:#e7f0fa; }
.k-bereichsort-auswahl { color:#485e6b; background:#e8eef2; }
.k-bereichsort-projekt { color:#205e48; background:#e2f1e8; }
.k-bereichsort-leitstand { color:#8b3507; background:#ffe6d6; }
.k-suche { min-width:170px; width:240px; height:40px; padding-right:2px; background:#f5f7f9; border-color:#748894; border-radius:6px; }
.k-suche-feld { font-size:13px; min-width:0; }
.k-suche-absenden { background:transparent; color:#16252d; border:0; border-radius:4px; min-width:36px; min-height:36px; display:grid; place-items:center; cursor:pointer; }
.k-suche-absenden:hover { background:#e1e9ef; }
.k-schnellzugriff[hidden] { display:none; }
.k-neu-knopf { min-height:40px; border-radius:6px; }
.k-neu-menue a { min-height:44px; display:flex; align-items:center; }
.k-pfad { max-width:min(38vw,520px); }
.k-pfad ol { flex-wrap:wrap; }
.k-pfad .k-glied { white-space:normal; font-size:12px; }
.seitenkopf { align-items:flex-start; gap:16px; padding:32px 32px 0; }
.seitenkopf-text { flex:1 1 420px; gap:8px; }
.seitenkopf .unter { font-size:14px; line-height:1.6; max-width:72ch; }
.seitenkopf .zurueck { font-size:12px; margin-bottom:4px; }
.seitenkopf .aktionen { flex-wrap:wrap; gap:8px; }
.untermenue-flach { display:none !important; }
main.inhalt { padding:24px 32px 40px; gap:24px; }
.knopf { min-height:44px; border-radius:6px; font-size:13px; line-height:1.4; justify-content:center; white-space:normal; text-align:center; }
.knopf.klein { min-height:36px; font-size:12px; }
.knopf.primaer,.knopf.akzent { background:var(--k-akzent, #3D4757); color:var(--k-auf-akzent, #FFFFFF); border-color:var(--k-akzent-gedrueckt, #252C38); }
.knopf.primaer:hover,.knopf.akzent:hover { background:var(--k-akzent-hover, #2F3846); border-color:var(--k-akzent-gedrueckt, #252C38); }
.knopf:active { transform:translateY(1px); }
.knopf[disabled],.knopf[aria-disabled=true] { transform:none; }
.karte { box-shadow:none; border:1px solid var(--k-linie); border-radius:10px; }
.karte .karte { border-radius:0; border:0; background:transparent; box-shadow:none; padding-left:0; padding-right:0; }
.feld :where(input:not([type=checkbox]):not([type=radio]),select,textarea) { border-color:#748894; border-radius:6px; min-height:44px; font-size:14px; }
.meldung { border:1px solid currentColor; border-radius:6px; box-shadow:none; }
.meldung :where(p,span) { max-width:75ch; }
.seitenabschluss { border-top:1px solid var(--k-linie); padding:16px 32px; }
.k-befehl { border:1px solid #748894; border-radius:12px; box-shadow:0 20px 50px -12px #16252d55; }
.k-befehl-eintrag { min-height:48px; }
.projektverzeichnis { display:flex; flex-direction:column; background:var(--k-flaeche, #fff); border:1px solid var(--k-linie); border-radius:8px; overflow:hidden; }
.projektverzeichnis-zeile { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:24px; border-bottom:1px solid var(--k-linie); color:var(--k-text); text-decoration:none; }
.projektverzeichnis-zeile:last-child { border:0; }
.projektverzeichnis-zeile:hover { background:var(--k-flaeche-2, #f5f7f9); }
.projektverzeichnis-zeile .angebot-kopf { flex:1; min-width:0; }
.projektverzeichnis-zeile .position-name { font-weight:650; font-size:16px; color:var(--k-text); overflow-wrap:anywhere; }
.projektverzeichnis-zeile .position-unter { color:var(--k-text-leise); overflow-wrap:anywhere; }
.projektverzeichnis-zeile .link-pfeil { color:var(--k-akzent-text, #8b3507); white-space:nowrap; }
@media(min-width:901px) {
  .k-leiste { overflow-y:auto; }
  .k-klapp { min-height:auto; }
  .k-leiste-zu .k-rahmen { grid-template-columns:72px minmax(0,1fr); background:var(--k-papier); }
  .k-leiste-zu .k-waehler-liste { position:absolute; top:100%; left:0; width:248px; box-shadow:var(--k-schatten-3); }
  .k-leiste-zu .k-bereichsort { display:none; }
  .k-leiste-zu .k-punkt { min-height:44px; height:auto; }
  .k-leiste-zu .k-untermenue { display:none !important; }
  .k-leiste-zu .k-bereich-inhalt .k-untermenue { display:flex !important; }
  .k-leiste-zu .k-bereich-inhalt .k-unter { min-height:36px; }
}
@media(max-width:1150px) {
  .k-kopf { padding:12px 24px; }
  .k-bereichsort { display:none; }
  .k-suche { width:200px; }
  .seitenkopf { padding:24px 24px 0; }
  main.inhalt { padding:24px; }
}
@media(min-width:901px) and (max-width:1150px) {
  .k-kopf .k-neu,.k-kopf .k-schnellzugriff { display:none; }
  .k-pfad { flex:1 1 160px; min-width:120px; max-width:none; }
  .k-pfad li:not(:nth-last-child(-n+2)) { display:none; }
  .k-pfad li { min-width:0; max-width:100%; }
  .k-pfad .k-glied { white-space:nowrap; max-width:180px; }
}
@media(max-width:900px) {
  .k-rahmen,.k-leiste-zu .k-rahmen { grid-template-columns:minmax(0,1fr); }
  .k-leiste { position:relative; height:auto; padding:12px 16px; gap:8px; }
  .k-waehler > summary { padding:8px; }
  .k-waehler-unter { display:none; }
  .k-waehler-liste { max-height:45vh; }
  .k-menueknopf { min-height:44px; font-size:14px; padding:8px; border:1px solid #47606d; border-radius:6px; }
  .k-schalter { display:block; position:absolute; width:1px; height:1px; opacity:0; overflow:hidden; }
  .k-schalter:focus-visible + .k-menueknopf { outline:3px solid #ffb27f; outline-offset:2px; }
  .k-schalter:not(:checked) ~ .k-klapp { display:none; }
  .k-schalter:checked ~ .k-klapp { display:flex; }
  .k-punkt,.k-bereich-inhalt > .k-punkt,.k-unter { min-height:44px; }
  .k-kopf { min-height:60px; padding:8px 16px; flex-wrap:wrap; gap:8px; }
  .k-pfad { max-width:none; flex:1 1 180px; }
  .k-suche { width:100%; flex:1 1 240px; }
  .k-neu { display:none; }
  .k-demo { order:5; width:100%; }
  .seitenkopf { padding:24px 16px 0; }
  main.inhalt { padding:24px 16px; }
  .seitenkopf-text { flex-basis:100%; }
  .seitenkopf .aktionen { width:100%; }
  .seitenabschluss { padding:16px; }
}
@media(max-width:480px) {
  h1 { font-size:24px; }
  .k-stern-form { display:none; }
  .k-suche { order:4; }
  .seitenkopf .aktionen .knopf { flex:1; }
  .projektverzeichnis-zeile { flex-wrap:wrap; padding:16px; gap:12px; }
  .projektverzeichnis-zeile .angebot-kopf { flex-basis:100%; }
}
@media(prefers-reduced-motion:reduce) { .knopf:active { transform:none; } }

}