@font-face{font-family:"Jost";font-style:normal;font-weight:300;font-display:swap;src:url(fonts/jost-latin-300-normal.woff2) format("woff2")}
@font-face{font-family:"Jost";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/jost-latin-400-normal.woff2) format("woff2")}

:root{--pink:#ffb0fb;--ground:#1f1016;--text:#f3e6ee;--muted:#d9c6d1}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--ground);color:var(--text);font-family:"Jost",system-ui,sans-serif;font-weight:300;-webkit-font-smoothing:antialiased}
a{color:var(--pink)}
a:hover{color:#fff}
p{margin:0}
img{display:block;max-width:100%;height:auto}
.photo{background:#1a0d12 url(hero.jpg) center/cover no-repeat}

/* Startseite */
.hero{position:relative;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(28px,5.5vw,76px) clamp(24px,6vw,88px) clamp(28px,7vw,96px);color:var(--pink)}
.hero::before{content:"";position:absolute;inset:0;background:rgba(24,8,16,.08);pointer-events:none}
.hero>*{position:relative}
.caps{text-transform:uppercase;letter-spacing:.28em}
.top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 24px;font-size:clamp(12px,1.05vw,15px);line-height:1.4;font-weight:400}
.logo{display:flex;flex-direction:column;align-items:center;gap:clamp(28px,3.6vw,50px);margin:48px 0}
.logo .r{width:clamp(96px,9.5vw,132px)}
.logo .word{width:clamp(240px,24vw,330px)}
.foot{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 32px;font-size:12px}
.foot a{text-decoration:none}
.foot a:hover{text-decoration:underline}

/* Impressum */
.page{font-size:17px;line-height:1.7}
.page-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:760px;margin:0 auto;padding:40px 24px 0}
.page-head a{text-decoration:none}
.page-head .word{width:200px}
.back{font-size:12px}
.block{max-width:760px;margin:0 auto;padding:72px 24px 120px;display:flex;flex-direction:column;gap:28px}
.block h1{margin:0;font-weight:400;font-size:clamp(22px,2.4vw,28px);line-height:1.2;color:var(--pink)}
.band{height:70vh;min-height:420px}
.small{max-width:760px;margin:0 auto;padding:120px 24px 96px;display:flex;flex-direction:column;gap:18px;font-size:15px;color:var(--muted)}
