:root{--raum-1:4px;--raum-2:8px;--raum-3:12px;--raum-4:16px;--raum-5:24px;--raum-6:32px;--ziel-min:32px;--ziel-min-hand:44px;--schrift-1:11px;--schrift-2:12.5px;--schrift-3:14px;--schrift-4:16px;--schrift-5:20px;--schrift-6:26px;--schrift-min:var(--schrift-1);--ziel-abstand:8px;--zeichen-abstand:var(--raum-2);--info-kreis:18px;--petrol:#00678a;--petrol-tief:#004d68;--petrol-hell:#4fa3c2;--petrol-soft:#dcebf0;--orange:#e84c15;--orange-tief:#a83510;--orange-hell:#ff7a4a;--orange-soft:#fdede6;--beige:#ece8e0;--beige-tief:#dfdbd2;--sand:#f6f3ee;--paper:#fff;--txt:#2f2e2d;--mut:#6b6863;--mut2:#9a948a;--line:#d5cfc3;--line-soft:#e6e1d6;--display:"Saira","Eurostile","Avenir Next Condensed",system-ui,sans-serif;--sans:"Barlow","DIN Next",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;--checker:repeating-conic-gradient(var(--orange) 0% 25%,transparent 0% 50%)}.infoknopf{width:var(--info-kreis);height:var(--info-kreis);border:1px solid var(--line);background:var(--paper);color:var(--mut);font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:700;font-size:var(--schrift-2);vertical-align:middle;cursor:pointer;appearance:none;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex;position:relative}.infoknopf:before{content:"";inset:calc((var(--info-kreis) - var(--ziel-min)) / 2);border-radius:50%;position:absolute}.infoknopf:hover,.infoknopf:focus-visible,.infoknopf.offen{border-color:var(--orange);color:var(--orange);outline:none}.infoknopf.hell{color:currentColor;background:0 0;border-color:currentColor}.infoknopf.hell:hover,.infoknopf.hell:focus-visible,.infoknopf.hell.offen{color:#ffb08a;border-color:#ffb08a}.infoknopf-tipp{z-index:60;top:calc(100% + var(--raum-1));background:var(--txt);color:#fff;width:max-content;min-width:180px;max-width:260px;font-family:var(--sans);font-style:normal;font-weight:400;font-size:var(--schrift-1);text-align:left;letter-spacing:0;padding:var(--raum-2) var(--raum-3);pointer-events:none;border-radius:5px;line-height:1.5;position:absolute;right:0;box-shadow:0 10px 30px #0000002e}@media (max-width:520px){.infoknopf-tipp{max-width:min(260px,100vw - 32px)}}