:root{--pink:#ff2d8d;--primary:#ff2d8d;--ink:#111;--muted:#5c5c62;--line:#dfdfe3;--paper:#f5f5f7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;font-family:Roboto,Arial,sans-serif;background:white;color:var(--ink);font-size:18px;line-height:1.65}img{max-width:100%;height:auto}a{color:inherit;text-underline-offset:4px}button,input,select{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #ad1858;outline-offset:5px}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}.skip{position:absolute;top:-100px;left:20px;background:#fff;padding:10px;z-index:1000}.skip:focus{top:10px}.topbar{background:#0a0a0a;color:#fff;position:sticky;top:0;z-index:50}.nav{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:20px 0}.logo{font-size:21px;font-weight:800;letter-spacing:-.8px;white-space:nowrap;text-decoration:none}.logo span{color:var(--pink)}.navlinks{display:flex;align-items:center;gap:23px;font-size:15px}.navlinks a{text-decoration:none}.navlinks a:hover{text-decoration:underline}.button{display:inline-block;border-radius:30px;padding:12px 23px;background:var(--pink);color:#111!important;font-size:16px;font-weight:700;text-decoration:none!important}.button:hover{background:#ff56a4}.mobile-menu{display:none}.hero{position:relative;background:#10151a;color:white;isolation:isolate}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,15,19,.93),rgba(9,15,19,.64)),url('/images/hero-saarbruecken.png') center/cover;z-index:-1}.hero-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:60px;align-items:start;padding:62px 0}.eyebrow{font-size:14px;font-weight:700;letter-spacing:1.3px;text-transform:uppercase;margin:0 0 22px;color:var(--pink)}h1{font-size:clamp(42px,4.7vw,66px);line-height:1.05;letter-spacing:-2px;margin:0 0 26px;font-weight:800;max-width:600px}h1 em{font-style:normal;color:var(--pink)}.hero-lead{font-size:21px;line-height:1.5;max-width:540px;margin:0 0 25px}.checks{list-style:none;padding:0;margin:0 0 32px}.checks li{padding:7px 0 7px 26px;position:relative;font-size:18px}.checks li:before{content:'✓';position:absolute;left:0;color:var(--pink);font-weight:700}.trust{display:flex;align-items:center;gap:18px;margin:30px 0 0;padding-top:24px;border-top:1px solid #ffffff40;max-width:500px;font-size:15px}.trust img{width:85px;padding:8px;background:#fff;border-radius:3px}.trust strong{display:block}.hero-card{background:#fff;color:#111;border-radius:12px;padding:28px;box-shadow:0 14px 42px #0003}.hero-card h2{letter-spacing:-.5px}.hero-card iframe{max-width:100%}#formular{scroll-margin-top:110px;min-width:0}.quickfacts{border-bottom:1px solid var(--line);background:white}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding:27px 0}.facts div+div{border-left:1px solid var(--line);padding-left:28px}.facts strong{display:block;font-size:19px}.facts span{font-size:15px;color:var(--muted)}.section{padding:76px 0}.section.grey{background:var(--paper)}.section-head{max-width:750px;margin-bottom:36px}.section h2{font-size:clamp(29px,3.5vw,42px);line-height:1.15;letter-spacing:-1px;margin:0 0 20px}.section p{margin:0 0 22px}.section h3{font-size:23px;line-height:1.25;margin:0 0 15px;letter-spacing:-.4px}.muted{color:var(--muted)}.module-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}.module{border-top:3px solid var(--pink);padding-top:24px}.module p{font-size:17px;color:var(--muted)}.module-num{font-size:14px;font-weight:700;color:#aa1d58;margin-bottom:13px;display:block}.note{font-size:15px;color:var(--muted);border-top:1px solid var(--line);padding-top:20px;margin-top:22px!important}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px}.steps{margin:0;padding:0;list-style:none;counter-reset:steps}.steps li{counter-increment:steps;position:relative;padding:0 0 28px 50px}.steps li:before{content:counter(steps);position:absolute;left:0;top:0;width:30px;height:30px;border-radius:50%;background:#111;color:#fff;text-align:center;line-height:30px;font-size:16px;font-weight:700}.steps strong{display:block;margin-bottom:4px}.steps p{font-size:17px;color:var(--muted);margin:0}.textlink{color:#a61755;font-size:16px;font-weight:700}.region-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.region{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);padding:22px 18px;text-decoration:none;font-size:18px;font-weight:700;border-radius:6px}.region:hover{border-color:#ac1656;color:#ac1656}.region span{color:#b01b59}.region-note{font-size:16px;color:var(--muted);margin-top:20px!important}.fji-panel{background:#111;color:#fff;padding:38px;border-radius:8px}.fji-panel h3{color:#fff}.fji-panel p{font-size:18px;color:#ddd}.fji-panel a{color:#ff7ab6}.faq{max-width:850px;margin:auto}.faq details{border-bottom:1px solid var(--line);padding:21px 0}.faq summary{font-size:20px;font-weight:700;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px}.faq summary:after{content:'+';font-size:25px;color:#a91856}.faq details[open] summary:after{content:'−'}.faq details p{font-size:17px;color:var(--muted);margin:16px 34px 0 0}.closing{background:var(--pink);padding:42px 0}.closing .wrap{display:flex;justify-content:space-between;align-items:center;gap:28px}.closing h2{font-size:30px;line-height:1.2;margin:0 0 10px}.closing p{margin:0;font-size:17px}.closing .button{background:#111;color:white!important;white-space:nowrap}.footer{background:#0c0c0c;color:#fff;padding:44px 0 135px}.footer-grid{display:flex;justify-content:space-between;gap:40px}.footer p{max-width:490px;color:#bbb;font-size:15px}.footer-links{display:flex;gap:20px;flex-wrap:wrap;font-size:15px}.copyright{border-top:1px solid #333;margin-top:25px;padding-top:20px;color:#aaa;font-size:14px}@media(max-width:1050px){.navlinks{gap:13px}.hero-grid{gap:30px}.region-grid{grid-template-columns:repeat(3,1fr)}.module-grid{grid-template-columns:repeat(2,1fr)}.split{gap:36px}}@media(max-width:980px){.wrap{width:calc(100% - 36px)}.navlinks{display:none}.mobile-menu{display:block;font-size:16px}.mobile-menu summary{cursor:pointer}.mobile-menu div{position:absolute;left:0;right:0;background:#111;padding:22px;display:grid;gap:16px;border-top:1px solid #444}.mobile-menu a{color:white;text-decoration:none}.hero-grid{grid-template-columns:1fr;padding:40px 0;gap:35px}h1{font-size:clamp(40px,10vw,58px);letter-spacing:-1.5px}.hero-lead{font-size:20px}.hero-card{padding:24px}.facts{gap:15px}.facts div+div{padding-left:15px}.facts strong{font-size:16px}.facts span{font-size:14px}.section{padding:48px 0}.split{grid-template-columns:1fr}.region-grid{grid-template-columns:1fr 1fr}.module-grid{gap:26px 20px}.module h3{font-size:20px}.closing .wrap,.footer-grid{align-items:flex-start;flex-direction:column}.fji-panel{padding:28px}.faq summary{font-size:18px}}@media(max-width:420px){.region-grid,.module-grid{grid-template-columns:1fr}.facts{grid-template-columns:1fr}.facts div+div{border-left:0;border-top:1px solid var(--line);padding:14px 0 0}.trust{font-size:14px}}
.section .eyebrow{color:#a61755}.fji-panel .eyebrow{color:#ff7ab6}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.email-alternative a:focus-visible{outline:3px solid #161b35;outline-offset:4px}/* Gemeinsames Kursdesign: bestehende Farben, Schrift und Formensprache. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hero-copy{padding-top:5px;min-width:0}.hero-copy>.eyebrow{max-width:570px;line-height:1.55}.hero-link,.backlink{color:#fff;font-size:16px;font-weight:700;text-decoration:none}.hero-link{display:inline-flex;gap:16px;align-items:center;border-bottom:1px solid #ffffff70;padding-bottom:5px}.hero-link:hover,.backlink:hover{color:#ff9dc9}.backlink{display:inline-block;font-size:14px;font-weight:400;margin-bottom:27px;color:#dedee3}.course-page .hero-grid{padding-top:40px;padding-bottom:50px}.course-page h1{font-size:clamp(40px,4.3vw,61px);line-height:1.08}.course-kundendienstmonteur .hero:before{background:linear-gradient(90deg,rgba(9,15,19,.95),rgba(9,15,19,.68)),url('/images/kundendienstmonteur-service.jpg') center 43%/cover}.course-page .hero-lead{font-size:20px}.course-page .checks li{font-size:17px}.course-page .trust{margin-top:26px;padding-top:20px}.trust img{height:auto}.hero-card h2{font-size:25px;line-height:1.2;margin:0 0 12px}.form-kicker{font-size:12px;letter-spacing:.6px;text-transform:uppercase;font-weight:700;color:#a61755;margin:0 0 12px}.form-intro{font-size:15px;color:#666;line-height:1.55;margin:0 0 23px}.email-alternative{font-size:14px;line-height:1.6;color:#eee;margin:18px 0 0;overflow-wrap:anywhere}.email-alternative a{color:#fff}.email-alternative a:focus-visible{outline-color:#fff}#hubspot-loader{text-align:center;padding:20px;font-size:14px;color:#666}#hubspot-loader[hidden]{display:none}.spinner{display:block;width:30px;height:30px;margin:0 auto 10px;border:3px solid #eee;border-top-color:var(--pink);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.course-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.course-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;display:flex;flex-direction:column;box-shadow:0 8px 28px #00000006}.course-card-image{display:block;overflow:hidden;height:285px;background:#eee}.course-card-image img{height:100%;width:100%;object-fit:cover;object-position:center 42%;transition:transform .3s ease}.course-card.netzmonteur .course-card-image img{object-position:center 40%}.course-card:hover .course-card-image img{transform:scale(1.025)}.course-card-body{padding:30px;display:flex;flex-direction:column;align-items:flex-start;flex:1}.course-card-body .eyebrow{font-size:12px;margin-bottom:12px}.course-card-body h3{font-size:30px;margin-bottom:15px}.course-card-body h3 a{text-decoration:none}.course-card-body h3 a:hover{text-decoration:underline}.course-card-body>p:not(.eyebrow):not(.course-funding){color:var(--muted);font-size:17px;line-height:1.65;flex:1}.course-tags{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:20px}.course-tags span{font-size:13px;font-weight:700;padding:5px 10px;background:var(--paper);border-radius:5px}.course-card-body .course-funding{font-size:13px;margin:0 0 22px;color:#4b4b52;border-top:1px solid var(--line);padding-top:18px;width:100%}.course-card-body .button{margin-top:auto}
.overview-grid{align-items:center}.course-figure{margin:0;align-self:stretch;display:flex;flex-direction:column}.course-figure img{width:100%;height:460px;object-fit:cover;object-position:center 40%;border-radius:10px}.course-figure figcaption{font-size:12px;color:var(--muted);padding-top:10px}.course-kundendienstmonteur .course-figure img{object-position:center 37%}.learning-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.learning-card{background:#fff;border:1px solid var(--line);border-radius:9px;padding:28px;display:flex;align-items:flex-start;gap:23px}.learning-card:last-child{grid-column:1/-1}.learning-card .module-num{font-size:15px;line-height:1;font-weight:700;color:#a61755;padding-top:5px;min-width:24px}.learning-card h3{font-size:21px;margin-bottom:12px}.learning-card p{font-size:16px;color:var(--muted);margin:0;max-width:830px}.path-note{margin-top:28px;border-left:3px solid var(--pink);padding:7px 0 7px 23px;max-width:900px}.path-note h3{font-size:20px;margin-bottom:10px}.path-note p{font-size:17px;margin:0;color:var(--muted)}.fields-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:38px 0 42px}.field{border-top:3px solid var(--pink);padding-top:24px}.field h3{font-size:23px}.field p{font-size:17px;color:var(--muted);margin-bottom:0}.network-panel{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;border-radius:10px;background:#111;color:#fff;padding:44px}.network-panel .eyebrow{color:#ff7ab6;font-size:12px;margin-bottom:14px}.network-panel h3{font-size:32px;line-height:1.16;margin:0;letter-spacing:-.8px}.network-panel p{font-size:17px;color:#ddd;margin-bottom:18px}.network-panel a{font-size:16px;font-weight:700;color:#ff8cbe}.home-page #perspektiven+.section.grey{background:#fff}.course-switch{border-top:1px solid var(--line);padding:30px 0 38px;background:var(--paper)}.course-switch .wrap{display:flex;justify-content:space-between;align-items:center;gap:35px}.course-switch .eyebrow{color:#a61755;font-size:12px;margin:0 0 8px}.course-switch h2{font-size:23px;line-height:1.3;margin:0;max-width:720px}.course-switch .textlink{white-space:nowrap}.footer-links{max-width:450px;align-content:flex-start}.footer{padding-bottom:125px}.closing h2{max-width:720px}
@media(max-width:1100px){.navlinks{gap:16px;font-size:14px}.navlinks .button{padding:10px 15px;font-size:14px}.network-panel{gap:32px}.course-card-body{padding:25px}.fields-grid{gap:22px}}
@media(max-width:980px){.hero-grid{gap:38px}.hero-copy{max-width:700px}.hero-copy h1{max-width:700px}.hero-lead{max-width:650px}#formular{width:100%;max-width:650px}.course-page h1{font-size:clamp(40px,7vw,58px)}.hero-card{padding:25px}.course-figure img{height:430px}.course-card-body h3{font-size:27px}.course-card-image{height:240px}.network-panel h3{font-size:28px}.network-panel{padding:30px}.fields-grid{grid-template-columns:1fr}.field{padding-top:19px}.field h3{font-size:23px;margin-bottom:9px}.facts span{display:block;line-height:1.5;margin-top:5px}.course-switch .wrap{align-items:flex-start;flex-direction:column;gap:15px}.closing h2{font-size:28px}}
@media(max-width:650px){.course-grid,.learning-grid,.network-panel{grid-template-columns:1fr}.course-grid{gap:26px}.course-card-image{height:265px}.course-card-body{padding:24px}.course-card-body h3{font-size:28px}.course-card-body .button{width:100%;text-align:center}.learning-card{padding:23px;gap:18px}.learning-card:last-child{grid-column:auto}.network-panel{gap:24px}.network-panel h3{font-size:28px}.network-panel p{font-size:16px}.course-page .hero-grid{padding-top:28px}.course-page .hero-copy>.eyebrow{font-size:12px;letter-spacing:.8px}.course-page h1{font-size:clamp(37px,9.7vw,55px)}.hero-copy .checks li{font-size:16px}.course-figure img{height:380px}.home-page .hero-copy>.button{font-size:14px;padding:13px 18px}.facts{grid-template-columns:1fr;gap:16px;padding:24px 0}.facts div+div{border-left:0;border-top:1px solid var(--line);padding:15px 0 0}.facts strong{font-size:17px}.facts span{font-size:14px;margin-top:3px}.form-kicker{font-size:11px}.hero-card{padding:23px 20px}.hero-card h2{font-size:24px}.hero-lead,.course-page .hero-lead{font-size:19px}.trust{font-size:14px;gap:13px}.trust img{width:70px}.course-switch h2{font-size:21px}.section h2{letter-spacing:-.65px}.closing .button{white-space:normal}.footer-links{gap:15px 20px}.path-note{padding-left:18px}.region{font-size:16px;padding:18px 14px}}
@media(prefers-reduced-motion:reduce){.spinner{animation:none}.course-card-image img{transition:none}.course-card:hover .course-card-image img{transform:none}}
@media(max-width:420px){.nav{gap:12px}.logo{font-size:20px}.mobile-menu{flex-shrink:0}.mobile-menu summary{white-space:nowrap}}
/* Digital Professional ergänzt die zwei regionalen Angebote rechts. */
.course-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.course-card-body{padding:24px}.course-card-body h3{font-size:clamp(22px,2.15vw,28px);overflow-wrap:anywhere}.course-card-image{height:235px}.course-card-body .course-tags{min-height:74px;align-content:flex-start}.course-card-body .course-funding{min-height:60px}.course-card.digital-professional{border-color:#e2a2bf}.course-card.digital-professional .course-card-image img{object-position:center}.course-digital-professional .hero:before{background:linear-gradient(90deg,rgba(9,15,19,.94),rgba(9,15,19,.65)),url('/images/digital-professional-lernen.jpg') center/cover}.course-digital-professional h1{font-size:clamp(38px,4.1vw,57px)}.course-digital-professional .course-figure img{object-position:center}.digital-modules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.digital-modules .learning-card{display:block;padding:26px;grid-column:auto}.digital-modules .module-num{display:block;font-size:28px;margin-bottom:22px}.digital-modules .learning-card .module-label{color:#a61755;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;margin-bottom:12px}.digital-modules .learning-card .module-duration{font-size:14px;color:#111;font-weight:700;margin:20px 0 15px;padding-top:17px;border-top:1px solid var(--line)}.digital-source{font-size:15px;color:var(--muted);margin-top:28px!important}.digital-source a{color:#a61755}
@media(max-width:980px){.course-grid{grid-template-columns:1fr;max-width:650px;margin-inline:auto}.course-card-body h3{font-size:28px}.course-card-image{height:280px}.course-card-body .course-tags,.course-card-body .course-funding{min-height:0}.digital-modules{grid-template-columns:1fr}.digital-modules .learning-card{display:flex}.digital-modules .module-num{font-size:20px}.course-digital-professional h1{font-size:clamp(37px,9.5vw,56px)}}
@media(max-width:650px){.course-card-image{height:250px}.course-card-body h3{font-size:27px}.digital-modules .learning-card{padding:23px;gap:18px}}