:root{--navy:#081d3d;--navy2:#12376d;--red:#df3141;--blue:#428cbd;--ink:#101f38;--muted:#67788d;--line:#e4eaf1;--wash:#f4f7fa;--white:#fff;--radius:22px;--shadow:0 18px 44px rgba(8,29,61,.09)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}body.no-scroll{overflow:hidden}
button,input{font:inherit}a{text-decoration:none;color:inherit}button{cursor:pointer}img{max-width:100%;display:block}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #59a8f3;outline-offset:4px}
.container{max-width:1250px;margin:auto;padding:0 32px}.section{padding:100px 0}.section-soft{background:#f5f8fc}.muted{color:var(--muted)}
.topline{background:#071a35;color:#eaf2ff;font-size:12px;font-weight:700;letter-spacing:.03em}
.topline-inner{display:flex;min-height:34px;align-items:center;justify-content:space-between;gap:18px}.topline-left,.topline-right{display:flex;align-items:center;gap:24px}.topline-dot{width:6px;height:6px;border-radius:50%;background:#fc6074;display:inline-block;margin-right:8px;vertical-align:middle}
.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.header-inner{height:94px;display:flex;align-items:center;gap:23px;justify-content:space-between}.brand{display:flex;flex:0 0 auto;align-items:center}.brand img{width:172px;height:85px;object-fit:contain}
.desktop-nav{display:flex;align-items:center;gap:24px;margin-left:auto}.desktop-nav a{font-size:13px;font-weight:800;color:#23304b;transition:color .2s}.desktop-nav a:hover{color:var(--red)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:13px;border:1px solid transparent;border-radius:8px;background:var(--red);color:#fff;padding:15px 19px;font-size:13px;font-weight:900;letter-spacing:.01em;transition:transform .2s,background .2s,box-shadow .2s;white-space:nowrap}.button:hover{transform:translateY(-2px);background:#c82538;box-shadow:0 13px 22px #cd213c2b}.button:active{transform:none}.button.light{background:#fff;color:var(--navy);border-color:#d7e1ed}.button.light:hover{background:#f8fbfe}.button.dark{background:var(--navy)}.button.outline{background:transparent;color:var(--navy);border-color:#b8c8db}.button.outline:hover{background:#edf3fb}.button.small{padding:13px 16px}
.mobile-toggle{display:none;align-items:center;justify-content:center;gap:8px;border:1px solid #d6e1ee;border-radius:9px;color:var(--navy);background:#fff;min-width:44px;min-height:44px;font-size:24px}.mobile-nav{display:none}
.hero{background:linear-gradient(115deg,#f9fbfe 0%,#edf3fb 100%);overflow:hidden}.hero-grid{display:grid;grid-template-columns:41% 59%;max-width:1510px;margin:auto;min-height:610px}
.hero-copy{padding:70px 30px 77px clamp(32px,calc((100vw - 1186px)/2),162px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative;z-index:1}
.eyebrow{color:var(--red);font-size:12px;font-weight:900;letter-spacing:.19em;text-transform:uppercase;display:inline-flex;align-items:center;gap:9px}.eyebrow::before{content:"";width:21px;height:2px;background:var(--red);display:inline-block}
.hero h1{font-size:clamp(47px,4.5vw,76px);line-height:.99;letter-spacing:-.055em;font-weight:950;color:var(--navy);margin:24px 0 0;text-transform:uppercase}.hero h1 span{color:var(--red)}
.hero-tagline{font-size:24px;line-height:1.35;font-weight:800;margin:26px 0 12px;color:#263b59;letter-spacing:-.035em}.hero-p{max-width:445px;line-height:1.8;color:#61738b;font-size:15px;margin:0}.hero-buttons{display:flex;flex-wrap:wrap;gap:11px;margin-top:31px}
.hero-visual{position:relative;min-width:0;overflow:hidden}.hero-visual>img{width:100%;height:100%;object-fit:cover;object-position:49% 57%}.hero-visual:before{content:"";position:absolute;inset:0 auto 0 0;width:75px;background:linear-gradient(90deg,#edf3fb 0%,transparent 100%);z-index:1}.hero-plate{position:absolute;bottom:28px;right:30px;z-index:2;padding:13px 18px;background:rgba(8,29,61,.88);color:#fff;border-radius:7px;font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;box-shadow:var(--shadow)}
.benefits{background:var(--navy);color:#fff}.benefits-row{display:grid;grid-template-columns:repeat(4,1fr);align-items:center}.benefit{padding:24px 16px 24px 0;display:flex;gap:13px;align-items:center}.benefit+.benefit{border-left:1px solid #ffffff30;padding-left:21px}.benefit-icon{width:38px;height:38px;background:#ffffff16;flex-shrink:0;border-radius:9px;display:grid;place-items:center;color:#7bc9f6;font-size:18px}.benefit b{display:block;font-size:13px}.benefit small{display:block;color:#bdd0e5;font-size:11px;margin-top:4px;line-height:1.45}
.section-lead{max-width:730px}.section-top{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:33px}.section-top h2,.section-lead h2{font-size:clamp(34px,3.6vw,52px);line-height:1.08;letter-spacing:-.045em;color:var(--navy);margin:15px 0 0;font-weight:900}.section-top p{line-height:1.75;max-width:390px;color:var(--muted);font-size:14px;margin:0}.section-top h2 em{font-style:normal;color:var(--red)}
.class-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.class-card{padding:0;text-align:left;border:1px solid #e4e9f1;border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 12px 30px #0b2d5712;transition:transform .25s,box-shadow .25s;display:flex;flex-direction:column;min-width:0;color:var(--ink)}.class-card:hover{transform:translateY(-6px);box-shadow:0 20px 42px #0b2d5728}.class-card img{width:100%;height:260px;object-fit:cover}.class-card:nth-child(3) img{object-position:center 54%}.class-body{padding:24px 24px 22px;display:flex;flex-direction:column;flex:1}.class-number{font-size:11px;color:var(--red);letter-spacing:.12em;font-weight:900;text-transform:uppercase}.class-body h3{margin:9px 0;font-size:29px;letter-spacing:-.035em;color:var(--navy)}.class-body p{font-size:14px;line-height:1.65;color:#5f718a;margin:0 0 21px}.class-footer{margin-top:auto;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ecf0f5;padding-top:17px;font-size:12px;font-weight:900;letter-spacing:.04em;color:var(--navy)}.round-arrow{display:grid;place-items:center;background:var(--red);color:#fff;border-radius:50%;width:35px;height:35px;font-size:20px}
.extra-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:22px}.extra{display:flex;align-items:center;gap:18px;padding:23px 26px;background:#f7f9fc;border:1px solid #e4eaf2;border-radius:13px;text-align:left;color:var(--navy);transition:background .2s}.extra:hover{background:#eaf2fa}.extra-mark{color:var(--red);font-size:27px;font-weight:900}.extra h3{margin:0 0 5px;font-size:20px}.extra p{margin:0;font-size:12px;color:#66798e;line-height:1.5}.extra-arr{margin-left:auto;font-size:23px;color:var(--red)}
.theory{background:var(--navy);color:white;overflow:hidden}.theory-grid{display:grid;grid-template-columns:.94fr 1.06fr;gap:66px;align-items:center}.theory h2{font-size:clamp(36px,4.2vw,58px);line-height:1.04;margin:15px 0 18px;color:white;letter-spacing:-.045em}.theory h2 span{color:#82c4ed}.theory p{color:#c6d7e9;line-height:1.8;font-size:15px}.theory .eyebrow{color:#fb7483}.theory .eyebrow:before{background:#fb7483}.timetable{display:flex;align-items:center;gap:26px;margin:29px 0 23px;padding:20px 0;border-top:1px solid #ffffff25;border-bottom:1px solid #ffffff25}.time-day{font-size:14px;color:#a9c6e8;font-weight:900;letter-spacing:.13em}.time-clock{font-size:clamp(30px,3vw,44px);font-weight:900;letter-spacing:-.04em;line-height:1.1}.check-item{display:flex;gap:9px;align-items:flex-start;font-size:13px;color:#eaf3ff;margin:13px 0}.check-item span:first-child{color:#83c9ef;font-size:19px;line-height:1}.theory-photo{border-radius:20px;overflow:hidden;position:relative;box-shadow:0 24px 58px #0004}.theory-photo>img{height:490px;width:100%;object-fit:cover}.theory-photo .photo-label{position:absolute;left:18px;bottom:18px;border-radius:6px;padding:10px 13px;background:#ffffffed;color:var(--navy);font-weight:900;font-size:12px}
.actions-section{padding:72px 0}.actions-panel{background:#eef3f9;border:1px solid #dfe8f3;border-radius:20px;padding:40px 50px;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;position:relative;overflow:hidden}.actions-panel:before{content:"AKTIONEN";position:absolute;right:-21px;bottom:-38px;font-size:150px;font-weight:900;color:#0d31570a;letter-spacing:-.05em;pointer-events:none}.actions-panel h2{font-size:clamp(30px,3.1vw,44px);letter-spacing:-.04em;color:var(--navy);margin:12px 0}.actions-panel p{font-size:15px;line-height:1.7;color:#61728a;max-width:650px;margin:0}.actions-coming{position:relative;z-index:1;font-size:12px;letter-spacing:.06em;font-weight:900;color:var(--red);background:#fff;border:1px solid #f6ced3;padding:13px 18px;border-radius:8px;white-space:nowrap}
.about-grid{display:grid;grid-template-columns:.89fr 1.11fr;gap:70px;align-items:center}.about-photo{border-radius:20px;overflow:hidden;position:relative;background:#dbe8f5}.about-photo img{height:600px;object-fit:cover;width:100%;object-position:center 36%}.about-photo .name-strip{position:absolute;bottom:18px;left:18px;right:18px;background:rgba(8,29,61,.87);color:#fff;border-radius:8px;padding:15px 19px;font-size:12px;letter-spacing:.09em;font-weight:900;text-transform:uppercase}.about-text h2{font-size:clamp(35px,3.9vw,55px);line-height:1.07;letter-spacing:-.055em;color:var(--navy);margin:15px 0 25px}.about-text h2 em{font-style:normal;color:var(--red)}.about-text p{font-size:15px;line-height:1.88;color:#5e7188;margin-bottom:17px}.quote{border-left:4px solid var(--red);padding:8px 0 8px 18px;font-size:18px;font-weight:900;line-height:1.45;color:var(--navy);margin:22px 0}.about-points{display:flex;flex-wrap:wrap;gap:10px;margin:23px 0 28px}.about-points span{font-size:11px;font-weight:800;color:var(--navy);border:1px solid #dce5ef;border-radius:8px;padding:10px 12px;background:#f7fafc}
.gallery-head{margin-bottom:28px}.gallery-grid{display:grid;grid-template-columns:1.1fr .9fr .9fr;gap:15px}.gallery-tile{overflow:hidden;border-radius:14px;position:relative;min-height:310px;background:#d4e1ef;border:0;padding:0;text-align:left}.gallery-tile img{height:100%;width:100%;object-fit:cover;position:absolute;inset:0;transition:transform .4s}.gallery-tile:hover img{transform:scale(1.04)}.gallery-tile .gallery-label{position:absolute;bottom:14px;left:14px;z-index:1;color:white;background:#081d3dd9;padding:9px 13px;border-radius:6px;font-size:12px;font-weight:800}
.registered{display:grid;grid-template-columns:110px 1fr auto;align-items:center;gap:25px;margin-top:27px;padding:20px 26px;background:#f8fafc;border:1px solid #e5ebf2;border-radius:15px}.registered>img{height:124px;width:95px;object-fit:contain;border:1px solid #e9edf3;background:#fff}.registered h3{font-size:18px;letter-spacing:-.02em;margin:0 0 5px;color:var(--navy)}.registered p{font-size:12px;line-height:1.6;color:#687990;margin:0}.inline-link{border:0;background:transparent;padding:10px 0;color:var(--red);font-weight:900;font-size:12px;white-space:nowrap}
.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:65px;align-items:start}.faq-grid h2{font-size:clamp(32px,3.5vw,45px);line-height:1.1;letter-spacing:-.045em;color:var(--navy);margin:17px 0}.faq-intro{color:var(--muted);line-height:1.8;font-size:15px}.faq-items details{border-bottom:1px solid #dce5ef;padding:0 0}.faq-items details:first-child{border-top:1px solid #dce5ef}.faq-items summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:21px 2px;cursor:pointer;font-weight:800;font-size:15px;color:var(--navy)}.faq-items summary::-webkit-details-marker{display:none}.faq-items summary:after{content:"+";font-weight:400;font-size:27px;color:var(--red)}.faq-items details[open] summary:after{content:"−"}.faq-items details p{margin:0 40px 21px 2px;color:#62748b;font-size:14px;line-height:1.8}
.contact{background:linear-gradient(125deg,#081d3d,#123c73);color:#fff}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact h2{font-size:clamp(38px,4vw,58px);letter-spacing:-.05em;line-height:1.07;margin:15px 0 18px;color:#fff}.contact p{line-height:1.8;color:#c0d4e8;font-size:15px;max-width:480px}.contact-buttons{display:flex;flex-wrap:wrap;gap:11px;margin-top:26px}.contact-data{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contact-box{background:#ffffff10;border:1px solid #ffffff25;border-radius:12px;padding:19px;min-height:92px;display:flex;flex-direction:column;gap:8px;transition:background .2s;min-width:0}.contact-box[href]:hover{background:#ffffff22}.contact-box strong{font-size:11px;color:#9dc4e9;letter-spacing:.12em;text-transform:uppercase}.contact-box span{font-size:15px;font-weight:800;overflow-wrap:anywhere}.contact-box.wide{grid-column:span 2}.contact-small{margin-top:20px;font-size:12px!important;color:#afc7e4!important}
.site-footer{background:#05152e;color:#bdd0e7}.footer-main{padding-top:34px;padding-bottom:34px;display:flex;align-items:center;justify-content:space-between;gap:24px}.footer-brand{max-width:390px}.footer-brand strong{font-size:17px;color:#fff}.footer-brand p{font-size:12px;color:#adbfda;line-height:1.6}.footer-nav{display:flex;gap:21px;flex-wrap:wrap;align-items:center}.footer-nav a{font-size:12px;font-weight:750}.footer-nav a:hover{text-decoration:underline}.footer-bottom{border-top:1px solid #ffffff20;padding:16px 0;font-size:11px;display:flex;align-items:center;justify-content:space-between;gap:15px}.preview-ribbon{font-size:11px;background:#ffecbc;color:#734900;text-align:center;padding:10px 18px;font-weight:700;line-height:1.5}
.modal[hidden]{display:none!important}.modal{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;background:#04152bd9;padding:18px}.modal-body{width:min(660px,100%);max-height:min(90vh,860px);overflow:auto;position:relative;background:#fff;color:var(--navy);border-radius:20px;padding:36px;box-shadow:0 25px 90px #0006}.modal-body h2{margin:11px 45px 12px 0;line-height:1.1;font-size:34px;letter-spacing:-.045em}.modal-body p{font-size:15px;line-height:1.8;color:#61728a}.modal-body ul{padding-left:19px;color:#4b5f78;line-height:2;font-size:14px}.modal-close{position:absolute;top:14px;right:14px;border:0;background:#eef3f8;border-radius:9px;width:42px;height:42px;color:var(--navy);font-size:25px}.modal-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.image-modal{width:min(950px,100%);padding:18px}.image-modal>img{width:100%;height:auto;max-height:78vh;object-fit:contain}.image-modal .modal-close{z-index:2}
.mobile-bottom{display:none}
@media(max-width:1200px){.desktop-nav{gap:14px}.desktop-nav a{font-size:12px}.hero-copy{padding-left:32px}.header-inner{gap:12px}}
@media(max-width:990px){.desktop-nav,.header-inner>.button{display:none}.mobile-toggle{display:flex}.header-inner{height:82px}.brand img{width:157px;height:76px}.mobile-nav.open{display:flex}.mobile-nav{flex-direction:column;gap:4px;padding:5px 22px 22px;background:#fff;border-top:1px solid #e4eaf2;box-shadow:0 18px 30px #102b4515}.mobile-nav a{padding:13px 15px;border-radius:8px;background:#f6f8fb;font-weight:850;font-size:14px}.mobile-nav a.accent{background:var(--red);color:#fff}.hero-grid{grid-template-columns:47% 53%;min-height:520px}.hero h1{font-size:clamp(47px,5.4vw,63px)}.hero-copy{padding:48px 23px 55px 27px}.hero-tagline{font-size:21px}.class-card img{height:205px}.class-body{padding:20px}.theory-grid{gap:32px}.about-grid{gap:35px}.about-photo img{height:540px}.benefit{gap:9px}.benefit+.benefit{padding-left:11px}.benefit b{font-size:12px}.benefit small{font-size:10px}}
@media(max-width:720px){html{scroll-padding-top:78px}.container{padding:0 20px}.section{padding:65px 0}.topline{display:none}.header-inner{height:70px}.brand img{width:147px;height:66px}.hero-grid{display:flex;flex-direction:column;min-height:0}.hero-copy{padding:52px 22px 35px}.hero h1{font-size:clamp(46px,10.9vw,65px);margin-top:17px}.hero-tagline{margin:20px 0 9px;font-size:20px}.hero-p{font-size:14px;line-height:1.7}.hero-buttons{margin-top:25px}.hero-visual{height:365px;width:100%}.hero-visual img{object-position:50% 55%}.hero-visual:before{display:none}.hero-plate{font-size:10px;bottom:17px;right:17px}.benefits-row{grid-template-columns:1fr 1fr}.benefit{padding:16px 7px 16px 0}.benefit:nth-child(3){border-left:0;border-top:1px solid #ffffff30}.benefit:nth-child(4){border-top:1px solid #ffffff30;padding-left:11px}.benefit-icon{width:32px;height:32px;font-size:15px}.section-top{display:block}.section-top p{margin-top:15px}.class-grid{grid-template-columns:1fr;gap:17px}.class-card img{height:245px}.class-body{padding:22px}.extra-grid{grid-template-columns:1fr;gap:12px}.extra{padding:19px 17px}.theory-grid,.about-grid,.faq-grid,.contact-grid{grid-template-columns:1fr;gap:33px}.theory h2{font-size:42px}.theory-photo img{height:340px}.theory-photo{order:-1}.timetable{gap:19px}.actions-section{padding:45px 0}.actions-panel{padding:28px 24px;display:block}.actions-coming{display:inline-flex;margin-top:18px}.about-photo img{height:430px;object-position:center 33%}.about-text h2{font-size:42px}.gallery-grid{grid-template-columns:1fr 1fr;gap:10px}.gallery-tile{min-height:210px}.gallery-tile:first-child{grid-column:span 2;min-height:240px}.registered{grid-template-columns:77px 1fr;gap:15px;padding:15px}.registered>img{width:75px;height:100px}.registered .inline-link{grid-column:1/-1;text-align:left}.contact-data{gap:10px}.contact-box{padding:16px 13px}.contact-box span{font-size:13px}.contact-box.wide{grid-column:span 2}.footer-main{display:block}.footer-brand{margin-bottom:18px}.footer-bottom{display:block;line-height:1.7;padding-bottom:88px}.mobile-bottom{position:fixed;z-index:75;bottom:0;left:0;right:0;display:grid;grid-template-columns:1fr 1fr 1.15fr;background:#fff;box-shadow:0 -8px 30px #0b27592b;gap:7px;padding:10px 13px max(10px,env(safe-area-inset-bottom));border-top:1px solid #e3e9f1}.mobile-bottom a,.mobile-bottom button{display:flex;align-items:center;justify-content:center;text-align:center;border-radius:7px;border:1px solid #d8e4ee;padding:10px 4px;color:var(--navy);background:#fff;font-size:12px;font-weight:900}.mobile-bottom button{background:var(--red);border-color:var(--red);color:white}.modal-body{padding:30px 20px}.image-modal{padding:10px}}
@media(max-width:400px){.hero-visual{height:286px}.hero h1{font-size:43px}.hero-buttons .button{width:100%}.class-card img{height:195px}.timetable{gap:10px}.time-clock{font-size:28px}.about-photo img{height:385px}.gallery-tile{min-height:165px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}


/* Ergänzungen für die echten Unterseiten */
[hidden]{display:none!important}
.page-hero{background:linear-gradient(120deg,#eef4fa,#fff);padding:85px 0 70px;border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(37px,5.2vw,67px);line-height:1.05;letter-spacing:-.05em;color:var(--navy);max-width:980px;margin:20px 0 12px}.page-hero p{max-width:740px;line-height:1.8;font-size:17px;color:#5a6e86}.content-section{padding:80px 0}.content-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:47px;align-items:center}.content-layout img{width:100%;height:auto;border-radius:18px}.copy-block h2{font-size:clamp(30px,3.4vw,46px);letter-spacing:-.04em;margin:0 0 22px;color:var(--navy)}.copy-block p,.copy-block li{color:#4e627a;font-size:16px;line-height:1.85}.copy-block ul{padding-left:20px}.chip-list{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 26px}.chip-list span{background:#edf3fa;color:#123d72;padding:9px 14px;border-radius:40px;font-size:13px;font-weight:800}.info-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.info-card{padding:25px;background:#fff;border:1px solid #e2eaf2;border-radius:16px;box-shadow:0 9px 25px #0b2d570c}.info-card h3{margin:0 0 13px;color:var(--navy);font-size:20px}.info-card p{font-size:14px;line-height:1.75;color:#5c6f85;margin:0}.full-cta{background:var(--navy);border-radius:20px;color:#fff;padding:34px 38px;display:flex;align-items:center;justify-content:space-between;gap:24px}.full-cta h2{margin:0 0 10px;font-size:28px}.full-cta p{color:#d4e2f1;margin:0;max-width:670px;line-height:1.65}.page-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.page-gallery img{height:300px;object-fit:cover;width:100%;border-radius:17px}.page-gallery figure{margin:0}.page-gallery figcaption{font-size:13px;color:#586e86;padding:10px 0}.form-wrap{max-width:850px;margin:auto}.form-card{padding:32px;background:#fff;border:1px solid #e2e9f2;border-radius:20px;box-shadow:var(--shadow)}.form-card h2{font-size:28px;color:var(--navy);margin:8px 0 20px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field.wide{grid-column:1/-1}.field label,.field-label{font-size:13px;font-weight:800;color:var(--navy)}.field input,.field select,.field textarea{border:1px solid #c6d4e3;border-radius:9px;padding:13px 14px;font:inherit;font-size:15px;width:100%;color:#152d4b;background:#fff}.field textarea{min-height:135px;resize:vertical}.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible{outline:3px solid #94cfff;outline-offset:1px}.form-help{font-size:12px;color:#6b7e92;line-height:1.6}.form-note{background:#edf4fc;border-left:4px solid var(--blue);padding:16px 19px;color:#29445e;line-height:1.6;border-radius:8px;margin:22px 0}.legal-copy{max-width:850px;margin:0 auto}.legal-copy h2{font-size:25px;letter-spacing:-.02em;color:var(--navy);margin:35px 0 12px}.legal-copy p,.legal-copy li{line-height:1.85;color:#485d75}.legal-copy a{text-decoration:underline;text-underline-offset:3px}.form-result{border-radius:9px;padding:17px 20px;margin:0 0 20px;background:#f2f5fa;border:1px solid #cbd6e3}.form-result.ok{background:#eaf7ee;border-color:#a6d5b7}.form-result.error{background:#fff3f2;border-color:#ebc3c0}.checkbox-row{display:flex;align-items:start;gap:10px;margin:23px 0 14px}.checkbox-row input{margin-top:4px;min-width:17px;min-height:17px}.checkbox-row label{font-size:14px;line-height:1.6}.fakefield{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.form-card fieldset{border:1px solid #dce5ef;border-radius:13px;padding:20px;margin:22px 0}.form-card legend{font-size:18px;font-weight:900;color:var(--navy);padding:0 7px}.copyright-small{display:block;font-size:12px;color:#90a2b7}.topline a:hover{text-decoration:underline}.footer-legal{display:flex;gap:15px;flex-wrap:wrap;align-items:center}.footer-legal a:hover{text-decoration:underline}.foot-brand-logo{max-width:165px;max-height:78px;object-fit:contain;background:#fff;border-radius:5px;padding:4px;margin-bottom:15px}.inline-banner{background:#fff8ec;border:1px solid #f4d5a5;border-radius:10px;padding:14px 18px;color:#7d510e;margin:18px 0;line-height:1.6}.pill{display:inline-block;background:#e9f2fc;padding:5px 10px;border-radius:30px;font-size:12px;font-weight:800;color:#1b517f}.license-note{font-size:13px;color:#68809a;line-height:1.6}.small-photo img{max-height:350px;object-fit:contain;background:#f8fafc}.simple-lightbox{display:none;position:fixed;inset:0;z-index:150;background:#06142fe8;padding:36px;align-items:center;justify-content:center;cursor:zoom-out}.simple-lightbox.open{display:flex}.simple-lightbox img{max-width:96vw;max-height:88vh;object-fit:contain}.simple-lightbox button{position:absolute;right:20px;top:18px;background:#fff;color:#071a35;border:0;border-radius:50%;width:45px;height:45px;font-size:28px}.actions-section a{color:inherit}.site-footer .footer-main{align-items:start}.site-footer .footer-main p{line-height:1.7}
@media(max-width:900px){.content-layout{grid-template-columns:1fr;gap:25px}.info-cards{grid-template-columns:1fr 1fr}.page-hero{padding:59px 0 46px}}
@media(max-width:700px){.fields,.info-cards,.page-gallery{grid-template-columns:1fr}.page-gallery img{height:230px}.content-section{padding:55px 0}.form-card{padding:20px}.full-cta{display:block;padding:27px}.full-cta .button{margin-top:21px}.page-hero p{font-size:15px}.foot-brand-logo{max-width:130px}.field.wide{grid-column:auto}}

/* Sichtbare, einheitliche KI-Kennzeichnung an digital inszenierten Bildern. */
.ai-image-wrap{position:relative;isolation:isolate}
.ai-inline-image{position:relative;display:block;width:100%}
.ai-inline-image img{display:block;width:100%}
.ai-image-label{position:absolute;right:8px;top:50%;transform:translateY(-50%);writing-mode:vertical-rl;rotate:180deg;z-index:3;pointer-events:none;display:inline-block;background:rgba(6,20,43,.74);color:#fff;font-size:10px;font-weight:800;letter-spacing:.045em;line-height:1.3;border-radius:5px;padding:11px 6px;text-shadow:0 1px 2px #0510229c;opacity:.93}
.class-card.ai-image-wrap .ai-image-label{top:110px;transform:translateY(-50%)}
.hero-visual.ai-image-wrap .ai-image-label{right:15px}
.page-gallery figure.ai-image-wrap .ai-image-label{top:130px}
.captcha-field{border:1px solid #bad4eb;background:#f2f8ff;border-radius:11px;padding:18px;margin:22px 0;display:flex;flex-direction:column;align-items:flex-start;gap:9px;color:#0b2c52}
.captcha-field label{font-weight:750}.captcha-field input{width:160px;max-width:100%;padding:11px 12px;border:1px solid #9db6cf;border-radius:8px;font:inherit}.captcha-field small{color:#516c85}
@media(max-width:700px){.ai-image-label{font-size:9px;right:5px;padding:9px 5px}.class-card.ai-image-wrap .ai-image-label{top:108px}}


/* 2026-10-17 Feinschliff: kleinere KI-Kennzeichnung, mehr Sichtbarkeit Bürozeiten, Social-Buttons */
.hero-office{margin-top:16px;display:inline-flex;flex-wrap:wrap;gap:8px;align-items:center;background:#eef4fb;border:1px solid #d7e3f0;border-radius:999px;padding:10px 14px;color:var(--navy);font-size:12px;font-weight:800;line-height:1.4}.hero-office strong{color:var(--red)}
.section-top.full-copy{display:block}.section-top.full-copy p{max-width:100%;margin-top:14px}
.ai-image-label{left:8px;right:auto;top:auto;bottom:10px;transform:none;writing-mode:vertical-rl;rotate:180deg;background:rgba(8,29,61,.50);font-size:8px;font-weight:700;letter-spacing:.03em;padding:7px 4px;border-radius:4px;opacity:.78}.class-card.ai-image-wrap .ai-image-label,.page-gallery figure.ai-image-wrap .ai-image-label{top:auto;bottom:10px;transform:none}.hero-visual.ai-image-wrap .ai-image-label{left:12px;right:auto;bottom:14px}.gallery-tile .ai-image-label,.theory-photo .ai-image-label{bottom:12px}.about-photo .ai-image-label{display:none}
.contact-buttons .button .btn-icon,.social-buttons .social-button .btn-icon,.floating-whatsapp .floating-wa-icon{width:18px;height:18px;flex:0 0 18px}
.contact-buttons .button{gap:10px}.button.is-whatsapp{background:#25D366}.button.is-whatsapp:hover{background:#1fb357}
.social-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.social-button{display:inline-flex;align-items:center;gap:9px;padding:11px 14px;border:1px solid rgba(255,255,255,.24);border-radius:10px;background:rgba(255,255,255,.10);color:#fff;font-size:13px;font-weight:800}.social-button:hover{background:rgba(255,255,255,.18)}
.floating-whatsapp{position:fixed;right:22px;bottom:22px;z-index:82;width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#25D366;color:#fff;box-shadow:0 16px 30px rgba(7,26,53,.24);border:3px solid #fff}.floating-whatsapp:hover{transform:translateY(-2px)}
@media(max-width:720px){.hero-office{display:flex;padding:10px 12px;border-radius:16px}.social-buttons{gap:8px}.social-button{padding:10px 12px;font-size:12px}.floating-whatsapp{display:none}.ai-image-label{left:6px;bottom:8px;font-size:7px;padding:6px 3px}}

/* Oktober-Update: gut sichtbare Öffnungszeiten / Markensymbole / KI-Label am linken Bildrand. */
.office-topbar{font-weight:900;color:#ffffff;letter-spacing:.015em;white-space:nowrap;background:rgba(255,255,255,.12);padding:5px 10px;border-radius:5px}
.mobile-office-strip{display:none}
.footer-social-link{display:inline-flex;align-items:center;gap:7px;padding:7px 10px!important;border:1px solid rgba(255,255,255,.18);border-radius:7px;color:#fff!important;white-space:nowrap}
.footer-social-link:hover{background:rgba(255,255,255,.12);text-decoration:none!important}
.footer-social-link .social-mark{height:19px;width:19px;flex-shrink:0;fill:currentColor}
.mobile-bottom .social-mark{height:17px;width:17px;flex-shrink:0;fill:currentColor}
.mobile-bottom a{gap:5px}
.ai-image-label{font-size:9px!important;line-height:1.1!important;white-space:nowrap!important}
@media(min-width:721px) and (max-width:1140px){.topline-inner{flex-wrap:wrap;padding-top:6px;padding-bottom:6px;gap:7px}.topline{font-size:11px}}
@media(max-width:720px){.mobile-office-strip{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 20px;background:#eaf2fb;border-bottom:1px solid #dce8f3;color:#0a2a51;font-size:12px;line-height:1.4}.mobile-office-strip strong{color:#d72a3b}.mobile-office-strip a{font-weight:900;color:#0a2a51;white-space:nowrap}.ai-image-label{font-size:8px!important}.footer-social-link{padding:8px 10px!important}}

/* Auf Karten immer IM Fotobereich, nicht im Textteil darunter. */
.class-card.ai-image-wrap > .ai-image-label{top:12px!important;bottom:auto!important;}
.page-gallery figure.ai-image-wrap > .ai-image-label{top:12px!important;bottom:auto!important;}

/* Design-Feinschliff: schmale, dezente KI-Kennzeichnung direkt im Bild. */
.ai-image-wrap .ai-image-label, .ai-inline-image .ai-image-label{
  position:absolute;left:8px;right:auto;bottom:11px;top:auto;
  writing-mode:vertical-rl;transform:rotate(180deg);rotate:none;
  background:transparent;border:0;border-radius:0;box-shadow:none;
  padding:0;color:#e5ecf3;opacity:.94;line-height:1.05;
  font-size:7.5px;font-weight:650;letter-spacing:.015em;
  text-shadow:0 1px 2px rgba(0,0,0,.85),0 0 3px rgba(0,0,0,.55);
  z-index:3;pointer-events:none;
}
.class-card.ai-image-wrap .ai-image-label{top:122px;bottom:auto;left:9px;transform:rotate(180deg)}
.page-gallery figure.ai-image-wrap .ai-image-label{top:120px;bottom:auto}
@media(max-width:700px){.ai-image-wrap .ai-image-label,.ai-inline-image .ai-image-label{font-size:7px;left:7px;bottom:9px}.class-card.ai-image-wrap .ai-image-label{top:111px;bottom:auto}}
/* Klassenübersicht: die komplette Karte ist ein anklickbarer Link, auch per Tastatur. */
.class-choice-link{display:flex;flex-direction:column;color:inherit;text-decoration:none;cursor:pointer;min-height:220px;transition:transform .22s,box-shadow .22s,border-color .22s}
.class-choice-link:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(8,29,61,.13);border-color:#c4d9eb}
.class-choice-link:focus-visible{outline:3px solid #3e94d7;outline-offset:4px}
.class-choice-link p{flex:1}.class-choice-link .card-action{display:inline-flex;align-items:center;gap:6px;margin-top:18px;color:#bc2336;font-size:12px;font-weight:900;letter-spacing:.025em}
.class-choice-link .card-action span{font-size:18px}
/* Kleine, in die bestehende CI integrierte Führerscheinklassen-Erklärungen. */
.license-guide{border-top:1px solid #e7edf5}.license-guide .section-lead{max-width:890px;margin-bottom:28px}
.license-guide .section-lead h2{font-size:clamp(29px,3.2vw,43px)}
.license-intro{font-size:15px;line-height:1.7;color:#60738a}
.license-quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.license-mini-card{position:relative;border:1px solid #dce5f0;border-radius:16px;background:#fff;padding:24px 25px;box-shadow:0 8px 27px rgba(8,29,61,.04)}
.license-code{display:inline-block;color:#bf2538;background:#fff0f2;border-radius:6px;font-size:12px;letter-spacing:.055em;padding:6px 10px;font-weight:900}
.license-mini-card h3{font-size:21px;line-height:1.25;color:var(--navy);letter-spacing:-.025em;margin:13px 0 8px}
.license-mini-card p{font-size:14px;line-height:1.7;color:#516780;margin:0 0 17px}
.license-facts{font-size:12px;font-weight:800;line-height:1.55;color:#245a82;border-top:1px solid #e9eff6;padding-top:14px}
.license-disclaimer{font-size:12px;color:#627992;line-height:1.7;margin:19px 0 0}.license-disclaimer a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:700px){.license-quick-grid{grid-template-columns:1fr;gap:12px}.license-mini-card{padding:19px 19px}.class-choice-link{min-height:auto}}

/* 18.10.2026: Feinabstimmung Theoriezeiten, Tag/Uhrzeit gleichgewichtig. */
.timetable{display:flex;align-items:center;flex-wrap:wrap;gap:14px 18px}
.timetable .time-day,.timetable .time-clock{font-size:clamp(23px,2.6vw,31px);line-height:1.18;font-weight:900;letter-spacing:-.025em}
.timetable .time-day{color:#9bd0f2}.timetable .time-clock{color:#fff}
@media(max-width:400px){.timetable .time-day,.timetable .time-clock{font-size:23px}}
/* Drei Klickflächen der Klassenübersicht bleiben in vollem Umfang aktiv; kurze Texte. */
.class-choice-link{cursor:pointer}

/* Korrektur: Der Link zur Theorie-Unterseite bleibt auch ohne Hover gut lesbar. */
.theory .button.outline{background:rgba(255,255,255,.96);color:#081d3d;border-color:#fff;box-shadow:0 4px 16px rgba(0,0,0,.12)}
.theory .button.outline:hover,.theory .button.outline:focus-visible{background:#e8f2fa;color:#081d3d;border-color:#e8f2fa}

/* 18.10.2026: Mobile Lesbarkeit / Audit-Korrekturen – keine Änderung des Desktop-Designs. */
.form-card .field-error{display:block;color:#9d1832;font-size:13px;font-weight:700;line-height:1.5}
.form-card input[aria-invalid="true"],.form-card select[aria-invalid="true"],.form-card textarea[aria-invalid="true"]{border-color:#b9213b;border-width:2px}
.form-help,.license-disclaimer{color:#445671}
.mobile-office-strip strong,.hero-office strong{color:#a92031}
.eyebrow{color:#bb243b}
.simple-lightbox[open]{display:flex;border:0;max-width:none;max-height:none;margin:0;width:100%;height:100%;}
.simple-lightbox::backdrop{background:#06142fe8}
@media(max-width:720px){
  body{font-size:16px;line-height:1.55}
  .hero-p,.section-top p,.class-body p,.extra p,.theory p,.about-text p,.faq-intro,.faq-items details p,.actions-panel p,.copy-block p,.copy-block li,.content-layout p,.content-layout li,.info-card p,.contact p,.legal-copy p,.legal-copy li{font-size:16px;line-height:1.75}
  .form-help,.license-disclaimer,.license-note,.footer-bottom,.contact-small,.benefit small{font-size:13px;line-height:1.65}
  .button,.mobile-nav a,.mobile-bottom a,.field label,.form-card label,.class-footer,.social-link{font-size:14px;line-height:1.4}
  .button{max-width:100%;white-space:normal;text-align:center;overflow-wrap:anywhere;min-height:44px}
  .class-card,.extra,.content-layout,.full-cta,.page-hero,.hero-copy,.contact-grid,.field,fieldset{min-width:0}
  .page-hero h1,.content-section h1{overflow-wrap:break-word;hyphens:auto}
  .page-hero h1{font-size:clamp(31px,8vw,51px)}
  .page-hero .container,.content-section .container{min-width:0}
  .mobile-office-strip{font-size:14px}
  .mobile-office-strip strong{color:#a92031}
  .hero-office strong{color:#a92031}
  .form-card .field textarea,.form-card .field input,.form-card .field select{font-size:16px}
  .form-card .form-note{font-size:15px;line-height:1.6}
  .captcha-field small{font-size:13px}
  .field.wide{min-width:0}
  .form-card button[type=submit]{width:100%;max-width:100%;white-space:normal;overflow-wrap:anywhere}
  .full-cta{overflow-wrap:break-word}
}
@media(max-width:390px){
  .page-hero h1{font-size:clamp(27px,7.8vw,36px);hyphens:auto}
  .hero h1{font-size:clamp(40px,11vw,49px)}
  .container{padding-left:17px;padding-right:17px}
  .mobile-bottom{gap:5px;padding-inline:7px}
  .mobile-bottom a{font-size:12px;white-space:normal}
  .extra{gap:9px;padding:16px 12px}
  .extra h3{overflow-wrap:anywhere;font-size:18px}
}