:root{
  --navy:#061022;
  --off-white:#f4f0eb;
  --white:#fff;
  --ink:#0b1730;
  --muted:#596477;
  --line:#c8c5c0;
  --oac:#e71b8a;
  --max:1280px;
  --gutter:clamp(1.25rem,5vw,5.5rem);
  --ease:180ms ease
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--off-white);color:var(--ink);font-family:"Manrope",Arial,sans-serif;font-size:16px;line-height:1.65}
a{color:inherit;text-decoration:none}
button{font:inherit}
.page-shell{width:min(calc(100% - 2 * var(--gutter)),var(--max));margin-inline:auto}
.skip-link{position:fixed;top:1rem;left:1rem;z-index:100;transform:translateY(-180%);padding:.75rem 1rem;background:var(--white);color:var(--ink)}
.skip-link:focus{transform:translateY(0)}
a:focus-visible,button:focus-visible{outline:3px solid var(--oac);outline-offset:4px}

/* Header: bewusst nach dem aktuellen SiteHeader.tsx aufgebaut. */
.site-header{
  position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;justify-content:space-between;
  width:100%;height:98px;padding-inline:max(var(--gutter),calc((100vw - var(--max))/2));
  color:var(--white);transition:height var(--ease),background var(--ease),box-shadow var(--ease)
}
.site-header.is-scrolled{height:82px;background:var(--navy);box-shadow:0 5px 20px rgba(0,0,0,.2)}
.brand{display:block;width:180px}
.site-header.is-scrolled .brand{width:160px}
.brand img{display:block;width:100%;height:auto}
.desktop-nav{display:flex;align-items:center;gap:clamp(1rem,1.7vw,2rem);font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.desktop-nav>a:not(.button):hover{text-decoration:underline;text-underline-offset:.35rem}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:1rem 1.8rem;border:1px solid;border-radius:3px;font-size:.8rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 7px 18px rgba(0,0,0,.12);transition:transform var(--ease),box-shadow var(--ease),background var(--ease),color var(--ease),border-color var(--ease)}
.button:hover{transform:translateY(-2px);box-shadow:0 12px 25px rgba(0,0,0,.24)}
.button--secondary{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.8);color:var(--white)}
.button--secondary:hover{background:rgba(255,255,255,.14);color:var(--white)}
.button--compact{min-height:42px;padding:.65rem .8rem}
.mobile-actions,.mobile-nav{display:none}

.nav-dropdown{position:relative}
.nav-dropdown-trigger{display:inline-flex;align-items:center;gap:.38rem;padding:0;border:0;background:transparent;color:inherit;font:inherit;font-weight:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer}
.nav-dropdown-trigger:after{content:"";width:.42rem;height:.42rem;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-.12rem) rotate(45deg);transition:transform var(--ease)}
.nav-dropdown-trigger[aria-expanded="true"]:after{transform:translateY(.12rem) rotate(225deg)}
.nav-dropdown-menu{position:absolute;top:calc(100% + .75rem);left:-.8rem;display:grid;gap:.1rem;min-width:15.5rem;padding:.5rem;border:1px solid rgba(6,16,34,.12);border-radius:4px;background:var(--off-white);color:var(--navy);box-shadow:0 14px 32px rgba(0,0,0,.18);opacity:0;visibility:hidden;transform:translateY(-.3rem);transition:opacity var(--ease),transform var(--ease),visibility var(--ease)}
.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu,.nav-dropdown-menu.is-open{opacity:1;visibility:visible;transform:translateY(0)}
.nav-dropdown-menu a{padding:.68rem .8rem;border-radius:2px;font-size:.78rem}
.nav-dropdown-menu a:hover{background:rgba(6,16,34,.08);text-decoration:none}
.external-mark{font-size:.85em;line-height:1}

