@font-face{font-family:Fr;src:url(schrift/fraunces.woff2) format("woff2");font-weight:400 700;font-display:swap}
@font-face{font-family:Ps;src:url(schrift/public-sans.woff2) format("woff2");font-weight:400 700;font-display:swap}
:root{--pflaume:#452a5c;--pflaume2:#6a4a85;--safran:#d99a2b;--hell:#faf7f2;--weiss:#fff;--tinte:#2a2430;--still:#6f6676;--fuge:#e7dfd3}
*{box-sizing:border-box}
body{margin:0;background:var(--hell);color:var(--tinte);font:1.02rem/1.75 Ps,Arial,sans-serif}
a{color:var(--pflaume2)}
a:hover{color:#a46a00}
.hp-mast{text-align:center;padding:2.2rem 1rem 0;background:var(--weiss);border-bottom:1px solid var(--fuge)}
.hp-wort{font:600 2.4rem/1 Fr,Georgia,serif;color:var(--pflaume);text-decoration:none;letter-spacing:-.02em}
.hp-wort i{color:var(--safran);font-style:normal;padding:0 .05em}
.hp-wort span{display:block;font:500 .78rem Ps,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--still);margin-top:.6rem}
.hp-reiter{display:flex;justify-content:center;flex-wrap:wrap;gap:0;margin-top:1.6rem}
.hp-reiter a{padding:.75rem 1rem;font-size:.92rem;color:var(--tinte);text-decoration:none;border-bottom:3px solid transparent}
.hp-reiter a:hover{color:var(--pflaume)}
.hp-reiter a.on{border-bottom-color:var(--safran);color:var(--pflaume);font-weight:600}
.hp-blatt{max-width:50rem;margin:0 auto;padding:3rem 1.3rem 4rem}
.hp-auf{text-align:center;margin-bottom:2.5rem}
.hp-ruf{font:600 .78rem Ps;letter-spacing:.2em;text-transform:uppercase;color:var(--safran);margin:0 0 .7rem}
h1{font:600 clamp(2.1rem,5vw,3.2rem)/1.1 Fr,Georgia,serif;color:var(--pflaume);margin:0 0 1rem;letter-spacing:-.015em}
.hp-teaser{font:400 1.2rem/1.6 Fr,Georgia,serif;color:var(--still);margin:0 auto;max-width:40rem}
h2{font:600 1.65rem/1.25 Fr,serif;color:var(--pflaume);margin:2.8rem 0 .7rem}
h3{font:700 1.04rem Ps;color:var(--tinte);margin:1.7rem 0 .3rem}
.hp-register{display:grid;grid-template-columns:repeat(auto-fit,minmax(14.5rem,1fr));gap:1.1rem;margin:2rem 0}
.hp-register article{background:var(--weiss);border:1px solid var(--fuge);border-radius:4px;padding:1.3rem 1.3rem 1.1rem;position:relative}
.hp-register article::before{content:attr(data-nr);position:absolute;top:.9rem;right:1rem;font:600 1.6rem Fr,serif;color:var(--fuge)}
.hp-register h3{font:600 1.25rem Fr,serif;color:var(--pflaume);margin:0 0 .4rem}
.hp-register p{margin:.2rem 0 .6rem;font-size:.95rem;color:var(--still)}
.hp-register a{font-weight:600}
.hp-zitat{border-top:1px solid var(--fuge);border-bottom:1px solid var(--fuge);padding:1.3rem 0;margin:2.2rem 0;text-align:center;font:italic 400 1.3rem/1.5 Fr,serif;color:var(--pflaume)}
.hp-info{background:#f3ecf8;border-radius:4px;padding:1rem 1.3rem;margin:1.6rem 0}
.hp-tab{width:100%;border-collapse:collapse;margin:1.4rem 0;font-size:.95rem;background:var(--weiss)}
.hp-tab th{background:var(--pflaume);color:#fff;text-align:left;padding:.55rem .75rem;font-weight:600}
.hp-tab td{padding:.55rem .75rem;border-bottom:1px solid var(--fuge);vertical-align:top}
.hp-eintrag{border-left:3px solid var(--safran);padding:.2rem 0 .2rem 1.1rem;margin:1.8rem 0}
.hp-eintrag h3{margin-top:0;font:600 1.3rem Fr,serif;color:var(--pflaume)}
.hp-qa h3{font:600 1.15rem Fr,serif;color:var(--pflaume)}
.hp-quellen{font-size:.88rem;color:var(--still);margin-top:2.8rem}
.hp-unten{background:var(--pflaume);color:#e9def2;text-align:center;padding:2rem 1.3rem 2.4rem;font-size:.88rem}
.hp-unten a{color:#fff}
.hp-hinweis{max-width:46rem;margin:0 auto 1rem;color:#fff}
@media(max-width:640px){.hp-reiter a{padding:.5rem .6rem;font-size:.86rem}}
@media(max-width:640px){.hp-tab{display:block;overflow-x:auto}}