:root {--bg: #0a1f3d;--accent: #00aaff;--text: #ffffff;--panel: #132c52;--radius: 14px; --c-silver: #cfd8dc;}* {box-sizing: border-box;margin: 0;padding: 0;font-family: system-ui,sans-serif;}body {background: var(--bg);color: var(--text);overflow-x: hidden;}header {display: flex;justify-content: space-between;align-items: center;padding: 20px 40px;background: var(--panel);position: sticky;top: 0;z-index: 10;}header h1 {color: var(--accent);font-size: 1.8em;letter-spacing: 1px;}nav a {margin-left: 24px;color: var(--text);text-decoration: none;font-weight: 500;transition: 0.3s;}nav a:hover {color: var(--accent);}.hero {position: relative;height: 20vh;display: flex;align-items: center;justify-content: center;overflow: hidden;text-align: center;}.hero h2 {font-size: 3em;color: var(--accent);text-shadow: 0 0 25px rgba(0,170,255,0.5);}.hero canvas {position: absolute;inset: 0;z-index: 0;}section {padding: 40px 20px;}h2 {color: var(--accent);margin-bottom: 30px;text-align: center;}.card {background: var(--panel);padding: 25px;border-radius: var(--radius);display: flex;flex-direction: column;align-items: center;text-align: center;transition: transform 0.5s, box-shadow 0.5s;}.card:hover {transform: translateY(-8px) scale(1.05);box-shadow: 0 0 30px rgba(0,170,255,0.4);}.card img {width: 100px;height: 100px;margin-bottom: 15px;object-fit: contain;}.eyecatcher_section {padding: 0px 10px 20px;}.eyecatcher {background: var(--panel);padding: 25px;border-radius: var(--radius);display: flex;flex-direction: column;align-items: center;text-align: center;transition: transform 0.5s, box-shadow 0.5s;}.eyecatcher:hover {transform: translateY(-8px) scale(1.05);box-shadow: 0 0 30px rgba(0,170,255,0.4);}.grid a {margin-left: 24px;color: var(--text);text-decoration: none;font-weight: 500;transition: 0.3s;}.grid a:hover {color: var(--accent);}.footer {padding: 20px 40px;background: var(--panel);display: flex;justify-content: space-between;font-size: 0.85em;}.flow-bg {position: absolute;top: 0;left: 0;width: 200%;height: 100%;background: linear-gradient(90deg, rgba(0,170,255,0.2) 0%, rgba(0,170,255,0) 50%, rgba(0,170,255,0.2) 100%);animation: flow 12s linear infinite;z-index: 0;}@keyframes flow {0%{left:-100%;}50%{left:0%;}100%{left:-100%;}}.grid {display: grid;grid-template-columns: repeat(4,1fr);gap: 40px;justify-items: center;}.grid3times {display: grid;grid-template-columns: repeat(3,1fr);gap: 80px;justify-items: left;}.external-link-icon {width: 14px;height: 14px;margin-left: 4px;fill: currentColor;vertical-align: middle;opacity: 0.85;}@media(max-width:1200px) {.grid{grid-template-columns:repeat(3,1fr);}}@media(max-width:900px) {.grid{grid-template-columns:repeat(2,1fr);}}@media(max-width:600px) {.grid{grid-template-columns:1fr;}}.imprint {background: var(--panel);padding: 25px;border-radius: var(--radius);display: flex;flex-direction: column;align-items: stretch;text-align: center;transition: transform 0.5s, box-shadow 0.5s;}.imprint:hover {transform: translateY(-8px) scale(1.05);box-shadow: 0 0 30px rgba(0,170,255,0.4);}.imprint h2 {font-size: 20px;font-family: "DejaVu Sans";}.imprint h3 {font-size: 16px;font-family: "DejaVu Sans";}.imprint h4 {font-size: 12px;font-weight: bolder;font-family: "DejaVu Sans";}.imprint p {font-size: 11px;font-family: "DejaVu Sans";text-align: left}.imprint li {font-size: 11px;font-family: "DejaVu Sans";text-align: left;margin-left: 2px}.zoomclass {background: var(--panel);display: flex;flex-direction: column;text-align: left;transition: transform 0.5s, box-shadow 0.5s;}.zoomclass:hover {transform: translateY(-12px) scale(1.45);box-shadow: 0 0 40px rgba(0,170,255,0.4);font-size:24px}.overlay {position: fixed;inset: 0;background: rgba(0, 0, 0, 0.6);backdrop-filter: blur(3px);display: flex;align-items: center;justify-content: center;z-index: 9999;}.overlay.hidden {display: none;}.overlay-box {background: #111;color: #fff;padding: 24px 28px;border-radius: 12px;max-width: 360px;width: 90%;text-align: center;box-shadow: 0 20px 60px rgba(0,0,0,0.5);}.overlay-box h3 {margin-top: 0;font-size: 1.2rem;}.overlay-actions {display: flex;gap: 12px;justify-content: center;margin-top: 20px;}.overlay-actions button, .overlay-actions a {padding: 10px 16px;border-radius: 8px;border: none;cursor: pointer;font-weight: 600;text-decoration: none;}#overlay-cancel {background: #333;color: #fff;}#overlay-continue {background: #4ade80;color: #000;}.entertainment-btn {font-family: "DejaVu Sans", sans-serif;font-weight: bold;font-size: 1.0rem;color: var(--text);background: linear-gradient(45deg, var(--accent), #00ffaa);padding: 14px 28px;border-radius: var(--radius);border: 2px solid var(--accent);cursor: pointer;text-transform: uppercase;letter-spacing: 1px;box-shadow: 0 0 15px rgba(0, 170, 255, 0.4), 0 5px 15px rgba(0,0,0,0.3);transition: all 0.35s ease;position: relative;overflow: hidden;}.entertainment-btn::before {content: "";position: absolute;top: -50%;left: -50%;width: 200%;height: 200%;background: rgba(0,255,255,0.15);transform: rotate(45deg);transition: all 0.5s ease;}.entertainment-btn:hover::before {top: -20%;left: -20%;}.entertainment-btn:hover {transform: scale(1.1) translateY(-3px);box-shadow: 0 0 25px rgba(0, 170, 255, 0.7), 0 8px 25px rgba(0,0,0,0.4);}.irzfx-tf-typewriter {font-family: "Courier New", Courier, monospace;white-space: pre-wrap;position: relative;}.irzfx-tf-typewriter::after {content: "▌";position: absolute;right: -0.3em;animation: irzfx-tf-caret 1.4s steps(1) infinite;}@keyframes irzfx-tf-caret {0%, 50% {opacity: 1;}51%, 100% {opacity: 0;}}.stage-lights {position: fixed;inset: 0;pointer-events: none;z-index: -2;mix-blend-mode: screen;opacity: 0.55;}.lights-off .stage-lights {display: none;}.beam {position: absolute;width: 40%;height: 160%;top: -20%;background: radial-gradient(circle at 50% 0, rgba(0,228,255,0.55) 0, rgba(0,228,255,0.0) 60%);filter: blur(2px);transform-origin: top center;animation: sweep 14s ease-in-out infinite alternate;}.beam.b1 {left: -8%; animation-delay: -2s;}.beam.b2 {left: 32%; animation-delay: -5s;}.beam.b3 {right: -10%; animation-delay: -8s;}@keyframes sweep {0% {transform: rotate(-12deg);}100% {transform: rotate(18deg);}}.logo-wrap {display: flex;align-items: center;gap: 0.6rem;}.logo-icon {width: 36px;height: 36px;border-radius: 999px;object-fit: contain;background: radial-gradient(circle at 30% 20%, #fff 0, #d0e3ff 30%, #0d1f4a 70%);border: 1px solid rgba(255,255,255,0.25);}.logo-text {font-weight: 800;letter-spacing: 0.15em;font-size: 1.1rem;}.skip-link {position: absolute;top: -40px;left: 8px;background: #000;color: #fff;padding: 8px 12px;border-radius: 8px;transition: top .2s ease;z-index: 9999;}.skip-link:focus {top: 8px;}.lights-toggle {position: relative;background: rgba(0,0,0,0.2);border-radius: 999px;border: 1px solid rgba(0,228,255,0.5);color: var(--c-silver);font-size: 0.75rem;padding: 0.25rem 0.7rem;cursor: pointer;top:-24px;right:-24px}.clock {min-width: 150px;font-size: 0.78rem;text-align: right;color: rgba(228,237,255,0.8);}.contact-modal {position: fixed;inset: 0;background: rgba(0,0,0,0.7);display: none;align-items: center;justify-content: center;z-index: 210;}.contact-modal.open {display: flex;}.contact-modal-box {position: relative;background: rgba(2,8,24,0.98);border-radius: 18px;border: 1px solid rgba(0,228,255,0.6);padding: 1.3rem 1.4rem 1.1rem;width: min(480px, 95vw);box-shadow: 0 22px 60px rgba(0,0,0,0.9);}.contact-modal-box h3 {margin-top: 0;}.contact-close {z-index: 10;position: absolute;top: 2px;right: 2px;background: transparent;border: none;color: var(--c-silver);font-size: 1.4rem;cursor: pointer;float: right;}.form-row {display: flex;flex-direction: column;margin-bottom: 0.7rem;}.form-row label {font-size: 0.8rem;margin-bottom: 0.2rem;}.form-row input, .form-row select, .form-row textarea {background: rgba(0,0,0,0.25);border-radius: 10px;border: 1px solid rgba(255,255,255,0.15);color: var(--c-silver);padding: 0.45rem 0.6rem;font-family: inherit;font-size: 0.9rem;}.form-row textarea {resize: vertical;}.form-row input.error {border-color: #ff4f6f;}.form-actions {margin-top: 0.8rem;}.seasonal {pointer-events: none;position: fixed;inset: 0;z-index: -1;}.seasonal.active {z-index: -1;}.seasonal.fireworks::before, .seasonal.xmas::before, .seasonal.unity::before {content: "";position: absolute;inset: 0;}.seasonal.fireworks::before {background-image:radial-gradient(circle at 20% 20%, rgba(255,215,0,0.75) 0, transparent 40%),radial-gradient(circle at 70% 30%, rgba(0,228,255,0.8) 0, transparent 40%),radial-gradient(circle at 40% 70%, rgba(255,80,200,0.7) 0, transparent 40%);animation: fireworksPulse 2.4s ease-in-out infinite alternate;}@keyframes fireworksPulse {0% {opacity: 0.2; transform: scale(0.98);}100% {opacity: 0.6; transform: scale(1.02);}}.seasonal.xmas::before {background-image:linear-gradient(135deg, rgba(0,150,50,0.4), transparent),radial-gradient(circle at 15% 10%, rgba(255,255,255,0.9) 0, transparent 30%),radial-gradient(circle at 80% 20%, rgba(255,255,255,0.9) 0, transparent 28%);}.seasonal.unity::before {background: linear-gradient(to bottom,rgba(255,255,255,0.12) 0,rgba(255,255,255,0.12) 33%,rgba(0,0,0,0.25) 33%,rgba(0,0,0,0.25) 66%,rgba(204,0,0,0.35) 66%,rgba(204,0,0,0.35) 100%);}.pge-pulse {position: fixed;bottom: 16px;right: 18px;width: 34px;height: 34px;border-radius: 999px;background: radial-gradient(circle, var(--c-main) 0%, rgba(27,104,255,0) 65%);box-shadow: 0 0 16px rgba(0,228,255,0.8);animation: pulse 1.9s ease-in-out infinite;z-index: 120;display: none;cursor: pointer;}.pge-pulse.visible {display: block;}.pge-pulse::before {content: "↑";position: absolute;inset: 0;display: flex;align-items: center;justify-content: center;color: #020615;font-size: 1rem;font-weight: 700;}@keyframes pulse {0% {transform: scale(1); opacity: 1;}60% {transform: scale(1.3); opacity: 0.8;}100% {opacity: 1;}}a {color: var(--c-cyan);text-decoration: none;}a.inline-link {border-bottom: 1px dashed rgba(228, 237, 255, 0.4);}a.inline-link:hover {color: var(--c-main);}.ext-link::after {content: "↗";font-size: 0.65rem;margin-left: 0.35rem;}.safe-mail a {border-bottom: 1px dashed rgba(228, 237, 255, 0.5);}#privacyModal .contact-modal-box {width: 80vw;height: 80vh;max-width: 80vw;max-height: 80vh;display: flex;flex-direction: column;}#privacyModal .privacy-content {overflow-y: auto;padding-right: 0.5rem;flex: 1;}#privacyModal h3 {margin-bottom: 1rem;}@media (max-width: 768px) {#privacyModal .contact-modal-box {width: 95vw;height: 90vh;max-width: 95vw;max-height: 90vh;}}@media (max-width: 900px) {header {flex-direction: column;align-items: flex-start;} nav {display: flex;flex-wrap: wrap;gap: 12px;margin-top: 10px;} nav a {margin-left: 0;} .grid3times {grid-template-columns: 1fr;gap: 30px;}}@media (hover: hover) {.card:hover, .imprint:hover {transform: translateY(-8px) scale(1.05);} @media (max-width: 600px) {.hero h2 {font-size: 2em;}}