DMV-Geschäftsstelle verabschiedet sich in die Weihnachtspause

Das Jahr neigt sich dem Ende zu – Zeit für ein paar ruhige Tage! Unsere Geschäftsstelle bleibt vom 20. Dezember 2025 bis einschließlich 4. Januar 2026 geschlossen. Ab Montag, 5. Januar 2026, sind wir wieder wie gewohnt für euch da und starten gemeinsam in ein spannendes Motorsportjahr 2026. Wir bedanken uns herzlich für das Vertrauen und die Zusammenarbeit in diesem Jahr.Allen Mitgliedern, Partnern und Motorsport-Fans wünschen wir frohe Weihnachten, erholsame Feiertage und einen guten Rutsch ins neue Jahr! Weihnachtsmodus – Vollflächig & sichtbar :root{ --xmas-red:#ff0033; --xmas-green:#0fa958; --xmas-gold:#f8d45a; --text:#f7f7f7; --btn-bg:#ffffff; --btn-text:#1c2541; --shadow:0 10px 25px rgba(0,0,0,.25); /* Abstand der Lichterkette zur oberen Kante (Headerhöhe, wenn vorhanden) */ --garland-offset: 0px; } html,body{ height:100%; margin:0; font-family: system-ui, sans-serif; background: linear-gradient(135deg, #fafafa, #f0f3f7); color:#222; /* Standard: dunkel */ } /* Inhalt – Variante B: Gesamten Block nach oben schieben */ .page{ min-height:100vh; display:flex; align-items:center; justify-content:flex-start; /* statt center */ flex-direction:column; gap:1.2rem; /* enger als vorher */ padding:2rem; padding-top:3.5rem; /* Abstand zum oberen Rand */ position:relative; overflow-x:hidden; } h1{ margin:0; margin-bottom:0.5rem; /* enger Abstand zur Subline */ font-weight:800; letter-spacing:.3px; text-align:center; line-height:1.15; } .sub{ margin:0; margin-bottom:0.6rem; /* näher am Button */ opacity:.85; text-align:center; } .note{ font-size:.9rem; opacity:.75; text-align:center; } /* Toggle Button – näher an den Text */ .toggle{ appearance:none; border:none; background:var(--btn-bg); color:var(--btn-text); padding:0.9rem 1.15rem; border-radius:12px; font-weight:700; font-size:1rem; box-shadow:var(--shadow); cursor:pointer; display:inline-flex; align-items:center; gap:.65rem; transition:transform .12s ease, box-shadow .2s ease, background .2s ease, color .2s ease; margin-top:0.2rem; /* enger an Subline */ } .toggle:active{ transform:scale(.98); } .toggle .icon{ font-size:1.25rem; } /* --- Vollflächiger, heller, fixierter Hintergrund über Pseudo-Element --- */ body.xmas::before{ content:""; position:fixed; inset:0; /* volle Fläche */ z-index:0; /* hinter Effekten, vor normalem Body-Hintergrund */ background: radial-gradient(1400px 900px at 50% -20%, #284b7a 0%, #1a335a 55%, #152a4a 100%); /* heller als zuvor */ background-attachment: fixed; } /* Heading Styling in Xmas Mode */ .xmas h1{ color:#fff; text-shadow:0 2px 10px rgba(0,0,0,.35); } .xmas .sub{ color:#e9f1ff; opacity:.95; } /* Button in Xmas Mode */ .xmas .toggle{ background:linear-gradient(145deg, var(--xmas-red), var(--xmas-gold)); color:#fff; box-shadow:0 12px 30px rgba(255,0,51,.35); } /* Card (falls verwendet) */ .card{ background:rgba(255,255,255,.8); backdrop-filter:saturate(140%) blur(6px); border:1px solid rgba(0,0,0,.06); border-radius:16px; padding:1.25rem 1.25rem; max-width:780px; box-shadow:var(--shadow); } .xmas .card{ background:rgba(15,24,46,.50); border-color:rgba(255,255,255,.12); } /* Garland (Lights) – garantiert sichtbar, oberste Ebene */ .garland{ position:fixed; top:var(--garland-offset); left:0; width:100%; height:80px; pointer-events:none; display:none; z-index:2000; /* sehr hoch, damit sie über Header/Content liegt */ } .xmas .garland{ display:block; } .lights{ position:absolute; top:10px; left:0; width:100%; height:0; display:flex; justify-content:space-between; padding:0 12px; } .bulb{ width:14px; height:20px; border-radius:7px 7px 12px 12px; transform-origin:top center; box-shadow:0 6px 14px rgba(0,0,0,.25); animation: sway 2.8s ease-in-out infinite; } .bulb:nth-child(4n+1){ background:#ff3b3b; filter:drop-shadow(0 0 8px rgba(255,59,59,.65)); } .bulb:nth-child(4n+2){ background:#39ff8b; filter:drop-shadow(0 0 8px rgba(57,255,139,.65)); } .bulb:nth-child(4n+3){ background:#ffd166; filter:drop-shadow(0 0 8px rgba(255,209,102,.65)); } .bulb:nth-child(4n+4){ background:#66aaff; filter:drop-shadow(0 0 8px rgba(102,170,255,.65)); } @keyframes sway{ 0%,100%{ transform:rotate(-3deg); } 50%{ transform:rotate(3deg); } } /* Rope – kontrastreicher */ .rope{ position:absolute; top:18px; left:0; width:100%; height:14px; background: radial-gradient(10px 10px at 10px 7px, #1f1f1f 40%, transparent 41%) repeat-x 0 0 / 38px 14px; opacity:.8; } /* Snow container – vollflächig, hoher z-index */ .snow{ position:fixed; inset:0; overflow:hidden; pointer-events:none; z-index:1500; display:none; } .xmas .snow{ display:block; } .flake{ position:absolute; top:-10px; width:8px; height:8px; border-radius:50%; background:rgba(255,255,255,.95); box-shadow:0 0 8px rgba(255,255,255,.85); opacity:.95; animation: fall var(--dur) linear forwards, drift 6s ease-in-out infinite; } @keyframes fall{ to{ transform:translateY(105vh); } } @keyframes drift{ 0%,100%{ margin-left:0; } 50%{ margin-left:16px; } } /* Glanz-Effekt unterhalb von Schnee, über dem Hintergrund */ .shine{ position:fixed; inset:-5vmax; background: radial-gradient(60vmax 60vmax at 10% 0%, rgba(255,255,255,.06), transparent 40%), radial-gradient(50vmax 50vmax at 90% 10%, rgba(255,255,255,.07), transparent 45%); pointer-events:none; z-index:100; display:none; } .xmas .shine{ display:block; } @media (max-width:600px){ .lights{ padding:0 6px; } .bulb{ width:12px; height:18px; } .card{ padding:1rem; } } /* ------------------------------------------------------------------ */ /* NEU: Textfarben-Logik für den Weihnachtsmodus */ /* - Standard wird weiß */ /* - Rot (#ff0033) bleibt rot */ /* ------------------------------------------------------------------ */ /* Alles „normale“ Textzeug weiß färben */ .xmas :is(h1,h2,h3,h4,h5,h6,p,li,span,div,small,em,strong,a){ color:#fff; } /* Card-Inhalte explizit weiß (falls Cards genutzt werden) */ .xmas .card :is(p,li,span,div,small,em,strong,a){ color:#fff; } /* Links lesbar halten */ .xmas a{ color:#fff; text-decoration:underline; } /* ROT-Bestandsschutz: Klassen oder Inline-Farben bleiben rot */ .xmas .dmv-red, .xmas .text-red, .xmas [style*="#ff0033"], .xmas [style*="rgb(255, 0, 51)"], .xmas a.dmv-red, .xmas a.text-red{ color:#ff0033 !important; text-decoration:none; /* optional: rote Links ohne Unterstreichung */ } Willkommen! 🎄 Klicke auf den Knopf, um den Weihnachtsmodus zu aktivieren. ✨ Weihnachtsmodus einschalten Tipp: Nochmal klicken, um den Modus auszuschalten. (function(){ const body = document.body; const btn = document.getElementById('toggleXmas'); const label = btn.querySelector('.label'); const icon = btn.querySelector('.icon'); const snow = document.getElementById('snow'); const lightsWrap= document.getElementById('lights'); const headline = document.getElementById('headline'); function log(msg){ /*console.log('[XMAS]', msg);*/ } // Lichterkette erstellen (einmalig) function buildLights(){ if(lightsWrap.childElementCount > 0){ log('Lights already built'); return; } const count = Math.max(24, Math.floor(window.innerWidth / 40)); for(let i=0;i { const f = document.createElement('div'); f.className = 'flake'; const size = 7 + Math.random()*9; f.style.width = size+'px'; f.style.height = size+'px'; f.style.left = Math.random()*100 + 'vw'; const dur = (9 + Math.random()*10).toFixed(2)+'s'; f.style.setProperty('--dur', dur); f.style.animationDelay = (Math.random()*2).toFixed(2)+'s'; snow.appendChild(f); const ttl = parseFloat(dur)*1000 + 2500; setTimeout(()=> f.remove(), ttl); }; for(let i=0;i{ const n = 5 + Math.floor(Math.random()*5); for(let i=0;i { if(body.classList.contains('xmas')){ disableXmas(); } else{ enableXmas(); } }); // Optional: Auto-enable in December /* const now = new Date(); if(now.getMonth() === 11) { enableXmas(); } */ // Wenn die Seite eine feste Kopfzeile hat, hier Höhe setzen: // document.documentElement.style.setProperty('--garland-offset', '72 // document.documentElement.style.setProperty('--garland-offset', '72px'); })();

DMV-Geschäftsstelle verabschiedet sich in die Weihnachtspause

Willkommen! 🎄

Weitere Informationen

Veröffentlichung

Bild zur Meldung

Weitere Meldungen

Neues Vereinsmotorrad stärkt Nachwuchsarbeit der Motorsportvereinigung Hammelbach

Wie wirkt sich Ladung bei Transportern aus?