/* Legal content. */
.legal-main{padding-top:82px}
.legal-hero{padding:clamp(4rem,7vw,6.6rem) 0 clamp(3rem,5vw,4.5rem);background:var(--navy);color:var(--white)}
.legal-hero-inner--privacy{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem}
.janoprotect-logo{display:block;flex:0 0 109px}
.janoprotect-logo img{display:block;width:109px;height:106px;object-fit:contain}
.legal-eyebrow{margin:0 0 .8rem;font-size:.82rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.legal-hero h1{max-width:900px;margin:0;font-family:"Barlow Condensed",Impact,sans-serif;font-size:clamp(3.6rem,7vw,7.2rem);font-weight:800;letter-spacing:-.03em;line-height:.9;text-transform:uppercase}
.legal-content-section{padding:clamp(3.2rem,6vw,6.5rem) 0}
.legal-content{max-width:980px}
.legal-cache-note,.legal-unavailable{margin:0 0 2rem;padding:1rem 1.2rem;border-left:3px solid var(--navy);background:#fff;color:var(--muted)}
.janolaw-body{overflow-wrap:anywhere}
.janolaw-body>*:first-child{margin-top:0}
.janolaw-body .janolaw-paragraph{margin:2.4rem 0 .7rem;font-family:"Barlow Condensed",Impact,sans-serif;font-size:clamp(1.7rem,2.5vw,2.35rem);font-weight:800;line-height:1;text-transform:uppercase;color:var(--navy)}
.janolaw-body h1,.janolaw-body h2,.janolaw-body h3,.janolaw-body h4{margin:2.2rem 0 .7rem;font-family:"Barlow Condensed",Impact,sans-serif;font-weight:800;line-height:1.05;color:var(--navy)}
.janolaw-body h2{font-size:2rem}
.janolaw-body h3{font-size:1.55rem}
.janolaw-body p{margin:0 0 1rem}
.janolaw-body p:empty,.janolaw-body div:empty{display:none}
.janolaw-body ul,.janolaw-body ol{margin:0 0 1rem;padding-left:1.4rem}
.janolaw-body li+li{margin-top:.45rem}
.janolaw-body a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.janolaw-body a:hover{text-decoration-thickness:2px}
.janolaw-body strong{color:var(--navy)}
.janolaw-body hr{border:0;border-top:1px solid var(--line);margin:2rem 0}
.janolaw-table-wrap{max-width:100%;overflow-x:auto;margin:1.4rem 0}
.janolaw-body table{border-collapse:collapse;min-width:560px;width:100%}
.janolaw-body th,.janolaw-body td{padding:.7rem;border:1px solid var(--line);text-align:left;vertical-align:top}
.janolaw-body th{background:#e9e5df}
.janolaw-body img{max-width:100%;height:auto}

/* Footer: nach dem aktuellen SiteFooter.tsx + SiteFooter.module.css aufgebaut. */
.oac-footer{padding:clamp(3.5rem,4.8vw,5rem) var(--gutter) 1.5rem;background:#030a17;color:var(--white)}
.oac-footer-inner{display:grid;grid-template-columns:minmax(0,1.42fr) repeat(3,minmax(0,.72fr));align-items:start;gap:clamp(2rem,2.6vw,3.25rem);width:min(100%,var(--max));margin:auto}
.oac-footer-brand img{display:block;width:180px;height:auto}
.oac-footer-brand>p{max-width:20rem;margin:1.25rem 0 1.35rem;color:#c5c9d0;font-size:.96rem;line-height:1.6}
.oac-footer-socials{display:flex;gap:.95rem}
.oac-footer-socials a{display:grid;place-items:center;width:2.45rem;height:2.45rem;color:var(--off-white);opacity:.9;transition:opacity var(--ease),color var(--ease)}
.oac-footer-socials a:hover{color:var(--white);opacity:1}
.oac-footer-socials svg{width:1.45rem;height:1.45rem}
.oac-footer-desktop-nav{display:grid;grid-column:2/-1;grid-template-columns:subgrid}
.oac-footer-mobile-nav{display:none}
.oac-footer-column{display:grid;grid-template-columns:minmax(0,1fr);grid-auto-flow:row;align-content:start;gap:.58rem}
.oac-footer-heading{margin:0 0 .5rem;color:var(--white);font-size:.74rem;font-weight:800;letter-spacing:.09em;line-height:1.3;text-transform:uppercase}
.oac-footer-column a{display:block;width:100%;max-width:100%;color:#c5c9d0;font-size:.88rem;line-height:1.45;transition:color var(--ease)}
.oac-footer-column a:hover{color:var(--white)}
.oac-footer-external{display:flex!important;align-items:center;gap:.35rem}
.oac-footer-bottom{display:flex;justify-content:flex-end;width:min(100%,var(--max));margin:clamp(2.5rem,3.5vw,3.5rem) auto 0;padding-top:1.1rem;border-top:1px solid rgba(255,255,255,.2)}
.oac-footer-bottom-nav{display:flex;flex-wrap:wrap;gap:1.25rem}
.oac-footer-bottom-nav a{color:#c5c9d0;font-size:.78rem;transition:color var(--ease)}
.oac-footer-bottom-nav a:hover{color:var(--white)}

@media(max-width:960px){
  .site-header{height:84px;padding-inline:var(--gutter)}
  .site-header.is-scrolled{height:84px}
  .brand,.site-header.is-scrolled .brand{width:140px}
  .desktop-nav{display:none}
  .mobile-actions{display:flex;align-items:center;gap:.75rem}
  .menu-toggle{display:grid;place-content:center;gap:5px;width:42px;height:42px;padding:0;border:0;background:transparent;color:var(--white);cursor:pointer}
  .menu-toggle span{display:block;width:24px;height:2px;background:currentColor}
  .mobile-nav{position:absolute;top:100%;right:0;left:0;display:flex;flex-direction:column;gap:1.25rem;padding:2rem var(--gutter);background:var(--navy);font-weight:800;text-transform:uppercase;transform:translateY(-125%);opacity:0;visibility:hidden;transition:transform var(--ease),opacity var(--ease)}
  .mobile-nav.is-open{transform:translateY(0);opacity:1;visibility:visible}
  .mobile-nav a{width:max-content}
  .mobile-nav details{width:100%}
  .mobile-nav summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none}
  .mobile-nav summary::-webkit-details-marker{display:none}
  .mobile-nav summary:after{content:"+";font-size:1.25rem;font-weight:400}
  .mobile-nav details[open] summary:after{content:"-"}
  .mobile-nav details>div{display:grid;gap:.85rem;padding:.9rem 0 0 1rem}
  .mobile-nav details a{font-size:.9rem;text-transform:none}
  .mobile-nav-service{display:grid;gap:.85rem;width:100%;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.2)}
  .mobile-nav-service p{margin:0;color:#aeb8c8;font-size:.72rem;letter-spacing:.09em;text-transform:uppercase}
  .legal-main{padding-top:84px}

  .oac-footer-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2.5rem,7vw,4rem)}
  .oac-footer-brand,.oac-footer-desktop-nav{grid-column:1/-1}
}
@media(max-width:700px){
  .button{min-height:52px;padding:.9rem 1.2rem}
  .button--compact{min-height:42px;padding:.65rem .8rem}
  .legal-hero-inner--privacy{align-items:flex-start;flex-direction:column}
  .janoprotect-logo{margin-top:.25rem}
  .legal-hero{padding-top:3.5rem}
  .legal-hero h1{font-size:clamp(3.3rem,16vw,4.8rem)}

  .oac-footer{padding-top:3rem;padding-bottom:1.25rem}
  .oac-footer-inner{grid-template-columns:1fr;gap:1.5rem}
  .oac-footer-brand{grid-column:auto}
  .oac-footer-desktop-nav{display:none}
  .oac-footer-mobile-nav{display:grid}
  .oac-footer-mobile-nav details{border-top:1px solid rgba(255,255,255,.2)}
  .oac-footer-mobile-nav details:last-child{border-bottom:1px solid rgba(255,255,255,.2)}
  .oac-footer-mobile-nav summary{display:flex;align-items:center;justify-content:space-between;min-height:2.9rem;cursor:pointer;color:var(--white);font-size:.78rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;list-style:none}
  .oac-footer-mobile-nav summary::-webkit-details-marker{display:none}
  .oac-footer-mobile-nav summary:after{content:"+";font-size:1.2rem;font-weight:400;line-height:1}
  .oac-footer-mobile-nav details[open] summary:after{content:"-"}
  .oac-footer-mobile-nav summary:focus-visible{outline:3px solid var(--oac);outline-offset:-3px}
  .oac-footer-mobile-links{display:grid;grid-template-columns:minmax(0,1fr);gap:.4rem;padding:0 0 .9rem}
  .oac-footer-mobile-links a{display:block;width:100%;color:#c5c9d0;font-size:.88rem;line-height:1.45}
  .oac-footer-bottom{justify-content:flex-start;margin-top:1.5rem}
  .oac-footer-bottom-nav{gap:1rem}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}