/* Lokale Adaption der Gestaltung von cloasdata.de; keine externen Ressourcen. */
:root{--ink:#14208c;--muted:#354587;--paper:#f3f0e5;--white:#fffdf5;--line:#a7acd0;--accent:#142bff;--lime:#a5e75a}
body{background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}
.mast{background:#142bff;color:#f3f0e5;border:0}
.mast-inner{padding:30px 32px 38px}
.mast .eyebrow{color:#f3f0e5;letter-spacing:.2em}
h1,h2,h3{font-family:Impact,'Arial Narrow',sans-serif;font-weight:400;letter-spacing:-.025em}
h1{font-size:clamp(3.2rem,6.7vw,6rem);line-height:.95;margin:18px 0 16px}
h1 span{color:var(--lime)}
.mast p{color:#f3f0e5}
main{padding-top:28px}
.notice{background:transparent;border:0;border-bottom:1px solid var(--line);padding:0 0 20px;line-height:1.55}
.notice strong{color:var(--ink)}
.graphic{border-top:0;margin-top:28px;padding-top:0}
h2{font-size:clamp(2rem,3vw,3rem);line-height:1}
.graphic-head h2{margin:9px 0 0}
.graphic-head p,.graphic-note,.hint,.meta,.result-head p,.diagram-legend,.lane-empty{color:var(--muted)}
.graphic-note{line-height:1.5;margin:16px 0}
.diagram-scroll{background:var(--white);border:1px solid var(--line)}
.diagram-plot{background:repeating-linear-gradient(to right,transparent 0,transparent calc(25% - 1px),#d9dcee calc(25% - 1px),#d9dcee 25%)}
.diagram-lane h3{font:700 .9rem/1.3 Arial,Helvetica,sans-serif;letter-spacing:0}
.diagram-point{background:#142bff}.diagram-range{border-color:#142bff}
.diagram-event{background:var(--paper);border:1px solid #8c96c4;color:var(--ink)}
.diagram-event:hover,.diagram-event[aria-pressed=true]{background:#142bff;color:#fff;outline:0}
.diagram-event[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--lime)}
.layout{border-top:1px solid var(--line);padding-top:28px}
label,legend{letter-spacing:.02em}
input:not([type=checkbox]),select{background:var(--white);border:1px solid #8994bf;color:var(--ink);border-radius:0}
input[type=checkbox]{accent-color:#142bff}
.reset{background:var(--lime);border:1px solid var(--lime);color:#102215;font-weight:700;min-height:44px}
.reset:hover{background:#142bff;color:white;border-color:#142bff}
.result-head{border-color:var(--ink)}
.date{font:700 .85rem/1.4 Arial,Helvetica,sans-serif;color:var(--accent)}
.event button{font:700 1.12rem/1.3 Arial,Helvetica,sans-serif;color:var(--ink)}
.event button[aria-pressed=true]{text-decoration-color:var(--accent)}
.badge{background:#dce4c9;color:#153d27}
.detail{background:var(--white);border:1px solid var(--line);border-top:5px solid #142bff}
.detail h3{font:700 .75rem Arial,Helvetica,sans-serif;letter-spacing:.1em}
.detail a{color:#142bff;text-decoration:underline}
.error{background:#ffdfd5;color:#702818}
footer{color:var(--muted)}
:focus-visible,.diagram-event:focus-visible,.diagram-scroll:focus-visible{outline:3px solid #142bff;outline-offset:3px}
.mast :focus-visible{outline-color:var(--lime)}
@media(max-width:650px){.mast-inner{padding:26px 20px 32px}.layout{padding-top:24px}.diagram-scroll{padding:15px}h1{font-size:clamp(3rem,12vw,4.4rem)}}