/*! © 2026 share2create (share2create.com). Design, Gestaltung und Programmcode urheberrechtlich geschützt. Alle Rechte vorbehalten. Nutzung, Kopie, Bearbeitung oder Weitergabe nur mit schriftlicher Lizenz von share2create. Inhalte © GEDE Brandschutzkompetenz. */
:root{--normblau: #2448a6;--tiefblau: #1a3786;--nachtblau: #142b6b;--plakette: #6696f8;--hellblau: #c8d7ff;--weiss: #fff;--nebel: #edf1f8;--linie: #d5ddec;--tinte: #111b33;--stahl: #4a5672;--signal: #c62427;--f-text: "D-DIN", "Arial Narrow", Arial, sans-serif;--f-display: "D-DIN Condensed", "D-DIN", "Arial Narrow", Arial, sans-serif;--f-plate: "D-DIN Exp", "D-DIN", Arial, sans-serif;--gutter: clamp(1.25rem, 4vw, 4rem);--maxw: 86rem;--ease-out: cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;overflow-x:clip}body{margin:0;min-height:100svh;display:grid;grid-template-rows:auto 1fr auto auto;background:var(--normblau);color:var(--weiss);font-family:var(--f-text);font-size:1.0625rem;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:clip;position:relative}body:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 76% 44%,rgba(102,150,248,.3),transparent 44%),linear-gradient(rgba(200,215,255,.05) 1px,transparent 1px) 0 0 / 32px 32px,linear-gradient(90deg,rgba(200,215,255,.05) 1px,transparent 1px) 0 0 / 32px 32px}a{color:inherit}:focus-visible{outline:3px solid var(--weiss);outline-offset:3px}.wrap{position:relative;z-index:1;width:100%;max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter)}.hk{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding-top:clamp(1rem,2.2vw,1.6rem)}.hk__logo{display:block;width:clamp(140px,17vw,236px);padding:clamp(.55rem,1vw,.8rem) clamp(.8rem,1.4vw,1.1rem);background:var(--weiss);border-radius:6px;box-shadow:0 .7rem 1.6rem #09164247}.hk__logo img{display:block;width:100%;height:auto}.hk__call{display:inline-flex;flex-direction:column;justify-content:center;min-height:44px;color:var(--weiss);text-decoration:none;font-family:var(--f-plate);font-weight:700;font-size:.95rem;white-space:nowrap}.hk__call span{display:block;color:var(--hellblau);font-family:var(--f-text);font-weight:400;font-size:.82rem}@media(hover:hover)and (pointer:fine){.hk__call:hover{text-decoration:underline;text-underline-offset:.25em}}.hm{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:1.5rem;align-items:center;padding-top:clamp(1.5rem,4vh,3.5rem);padding-bottom:clamp(1.5rem,4vh,3rem)}.hm__copy{grid-column:1 / span 7;position:relative;z-index:2}.hm__place{margin:0 0 1rem;text-wrap:balance;color:var(--hellblau);font-size:clamp(1rem,.9rem + .3vw,1.1875rem)}.hm__title{margin:0;font-family:var(--f-display);font-weight:700;font-size:clamp(2.9rem,5.6vw,5rem);line-height:.92;letter-spacing:-.005em;text-wrap:balance;max-width:15ch}.hm__lead{max-width:36rem;margin:1.3rem 0 0;color:var(--hellblau);font-size:clamp(1.125rem,1rem + .35vw,1.3125rem);line-height:1.6;text-wrap:pretty}.cd{margin-top:clamp(1.4rem,3.5vh,2.2rem);max-width:37rem;background:var(--weiss);color:var(--tinte);border-radius:4px;box-shadow:0 2rem 3rem #09164252,0 .3rem .6rem #09164233}.cd__head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.75rem 1.1rem .7rem;border-bottom:1px solid var(--linie)}.cd__head b{font-family:var(--f-display);font-weight:700;font-size:1.35rem;color:var(--normblau);line-height:1.1}.cd__head time{font-family:var(--f-plate);font-weight:700;font-size:.875rem;color:var(--stahl);text-align:right}.cd__cells{display:grid;grid-template-columns:repeat(4,1fr);margin:0}.cd__cells div{display:flex;flex-direction:column-reverse;justify-content:flex-end;padding:.9rem 1.1rem 1rem}.cd__cells div+div{border-left:1px solid var(--linie)}.cd__cells dd{margin:0;font-family:var(--f-plate);font-weight:700;font-size:clamp(2.2rem,1.4rem + 2.6vw,3.4rem);line-height:1;color:var(--normblau);font-variant-numeric:tabular-nums}.cd__cells dt{margin-top:.35rem;margin-bottom:0;color:var(--stahl);font-size:.875rem}.cd__foot{margin:0;padding:.7rem 1.1rem .8rem;border-top:1px solid var(--linie);color:var(--stahl);font-size:.95rem}.cd__foot[hidden]{display:none}.cd.is-done .cd__cells dd{color:var(--stahl)}.hm__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.9rem 1.4rem;margin-top:clamp(1.6rem,3.5vh,2.2rem)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;padding:.7rem 1.35rem;border-radius:3px;font-family:var(--f-text);font-weight:700;font-size:1.0625rem;text-decoration:none;transition:transform .16s var(--ease-out),background-color .2s}.btn--light{background:var(--weiss);color:var(--normblau)}.btn--line{color:var(--weiss);box-shadow:inset 0 0 0 1.5px #ffffffb3}.btn:active{transform:scale(.97)}@media(hover:hover)and (pointer:fine){.btn--light:hover{background:var(--nebel)}.btn--line:hover{background:#ffffff1a}}.hm__seal{grid-column:8 / span 5;position:relative;z-index:1;display:flex;justify-content:flex-end}.seal-wrap{position:relative;width:min(58svh,38vw);aspect-ratio:1;margin-right:calc(var(--gutter) * -1 - 3vw)}.dial{position:absolute;inset:-6%;width:112%;height:112%;overflow:visible}.dial path{stroke:var(--hellblau);stroke-width:1.4;opacity:.55}.dial__ring{fill:none;stroke:var(--hellblau);stroke-width:1;opacity:.25}.seal{position:relative;display:block;width:100%;height:100%;filter:drop-shadow(0 1.6rem 2.2rem rgba(9,22,66,.42)) drop-shadow(0 .3rem .5rem rgba(9,22,66,.25))}.seal__disc{fill:#fbfcff}.seal__rim{fill:none;stroke:var(--normblau);stroke-width:2}.seal__seg{fill:#fbfcff;stroke:var(--normblau);stroke-width:2}.seal__seg.is-due{fill:var(--signal)}.seal__num{fill:var(--normblau);font-family:var(--f-plate);font-weight:700;font-size:27px;text-anchor:middle;dominant-baseline:central}.seal__num.is-due{fill:var(--weiss)}.seal__core{fill:#fbfcff;stroke:var(--normblau);stroke-width:2}.seal__small{fill:var(--stahl);font-family:var(--f-text);font-size:19px;text-anchor:middle;letter-spacing:.02em}.seal__year{fill:var(--normblau);font-family:var(--f-display);font-weight:700;font-size:150px;text-anchor:middle}@media(prefers-reduced-motion:no-preference){.seal{animation:kleben 1.1s var(--ease-out) .15s both}.dial{animation:drehen 1.6s var(--ease-out) .1s both}.seal__seg.is-due,.seal__num.is-due{animation:stempel .45s var(--ease-out) 1.15s both}.hm__copy>*{animation:auf .7s var(--ease-out) both}.hm__copy>:nth-child(2){animation-delay:.06s}.hm__copy>:nth-child(3){animation-delay:.12s}.hm__copy>:nth-child(4){animation-delay:.18s}.hm__copy>:nth-child(5){animation-delay:.24s}}@keyframes kleben{0%{opacity:0;transform:rotate(-24deg) scale(.9)}to{opacity:1;transform:none}}@keyframes drehen{0%{opacity:0;transform:rotate(40deg)}to{opacity:1;transform:none}}@keyframes stempel{0%{fill:#fbfcff}}@keyframes auf{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.tb{display:grid;grid-template-columns:1fr 1fr 1.2fr 1.6fr;margin:0 auto;padding-bottom:1.2rem}.tb div{padding:.75rem 1rem .85rem 0;border-top:1px solid rgba(200,215,255,.38)}.tb div+div{padding-left:1rem;border-left:1px solid rgba(200,215,255,.38)}.tb dt{color:var(--hellblau);font-size:.875rem}.tb dd{margin:.15rem 0 0;font-family:var(--f-plate);font-weight:700;font-size:.9375rem}.hf{position:relative;z-index:1;background:var(--nachtblau);color:var(--hellblau);font-size:.9rem}.hf .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.2rem 1.6rem;padding-top:.35rem;padding-bottom:.35rem}.hf__copy{margin:0}.hf nav{display:flex;flex-wrap:wrap;gap:0 1.4rem}.hf a{display:inline-flex;align-items:center;min-height:44px;color:var(--weiss);text-decoration:none}@media(hover:hover)and (pointer:fine){.hf a:hover{text-decoration:underline;text-underline-offset:.25em}}.credit{display:inline-flex;align-items:center;gap:.35rem;color:var(--hellblau)!important}.credit svg{width:.95rem;height:.95rem;fill:var(--plakette)}.credit b{color:var(--weiss)}.gede-vorschau{position:fixed;z-index:99999;right:1rem;bottom:1rem;display:flex;align-items:center;gap:.6rem;padding:.55rem .8rem;background:var(--tinte);color:#fff;border-radius:4px;font:700 .875rem/1.3 D-DIN,Arial,sans-serif;box-shadow:0 .6rem 1.4rem #0000004d}.gede-vorschau a{color:var(--hellblau)}@media(max-width:1150px){.tb{grid-template-columns:1fr 1fr}.tb div:nth-child(3){padding-left:0;border-left:0}}@media(max-width:900px){.hm{padding-top:1.5rem}.hm__copy{grid-column:1 / -1;grid-row:2}.hm__seal{grid-column:1 / -1;grid-row:1;justify-content:flex-end;margin-bottom:.6rem}.seal-wrap{width:min(12rem,40vw);margin-right:-.2rem}.dial{display:none}.hm__title{max-width:13ch}}@media(max-width:560px){.hk__call span{display:none}.cd__head{flex-direction:column;gap:.15rem}.cd__head time{text-align:left}.cd__cells div{padding:.75rem .55rem .8rem}.cd__cells div:first-child{padding-left:1.1rem}.cd__cells dt{font-size:.78rem}.tb{grid-template-columns:1fr 1fr}.tb div:nth-child(4){grid-column:1 / -1;padding-left:0;border-left:0}.tb dd{font-size:.875rem}.btn{width:100%}}
