:root{--ink:#F2F1ED;--bg:#0A0A0B;--muted:#87868C;--line:rgba(255,255,255,0.08);--accent:#8fbeff;--accent-dim:rgba(143,190,255,0.12);}
  *{box-sizing:border-box;margin:0;padding:0;}
  body{background:var(--bg);color:var(--ink);font-family:'Inter',sans-serif;-webkit-font-smoothing:antialiased;}
  header{background:#000;display:flex;align-items:center;justify-content:space-between;padding:20px 48px;}
  .logo{font-family:'Sora',sans-serif;line-height:1.1;}
  .logo .l1{font-weight:800;font-size:15px;letter-spacing:0.02em;}
  .logo .l2{font-weight:400;font-size:11px;color:#A9A8A3;letter-spacing:0.06em;}
  nav ul{list-style:none;display:flex;gap:34px;}
  nav a{font-family:'Space Mono',monospace;font-size:12.5px;text-decoration:none;color:#8B8A85;display:flex;gap:6px;align-items:baseline;}
  nav a .n{color:#5A5954;}
  nav a.active{color:var(--ink);font-weight:700;}
  nav a.active .n{color:var(--accent);}
  .eyebrow{font-family:'Space Mono',monospace;font-size:12px;letter-spacing:0.1em;color:var(--muted);display:flex;align-items:center;gap:12px;margin-bottom:20px;}
  .eyebrow::before{content:'';display:inline-block;width:28px;height:1px;background:var(--muted);}

  .photo-hero{position:relative;max-width:1280px;margin:56px auto;padding:0 48px;}
  .photo-hero .ph-inner{position:relative;border-radius:16px;overflow:hidden;}
  .photo-hero img{width:100%;display:block;filter:grayscale(100%);}
  .quote-box{
    position:absolute;left:40px;right:40px;bottom:40px;max-width:560px;
    background:rgba(10,10,11,0.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
    border:1px solid rgba(255,255,255,0.1);border-radius:12px;padding:36px 40px;
  }
  .quote-box .eyebrow{color:#B4B3AF;}
  .quote-box h1{font-family:'Sora',sans-serif;font-weight:700;font-size:clamp(24px,2.8vw,32px);line-height:1.3;margin-bottom:16px;}
  .quote-box p{font-size:14.5px;line-height:1.6;color:#C7C6C2;margin-bottom:26px;max-width:52ch;}
  .quote-box .btn{display:inline-flex;align-items:center;gap:10px;background:var(--accent);color:#0A0A0B;font-weight:600;font-size:14.5px;padding:14px 26px;border-radius:8px;text-decoration:none;}
  @media (max-width:760px){.quote-box{position:static;margin-top:-8px;left:auto;right:auto;bottom:auto;max-width:none;border-radius:0 0 12px 12px;}}
main{overflow:clip}main p{font-size:16px}main .hero,main .intro{max-width:100%}.acc-head:focus-visible,.faq-head:focus-visible{outline:2px solid #8fbeff}.contact-direct{margin:24px 0 0!important}.contact-direct a{color:#d7e6ff;font-size:14px}.acc-item.open .acc-body,.faq-item.open .faq-body{max-height:none} @media(max-width:800px){main section{padding-left:24px!important;padding-right:24px!important}main .photo-hero{margin:24px auto;padding:0 20px!important}main .quote-box{padding:28px 22px}main .hero-inner,main .case-inner,main .angebot-inner-wrap,main .offers-grid{grid-template-columns:1fr!important}main .ctas{flex-wrap:wrap}main .tab{white-space:normal}main h1{overflow-wrap:normal}main .hero-title{font-size:34px}}