*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}:root{--inhaltsbreite:960px;--e-bg:#f4f4f2;--e-flaeche:#ffffff;--e-tinte:#1d1d1b;--e-tinte-leise:#4a4a46;--e-rand:#d9d9d4;--e-akzent:#135e54;--e-akzent-tinte:#ffffff;--e-fehler:#a4212c;--e-ok:#135e2a}.shell{width:100%;max-width:var(--inhaltsbreite);margin-inline:auto;padding-inline:16px}.werkstatt{min-height:100dvh;background:var(--e-bg);color:var(--e-tinte);font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;line-height:1.5;padding-block:0 48px}.werkstatt-kopf{background:var(--e-flaeche);border-bottom:1px solid var(--e-rand);margin-bottom:28px}.werkstatt-kopf .shell{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;flex-wrap:wrap;padding-block:8px}.werkstatt-kopf .marke{font-weight:700;text-decoration:none;color:var(--e-tinte)}.werkstatt-kopf nav{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.werkstatt-kopf nav a{color:var(--e-tinte-leise);text-decoration:none}.werkstatt-kopf nav a:hover{color:var(--e-tinte);text-decoration:underline}.werkstatt h1{font-size:1.5rem;margin:0 0 4px}.werkstatt h2{font-size:1.15rem;margin:24px 0 8px}.werkstatt p{max-width:70ch}.feld{display:block;margin-block:14px}.feld>span{display:block;font-weight:600;font-size:.92rem;margin-bottom:4px}.hinweis{display:block;font-weight:400;font-size:.85rem;color:var(--e-tinte-leise);margin-top:3px}.werkstatt input[type=email],.werkstatt input[type=password],.werkstatt input[type=text],.werkstatt input[type=url],.werkstatt select,.werkstatt textarea{width:100%;font:inherit;color:var(--e-tinte);background:var(--e-flaeche);border:1px solid var(--e-rand);border-radius:6px;padding:8px 10px}.werkstatt textarea{resize:vertical;min-height:90px}.werkstatt a:focus-visible,.werkstatt button:focus-visible,.werkstatt input:focus-visible,.werkstatt select:focus-visible,.werkstatt textarea:focus-visible{outline:2px solid var(--e-akzent);outline-offset:1px}.knopf{font:inherit;font-weight:600;border:1px solid var(--e-akzent);background:var(--e-akzent);color:var(--e-akzent-tinte);border-radius:6px;padding:8px 18px;cursor:pointer;transition:filter .15s ease-out}.knopf:hover{filter:brightness(1.12)}.knopf:disabled{opacity:.5;cursor:default}.knopf-leise{font:inherit;border:1px solid var(--e-rand);background:var(--e-flaeche);color:var(--e-tinte);border-radius:6px;padding:7px 14px;cursor:pointer;transition:border-color .15s ease-out}.knopf-leise:hover{border-color:var(--e-tinte-leise)}.knopf-klein{font:inherit;font-size:.85rem;border:1px solid var(--e-rand);background:var(--e-flaeche);color:var(--e-tinte);border-radius:5px;padding:3px 9px;cursor:pointer}.knopf-klein:hover{border-color:var(--e-tinte-leise)}.knopf-klein:disabled{opacity:.4;cursor:default}.kachel{background:var(--e-flaeche);border:1px solid var(--e-rand);border-radius:10px;padding:18px 20px;margin-block:16px}.meldung-fehler{background:#fbeaec;border:1px solid var(--e-fehler);color:var(--e-fehler);border-radius:6px}.meldung-fehler,.meldung-ok{padding:10px 14px;margin-block:12px}.meldung-ok{background:#e9f4ec;border:1px solid var(--e-ok);color:var(--e-ok);border-radius:6px}.editor-spalten{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:20px;gap:20px;align-items:start}@media (max-width:860px){.editor-spalten{grid-template-columns:minmax(0,1fr)}}.vorschau-rahmen{position:-webkit-sticky;position:sticky;top:12px}.vorschau-rahmen iframe{width:100%;height:min(78vh,900px);border:1px solid var(--e-rand);border-radius:10px;background:#fff}.vorschau-rahmen .vorschau-zeile{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;font-size:.88rem;color:var(--e-tinte-leise)}.abschnitt-editor{border:1px solid var(--e-rand);border-radius:8px;padding:12px 14px;margin-block:10px;background:#fafaf8}.abschnitt-editor .abschnitt-kopfzeile{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.abschnitt-editor .abschnitt-kopfzeile .ordnen{display:flex;gap:6px}.zeilen-paar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:10px;gap:10px}@media (max-width:560px){.zeilen-paar{grid-template-columns:minmax(0,1fr)}}.schalter-liste{display:grid;grid-gap:8px;gap:8px;margin-block:10px}.schalter{display:flex;align-items:center;gap:10px;font-weight:400}.schalter input{width:auto}.tabelle{width:100%;border-collapse:collapse;font-size:.95rem}.tabelle td,.tabelle th{text-align:left;border-bottom:1px solid var(--e-rand);padding:8px 10px;vertical-align:top}@media (prefers-reduced-motion:reduce){.knopf,.knopf-leise{transition:none}}.retro{min-height:100dvh;background:var(--r-bg-farbe);background-image:var(--r-bg-kachel);color:var(--r-text);font-family:var(--r-font);font-size:17px;line-height:1.55;padding-block:18px 30px;overflow-x:hidden}.retro a{color:var(--r-link)}.retro a:visited{color:var(--r-link-besucht)}.retro a:hover{color:var(--r-link-hover)}.retro h1,.retro h2,.retro h3{font-family:var(--r-font-titel,var(--r-font));color:var(--r-titel);text-wrap:balance;line-height:1.15}.retro h1{font-size:clamp(1.7rem,5vw,2.6rem);text-align:center;margin:.4em 0}.retro h2{font-size:clamp(1.2rem,3.5vw,1.6rem);margin:0 0 .5em}.retro p{margin:0 0 .9em;overflow-wrap:break-word}.retro-abschnitt p{max-width:72ch;margin-inline:auto}.retro-kasten{border:4px ridge var(--r-rand);background:var(--r-kasten-bg);padding:clamp(12px,3vw,28px);margin-block:14px}.retro-abschnitt{border:2px groove var(--r-rand);background:var(--r-abschnitt-bg,transparent);padding:10px clamp(10px,2.5vw,20px);margin-block:16px}.retro-mitte{text-align:center}.knopf3d{display:inline-block;font-family:Verdana,Geneva,sans-serif;font-size:14px;font-weight:700;color:#000;background:#c8c8c8;border:3px outset #eee;padding:6px 16px;cursor:pointer;text-decoration:none}.knopf3d:hover{background:#d8d8d8}.knopf3d:active{border-style:inset}a.knopf3d,a.knopf3d:hover,a.knopf3d:visited{color:#000}.retro input[type=email],.retro input[type=password],.retro input[type=text],.retro input[type=url],.retro select,.retro textarea{font-family:inherit;font-size:16px;color:#000;background:#fff;border:2px inset #999;padding:5px 8px;max-width:100%}.retro label{font-weight:700}.marquee{overflow:hidden;white-space:nowrap;border-block:2px solid var(--r-rand);background:var(--r-marquee-bg,rgba(0,0,0,.25));padding:6px 0;margin-bottom:10px}.marquee>span{display:inline-block;padding-left:100%;font-weight:700;font-size:18px;color:var(--r-marquee-text,var(--r-titel));animation:marquee-lauf 16s linear infinite}@keyframes marquee-lauf{0%{transform:translateX(0)}to{transform:translateX(-100%)}}.blinkie-reihe{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-block:12px}.blinkie{font-family:Verdana,Geneva,sans-serif;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 10px;border:1px solid #fff;color:#fff;background:#cc0077;animation:blinkie-blink 1.1s steps(2,jump-none) infinite}.blinkie:nth-child(4n+2){background:#4400cc;animation-duration:.9s}.blinkie:nth-child(4n+3){background:#007733;animation-duration:1.3s}.blinkie:nth-child(4n+4){background:#cc4400;animation-duration:1s}@keyframes blinkie-blink{0%{filter:none}to{filter:invert(1)}}.baustellen-banner{border:3px solid #000;background:#ffdd00;color:#000;text-align:center;font-family:Arial,Helvetica,sans-serif;font-weight:700;margin-block:12px}.baustellen-streifen{height:14px;background:repeating-linear-gradient(-45deg,#ffdd00 0 14px,#000 14px 28px)}.baustellen-banner p{margin:0;padding:7px 10px;font-size:15px;letter-spacing:.04em}.baustellen-banner .warnzeichen{display:inline-block;margin-inline:8px;animation:warn-blink 1s steps(2,jump-none) infinite}@keyframes warn-blink{0%{opacity:1}to{opacity:.15}}.trenner{margin-block:20px;border:0}.trenner-regenbogen{height:10px;background:linear-gradient(90deg,#e40303,#ff8c00,#ffed00,#008026,#004dff,#750787,#e40303);background-size:200% 100%;animation:regenbogen-lauf 3s linear infinite;border:1px solid rgba(0,0,0,.4)}@keyframes regenbogen-lauf{0%{background-position:0 0}to{background-position:200% 0}}.trenner-flammen{height:26px}.trenner-flammen svg{width:100%;height:100%;display:block}.trenner-flammen .flamme{transform-origin:bottom center;transform-box:fill-box;animation:flammen-flackern .55s ease-in-out infinite alternate}.trenner-flammen .flamme:nth-child(2n){animation-duration:.42s;animation-delay:.12s}.trenner-flammen .flamme:nth-child(3n){animation-duration:.66s;animation-delay:.2s}@keyframes flammen-flackern{0%{transform:scaleY(.82)}to{transform:scaleY(1.08)}}.trenner-sterne{display:flex;justify-content:space-between;padding-inline:4px;font-size:15px;color:var(--r-titel)}.trenner-sterne span{animation:stern-blink 1.4s ease-in-out infinite}.trenner-sterne span:nth-child(3n+1){animation-delay:.45s}.trenner-sterne span:nth-child(3n+2){animation-delay:.9s}@keyframes stern-blink{0%,to{opacity:1}50%{opacity:.15}}.zaehler{display:inline-flex;align-items:center;gap:10px;border:3px outset #888;background:#111;padding:6px 12px;color:#ddd;font-family:Verdana,Geneva,sans-serif;font-size:12px}.zaehler svg{display:block}.badge-88x31{display:inline-block;width:88px;height:31px;vertical-align:middle}.gaestebuch-eintrag{border:2px dotted var(--r-rand);padding:8px 12px;margin-block:10px;background:var(--r-abschnitt-bg,rgba(0,0,0,.15))}.gaestebuch-eintrag .wer{font-weight:700;color:var(--r-titel)}.gaestebuch-eintrag .wann{font-size:13px;opacity:.85}.hp-feld{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}.webring{border:3px double var(--r-rand);text-align:center;padding:10px;margin-top:22px;background:var(--r-abschnitt-bg,rgba(0,0,0,.15));font-size:15px}.webring .webring-titel{font-weight:700;letter-spacing:.08em;display:block;margin-bottom:4px}.retro-fusszeile{text-align:center;font-size:13px;margin-top:18px;background:var(--r-kasten-bg);border:2px groove var(--r-rand);padding:8px 10px}.retro-fusszeile a{color:var(--r-link)}.stimmung{font-size:16px}.stimmung-smiley{display:inline-block;font-family:Courier New,Courier,monospace;font-weight:700;border:1px solid var(--r-rand);padding:1px 8px;margin-left:6px}.spruch-box,.stimmung-smiley{background:var(--r-abschnitt-bg,rgba(0,0,0,.15))}.spruch-box{border:3px double var(--r-rand);text-align:center;padding:10px 14px;margin:14px auto;max-width:56ch}.spruch-box .spruch-titel{font-weight:700;letter-spacing:.12em;font-size:13px;text-transform:uppercase;color:var(--r-titel)}.spruch-box p{margin:6px 0 0;font-style:italic}.stempel{font-size:13px;margin-top:14px}.stempel strong{border:2px solid var(--r-titel);color:var(--r-titel);padding:1px 8px;transform:rotate(-2deg);display:inline-block;text-transform:uppercase;letter-spacing:.06em}.badge-reihe{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center}.musikbox-name{font-size:14px}.musikbox-noten{display:inline-block;animation:noten-wippen .8s ease-in-out infinite alternate}@keyframes noten-wippen{0%{transform:translateY(0)}to{transform:translateY(-3px)}}.gb-blinker{display:inline-block;margin-left:10px;font-size:12px;font-family:Verdana,Geneva,sans-serif;letter-spacing:.08em;background:#cc0000;color:#ffffff;border:1px solid #ffffff;padding:2px 8px;vertical-align:middle;transform:rotate(-3deg);animation:blinkie-blink .9s steps(2,jump-none) infinite}.schnee{position:fixed;inset:0;pointer-events:none;z-index:30;overflow:hidden}.schnee span{position:absolute;top:-30px;color:#ffffff;text-shadow:0 0 3px rgba(120,160,220,.8);animation-name:schnee-fallen;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes schnee-fallen{0%{transform:translateY(-30px) translateX(0);opacity:.95}50%{transform:translateY(50vh) translateX(18px)}to{transform:translateY(105vh) translateX(-12px);opacity:.7}}.clipart-halter{float:right;margin:0 0 6px 12px}.clipart{width:48px;height:48px;display:block;filter:drop-shadow(1px 2px 0 rgba(0,0,0,.35))}.galerie{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.foto-rahmen{margin:0;background:#f5f0e0;border:2px solid #b0a070;box-shadow:3px 3px 0 rgba(0,0,0,.35);padding:8px 8px 6px;transform:rotate(-1.2deg);max-width:240px}.foto-rahmen:nth-child(2n){transform:rotate(1.4deg)}.foto-rahmen:nth-child(3n){transform:rotate(-.6deg)}.foto-rahmen img{display:block;width:100%;height:auto;border:1px solid #8a7a50}.foto-rahmen figcaption{font-family:Comic Sans MS,Comic Sans,Segoe Print,cursive;font-size:13px;color:#3a3220;text-align:center;padding-top:5px;overflow-wrap:break-word}.umfrage-formular{display:grid;grid-gap:6px;gap:6px}.umfrage-option{font-weight:400}.umfrage-ergebnis{display:grid;grid-gap:8px;gap:8px}.umfrage-zeile{display:grid;grid-template-columns:minmax(90px,1fr) minmax(0,2fr) auto;grid-gap:8px;gap:8px;align-items:center}.umfrage-text{overflow-wrap:break-word}.umfrage-balken-spur{display:block;height:16px;border:2px inset #999;background:#ffffff}.umfrage-balken{display:block;height:100%;background:repeating-linear-gradient(90deg,var(--r-titel) 0 8px,var(--r-link) 8px 16px);min-width:2px}.umfrage-zahl{font-size:13px;white-space:nowrap}@media (max-width:480px){.umfrage-zeile{grid-template-columns:1fr;gap:3px}}.trail-stern{position:fixed;pointer-events:none;z-index:40;font-size:14px;animation:trail-verglimmen .8s ease-out forwards}@keyframes trail-verglimmen{0%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0deg)}to{opacity:0;transform:translate(-50%,-80%) scale(.3) rotate(60deg)}}.theme-sternenhimmel{--r-bg-farbe:#000833;--r-bg-kachel:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Crect width='140' height='140' fill='%23000833'/%3E%3Ccircle cx='12' cy='24' r='1.4' fill='%23ffffff'/%3E%3Ccircle cx='58' cy='10' r='1' fill='%23ffe9a0'/%3E%3Ccircle cx='96' cy='40' r='1.6' fill='%23ffffff'/%3E%3Ccircle cx='30' cy='76' r='1' fill='%23aac6ff'/%3E%3Ccircle cx='120' cy='90' r='1.3' fill='%23ffffff'/%3E%3Ccircle cx='72' cy='118' r='1' fill='%23ffe9a0'/%3E%3Ccircle cx='16' cy='124' r='1.5' fill='%23ffffff'/%3E%3Ccircle cx='104' cy='128' r='0.9' fill='%23aac6ff'/%3E%3Cpath d='M84 66l1.6 3.4 3.4 1.6-3.4 1.6-1.6 3.4-1.6-3.4-3.4-1.6 3.4-1.6z' fill='%23fff7c0'/%3E%3C/svg%3E");--r-text:#ffef9e;--r-titel:#ffd93b;--r-link:#8fd0ff;--r-link-besucht:#d3a8ff;--r-link-hover:#ffffff;--r-rand:#ffd93b;--r-kasten-bg:rgba(0,5,32,0.82);--r-abschnitt-bg:rgba(20,30,80,0.45);--r-font:"Times New Roman",Times,serif;--r-marquee-text:#ffd93b}.theme-neon{--r-bg-farbe:#000;--r-bg-kachel:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90'%3E%3Crect width='90' height='90' fill='%23000000'/%3E%3Ccircle cx='20' cy='20' r='1' fill='%23ff00aa'/%3E%3Ccircle cx='66' cy='48' r='1' fill='%2300ffcc'/%3E%3Ccircle cx='40' cy='76' r='1' fill='%23aaff00'/%3E%3C/svg%3E");--r-text:#7dff7d;--r-titel:#ff7dff;--r-link:#00ffff;--r-link-besucht:#ffb3ff;--r-link-hover:#ffffff;--r-rand:#ff00cc;--r-kasten-bg:rgba(10,0,14,0.9);--r-abschnitt-bg:rgba(50,0,60,0.4);--r-font:"Comic Sans MS","Comic Sans","Segoe Print",cursive;--r-marquee-text:#00ffff}.theme-neon h1{text-shadow:0 0 6px #ff00cc,0 0 18px #ff00cc}.theme-wolken{--r-bg-farbe:#bfe0ff;--r-bg-kachel:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='120'%3E%3Crect width='160' height='120' fill='%23bfe0ff'/%3E%3Cg fill='%23ffffff' opacity='0.9'%3E%3Cellipse cx='40' cy='34' rx='26' ry='12'/%3E%3Cellipse cx='58' cy='28' rx='18' ry='10'/%3E%3Cellipse cx='120' cy='88' rx='30' ry='13'/%3E%3Cellipse cx='138' cy='82' rx='16' ry='9'/%3E%3C/g%3E%3C/svg%3E");--r-text:#23365e;--r-titel:#c2185b;--r-link:#0d47a1;--r-link-besucht:#6a1b9a;--r-link-hover:#d81b60;--r-rand:#f8bbd0;--r-kasten-bg:rgba(255,255,255,0.92);--r-abschnitt-bg:#fdf3f8;--r-font:"Comic Sans MS","Comic Sans","Segoe Print",cursive;--r-marquee-bg:#fce4ef;--r-marquee-text:#c2185b}.theme-baustelle{--r-bg-farbe:#4d4d4d;--r-bg-kachel:repeating-linear-gradient(-45deg,#ffcc00 0 22px,#1a1a1a 22px 44px);--r-text:#1a1a1a;--r-titel:#7a4a00;--r-link:#0033cc;--r-link-besucht:#7a1fa2;--r-link-hover:#cc4400;--r-rand:#1a1a1a;--r-kasten-bg:#fffbe8;--r-abschnitt-bg:#fff3bf;--r-font:Arial,Helvetica,sans-serif;--r-marquee-bg:#1a1a1a;--r-marquee-text:#ffcc00}.theme-matrix{--r-bg-farbe:#000;--r-bg-kachel:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Crect width='80' height='80' fill='%23000000'/%3E%3Ctext x='8' y='20' font-family='monospace' font-size='12' fill='%23063f16'%3E10%3C/text%3E%3Ctext x='48' y='52' font-family='monospace' font-size='12' fill='%23063f16'%3E01%3C/text%3E%3Ctext x='20' y='72' font-family='monospace' font-size='12' fill='%23052e10'%3E11%3C/text%3E%3C/svg%3E");--r-text:#4dff4d;--r-titel:#b3ffb3;--r-link:#00e5ff;--r-link-besucht:#66ffcc;--r-link-hover:#ffffff;--r-rand:#00b34d;--r-kasten-bg:rgba(0,10,0,0.9);--r-abschnitt-bg:rgba(0,40,10,0.35);--r-font:"Courier New",Courier,monospace;--r-marquee-text:#4dff4d}.theme-wordart{--r-bg-farbe:#c8c8c8;--r-bg-kachel:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Crect width='8' height='8' fill='%23c8c8c8'/%3E%3Crect x='0' y='0' width='1' height='1' fill='%23d6d6d6'/%3E%3Crect x='4' y='4' width='1' height='1' fill='%23bcbcbc'/%3E%3C/svg%3E");--r-text:#111111;--r-titel:#b3005c;--r-link:#0000bb;--r-link-besucht:#551a8b;--r-link-hover:#cc0000;--r-rand:#808080;--r-kasten-bg:#f2f2f2;--r-abschnitt-bg:#e8e8e8;--r-font:Verdana,Arial,Helvetica,sans-serif;--r-marquee-bg:#808080;--r-marquee-text:#ffffff}.theme-wordart h1,.theme-wordart h2{background:linear-gradient(90deg,#cc0000,#cc6600,#1a7a1a,#0044cc,#7a00cc);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:1px #33333388;filter:drop-shadow(1px 1px 0 #ffffff)}@media (prefers-reduced-motion:reduce){.marquee>span{padding-left:0;white-space:normal}.baustellen-banner .warnzeichen,.blinkie,.marquee>span,.trenner-flammen .flamme,.trenner-regenbogen,.trenner-sterne span{animation:none}.trail-stern{display:none}}@media (max-width:480px){.retro{font-size:16px}.retro-kasten{border-width:3px}}