Kurs Formular

Donnerstag 03. Juli 2025 | 08:00 - ca. 11:45

/* Container, damit der Balken zentriert wird / .progress-container { width: 100%; max-width: 500px; margin: 50px auto; / Zentriert horizontal / } / Balken-Hintergrund: weiss, um freie Plaetze anzuzeigen / .progress { width: 100%; height: 30px; border: 1px solid #aaa; border-radius: 15px; overflow: hidden; display: flex; background-color: #fff; } / Roter Bereich: belegte Plaetze / .booked { background-color: #B11AE8; / Rot / width: 35%; text-align: center; line-height: 30px; color: white; position: relative; / fuer die Wisch-Animation / font-weight: bold; / Schrift fettdruck / } / Animation: weisser “Schein” wischt von links nach rechts / .booked::before { content: ""; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: rgba(255,255,255,0.3); animation: wipe 2s linear infinite; } @keyframes wipe { 0% { left: -100%; } 50% { left: 0; } 100% { left: 100%; } } / Freie Plaetze (weisser Bereich) / .free { width: 65%; background-color: #fff; text-align: center; line-height: 30px; color: #333; font-weight: bold; / Schrift fettdruck */ } 2 belegt

4 frei

hbspt.forms.create({ portalId: “144725030”, formId: “4ac7fdb6-4784-4462-ac42-949affaec061”, region: “eu1” });

Feedback zum Webinar vom Dezember 2024