/* Basisregeln: Elementdefaults im FH-Wedel-Stil */
body{font-family:var(--font-body);font-weight:var(--weight-body);font-size:var(--text-body-m);line-height:var(--leading-body);color:var(--text-body);background:var(--surface-page);margin:0;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--weight-heading);color:var(--text-heading);line-height:var(--leading-heading);margin:0 0 var(--space-3);text-wrap:balance;hyphens:auto;hyphenate-limit-chars:10 4 4;overflow-wrap:break-word}
h1{font-size:var(--text-h1)}h2{font-size:var(--text-h2)}h3{font-size:var(--text-h3);line-height:var(--leading-subhead)}h4{font-size:var(--text-h4);line-height:var(--leading-subhead)}
h5,h6{font-family:var(--font-body);font-weight:var(--weight-bold);font-size:var(--text-body-m);line-height:var(--leading-tight)}
p{margin:0 0 var(--space-4);text-wrap:pretty}
a{color:var(--link);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;transition:color var(--dur-fast) var(--ease-out)}
a:hover{color:var(--link-hover)}
/* Flächen: setzen Sekundärtext, Links und Button-Töne für ihren Hintergrund. Weiße Karten auf Grau: .flaeche-weiss */
.flaeche-weiss{--text-leise:var(--text-muted);--link:var(--text-link);--link-hover:var(--text-link-hover)}
.flaeche-grau{--text-leise:var(--grau-700)}
.flaeche-dunkel{color:#fff;--text-leise:var(--fh-blau-hell);--link:#fff;--link-hover:#fff;--btn-primaer-bg:#fff;--btn-primaer-fg:var(--fh-blau);--btn-primaer-hover:var(--fh-blau-hell);--btn-outline-fg:#fff;--btn-outline-hover:rgba(255,255,255,.14);--chip-pressed-border:#fff;--chip-count-on:var(--fh-blau-hell)}
.flaeche-dunkel a:hover{text-decoration:none}
.flaeche-hell{--text-leise:var(--grau-700);--link:var(--fh-blau);--link-hover:var(--fh-blau);--btn-outline-hover:rgba(28,39,100,.10)}
.flaeche-hell a{text-decoration-thickness:1.5px}
/* Link-Icons nach Linkart (Lucide 0.462.0, als data-URI eingebettet, in currentColor maskiert) */
.link-url::before,.link-mail::before,.link-adresse::before,.link-tel::before,.hervorhebung-uhrzeit::before,.hervorhebung-datum::before{content:"";display:inline-block;width:.95em;height:.95em;margin-right:.28em;vertical-align:-.12em;background:currentColor;-webkit-mask:var(--_ico) center/contain no-repeat;mask:var(--_ico) center/contain no-repeat}
.link-url{--_ico:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20'/%3E%3Cpath d='M2 12h20'/%3E%3C/svg%3E") /* @kind other */}
.link-mail{--_ico:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='20' height='16' x='2' y='4' rx='2'/%3E%3Cpath d='m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7'/%3E%3C/svg%3E") /* @kind other */}
.link-adresse{--_ico:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E") /* @kind other */}
.link-tel{--_ico:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E") /* @kind other */}
/* Hervorhebungen: Marker-Fläche, optional mit Icon */
mark,.hervorhebung{background:var(--hervorhebung-bg);color:var(--hervorhebung-fg);padding:.05em .3em .1em;border-radius:3px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.hervorhebung-uhrzeit{--_ico:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolyline points='12 6 12 12 16 14'/%3E%3C/svg%3E") /* @kind other */}
.hervorhebung-datum{--_ico:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2v4'/%3E%3Cpath d='M16 2v4'/%3E%3Crect width='18' height='18' x='3' y='4' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3C/svg%3E") /* @kind other */}
strong,b{font-weight:var(--weight-bold)}
::selection{background:var(--fh-blau);color:#fff}
:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-offset)}