/* ===== Standorte seite ===== */:root{--bg:#0f1724;--card:#0b1220;--muted:#ffffff;--accent:#6ee7b7;--radius:14px}.standort{background-color:#e30615ce;padding:0}.containerstandorte{max-width:1200px;margin:0 auto;padding:1rem 0.5rem;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-between;margin-top:200px;margin-bottom:100px;background-color:#ffcc00;border-radius:16px}.brand{display:flex;flex-direction:column;/*Übereinander statt nebeneinander */align-items:center;text-align:center;justify-content:center;padding:2rem 1rem;margin:auto;margin-bottom:2rem;border-radius:16px}/* Überschrift groß & markant */.brand h1{font-size:4rem;/* deutlich größer */text-transform:uppercase;font-weight:800;color:rgb(0, 0, 0);background-color:transparent;/* kein störender Kasten */margin:0;/* entfernt Standardabstand */line-height:1.1}/* Untertitel direkt darunter */.brand p{margin:0.5rem 0 0 0;/* kleiner, gleichmäßiger Abstand nach oben */font-size:1.5rem;color:#000000;background-color:transparent;font-weight:400}.branches-container{display:flex;flex-direction:column;/*background-color: aliceblue;*/padding:0;width:100%;gap:20px}.branch-section{background:var(--card);border-radius:var(--radius);padding:20px;margin:2px;box-shadow:0 0 12px rgba(0, 0, 0, 0.4);background-color:#222}.branch-header{display:flex;justify-content:space-between;flex-wrap:wrap;gap:5px}.branch-header h2{color:#ffffff;text-align:start;padding-left:15px}.branch-info{font-size:16px;color:var(--muted);margin-top:6px;padding-left:15px}.desc{font-size:15px;color:#ffcc00;margin-top:10px;padding-left:15px}.calendar-wrapper{margin-top:20px}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:8px;padding-left:15px;color:#ffffff}.calendar-nav{display:flex;gap:6px}/* ===== Kalender Navigation Buttons mit Lucide Icons ===== */.nav-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid rgba(255, 255, 255, 0.15);border-radius:8px;padding:6px 10px;color:#ffffff;cursor:pointer;transition:all 0.3s ease}/* Lucide Icons im Button */.nav-btn svg{width:20px;height:20px;stroke-width:2;stroke:#ffffff;transition:stroke 0.3s ease}/* Hover-Effekt in deinem Gelb (#ffcc00) */.nav-btn:hover{border-color:#ffcc00;background-color:rgba(255, 204, 0, 0.1)}.nav-btn:hover svg{stroke:#ffcc00}/* Wenn Buttons deaktiviert sind */.nav-btn:disabled{opacity:0.4;cursor:not-allowed;border-color:rgba(255, 255, 255, 0.1)}.calendar{display:grid;grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));gap:12px;border-radius:14px;padding:5px}.day-col{background:rgba(47, 46, 46, 0.995);border-radius:12px;padding:10px;min-height:160px;transition:0.3s}.day-col.today{outline:2px solid var(--accent);background:rgba(110, 231, 183, 0.04)}.day-name{font-weight:600;margin-bottom:8px;color:#fcffff}.day-col:nth-child(8){background:rgba(255, 255, 255, 0.02)}.day-col:nth-child(8) .day-name::after{content:" (nächster)";font-size:11px;color:var(--muted)}.lesson{/*background: linear-gradient(90deg, #f5b700, #9dcbfa);*/background-color:#ffffff;color:#04201a;padding:8px;border-radius:8px;margin-bottom:8px}.lesson .title{font-weight:600}.lesson .meta{font-size:12px;opacity:0.85}.calendar-legend div{display:flex;align-items:center}.info-text{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.5rem;/* gleichmäßige vertikale Abstände */padding:2rem;margin:auto;border-radius:16px;max-width:900px}/* Einheitliche Basis */.info-text h1,.info-text p,.info-text button{margin:0}/* Titel */.info-text h1{font-size:2.5rem;background-color:#fcffff;padding:0.5rem 1rem;border-radius:8px;max-width:650px;box-shadow:0 8px 25px rgba(0, 0, 0, 0.2);margin-top:1.5rem}/* Textabschnitt */.info-text p{background-color:#fcffff;font-size:1.125rem;line-height:1.6;padding:1rem;border-radius:10px;max-width:650px;box-shadow:0 8px 25px rgba(0, 0, 0, 0.2)}/* Button */.anmelde-buttontinfotext{background:#e30615ce;color:#ffffff;border:none;padding:18px 24px;font-size:1.2rem;font-weight:700;border-radius:8px;cursor:pointer;transition:all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);box-shadow:0 8px 25px rgba(0, 0, 0, 0.2);width:650px;text-decoration:none}.anmelde-buttontinfotext:hover{background:rgb(75, 255, 123);transform:translateY(-3px) scale(1.05);box-shadow:0 12px 35px rgba(0, 0, 0, 0.3)}/* ===========================
   ERSTE-HILFE-KURS CARD
   =========================== */.card-erstehilfekurs{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:#ffffff;padding:24px;display:flex;flex-direction:column;border-radius:12px;box-shadow:0 4px 16px rgba(102, 126, 234, 0.3);max-width:500px;margin:0 auto;transition:transform 0.3s ease,box-shadow 0.3s ease;align-items:center;text-align:center}.card-erstehilfekurs:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(102, 126, 234, 0.4)}.meta-erstehilfekurs{font-size:12px;text-transform:uppercase;letter-spacing:1px;opacity:0.9;font-weight:600;text-align:center}.card-erstehilfekurs strong{font-size:20px;font-weight:700;color:#ffffff}.card-erstehilfekurs .small{font-size:14px;opacity:0.95}.btn-erstehilfekurs{display:inline-block;background:#ffffff;color:#667eea;padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:600;font-size:14px;transition:all 0.3s ease;box-shadow:0 2px 8px rgba(0, 0, 0, 0.1)}.btn-erstehilfekurs:hover{background:#f8f9ff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0, 0, 0, 0.15)}.btn-erstehilfekurs:active{transform:translateY(0)}@media (max-width:900px){body{padding:16px}.calendar{grid-template-columns:repeat(3, 1fr)}.info-text{padding:1.5rem;gap:1rem}.info-text h1{font-size:2.5rem}.info-text p{font-size:1rem;padding:0.75rem;width:100%}.anmelde-buttontinfotext{font-size:1.3rem;padding:0.9rem 1.2rem;width:100%}.brand h1{font-size:2.5rem}.brand p{font-size:1.1rem}/*=====Erste-hilfe-kurs*/.card-erstehilfekurs{max-width:100%;padding:20px}.card-erstehilfekurs strong{font-size:18px}.btn-erstehilfekurs{padding:10px 20px;font-size:13px}}@media (max-width:600px){.calendar{grid-template-columns:repeat(1, 1fr)}header h1{font-size:1.2rem}.containerstandorte{margin-top:120px}/*=====erste-hilfe-kurs====*/.card-erstehilfekurs{padding:18px;border-radius:10px}.meta-erstehilfekurs{font-size:11px}.card-erstehilfekurs strong{font-size:16px;margin-top:4px !important}.card-erstehilfekurs .small{font-size:13px;margin-top:4px !important}.btn-erstehilfekurs{display:block;width:100%;text-align:center;padding:12px 16px;font-size:14px}.card-erstehilfekurs > div{margin-top:10px !important}}@media (max-width: 480px){.info-text{border-radius:0;box-shadow:none}.info-text h1{font-size:2.5rem}.info-text p{font-size:1.1rem}/*====erste-hilfe-kurs====*/.card-erstehilfekurs{padding:18px;font-size:13px}.meta-erstehilfekurs{font-size:12px}.card-erstehilfekurs strong{font-size:17px}.card-erstehilfekurs .small{font-size:12px}.btn-erstehilfekurs{padding:10px 14px;font-size:15px}}