/* Collecting Collecting. — Startseite (Platzhalter), Impressum, Datenschutz */
@font-face{font-family:"Bricolage Grotesque";src:url(fonts/bricolage-grotesque-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Bricolage Grotesque";src:url(fonts/bricolage-grotesque-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Bricolage Grotesque";src:url(fonts/bricolage-grotesque-latin-800-normal.woff2) format("woff2");font-weight:800;font-display:swap}
:root{--bg:#141414;--ink:#ece6da;--muted:rgba(236,230,218,.72);--line:rgba(236,230,218,.18);--pad:clamp(16px,2.4vw,32px)}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"Bricolage Grotesque",system-ui,sans-serif;font-weight:500;line-height:1.5}
a{color:inherit}
:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.cc-logo{background:var(--ink);-webkit-mask:url(logo.png) no-repeat center/contain;mask:url(logo.png) no-repeat center/contain}

/* Startseite */
.home{position:relative;min-height:100vh;min-height:100svh;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}
.home__inner{position:relative;z-index:1;flex:1;justify-content:center;padding:48px var(--pad) 28px;display:flex;flex-direction:column;gap:22px}
.home__mark{position:relative;margin:0 0 0 -14px;width:clamp(240px,28vw,380px);aspect-ratio:322/288}
.home__mark svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.home__mark .cc-logo{position:absolute;left:23.3%;top:24%;width:52.8%;height:56.2%}
.scribble path{stroke-dasharray:1;stroke-dashoffset:1;animation:cc-draw .9s steps(16,end) .3s forwards}
.scribble{animation:cc-boil .9s linear .3s both}
@keyframes cc-draw{to{stroke-dashoffset:0}}
@keyframes cc-boil{0%{filter:url(#ccb1)}20%{filter:url(#ccb2)}40%{filter:url(#ccb3)}60%{filter:url(#ccb1)}80%{filter:url(#ccb2)}100%{filter:none}}
@media (prefers-reduced-motion:reduce){.scribble,.scribble path{animation:none;stroke-dashoffset:0}}
.home__tag{margin:0;font-size:clamp(18px,2vw,26px);font-weight:800;text-transform:uppercase;letter-spacing:.01em}
.home__soon{margin:0;font-size:16px;color:var(--muted)}
.home__links{display:flex;flex-wrap:wrap;gap:10px 24px;font-size:18px;font-weight:700}
.home__links a{text-decoration:none;padding:6px 0;border-bottom:2px solid var(--ink)}
.foot{position:relative;z-index:1;margin:18px var(--pad) 0;padding:16px 0 22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:14px}
.foot nav{display:flex;gap:18px}
.foot nav a{text-decoration:none}

/* Rechtstexte */
.legal-bar{display:flex;align-items:center;justify-content:space-between;padding:14px var(--pad);border-bottom:1px solid var(--line)}
.legal-bar a{display:block;text-decoration:none}
.legal-bar .cc-logo{width:56px;height:53px}
.legal{max-width:760px;padding:56px var(--pad) 80px}
.legal h1{margin:0 0 36px;font-size:clamp(46px,8vw,96px);font-weight:800;line-height:.9;letter-spacing:-.045em;text-transform:uppercase;overflow-wrap:anywhere}
.legal h2{margin:34px 0 6px;font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.legal p{margin:0 0 10px;font-size:17px}