:root { --grund: #F2EEEF; --text: #1D2824; --leise: #4C5753; --linie: #D6CDD2; --akzent: #A9485A; }
* { box-sizing: border-box; }
html { background: var(--grund); }
body { margin: 0; color: var(--text); background: var(--grund); font: 400 17px/1.6 var(--sans); overflow-wrap: break-word; hyphens: auto; -webkit-hyphens: auto; }
a { color: inherit; text-underline-offset: 3px; }
:focus-visible { outline: 3px solid var(--text); outline-offset: 3px; }
.kopf { position: sticky; top: 0; z-index: 60; display: flex; justify-content: space-between; align-items: center; gap: 16px; height: 64px; padding: 0 clamp(20px, 3.3vw, 48px); background: rgba(242, 238, 239, .9); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-bottom: 1px solid var(--linie); font: 500 15px/1 var(--sans); }
.kopf nav { display: flex; gap: 24px; }
.kopf a { text-decoration: none; padding: 10px 0; white-space: nowrap; }
.kopf a:hover, .kopf a[aria-current="page"] { text-decoration: underline; text-decoration-thickness: 1.5px; }
.kopf .marke { font: 800 17px/1 var(--syne); letter-spacing: -.03em; text-transform: uppercase; }
main { max-width: 44rem; margin: 0 auto; padding: clamp(40px, 7vw, 88px) 20px 80px; }
h1 { margin: 0; font: 800 clamp(2.3rem, 8vw, 4.4rem)/.95 var(--syne); letter-spacing: -.045em; }
h2 { margin: 2.4em 0 .5em; font: 700 1.25rem/1.25 var(--sans); }
h3 { margin: 1.6em 0 .3em; font: 600 1.05rem/1.3 var(--sans); }
p, ul, dl { margin: 0 0 1em; }
ul { padding-left: 1.2em; }
li + li { margin-top: .35em; }
.platz { font-style: italic; opacity: .9; }
.entwurf-hinweis { margin: 1.4em 0 2em; padding: 14px 18px; border-left: 3px solid var(--akzent); background: rgba(169, 72, 90, .08); font-size: 15.5px; }
.entwurf-hinweis b { display: block; margin-bottom: 2px; }
.stand { color: var(--leise); font-size: 14.5px; margin-top: 3em; }
.fuss { border-top: 1px solid var(--linie); padding: 28px clamp(20px, 3.3vw, 48px); font-size: 14px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px 24px; color: var(--leise); }

.fuss a { color: inherit; text-decoration: none; background: linear-gradient(currentColor, currentColor) 0 100% / 0 1px no-repeat; -webkit-box-decoration-break: clone; box-decoration-break: clone; transition: background-size .5s cubic-bezier(.2, .8, .2, 1); }
.fuss a:hover, .fuss a:focus-visible { background-size: 100% 1px; }
@media (max-width: 600px) { .kopf .marke { display: none; } }