/* base.css — global geladen. Chrome (Header/Footer) + Reset-Ergänzungen.
   Default-Header: SOLID + STICKY (für beliebige Seiten). Home überschreibt zu fixed/transparent (home.css). */
*,*::before,*::after{box-sizing:border-box;}
img{max-width:100%;height:auto;}
/* Seiten-Hintergrund (heller Site-Ton). !important schlägt die globale Elementor-Kit-Hintergrundfarbe (body.elementor-kit-1290). */
html body{background:#f5f5f6 !important;}

/* Header — solid sticky Default */
.ck-hd{position:sticky;top:0;z-index:50;background:#14161a;border-bottom:1px solid rgba(255,255,255,.10);}
.ck-hd .container{max-width:none;padding:0 20px;}
.ck-hd__in{display:flex;align-items:center;justify-content:space-between;height:74px;gap:16px;}
.ck-hd__brand{font-family:var(--font-head);font-weight:700;font-size:18px;letter-spacing:.04em;color:#fff;text-decoration:none;white-space:nowrap;display:inline-flex;align-items:center;}
.ck-hd__brand:hover .ck-hd__logo{opacity:.85;transition:opacity .15s ease;}
.ck-hd__logo{display:block;height:19px;width:auto;filter:brightness(0) invert(1);}
.ck-hd__nav{display:flex;align-items:center;gap:26px;}
.ck-hd__nav a:not(.btn){font-size:15px;color:rgba(255,255,255,.8);text-decoration:none;transition:color .15s ease;}
.ck-hd__nav a:not(.btn):hover{color:#fff;}
.ck-hd__nav .btn{margin-left:6px;}

/* Menü-Button (Material/Google-Icon als Inline-SVG: menu <-> close, kein externer Font) */
.ck-hd__burger{display:none;align-items:center;justify-content:center;flex:none;width:44px;height:44px;padding:0;background:none;border:0;cursor:pointer;color:#fff;}
.ck-hd__burger:hover,.ck-hd__burger:focus,.ck-hd__burger:active{background:none;color:#fff;outline:none;box-shadow:none;}
.ck-hd__burger:focus-visible{outline:2px solid rgba(255,255,255,.5);outline-offset:2px;}
.ck-hd__ico{width:26px;height:26px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.ck-hd__ico--close{display:none;}
.ck-hd.is-open .ck-hd__ico--menu{display:none;}
.ck-hd.is-open .ck-hd__ico--close{display:block;}
/* Body-Scroll sperren, solange das Mobil-Menü offen ist */
html.ck-nav-open{overflow:hidden;}

@media (max-width:820px){
  .ck-hd__burger{display:flex;}
  .ck-hd__nav{position:absolute;top:74px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:#14161a;border-bottom:1px solid rgba(255,255,255,.12);padding:8px 20px 18px;transform:translateY(-8px);opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease;}
  .ck-hd.is-open .ck-hd__nav{opacity:1;transform:none;pointer-events:auto;z-index:2;}
  /* Bei offenem Menü: Rest der Seite unterhalb der Leiste weichzeichnen + abdunkeln (ruhiger). */
  .ck-hd.is-open::after{content:"";position:fixed;left:0;right:0;top:74px;bottom:0;z-index:1;background:rgba(10,11,13,.5);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);}
  .ck-hd__nav a:not(.btn){padding:12px 0;border-bottom:1px solid rgba(255,255,255,.07);font-size:16px;}
  .ck-hd__nav .btn{margin:12px 0 0;justify-content:center;}
}

/* Footer */
.ck-ft{background:#0a0a0c;color:#9a9aa6;padding:58px 0 30px;}
.ck-ft__grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:30px;}
.ck-ft__bn{font-family:var(--font-head);font-weight:700;letter-spacing:.2em;font-size:19px;color:#fff;margin-bottom:12px;}
.ck-ft__logo{display:block;height:24px;width:auto;filter:brightness(0) invert(1);margin-bottom:16px;}
.ck-ft__brand p{font-size:13.5px;line-height:1.6;margin:0;max-width:36ch;}
.ck-ft h2{font-size:13px;color:#fff;margin:0 0 14px;letter-spacing:.05em;}
.ck-ft ul{list-style:none;margin:0;padding:0;display:grid;gap:9px;}
.ck-ft li a{color:#9a9aa6;font-size:13.5px;text-decoration:none;}
.ck-ft li a:hover{color:#d8ff3e;}
.ck-ft__bar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:36px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08);color:#7a7a84;font-size:12.5px;}
@media (max-width:760px){.ck-ft__grid{grid-template-columns:1fr 1fr;}}

/* Standard-Seiteninhalt (page.php/index.php) */
.ck-page{max-width:820px;min-height:80vh;margin:0 auto;padding:56px 20px 80px;}
.ck-page h1,.ck-page h2{font-family:var(--font-head);}

/* wp_nav_menu-Output (li) als direkte Flex-Kinder behandeln */
.ck-hd__nav ul{display:contents;margin:0;padding:0;list-style:none;}
.ck-hd__nav li{display:contents;}
/* Prose für Inhalts-/Rechtstext-Seiten (page.php -> .ck-page) */
.ck-page h1{font-size:clamp(28px,4vw,40px);line-height:1.15;margin:0 0 20px;}
.ck-page h2{font-size:clamp(22px,3vw,30px);line-height:1.2;margin:36px 0 14px;}
.ck-page h3{font-size:20px;margin:28px 0 10px;}
.ck-page h4{font-size:17px;margin:22px 0 8px;}
.ck-page p{margin:0 0 16px;line-height:1.7;color:var(--ink);}
.ck-page ul,.ck-page ol{margin:0 0 16px;padding-left:1.4em;line-height:1.7;}
.ck-page li{margin:6px 0;}
.ck-page a{color:var(--ink);text-decoration:underline;text-underline-offset:2px;}
.ck-page a:hover{color:#000;}
.ck-page hr{border:0;border-top:1px solid var(--line);margin:32px 0;}
.ck-page table{width:100%;border-collapse:collapse;margin:0 0 20px;font-size:15px;}
.ck-page th,.ck-page td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top;}
/* Tool-Seiten breiter (Mietverwaltung 10279, Prompt-Builder 10233) */
body.page-id-10279 .ck-page,body.page-id-10233 .ck-page{max-width:1140px;}