/* ENKU Integrativ — gemeinsames Stylesheet · Premium-Feinschliff (Art-Direction 2026-07)
   Werte 1:1 aus der verbindlichen Design-Referenz index.html. Schrift-/Bildpfade root-absolut.
   Änderungen ggü. Vorversion: siehe README-fuer-claude-code.md (Kontrast-System, Schatten, Motion). */
@font-face{font-family:'Outfit';font-weight:300;font-display:swap;src:url('../fonts/outfit-300.woff2') format('woff2')}
@font-face{font-family:'Outfit';font-weight:400;font-display:swap;src:url('../fonts/outfit-400.woff2') format('woff2')}
@font-face{font-family:'Outfit';font-weight:500;font-display:swap;src:url('../fonts/outfit-500.woff2') format('woff2')}
@font-face{font-family:'Outfit';font-weight:600;font-display:swap;src:url('../fonts/outfit-600.woff2') format('woff2')}
@font-face{font-family:'Outfit';font-weight:700;font-display:swap;src:url('../fonts/outfit-700.woff2') format('woff2')}
@font-face{font-family:'Lora';font-weight:400;font-display:swap;src:url('../fonts/lora-400.woff2') format('woff2')}
@font-face{font-family:'Lora';font-style:italic;font-weight:400;font-display:swap;src:url('../fonts/lora-400-italic.woff2') format('woff2')}
@font-face{font-family:'Lora';font-weight:600;font-display:swap;src:url('../fonts/lora-600.woff2') format('woff2')}
@font-face{font-family:'Lora';font-style:italic;font-weight:600;font-display:swap;src:url('../fonts/lora-600-italic.woff2') format('woff2')}
@font-face{font-family:'Lora';font-weight:700;font-display:swap;src:url('../fonts/lora-700.woff2') format('woff2')}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
::selection{background:#F5D9B8;color:#241C13}
/* Typografie-Finesse: ruhige Zeilenumbrüche, keine Hurenkinder in Headlines */
h1,h2,h3{text-wrap:balance}
p,li,figcaption{text-wrap:pretty}
image-slot{display:block;width:100%;height:460px}
summary{list-style:none;cursor:pointer}
summary::-webkit-details-marker{display:none}
/* Entrance-Motion: .e-in-Elemente steigen sanft ein (Delays inline) */
@keyframes enkuUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.e-in{animation:enkuUp .7s cubic-bezier(.16,1,.3,1) both}
header#main h1:not(.e-in){animation:enkuUp .65s cubic-bezier(.16,1,.3,1) both}
header#main p:not(.e-in){animation:enkuUp .65s cubic-bezier(.16,1,.3,1) .12s both}
@keyframes enkuKen{from{transform:scale(1.06)}to{transform:scale(1)}}
.enku-plus{transition:transform .35s cubic-bezier(.16,1,.3,1)}
details[open] .enku-plus{transform:rotate(45deg)}
details[open] .enku-q{color:#A15500}
.r{opacity:1}
.svc-row .svc-arrow{transition:transform .4s cubic-bezier(.16,1,.3,1);color:#C9B79C}
.svc-row:hover .svc-arrow{transform:translateX(10px);color:#E8811A}
.svc-row .svc-h{transition:color .35s ease}
.svc-row:hover .svc-h{color:#A15500}
.svc-row .svc-fill{transition:width .5s cubic-bezier(.16,1,.3,1)}
.svc-row:hover .svc-fill{width:100%!important}
@media(max-width:1000px){[data-hide-mobile]{display:none!important}[data-trust-stats]{border-left:0!important;padding-left:0!important}[data-hero-grid]{grid-template-columns:1fr!important;gap:48px!important}[data-promise-grid]{grid-template-columns:1fr!important;gap:48px!important}[data-warum-grid]{grid-template-columns:1fr!important;gap:48px!important}[data-trust-grid]{grid-template-columns:1fr!important;gap:48px!important}[data-step-grid]{grid-template-columns:1fr 1fr!important}[data-step-line]{display:none!important}[data-pl-row]{grid-template-columns:1fr!important;gap:16px!important}[data-region-grid]{grid-template-columns:1fr!important}[data-svc-grid]{grid-template-columns:1fr!important}[data-footer-grid]{grid-template-columns:1fr!important;gap:36px!important}}
@media(max-width:560px){[data-step-grid]{grid-template-columns:1fr!important}}
.enku-sticky{display:none}
/* Karten: warme, zweistufige Schatten + Border-Aufhellung beim Anheben */
.path-card{transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s ease,border-color .4s ease;box-shadow:0 1px 2px rgba(58,42,20,.04),0 10px 28px -14px rgba(58,42,20,.10)}
.path-card:hover{transform:translateY(-5px);box-shadow:0 4px 10px rgba(58,42,20,.05),0 26px 54px -18px rgba(58,42,20,.22);border-color:#E0CDAF!important}
.path-card:hover .path-arrow{transform:translateX(6px)}
.path-arrow{transition:transform .35s cubic-bezier(.16,1,.3,1)}
.enku-input{width:100%;font-family:'Outfit',sans-serif;font-size:15px;color:#2C2218;background:#fff;border:1.5px solid #E0CFB8;border-radius:8px;padding:13px 15px;outline:none;transition:border-color .25s ease,box-shadow .25s ease}
.enku-input:focus{border-color:#A15500;box-shadow:0 0 0 3px rgba(161,85,0,.14)}
.enku-input::placeholder{color:#7A6C59;opacity:1}
@media(max-width:1000px){[data-paths]{grid-template-columns:1fr 1fr!important}[data-ueber-grid]{grid-template-columns:1fr!important;gap:40px!important}[data-kontakt-grid]{grid-template-columns:1fr!important;gap:40px!important}}
@media(max-width:760px){.enku-sticky{display:flex!important}body{padding-bottom:calc(64px + env(safe-area-inset-bottom))}}
@media(max-width:560px){[data-paths]{grid-template-columns:1fr!important}}
/* Breadcrumb (nur Unterseiten) */
.enku-bc{max-width:1180px;margin:0 auto;padding:18px 40px 0;font-size:13px;color:#6E6253;font-weight:500}
.enku-bc ol{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:9px;padding:0;margin:0}
.enku-bc li{display:flex;align-items:center;gap:9px}
.enku-bc li:not(:last-child)::after{content:'\203A';color:#C9B79C}
.enku-bc a{color:#6E6253;text-decoration:none;transition:color .2s ease}
.enku-bc a:hover{color:#A15500}
.enku-bc [aria-current="page"]{color:#2C2218;font-weight:600}
@media(max-width:760px){.enku-bc{padding:14px 22px 0}}
/* Mobil-Navigation (Hamburger) */
.enku-burger{display:none;flex-direction:column;gap:5px;width:44px;height:44px;align-items:center;justify-content:center;background:transparent;border:0;cursor:pointer;border-radius:10px;margin-left:4px}
.enku-burger span{display:block;width:22px;height:2px;background:#2C2218;border-radius:2px;transition:all .3s ease}
@media(max-width:1000px){
  .enku-burger{display:flex}
  [data-nav-menu]{position:absolute;top:100%;left:0;right:0;background:#FBF6EE;border-bottom:1px solid #EADCC9;flex-direction:column;align-items:stretch!important;gap:0!important;padding:6px 0!important;box-shadow:0 24px 48px -18px rgba(58,42,20,.28);display:none!important}
  [data-nav-menu][data-open="1"]{display:flex!important}
  [data-nav-menu] li{width:100%}
  [data-nav-menu] a{display:block!important;padding:15px 40px!important;font-size:15px!important;color:#2C2218!important;border-bottom:1px solid rgba(234,220,201,.55)}
  [data-nav-menu] li:last-child a{border-bottom:0}
}
/* Rechtstexte (Impressum/Datenschutz) */
.enku-legal h2{font-family:'Lora',serif;font-size:21px;font-weight:600;color:#2C2218;margin:36px 0 12px;line-height:1.25}
.enku-legal p{font-size:16px;line-height:1.85;color:#6E6253;font-weight:300;margin-bottom:14px}
.enku-legal a{color:#A15500;text-decoration:underline;text-underline-offset:3px}
.enku-legal a:hover{color:#7E4300}
.enku-legal strong{color:#2C2218;font-weight:600}

/* A11y (Audit 2026-06-26, verfeinert 2026-07) */
.enku-input:focus-visible{outline:2px solid #A15500;outline-offset:2px}
a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid #A15500;outline-offset:2px;border-radius:4px}
.enku-skip{position:absolute;left:-9999px;top:0;z-index:1000;background:#3A2B1A;color:#fff;padding:12px 20px;font-weight:600;text-decoration:none;border-radius:0 0 8px 0}
.enku-skip:focus{left:0}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}
@media(max-width:760px){.enku-topbar{display:none!important}}
.enku-topbar>div{flex-wrap:nowrap;gap:16px}
.enku-topbar>div>span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.enku-topbar>div>span:last-child{white-space:nowrap;flex-shrink:0}

/* ===== Mobile-Premium-Schicht ===== */
@media(max-width:760px){
  section{padding-left:22px!important;padding-right:22px!important}
  header>div{padding-left:22px!important;padding-right:22px!important}
  nav>div{padding-left:16px!important;padding-right:12px!important}
  footer{padding-left:22px!important;padding-right:22px!important;padding-top:52px!important}
  /* Schwebekarte -> ruhige Infokarte unter dem Bild */
  .enku-float{position:static!important;left:auto!important;bottom:auto!important;max-width:100%!important;margin-top:14px;box-shadow:0 1px 3px rgba(58,42,20,.06),0 12px 28px -12px rgba(58,42,20,.16)!important}
  /* Button-Zeilen: gestapelt, volle Breite */
  [data-cta-row]{flex-direction:column;align-items:stretch}
  [data-cta-row]>a{width:100%;justify-content:center;text-align:center}
  /* Formulare kompakter */
  form{padding:24px 22px!important}
  /* Sticky-Leiste: Safe-Area + Hairline */
  .enku-sticky{padding-bottom:calc(10px + env(safe-area-inset-bottom))!important;border-top:1px solid rgba(255,255,255,.09)}
}
@media(max-width:560px){
  [style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr!important}
  [data-trust-stats]{grid-template-columns:1fr 1fr!important;gap:28px 20px!important}
}
@media(max-width:760px){
  .ghost-num{display:none!important}
  header#main h1{font-size:clamp(38px,11.5vw,56px)!important}
  header#main h1 em span[style*="height:.055em"]{height:3px!important}
}
@media(max-width:420px){
  nav a[href="/kontakt/"]{padding:10px 15px!important;font-size:13px!important}
  nav img{height:44px!important}
}
/* === ENKU Farbpalette (verbindlich · Kontrast-System AA, siehe README) ===
   FLÄCHEN/DEKO (nie als Textfarbe auf hellem Grund):
     Glut-Orange #E8811A (Button-Fläche, Linien, Deko) · Button-Hover #D9740F · Gold #F5A623 (Deko + Text NUR auf Ink #241C13)
   TEXT-AKZENTE (AA-sicher auf Creme, Weiß, Warm-Band, Infobox):
     Bernstein #A15500 (Eyebrows, Textlinks, kursive Headline-Akzente) · Hover dunkel #7E4300
     Gold-Hell #F7B84B (Text/Zahlen auf Espresso #3A2B1A)
   BUTTON-TEXT: Ink #241C13 auf Glut-Orange (6,1:1)
   Creme #FBF6EE (BG) · Warm #F4E9D8 (Band) · Infobox #FFF7EC · Border #EADCC9
   Espresso #3A2B1A · Ink #241C13 · Text #2C2218 · Muted #6E6253 · Listen-Text #4A3D30
   Footer-Text #B9AC9A · Footer-Meta #9A8D7B · Sand: Linien #D8C7B0 · Inputs #E0CFB8 · FAQ-Border #DECDB6 · Topbar-Text #E8DCC8 · Deko #C9B79C */
