@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";:root{--hintergrund:#111827;--flaeche:#1f2937;--flaeche-dunkel:#111827;--rand:#374151;--text:#e5e7eb;--text-leise:#9ca3af;--text-ganzleise:#6b7280;--gelb:#eeb425;--cubix-blau:#2f6fe0;--cubix-blau-dunkel:#1f55c0;--gruen:#16a34a;--blau:#25658d;--orange:#f1851b;--schrift:Poppins, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--hintergrund);color:var(--text);font:15px/1.5 var(--schrift)}a{color:inherit;text-decoration:none}.kopf{background-color:#0000;background-image:linear-gradient(#00000080,#00000080),repeating-linear-gradient(26.57deg,#0000 0 31px,#ffffff0d 31px 32px),repeating-linear-gradient(-26.57deg,#0000 0 31px,#ffffff0d 31px 32px),linear-gradient(#374151,#1f2937);background-position:50%;background-repeat:repeat,repeat,repeat,repeat;background-size:cover;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;height:208px}.kopf.mit-bild{background-image:linear-gradient(#00000080, #00000080), var(--kopf-bild)}.kopf-innen{color:#fff;justify-content:space-between;align-items:center;max-width:1280px;height:100%;margin:0 auto;padding:0 40px 0 28px;display:flex}.kopf-gast{flex-direction:column;align-items:center;gap:24px;width:100%;display:flex}.kopf-spruch{text-align:center;max-width:600px;margin:0;font-size:20px;font-weight:600}.kopf-knoepfe{align-items:center;gap:24px;display:flex}.kopf-oder{text-transform:uppercase;opacity:.8;font-size:13px}.kopf-links,.kopf-rechts{align-items:center;gap:16px;display:flex}.kopf-logo{letter-spacing:.5px;text-shadow:0 2px 4px #0009;font-size:28px;font-weight:700}.kopf-online{background:var(--flaeche-dunkel);height:50px;color:var(--text);border-radius:6px;align-items:center;padding:0 16px;display:flex;position:relative}.kopf-online-spitze{background:var(--flaeche-dunkel);width:24px;height:24px;position:absolute;left:-4px;transform:rotate(45deg)}.kopf-online-text{position:relative}.kopf-name{text-shadow:0 2px 4px #0009;font-weight:600}.knopf-hell,.knopf-gruen,.knopf-rahmen{font:600 18px/1.5 var(--schrift);cursor:pointer;border:2px solid #0000;border-radius:999px;padding:8px 24px;transition:background-color .2s,color .2s;display:inline-block}.knopf-hell{color:#fff;background:#111827e6}.knopf-hell:hover{background:#111827}.knopf-gruen{color:#fff;text-transform:uppercase;background:#16a34acc;padding:10px 32px;font-size:15px}.knopf-gruen:hover{background:var(--gruen)}.knopf-gruen:disabled{opacity:.6;cursor:default}.knopf-rahmen{color:#fff;text-transform:uppercase;background:0 0;border-color:#fff;padding:8px 32px;font-size:15px}.knopf-rahmen:hover{color:#000;background:#fff}.menue{background:var(--flaeche-dunkel);box-shadow:0 1px 3px #0000004d}.menue-innen{justify-content:space-between;align-items:center;max-width:1280px;min-height:60px;margin:0 auto;padding:0 16px;display:flex}.menue-links{gap:8px;height:60px;display:flex}.menue-punkt{text-transform:uppercase;color:var(--text);border-bottom:4px solid #0000;align-items:center;padding:0 12px;font-size:14px;font-weight:700;display:flex}.menue-punkt:hover{color:var(--gelb)}.menue-punkt.aktiv{border-bottom-color:var(--cubix-blau)}.menue-abmelden{color:var(--text-leise);font:inherit;cursor:pointer;background:0 0;border:0;font-size:14px}.menue-abmelden:hover{color:var(--text)}.inhalt{grid-template-columns:repeat(12,1fr);gap:12px;width:100%;max-width:1280px;margin:0 auto;padding:16px;display:grid}.inhalt-haupt{flex-direction:column;grid-column:span 9;gap:12px;display:flex}.inhalt-seite{flex-direction:column;grid-column:span 3;gap:12px;display:flex}@media (width<=900px){.inhalt-haupt,.inhalt-seite{grid-column:span 12}.kopf-links,.kopf-name{display:none}}.karte{background:var(--flaeche);border-radius:4px;padding-bottom:12px;overflow:hidden;box-shadow:0 1px 3px #0000004d}.karte-kopf{background:var(--flaeche-dunkel);border-bottom:1px solid var(--rand);align-items:center;gap:8px;padding:12px;display:flex}.karte-symbol{background:radial-gradient(circle at 35% 35%, #f9a94b, var(--orange) 70%);border-radius:50%;flex:none;width:50px;height:50px}.karte-titel{color:#d1d5db;font-size:14px;font-weight:600}.karte-untertitel{color:var(--text-ganzleise);font-size:14px}.karte-inhalt{padding:12px 12px 0}.karte-absatz{margin:0}.ich-bild{color:#fff;background:linear-gradient(#0000004d,#0000004d),repeating-linear-gradient(26.57deg,#0000 0 31px,#ffffff0d 31px 32px),repeating-linear-gradient(-26.57deg,#0000 0 31px,#ffffff0d 31px 32px),linear-gradient(#374151,#1f2937);border-radius:4px;justify-content:flex-end;align-items:center;height:160px;margin-bottom:48px;padding:0 40px;display:flex;position:relative}.ich-avatar{transition:transform .3s;position:absolute;bottom:-48px;left:24px}.ich-avatar:hover{transform:scale(1.05)}.ich-avatar img{image-rendering:pixelated;filter:drop-shadow(0 2px 3px #0009);display:block}.ich-knopf{position:relative}.formular{flex-direction:column;gap:6px;max-width:600px;display:flex}.feldname{margin-top:8px;font-weight:700}.feldhinweis{color:var(--text-leise);font-size:14px}.feld{font:15px var(--schrift);color:var(--text);background:var(--flaeche-dunkel);border:1px solid var(--rand);border-radius:6px;outline:none;padding:10px 12px}.feld:focus{border-color:var(--gelb)}.hinweis{color:#f87171;min-height:20px;font-size:14px}.formular .knopf-gruen{align-self:flex-start;margin-top:4px}.fenster-hintergrund{z-index:20;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.fenster{background:var(--flaeche);border:1px solid var(--rand);border-radius:6px;flex-direction:column;gap:6px;width:320px;padding:20px;display:flex}.fenster-titel{margin-bottom:6px;font-size:18px;font-weight:700}.fenster .knopf-gruen{margin-top:6px}.fenster-link{color:var(--text-leise);text-align:center;font-size:14px}.fenster-link:hover{color:var(--text)}.fuss{background:var(--flaeche-dunkel);height:56px;color:var(--text-leise);justify-content:center;align-items:center;margin-top:auto;font-size:14px;display:flex}#seite{flex-direction:column;min-height:100vh;display:flex}