/* Platzhalter für abmahnexperte.de, bis die echte Website auf das CDN geht. Farben und Schrift wie site/static/site/home.css. */
@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(fonts/bricolage-grotesque-normal-latin-ext-10d6a5.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(fonts/bricolage-grotesque-normal-latin-3b58e8.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root{
  --cobalt:#2A3BD8; --cobalt-deep:#1E2BB0; --ink:#0F1020; --paper:#FCFCFA; --soft:#DDE1FF; --grey:#4A4D63;
  --rule-ink:rgba(15,16,32,.14);
  --sans:"Bricolage Grotesque","Helvetica Neue",Arial,sans-serif;
  color-scheme:light;
}
*{box-sizing:border-box}
html,body{margin:0}
body{font:17px/1.6 var(--sans);-webkit-font-smoothing:antialiased;background:var(--paper);color:var(--ink)}
a{color:inherit}
a:focus-visible{outline:3px solid var(--soft);outline-offset:3px;border-radius:4px}
.wrap{max-width:1040px;margin:0 auto;padding-inline:24px}

.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:24px;letter-spacing:-.035em;text-decoration:none;color:#FFFFFF}
.brand .tld{font-weight:500;color:rgba(255,255,255,.6)}
.brand i{width:22px;height:27px;background:#FFFFFF;clip-path:polygon(0 0,100% 0,100% 74%,86% 84%,70% 76%,55% 92%,38% 80%,20% 95%,0 82%)}

/* Startseite: eine Fläche in Kobalt */
.home{min-height:100vh;min-height:100dvh;background:var(--cobalt);color:#FFFFFF;display:flex;flex-direction:column}
.home header{padding-block:28px}
.home main{flex:1;display:flex;align-items:center;padding-block:40px 64px}
.home h1{margin:0;font-size:clamp(44px,8vw,96px);line-height:.95;font-weight:800;letter-spacing:-.045em;text-wrap:balance;max-width:12ch}
.home .lede{margin:28px 0 0;font-size:clamp(19px,2.2vw,23px);line-height:1.45;color:var(--soft);max-width:34ch}
.home .contact{margin:40px 0 0;font-size:17px;color:var(--soft)}
.home .contact a{color:#FFFFFF;font-weight:700;text-underline-offset:4px}
.home footer{border-top:1px solid rgba(255,255,255,.22);padding-block:22px;font-size:15px;color:var(--soft)}
.home footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 24px}
.home footer nav{display:flex;gap:20px}
.home footer a{color:#FFFFFF;text-decoration:none}
.home footer a:hover{text-decoration:underline}

/* Rechtstexte: Kopfleiste in Kobalt, Text auf Papier */
.legal header{background:var(--cobalt);padding-block:22px}
.legal main{padding-block:48px 72px}
.legal article{max-width:68ch}
.legal h1{margin:0 0 6px;font-size:clamp(34px,5vw,48px);line-height:1.05;font-weight:800;letter-spacing:-.035em}
.legal .stand{margin:0 0 32px;color:var(--grey);font-size:15px}
.legal h2{margin:36px 0 8px;font-size:21px;font-weight:800;letter-spacing:-.02em}
.legal p,.legal ul{margin:0 0 14px}
.legal ul{padding-left:22px}
.legal address{font-style:normal}
.legal .back{display:inline-block;margin-top:40px;font-weight:700;color:var(--cobalt);text-underline-offset:4px}
.legal footer{border-top:1px solid var(--rule-ink);padding-block:22px;font-size:15px;color:var(--grey)}
.legal footer nav{display:flex;gap:20px}
.legal footer a{text-decoration:none}
.legal footer a:hover{text-decoration:underline}

@media (max-width:480px){.wrap{padding-inline:16px}.brand{font-size:20px;gap:8px}.brand i{width:18px;height:22px}}