
  :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);}
  .back-link{font-family:'Space Mono',monospace;font-size:12px;color:var(--muted);text-decoration:none;display:inline-block;margin:28px 48px;}
  .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:1240px;margin:0 auto;padding:0 48px 88px;}
  .photo-hero .ph-inner{position:relative;border-radius:14px;overflow:hidden;}
  .photo-hero img{width:100%;display:block;filter:grayscale(100%);}
  .quote-box{
    position:absolute;left:40px;right:40px;bottom:40px;max-width:640px;
    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(22px,2.6vw,30px);line-height:1.4;letter-spacing:-0.005em;margin-bottom:20px;}
  .quote-box .lead{font-size:14.5px;line-height:1.65;color:#C7C6C2;max-width:58ch;}
  @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;}
    .photo-hero{padding:0 24px 64px;}
  }

  .quote-box .qb-subtitle{font-family:'Sora',sans-serif;font-weight:700;font-size:14px;color:var(--accent);margin-bottom:14px;}
  .quote-box .qb-btn{
    display:inline-flex;align-items:center;gap:10px;margin-top:26px;
    background:var(--accent);color:#0A0A0B;font-weight:600;font-size:14.5px;
    padding:14px 26px;border-radius:8px;text-decoration:none;
  }
  .cta-wrap{max-width:1100px;margin:0 auto;padding:0 48px 88px;}
  .cta-card{display:flex;align-items:center;justify-content:space-between;gap:40px;background:#0A0A0B;border:1px solid var(--line);color:#F2F1ED;border-radius:16px;padding:44px 52px;}
  .cta-card h2{font-family:'Sora',sans-serif;font-weight:700;font-size:clamp(22px,2.6vw,30px);line-height:1.3;}
  .cta-btn{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;background:var(--accent);color:#0A0A0B;font-weight:600;font-size:15px;padding:15px 28px;border-radius:8px;text-decoration:none;white-space:nowrap;}
  footer{background:#000;padding:28px 48px;text-align:center;font-family:'Space Mono',monospace;font-size:11px;color:#5A5954;}
  @media (max-width:700px){.cta-card{flex-direction:column;align-items:flex-start;text-align:left;}}
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}}

