/* General Styles *//*
 * Font: amiko
 * Copyright (c) 2012, Impallari Type (www.impallari.com)
 * Licensed under SIL Open Font License 1.1
 */@font-face{font-family:'amiko';src:url('../assets/fonts/Amiko-SemiBold-webfont.woff') format('woff');font-weight:600;font-style:normal}@font-face{font-family:'amiko';src:url('../assets/fonts/Amiko-Bold-webfont.woff') format('woff');font-weight:700;font-style:normal}@font-face{font-family:'amiko';src:url('../assets/fonts/Amiko-Regular-webfont.woff') format('woff');font-weight:400;font-style:normal}html{overflow-x:hidden}body{font-family:'amiko',sans-serif;margin:0;padding:0;color:#333;overflow-x:hidden;width:100%;scroll-behavior:smooth/* sorgt für sanftes Scrollen */}*{box-sizing:border-box}section{margin:70px 0}/* Scroll-Sprung bei theoriekurs tüv abstand*/[theoriekurs]{scroll-margin-top:100px}/*jotfrom link styling
.jf-link {
  pointer-events: none;
  opacity: 0.6;
  cursor: not-allowed;
}
.jf-link.active {
  pointer-events: auto;
  opacity: 1;
  cursor: pointer;
}*//* Container allegmein Große bei allen */.container{max-width:1400px;margin:0 auto;padding:0 20px}/* ========== HEADER ========== *//* ========== HEADER ========== *//* ========== HEADER ========== */header{display:flex;flex-direction:column;align-items:stretch;position:fixed;top:0;left:0;width:100%;z-index:2001;transition:transform 0.3s ease-out;transform:translateY(0);background-color:#fefcfc;box-shadow:0 2px 15px rgba(0, 0, 0, 0.08)}/* Scrolled State */header.scrolled .header-container{height:50px;padding:0 40px}header.scrolled .logo-nav{height:32px}header.scrolled .nav-links>li>a{font-size:16px;padding:8px 12px}header.scrolled .topbar{padding:4px 20px;font-size:14px}/* Scrolling State - Topbar verstecken während aktiven Scrollens */header.scrolling .topbar{transform:translateY(-100%);opacity:0}/* Header-Container noch schmaler beim aktiven Scrollen */header.scrolling .header-container{height:60px}header.scrolling .logo-nav{height:28px}/* ========== TOPBAR ========== */.topbar{background-color:#222;color:#fff;font-size:16px;text-align:center;padding:8px 20px;line-height:1.4;width:100%;transition:all 0.3s ease,transform 0.3s ease,opacity 0.3s ease}.topbar a{color:#ffcc00;text-decoration:none;margin:0 4px;font-weight:500;transition:color 0.2s ease}.topbar a:hover{color:#fff;text-decoration:underline}/* ========== HEADER CONTAINER ========== */.header-container{display:flex;justify-content:space-between;align-items:center;padding:0 40px;height:100px;background-color:#fefcfc;transition:height 0.3s ease,padding 0.3s ease}/* ========== LOGO ========== */.logo a{display:flex;align-items:center}.logo-nav{height:40px;width:auto;object-fit:contain;transition:height 0.3s ease}/* ========== NAVIGATION ========== */nav{display:flex;align-items:center}.nav-links{display:flex;align-items:center;gap:8px;list-style:none}.nav-links>li>a{color:#333;text-decoration:none;font-size:18px;font-weight:500;padding:10px 14px;border-radius:6px;transition:all 0.3s ease;display:flex;align-items:center;gap:4px}.nav-links>li>a:hover{background-color:#f5f5f5;color:#000}/* NEW Label */.new-label{background:linear-gradient(135deg, #ff6b6b, #ff8e53);color:#fff;font-size:9px;font-weight:700;padding:2px 6px;border-radius:4px;margin-left:6px;text-transform:uppercase;letter-spacing:0.5px}/* ========== DROPDOWN ========== */.dropdown{position:relative}.dropdown>a svg{width:16px;height:16px;transition:transform 0.3s ease}.dropdown:hover>a svg{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:0;background:#fff;min-width:240px;border-radius:10px;box-shadow:0 10px 40px rgba(0, 0, 0, 0.12);list-style:none;padding:10px 0;opacity:0;visibility:hidden;transform:translateY(10px);transition:all 0.3s ease}.dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-menu li a{display:block;padding:12px 20px;color:#444;text-decoration:none;font-size:14px;transition:all 0.2s ease}.dropdown-menu li a:hover{background-color:#f8f8f8;color:#000;padding-left:25px}/* ========== CTA BUTTONS ========== */.cta-button{background:#e30615ce;color:#ffffff;font-size:14px;font-weight:700;padding:14px 28px;border:none;border-radius:8px;text-decoration:none;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 15px rgba(39, 38, 37, 0.3)}.cta-button:hover{background:rgb(75, 255, 123);color:#000;transform:translateY(-3px) scale(1.05);box-shadow:0 12px 35px rgba(0, 0, 0, 0.3)}.cta-buttonNav{display:none}/* ========== HAMBURGER ========== */.hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;cursor:pointer;padding:10px;z-index:1100;background:transparent;border:none;width:50px;height:50px}.hamburger .line{display:block;width:100%;height:3px;background-color:#222;color:#000;border-radius:3px;transition:all 0.3s ease}.hamburger.active .line:nth-child(1){transform:rotate(45deg) translate(6px, 6px)}.hamburger.active .line:nth-child(2){opacity:0}.hamburger.active .line:nth-child(3){transform:rotate(-45deg) translate(6px, -6px)}/* ===================================== *//* === 1. Background video Section ========== *//* ===================================== */.homevideo{height:600px;width:100%;display:flex;align-items:center;justify-content:center;text-align:center;color:white;position:relative;overflow:hidden;margin-top:100px}.home-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;/* Zeigt das komplette Video */z-index:0}.home-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.5));z-index:1}@keyframes float{0%,100%{transform:translateY(0px)}50%{transform:translateY(-20px)}}.home-content{position:relative;z-index:2;padding:2rem;text-align:center}.home-content h1{font-size:clamp(2rem, 5vw, 3.2rem);margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0, 0, 0, 1);color:white;max-width:720px}/* === 2. Hero Section ========== *//* === Links Text & rechts dreiBilder ========== *//* ====cardandpakete================== *//* ========== Hero Section ========== */.hero{padding:10px 0 100px/*background: linear-gradient(180deg, #f8f9fa 0%, #ffffff 100%);*/}.container{max-width:1400px;margin:0 auto;padding:0 20px}/* ========== Bereit Section ========== */.bereit{display:flex;gap:80px;align-items:center;margin-bottom:80px;animation:fadeInUp 0.8s ease-out}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.bereittext{flex:1;text-align:left}.hero h1{font-size:clamp(2.5rem, 5vw, 4.5rem);margin-bottom:30px;color:#1a1a1a;font-weight:800;line-height:1.2;letter-spacing:-1px}.hero h1 .highlight{color:#e30615ce;position:relative;display:inline-block;background-color:transparent}.hero h1 .highlight::after{content:'';position:absolute;bottom:5px;left:0;width:100%;height:12px;background:rgba(242, 56, 56, 0.2);z-index:-1;border-radius:3px}.hero p{font-size:clamp(1.1rem, 2vw, 1.3rem);color:#4a4a4a;margin-bottom:0;line-height:1.8}.badge{display:inline-block;background:linear-gradient(135deg, #f23838 0%, #ff6b6b 100%);color:#ffffff;padding:8px 20px;border-radius:25px;font-weight:600;margin:10px 0;box-shadow:0 4px 15px rgba(242, 56, 56, 0.3)}.bold-text{color:#000000;font-weight:700;font-size:1.4rem}/* ========== Image Cards ========== */.containerdrei{flex:1;display:flex;justify-content:center;align-items:flex-end;gap:25px;perspective:1000px}.card{position:relative;width:200px;height:500px;border-radius:20px;overflow:hidden;box-shadow:0 10px 40px rgba(0, 0, 0, 0.15);transition:transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275),box-shadow 0.4s ease;cursor:pointer}.card img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease}.card:hover{transform:translateY(-15px);box-shadow:0 20px 60px rgba(0, 0, 0, 0.25)}.card:hover img{transform:scale(1.1)}.middle-card{transform:translateY(-30px);height:530px}.middle-card:hover{transform:translateY(-45px)}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);transition:opacity 0.3s ease}.card:hover .overlay{opacity:0}/* ========== Card Paket Section ========== */.cardandpaket{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f23838 100%);padding:20px 10px;border-radius:25px;box-shadow:0 20px 60px rgba(0, 0, 0, 0.2);position:relative;overflow:hidden;animation:fadeInUp 0.8s ease-out 0.2s both}.cardandpaket::before{content:'';position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);animation:rotate 20s linear infinite}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.infopppaket{max-width:700px;color:#fff;text-align:center;position:relative;z-index:1}.infopppaket h2{font-size:clamp(2rem, 4vw, 2rem);margin-bottom:20px;font-weight:800;letter-spacing:-0.5px}.infopppaket p{font-size:clamp(1.1rem, 2vw, 1.3rem);margin-bottom:35px;color:rgba(255, 255, 255, 0.95);line-height:1.7}.infopppaket a{background:#e30615ce;color:#ffffff;border:none;padding:12px;font-size:1rem;font-weight:600;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);text-decoration:none}.infopppaket a:hover{background:rgb(75, 255, 123);color:#000;transform:translateY(-3px) scale(1.05);box-shadow:0 12px 35px rgba(0, 0, 0, 0.3)}.infopppaket button a{text-decoration:none;color:inherit}/*Confetti Button Karneval zeit Button*/.confetti-contianer{display:flex;gap:20px;flex-direction:column}.confetti-btn{width:100%}.confetti{position:absolute;width:8px;height:8px;border-radius:50%;pointer-events:none;opacity:1;animation:confettiMove 1s forwards}@keyframes confettiMove{to{transform:translate(var(--x), var(--y)) rotate(var(--rot));opacity:0}}/* ===================================== *//* ========== 3. Usp Section  ========== *//* ===================================== */.usp-section{max-width:1200px;margin:0 auto;padding:2rem 1rem;text-align:center}.usp-section h2{font-size:2rem;margin-bottom:3rem;color:#1a1a1a}.usp-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:1.5rem}.usp-item{background:white;border-radius:1rem;padding:1.5rem;box-shadow:0 4px 12px rgba(0, 0, 0, 0.05);display:flex;flex-direction:column;align-items:center;transition:transform 0.2s}.usp-item:hover{transform:translateY(-5px)}.usp-item svg{width:40px;height:40px;stroke:#7283f1;margin-bottom:1rem;stroke-width:1.2}.usp-item p{margin:0;font-size:1rem;color:#333}.usp-item:nth-child(1){background-color:#e3f2fd/* Hellblau */}.usp-item:nth-child(2){background-color:#e8f5e9/* Hellgrün */}.usp-item:nth-child(3){background-color:#fff3e0/* Hellorange */}.usp-item:nth-child(4){background-color:#f3e5f5/* Helllila */}.usp-item:nth-child(5){background-color:#fce4ec/* Rosa */}.usp-item:nth-child(6){background-color:#e0fec0/* Hellgrün */}/* ===================================== *//* ========== 4. Theorie & Praxis  ========== *//* ===================================== */.theorieundpraxissection{max-width:1400px;margin:0 auto;margin-top:12rem;padding:2rem 1rem;text-align:center;background-color:#e30615ce}.theorieundpraxissection h2{font-size:4rem;margin-bottom:3rem;color:#1a1a1a}.learning-block{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:60px;padding:30px;background:rgb(255, 255, 255);border-radius:16px;box-shadow:0 8px 24px rgba(0, 0, 0, 0.08);transition:transform 0.3s ease}.learning-block:hover{transform:translateY(-4px)}.reverse{flex-direction:row-reverse}.image-block{flex:1 1 450px;display:flex;justify-content:center}.image-block img{width:100%;max-width:550px;aspect-ratio:3/2;/* oder z.B. 16 / 9 */object-fit:cover;object-position:50% 25%;border-radius:12px;box-shadow:0 4px 20px rgba(0, 0, 0, 0.1);display:block}/*
     .image-block {
      flex: 1 1 350px;
      display: flex;
      justify-content: center;
      }

      .image-block img {
       width: 100%;
       max-width: 450px;
       height: 300px;
       object-fit: cover;
       object-position: 50% 25%;
       border-radius: 12px;
       box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
       }*/.text-block{flex:1 1 400px;padding:10px;text-align:left}.text-block h3{font-size:1.8rem;margin-bottom:10px;color:#000000}.text-block p{font-size:1rem;line-height:1.6;margin-bottom:30px;color:#333}.theoriebutton{display:flex;align-items:center;justify-content:center}/* ===================================== *//* ========== 6. Anmeldung & Ablauf section  ========== *//* ===================================== */.registration-wrapper{max-width:1200px;margin:100px auto}.right-content h2{font-size:2.5rem;color:#000000;text-align:center;margin-bottom:50px;position:relative}.right-content h2::after{content:'';position:absolute;bottom:-15px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg, #e94560, #ff6b6b);border-radius:2px}.info-container{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:30px;margin-bottom:40px}.info-blocka,.info-blockb{background:rgba(255, 255, 255, 0.05);backdrop-filter:blur(10px);border:1px solid rgba(255, 255, 255, 0.1);border-radius:20px;padding:35px;transition:transform 0.3s ease,box-shadow 0.3s ease}.info-blocka:hover,.info-blockb:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(233, 69, 96, 0.2)}.info-blocka h3,.info-blockb h3{color:#e30615ce;font-size:1.3rem;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid rgba(233, 69, 96, 0.3)}.info-blocka ul,.info-blockb ul{list-style:none}.info-blocka li{color:#000000;padding:15px 20px;margin-bottom:12px;background:linear-gradient(135deg, rgba(233, 69, 96, 0.2), rgba(233, 69, 96, 0.05));border-radius:12px;font-size:1.2rem;display:flex;align-items:center;gap:15px;transition:all 0.3s ease}.info-blocka li:hover{background:linear-gradient(135deg, rgba(233, 69, 96, 0.4), rgba(233, 69, 96, 0.2));transform:translateX(10px)}.info-blocka li strong{display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;background:#e30615ce;border-radius:50%;font-size:1.2rem;color:#f0f0f0}.info-blockb li{color:#000000;padding:12px 0;font-size:1.2rem;display:flex;align-items:center;gap:15px;border-bottom:1px solid rgba(255, 255, 255, 0.1);transition:all 0.3s ease}.info-blockb li:last-child{border-bottom:none}.info-blockb li:hover{padding-left:10px;color:#e30615ce}.info-blockb li i,.info-blockb li svg{width:24px;height:24px;color:#e30615ce;flex-shrink:0}.info-blockablauf{background:rgba(255, 255, 255, 0.05);backdrop-filter:blur(10px);border:1px solid rgba(255, 255, 255, 0.1);border-radius:20px;padding:40px}.info-blockablauf h3{color:#e30615ce;font-size:1.5rem;margin-bottom:40px;text-align:center}.timeline{position:relative;padding-left:40px}.timeline::before{content:'';position:absolute;left:8px;top:0;bottom:0;width:3px;background:linear-gradient(180deg, #e94560, #ff6b6b, #e94560);border-radius:3px}.timeline-item{position:relative;margin-bottom:40px}.timeline-item:last-child{margin-bottom:0}.timeline-item::before{content:'';position:absolute;left:-40px;top:5px;width:20px;height:20px;background:#e30615ce;border-radius:50%;border:4px solid #1a1a2e;box-shadow:0 0 20px rgba(233, 69, 96, 0.5);z-index:1}.timeline-content{background:linear-gradient(135deg, rgba(233, 69, 96, 0.15), rgba(233, 69, 96, 0.05));border-radius:15px;padding:25px 30px;border-left:4px solid #e30615ce;transition:all 0.3s ease}.timeline-content:hover{transform:translateX(10px);box-shadow:0 10px 30px rgba(233, 69, 96, 0.2)}.timeline-content h4{color:#000000;font-size:1.3rem;margin-bottom:12px}.timeline-content p{color:rgb(0, 0, 0);line-height:1.7;font-size:1.2rem}.timeline-content strong{color:#e30615ce}/* ===================================== *//* ========== 4.Führerschein? ========== *//* ===================================== */.klassen{max-width:1400px;margin:50px auto;text-align:center;display:grid;grid-template-columns:1fr;gap:2rem;padding:2rem;font-size:2.5rem;text-shadow:#000000;background-color:#007BFF}.bg-auto,.bg-motorrad,.bg-anhaenger{position:relative;overflow:hidden;border-radius:1rem;box-shadow:0 10px 20px rgba(0, 0, 0, 0.5);height:300px;width:auto;color:rgb(255, 255, 255)}.highlight{background-color:rgb(0, 0, 0);color:rgb(255, 255, 255);padding:2px 4px;border-radius:4px}.card-content .cta-button{background-color:#ffffffce;color:#000000;font-weight:400;font-size:clamp(1.1rem, 2.5vw, 1.2rem)}.card-content .cta-button:hover{background-color:rgb(75, 255, 123);color:#000000}.card::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;transition:transform 0.3s ease;z-index:1}.card:hover::before{transform:scale(1.05)}.card-content{position:relative;z-index:2;background:rgba(0, 0, 0, 0.2);height:100%;padding:1.5rem;display:flex;flex-direction:column;justify-content:flex-end}.card h2{font-size:1.75rem;margin-bottom:0.5rem;text-shadow:#000000}.card p{font-size:1.2rem;margin-bottom:1rem;text-shadow:#000000}.card a{align-self:flex-start;background-color:#ffffff;color:#000000;text-decoration:none;padding:0.5rem 1rem;border-radius:0.5rem;font-size:0.875rem;margin:auto;transition:background-color 0.3s ease}.card a:hover{background-color:#e5e7eb}/*overlay über bg-auto,bg-motorrad,bg-anhänger*/.bg-ama{position:absolute;inset:0;background:rgba(0, 0, 0, 0.6);backdrop-filter:blur(4px);/* 💡 Blur-Effekt */z-index:1}.bg-auto::before{content:"";background-image:url('../assets/docs/imgcarmo/mercedesaa.jpg')}.bg-motorrad::before{content:"";background-image:url('../assets/docs/imgcarmo/bildklasseaa.jpg');background-repeat:repeat;background-size:300px auto;/* falls du das brauchst */display:block}.bg-anhaenger::before{background-image:url('../assets/docs/imgcarmo/anhängerbe.jpg')}/* ===================================== *//* ==========  Kundenbewertungen/ Google ========== *//* ===================================== */.kundenbewertungen{max-width:1400px;margin:50px auto;background-color:#75ffae;align-items:center;padding:2rem}h2{text-align:center;font-size:2rem;margin-bottom:2rem}.review-header{background:#f8f9fc;border-radius:12px;padding:1.5rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;max-width:1200px;margin:0 auto 6rem auto}.review-info{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.review-info img{height:32px}.rating-stars{font-size:1.2rem;color:#fbbc04;margin-left:0.5rem}.google-btn{background:#4285F4;color:white;border:none;border-radius:8px;padding:0.6rem 1.2rem;font-weight:500;cursor:pointer;text-decoration:none}.swiper{max-width:1200px;margin:0 auto}.swiper-slide{background:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(0, 0, 0, 0.05);padding:1.5rem;display:flex;flex-direction:column;gap:0.5rem;height:100%}.review-top{display:flex;align-items:center;gap:0.75rem;margin-bottom:6px}.review-avatar{font-size:25px;/* Größe anpassen */color:#4285F4;width:25px;height:25px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#fff}.review-name{font-weight:bold}.review-name span{color:#4285F4;margin-left:0.3rem;font-size:0.9rem}.review-google{width:16px;vertical-align:middle;margin-left:4px}.review-time{font-size:0.85rem;color:#888}.review-stars{color:#fbbc04;font-size:0.85rem;margin-bottom:10px}.my-star{width:16px;height:16px;stroke:#ff5454}.review-text{font-size:0.95rem;color:#333;max-height:165px;/* Anfangshöhe */overflow:hidden;transition:max-height 0.3s ease}.read-more{display:block;margin-top:10px;padding:5px 10px;font-size:14px;cursor:pointer;background-color:#007bff;color:#fff;border:none;border-radius:4px}.swiper-wrapper{position:absolute;padding-bottom:35px}.swiper-pagination{position:relative;margin-top:50px;/* wird dynamisch durch JS überschrieben */left:0;width:100%;text-align:center}/*=======Theoriekurs-Section==========*//* ===================================== *//* ===  FAQ-section und javascript ========== *//* ===================================== *//* FAQ Section */.faq-section{max-width:1400px;margin:3rem auto;background:#ffffff;border-radius:16px;padding:2.5rem;box-shadow:0 4px 20px rgba(0, 0, 0, 0.1)}.faq-title{font-size:2rem;margin-bottom:2rem;text-align:center;color:#333}/* Category Buttons */.category-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:2rem}.category-button{padding:0.75rem 1.5rem;background-color:#f5f5f5;border:2px solid transparent;border-radius:25px;cursor:pointer;transition:all 0.3s ease;font-size:0.95rem;font-weight:500;color:#555;white-space:nowrap}.category-button:hover{background-color:#ffe4e1;border-color:#e30615ce}.category-button.active{background-color:#e30615ce;color:#fff;border-color:#e30615ce;box-shadow:0 4px 12px rgba(250, 152, 141, 0.4)}/* FAQ Container */.faq-container{display:flex;flex-direction:column;gap:8px}/* FAQ Items */.faq{border:1px solid #eee;border-radius:12px;overflow:hidden;transition:all 0.3s ease;display:none}.faq:hover{border-color:#e30615ce;box-shadow:0 2px 8px rgba(250, 152, 141, 0.15)}.faq-question{cursor:pointer;padding:1.25rem 3rem 1.25rem 1.25rem;font-weight:600;position:relative;background:#fafafa;transition:background 0.3s ease;color:#333;line-height:1.5}.faq-question:hover{background:#fdecec;color:rgb(0, 0, 0)}.faq-question::after{content:'+';position:absolute;right:1.25rem;top:50%;transform:translateY(-50%);font-size:1.5rem;font-weight:300;color:#e30615ce;transition:transform 0.3s ease;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.faq.open .faq-question::after{content:'−';transform:translateY(-50%) rotate(180deg)}.faq.open .faq-question{background:#e30615ce;color:#fff}.faq.open .faq-question::after{color:#fff}.faq-answer{max-height:0;overflow:hidden;padding:0 1.25rem;background:#ffffff;transition:max-height 0.3s ease,padding 0.3s ease;line-height:1.7;color:#555}.faq.open .faq-answer{max-height:500px;padding:1.25rem}.faq-answer a{color:#e30615ce;text-decoration:none;font-weight:500;transition:color 0.5s ease,text-decoration 0.5s ease}.faq-answer a:hover{color:#e30615ce;text-decoration:underline}/* Mobile Bottom Menu *//* Mobile Bottom Menu */.mobile-bottom-menu{display:none;position:fixed;bottom:0;left:60px;right:0;background:linear-gradient(135deg, #fb6767 0%, #764ba2 100%);box-shadow:0 -2px 10px rgba(0, 0, 0, 0.2);z-index:1009;padding:0.8rem 0;/* Mehr Padding */height:auto}.mobile-bottom-menu .menu-item{display:flex;flex-direction:column;align-items:center;justify-content:center;color:white;text-decoration:none;padding:0.5rem;font-size:0.75rem;transition:all 0.3s ease;flex:1;min-height:60px/* Mindesthöhe */}.mobile-bottom-menu .menu-item:hover,.mobile-bottom-menu .menu-item:active{background:rgba(255, 255, 255, 0.1);transform:translateY(-2px)}.mobile-bottom-menu .menu-item i{width:24px;height:24px;margin-bottom:0.3rem}.mobile-bottom-menu .menu-item span{font-size:0.7rem;font-weight:500;white-space:nowrap/* Verhindert Zeilenumbruch */}/* ===================================== *//* ===  Footer ========== *//* ===================================== */footer{text-align:center;padding:20px;background-color:#f8f8f8;border-top:1px solid #ddd}/* ===== POPUP- Banner Allgemein CSS ===== *//* ===== POPUP- Banner Allgemein CSS ===== *//* ===== POPUP- Banner Allgemein CSS ===== */:root{/* diese Hintergrundbild wird nicht genuzt. 
    --popup-bg: url('https://');*/--popup-radius:1.25rem;--popup-maxw:680px}.popup-backdrop{position:fixed;inset:0;display:grid;place-items:center;background:rgba(0, 0, 0, .5);backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease;z-index:9999}.popup-backdrop.is-open{opacity:1;visibility:visible}.popup-dialog{width:min(92vw, var(--popup-maxw));border-radius:var(--popup-radius);overflow:hidden;box-shadow:0 20px 60px rgba(0, 0, 0, .35);transform:translateY(10px) scale(.98);transition:transform .3s ease}.popup-backdrop.is-open .popup-dialog{transform:translateY(0) scale(1)}.popup-hero{position:relative;min-height:360px;background-image:var(--popup-bg);background-size:cover;background-position:center;color:#000000;padding:20px}/* .popup-hero-img */.popup-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.popup-overlay{position:absolute;inset:0;background:linear-gradient(180deg, rgba(0, 0, 0, .25) 0%, rgba(0, 0, 0, .55) 100%)}.popup-content{position:relative;z-index:1;padding:40px;display:grid;gap:0px;border-radius:1.25rem;align-content:center;text-align:center;height:100%;background:linear-gradient(90deg, #00C9FF 0%, #92FE9D 100%)}#popup-title{margin:0;font-size:clamp(1.9rem, 2.5vw, 2rem);line-height:1.2;text-transform:uppercase;margin-bottom:auto}.popup-list{list-style:none;margin-top:25px;padding:5px;display:grid;gap:8px}.popup-list li{display:flex;align-items:center;/* Icon und Text auf einer Linie */gap:6px;/* Abstand Icon ↔ Text */font-size:1.4rem;color:#000000}.popup-list i{display:inline-flex;align-items:center;justify-content:center;font-size:1.1em;/* Icon-Größe */line-height:1}.popup-cta{display:inline-block;margin-top:25px;padding:12px 18px;border-radius:999px;background:#fff;color:#111;font-weight:700;text-align:center;text-decoration:none;transition:transform .15s ease,box-shadow .2s ease,background .2s ease,color .2s ease;box-shadow:0 6px 20px rgba(0, 0, 0, .25)}.popup-cta:hover{transform:translateY(-1px)}.popup-cta:active{transform:translateY(0)}.popup-close{position:absolute;top:10px;right:10px;width:36px;height:36px;border:0;border-radius:999px;background:rgba(0, 0, 0, .45);color:#fff;font-size:18px;cursor:pointer;display:grid;place-items:center;transition:background .2s ease,transform .15s ease;z-index:2}.popup-close:hover{background:rgba(0, 0, 0, .6);transform:rotate(-5deg) scale(1.05)}.popup-close:active{transform:scale(.98)}/* Media Queries for laptop */@media (max-width: 1024px){.nav-links>li>a{font-size:14px;padding:8px 10px}.header-container{padding:0 20px;height:80px}.hamburger{display:flex !important;order:3}.header-container>.cta-button{display:none}.nav-links{position:fixed;top:0;right:-100%;width:85%;max-width:350px;height:100vh;background:#fff;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:100px 30px 30px;gap:0;box-shadow:-5px 0 30px rgba(0, 0, 0, 0.1);transition:right 0.4s ease;overflow-y:auto}.nav-links.active{right:0}.nav-links>li{border-bottom:1px solid #eee}.nav-links>li>a{padding:16px 0;font-size:17px;justify-content:space-between}.dropdown-menu{position:static;box-shadow:none;border-radius:0;padding:0 0 10px 15px;opacity:1;visibility:hidden;max-height:0;overflow:hidden;transform:none;transition:max-height 0.3s ease,visibility 0.3s ease}.dropdown.active .dropdown-menu{visibility:visible;max-height:500px}.dropdown-menu li a{padding:12px 10px;border-bottom:1px solid #f0f0f0}.cta-buttonNav{display:block;background:#e30615ce;color:#ffffff;padding:16px 24px;border:none;border-radius:10px;font-weight:700;font-size:16px;margin-top:20px;cursor:pointer;width:100%}.logo-nav{height:50px}.topbar{font-size:12px;padding:8px 10px}.background-section{margin-top:100px}/*=== hero section ===*/.bereit{gap:50px}.containerdrei{gap:15px}.card{width:160px;height:400px}.middle-card{height:430px}/*=== Theoriekurs ===*/.headertheorie{font-size:1.4rem}.card-bodytheorie h6{font-size:1.2rem}.card-bodytheorie p{font-size:1.2rem}/*=== usp section ====*/.usp-grid{grid-template-columns:repeat(2, 1fr)}}/* Media Queries for Tablet */@media (max-width: 768px){.mobile-bottom-menu{display:flex;margin:auto 5px;margin-bottom:5px;border-radius:10px}.content{padding:15px}.header-container{padding:10px;height:71px}.topbar{font-size:12px;padding:6px 10px}.nav-container{padding:12px 20px;height:70px}.logo{font-size:20px}.no-scroll{overflow:hidden}.homevideo{height:300px}.home-content h1{max-width:100%}/* Bereittext und 3 Bilder */.hero{padding:10px 0 60px}.bereit{flex-direction:column;gap:40px;margin-bottom:60px}.bereittext{text-align:center}.containerdrei{width:100%;gap:10px}.card{width:120px;height:300px}.middle-card{height:320px;transform:translateY(-15px)}.cardandpaket{padding:40px 30px}/* Theoriekurs Charts */.theorieundpraxissection{margin-top:2rem}.theorieundcanvas{padding:5px}.cardtheorie{padding:5px;margin:5px auto;margin-bottom:50px;width:100%;/*Mehr platz für Mobile*/border-radius:0 10px}.card-bodytheorie{padding:0;margin:0;align-items:center}.card-bodytheorie h6{font-size:0.8rem}.card-bodytheorie p{font-size:1rem}.card-bodytheorie li a{font-size:0.4rem;text-decoration:none;list-style:none}.textabschnitt h6{padding:10px;font-size:1rem}/* usp section */.usp-grid{grid-template-columns:repeat(1, 1fr)}/* theorieundpraxis section*/.theorieundpraxissection h2{font-size:3rem}.learning-block{flex-direction:column;text-align:center;gap:0;padding:3px}.reverse{flex-direction:column}.image-block{flex:1 1 100%}.image-block img{max-width:100%/* passt sich automatisch an *//* aspect-ratio bleibt bestehen */}.text-block h3{padding:10px;flex:200;text-align:center}.text-block{padding:10px;flex:200;text-align:left}.cta-button{width:100%;text-align:center;font-size:1rem}/*=======deine wahl, deine freiheit=======*//*=======deine wahl, deine freiheit=======*/.klassen{grid-template-columns:1fr;font-size:1.8rem;padding:20px 0px}.klassen h1{font-size:2rem}.card{margin:auto;width:90%}.card h2{font-size:1.5rem}.card p,.card a{font-size:1rem}.card-content{padding:1rem}/* anmeldung & Ablauf section */.right-content h2{font-size:1.8rem}.info-blocka,.info-blockb,.info-blockablauf{padding:25px}.timeline{padding-left:30px}.timeline-item::before{left:-30px;width:16px;height:16px}/* ===================================== *//* ===  FAQ-section ========== *//* ===================================== */.faq-section{margin:1.5rem 1rem;padding:1.5rem;border-radius:12px}.faq-title{font-size:1.5rem;margin-bottom:1.5rem}.category-buttons{display:grid;gap:8px;margin-bottom:1.5rem;grid-template-columns:repeat(1, 1fr)}.category-button{padding:0.6rem 1rem;font-size:1.175rem;border-radius:20px}.faq-question{padding:1rem 2.5rem 1rem 1rem;font-size:0.95rem}.faq-question::after{right:1rem;font-size:1.25rem}.faq-answer{font-size:0.9rem}.faq.open .faq-answer{padding:1rem}}/* Sehr kleine Geräte (bis 400px) */@media (max-width: 400px){/* Kleiner Screen Feinschliff PopUp-Banner */.popup-content{padding:20px;gap:10px}.popup-cta{width:100%;text-align:center}/*======Header hamburger=====*/.topbar{font-size:11px;line-height:1.5}.header-container{height:70px;padding:0 15px}.logo-nav{height:45px}.canvascontainer{flex-direction:column}.faq-section{margin:1rem 0.5rem;padding:1rem}.faq-title{font-size:1.25rem}.category-buttons{display:grid;grid-template-columns:repeat(1, 1fr);gap:8px}.category-button{padding:0.5rem 0.75rem;font-size:1rem;text-align:center}.faq-question{padding:0.875rem 2.25rem 0.875rem 0.875rem;font-size:0.9rem}.faq-answer{font-size:0.85rem;line-height:1.6}}/* Bewegungen respektieren  PopUp-Banner css*/@media (prefers-reduced-motion: reduce){.popup-backdrop,.popup-dialog,.popup-cta,.popup-close{transition:none !important}}