/* Rechtsseiten im Stil des Showreel-Fusses. */
*{box-sizing:border-box}
html{color-scheme:light;-webkit-text-size-adjust:100%}
body{margin:0;background:#F4F7FC;color:#10131A;font-family:Geist,Helvetica,Arial,sans-serif;font-weight:420;
  -webkit-font-smoothing:antialiased;line-height:1.6}
a{color:inherit}

.kopf{padding:clamp(22px,4vh,40px) clamp(20px,6vw,88px)}
.heim{position:relative;display:inline-block;padding:10px 0 6px;font-weight:540;letter-spacing:-.02em;font-size:1.05rem;text-decoration:none}
.heim::after,.fuss a::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;background:currentColor;
  transition:right .5s cubic-bezier(.22,1,.36,1)}
.heim:hover::after,.heim:focus-visible::after,.fuss a:hover::after,.fuss a:focus-visible::after{right:0}
.heim:focus-visible,.fuss a:focus-visible{outline:none}

.recht{padding:clamp(30px,8vh,90px) clamp(20px,6vw,88px) clamp(60px,10vh,120px);max-width:1100px}
.recht h1{margin:0 0 clamp(30px,6vh,64px);font-weight:540;letter-spacing:-.055em;line-height:.92;font-size:clamp(2.8rem,8vw,7.5rem)}

.inhalt{max-width:68ch;font-size:clamp(1rem,1.1vw,1.08rem);color:#2A303C}
/* Der Editor-Inhalt bringt Abstandhalter und die Ueberschrift noch einmal mit. */
.inhalt .wp-block-spacer{display:none}
.inhalt > h2:first-child,.inhalt > .wp-block-spacer + h2{display:none}
.inhalt h2{margin:2.2em 0 .6em;font-weight:540;letter-spacing:-.03em;line-height:1.15;font-size:clamp(1.5rem,2.2vw,2rem);color:#10131A}
.inhalt h3{margin:2em 0 .5em;font-weight:540;letter-spacing:-.02em;line-height:1.25;font-size:clamp(1.15rem,1.5vw,1.35rem);color:#10131A}
.inhalt p,.inhalt ul,.inhalt ol{margin:0 0 1em}
.inhalt ul,.inhalt ol{padding-left:1.2em}
.inhalt li{margin:.25em 0}
.inhalt strong{font-weight:560;color:#10131A}
.inhalt a{color:#1A56F0;text-underline-offset:3px}
.inhalt a:hover{color:#10131A}
.inhalt table{width:100%;border-collapse:collapse;margin:1em 0 1.6em;font-size:.92em}
.inhalt th,.inhalt td{padding:.6em .8em;border-bottom:1px solid rgba(16,19,26,.12);text-align:left;vertical-align:top}
.inhalt details{margin:.6em 0;padding:.8em 1em;border:1px solid rgba(16,19,26,.12);border-radius:12px;background:#fff}
.inhalt summary{cursor:pointer;font-weight:540}
/* Reste von Theme-Farbklassen neutralisieren. */
.inhalt [class*="has-nv-"]{color:inherit!important;background:none!important}

.fuss{padding:clamp(30px,6vh,60px) clamp(20px,6vw,88px);border-top:1px solid rgba(16,19,26,.1)}
.fuss nav{display:flex;flex-wrap:wrap;gap:10px clamp(22px,3vw,40px)}
.fuss a{position:relative;padding:12px 0 6px;font-size:.92rem;color:rgba(16,19,26,.6);text-decoration:none;transition:color .4s}
.fuss a:hover,.fuss a:focus-visible,.fuss a[aria-current]{color:#10131A}

@media (prefers-reduced-motion:reduce){.heim::after,.fuss a::after,.fuss a{transition:none}}
