:root{
  --bg:#0b0f14;
  --surface:#0f1620;
  --card:#111a26;
  --text:#e8eef7;
  --muted:#a9b6c6;
  --border:rgba(255,255,255,.10);
  --brand:#7EC43F; /* Grün */
  --accent:#E89E2A; /* Orange (aus SVG) */
  --shadow: 0 12px 30px rgba(0,0,0,.28);
  --radius:18px;
  --radius-sm:12px;
  --max:1180px;
  --focus: 0 0 0 4px rgba(126,196,63,.25);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Noto Sans", "Helvetica Neue", sans-serif;
  background: radial-gradient(1200px 700px at 15% -10%, rgba(126,196,63,.18), transparent 55%),
              radial-gradient(900px 700px at 85% 10%, rgba(232,158,42,.14), transparent 60%),
              var(--bg);
  color:var(--text);
  line-height:1.55;
}
img{max-width:100%; display:block}
a{color:inherit; text-decoration:none}
p{margin:0 0 14px}
.small{font-size:.92rem; color:var(--muted)}
.container{width:min(var(--max), calc(100% - 40px)); margin:0 auto}
.section{padding:64px 0}
.section-tight{padding:44px 0}
.grid{display:grid; gap:18px}
.card{
  background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
  border:1px solid var(--border);
  border-radius:var(--radius);
  box-shadow: var(--shadow);
  overflow:hidden;
}
.card-body{padding:18px}
.badge{
  display:inline-flex; align-items:center; gap:8px;
  padding:7px 12px;
  border-radius:999px;
  background: rgba(126,196,63,.12);
  border:1px solid rgba(126,196,63,.22);
  color: #dff6cf;
  font-weight:600;
  letter-spacing:.2px;
}
.badge .dot{
  width:8px;height:8px;border-radius:999px;background:var(--brand);
  box-shadow: 0 0 0 3px rgba(126,196,63,.15);
}
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  padding:12px 16px;
  border-radius:999px;
  border:1px solid var(--border);
  background: rgba(255,255,255,.04);
  color:var(--text);
  font-weight:700;
  letter-spacing:.2px;
  transition: transform .12s ease, background .12s ease, border-color .12s ease;
}
.btn:hover{transform: translateY(-1px); background: rgba(255,255,255,.07); border-color: rgba(255,255,255,.16)}
.btn:focus{outline:none; box-shadow: var(--focus)}
.btn.primary{
  background: linear-gradient(135deg, rgba(126,196,63,.95), rgba(126,196,63,.72));
  border-color: rgba(126,196,63,.55);
  color:#0b1017;
}
.btn.primary:hover{background: linear-gradient(135deg, rgba(126,196,63,1), rgba(126,196,63,.82))}
.btn.accent{
  background: linear-gradient(135deg, rgba(232,158,42,.95), rgba(232,158,42,.70));
  border-color: rgba(232,158,42,.55);
  color:#0b1017;
}
.btn.accent:hover{background: linear-gradient(135deg, rgba(232,158,42,1), rgba(232,158,42,.82))}
.btn.link{border:none; background:transparent; padding:0; font-weight:700; color: #dff6cf}
.btn.link:hover{transform:none; text-decoration:underline}
.kbd{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size:.92rem;
  padding:2px 8px;
  border-radius:8px;
  background: rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
}

/* Header */
.topbar{
  position:sticky; top:0; z-index:50;
  background: rgba(11,15,20,.72);
  backdrop-filter: blur(10px);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.nav{
  display:flex; align-items:center; justify-content:space-between;
  padding:12px 0;
  gap:16px;
}
.brand{
  display:flex; align-items:center; gap:12px; min-width: 210px;
}
.brand img{height:44px; width:auto}
.brand .brand-sub{display:none; font-size:.9rem; color:var(--muted)}
.nav-actions{display:flex; align-items:center; gap:10px}
.menu{
  display:flex; align-items:center; gap:18px;
}
.menu a, .menu button{
  font-weight:700;
  color: rgba(232,238,247,.92);
  padding:10px 10px;
  border-radius:12px;
}
.menu a:hover, .menu button:hover{background: rgba(255,255,255,.06)}
.menu button{
  background: transparent;
  border:none;
  cursor:pointer;
  font: inherit;
}
.dropdown{position:relative}
.dropdown-panel{
  position:absolute;
  top:calc(100% + 10px);
  left:0;
  min-width: 280px;
  padding:10px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(10,14,18,.92);
  backdrop-filter: blur(10px);
  box-shadow: var(--shadow);
  display:none;
}
.dropdown.open .dropdown-panel{display:block}
.dropdown-panel a{
  display:block;
  padding:10px 12px;
  border-radius:12px;
  color: rgba(232,238,247,.95);
}
.dropdown-panel a:hover{background: rgba(255,255,255,.06)}
.dropdown-title{padding:8px 12px; color:var(--muted); font-size:.9rem}

.hamburger{
  display:none;
  width:44px;height:44px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.04);
  cursor:pointer;
}
.hamburger:focus{outline:none; box-shadow: var(--focus)}
.hamburger span{
  display:block;
  width:18px;height:2px;background: rgba(232,238,247,.92);
  margin:4px auto;border-radius:2px;
}

.mobile-drawer{
  display:none;
  padding:10px 0 18px;
}
.mobile-drawer a{
  display:block;
  padding:12px 12px;
  border-radius:14px;
  font-weight:800;
}
.mobile-drawer a:hover{background: rgba(255,255,255,.06)}
.mobile-drawer .sub{
  margin:6px 0 0 0;
  padding-left:10px;
  border-left:1px solid rgba(255,255,255,.10);
}
.mobile-drawer .sub a{font-weight:700; color: rgba(232,238,247,.92)}
.mobile-drawer .hr{height:1px;background:rgba(255,255,255,.10);margin:10px 0}

/* Hero */
.hero{
  padding:40px 0 18px;
}
.hero-grid{
  display:grid;
  grid-template-columns: 1.2fr .8fr;
  gap:18px;
  align-items:stretch;
}
.hero-card{
  padding:24px;
  border-radius: calc(var(--radius) + 6px);
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.10);
  box-shadow: var(--shadow);
  overflow:hidden;
  position:relative;
}
.hero h1{
  font-size: clamp(2rem, 3.2vw, 3.2rem);
  line-height:1.08;
  margin:12px 0 12px;
  letter-spacing:-.6px;
}
.hero .lead{font-size:1.05rem; color: rgba(232,238,247,.90); max-width: 54ch}
.hero-cta{display:flex; gap:10px; flex-wrap:wrap; margin-top:16px}
.hero-meta{display:flex; gap:12px; flex-wrap:wrap; margin-top:14px; color:var(--muted)}
.hero-meta div{display:flex; align-items:center; gap:8px}
.icon{
  width:18px;height:18px; display:inline-block;
}
.hero-media{
  border-radius: calc(var(--radius) + 6px);
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  box-shadow: var(--shadow);
  position:relative;
  min-height: 320px;
}
.hero-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(1.05) contrast(1.02);
  transform: scale(1.01);
}
.hero-media .overlay{
  position:absolute; inset:0;
  background: linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.55));
}
.hero-media .caption{
  position:absolute; left:16px; right:16px; bottom:16px;
  padding:12px 14px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(10,14,18,.55);
  backdrop-filter: blur(8px);
  color: rgba(232,238,247,.92);
}
.hero-media .caption strong{display:block; margin-bottom:2px}

/* Feature cards */
.features{
  grid-template-columns: repeat(3, 1fr);
}
.feature{
  padding:18px;
  border-radius:var(--radius);
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
}
.feature h3{margin:8px 0 6px; font-size:1.06rem}
.feature p{color:var(--muted); margin:0}
.feature .chip{
  display:inline-flex;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.04);
  color: rgba(232,238,247,.92);
  font-weight:800;
  font-size:.9rem;
}

/* Two col blocks */
.twocol{
  grid-template-columns: 1fr 1fr;
  align-items:start;
}
.list{
  display:grid; gap:10px;
}
.list .item{
  display:flex; gap:10px; align-items:flex-start;
  padding:12px 14px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
}
.check{
  width:20px; height:20px; border-radius:7px;
  background: rgba(126,196,63,.20);
  border:1px solid rgba(126,196,63,.35);
  display:flex; align-items:center; justify-content:center;
  flex: 0 0 auto;
  margin-top:2px;
}
.check svg{width:14px;height:14px; fill:#dff6cf}

.gallery{
  grid-template-columns: repeat(3, 1fr);
}
.gallery img{
  width:100%; height:220px; object-fit:cover;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.10);
}

/* Page header */
.pagehead{
  padding:34px 0 18px;
}
.pagehead h1{margin:10px 0 6px; font-size:2.2rem; letter-spacing:-.5px}
.breadcrumbs{color:var(--muted); font-weight:700; font-size:.92rem}
.breadcrumbs a{color:rgba(223,246,207,.95)}
.breadcrumbs a:hover{text-decoration:underline}

/* Tables & content */
.content{
  background: rgba(255,255,255,.02);
  border:1px solid rgba(255,255,255,.08);
  border-radius: var(--radius);
  padding: 18px;
}
.content h2{margin:18px 0 8px}
.content h3{margin:16px 0 8px}
.content ul{margin:10px 0 12px 18px; color:rgba(232,238,247,.92)}
.content li{margin:6px 0}
.note{
  padding:12px 14px;
  border-radius:16px;
  border:1px solid rgba(232,158,42,.25);
  background: rgba(232,158,42,.10);
  color: rgba(232,238,247,.92);
}

/* Forms */
form{display:grid; gap:12px}
.field-row{display:grid; grid-template-columns: 1fr 1fr; gap:12px}
label{font-weight:800; font-size:.95rem}
input, select, textarea{
  width:100%;
  padding:12px 12px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.03);
  color:var(--text);
}
textarea{min-height:140px; resize:vertical}
input:focus, select:focus, textarea:focus{outline:none; box-shadow: var(--focus); border-color: rgba(126,196,63,.45)}
.helper{font-size:.9rem; color:var(--muted)}
.form-actions{display:flex; gap:10px; flex-wrap:wrap; margin-top:6px}

.alert{
  padding:12px 14px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.04);
}
.alert.success{
  border-color: rgba(126,196,63,.30);
  background: rgba(126,196,63,.12);
}
.alert.error{
  border-color: rgba(255,120,120,.25);
  background: rgba(255,120,120,.12);
}

/* Footer */
.footer{
  padding:34px 0;
  border-top:1px solid rgba(255,255,255,.08);
  background: rgba(10,14,18,.55);
}
.footer-grid{
  display:grid;
  grid-template-columns: 1.3fr 1fr 1fr;
  gap:18px;
  align-items:start;
}
.footer img{height:38px; width:auto; opacity:.92}
.footer a:hover{text-decoration:underline}
.footer .muted{color:var(--muted)}
.footer .col h4{margin:10px 0 8px}
.footer .col ul{list-style:none; padding:0; margin:0; display:grid; gap:8px}
.subfooter{
  margin-top:18px;
  padding-top:14px;
  border-top:1px solid rgba(255,255,255,.10);
  display:flex; flex-wrap:wrap; gap:10px; align-items:center; justify-content:space-between;
  color:var(--muted);
}

/* Responsive */
@media (max-width: 980px){
  .hero-grid{grid-template-columns: 1fr}
  .features{grid-template-columns: 1fr}
  .twocol{grid-template-columns: 1fr}
  .gallery{grid-template-columns: 1fr 1fr}
  .menu{display:none}
  .hamburger{display:inline-block}
  .mobile-drawer.show{display:block}
  .brand img{height:40px}
}
@media (max-width: 620px){
  .field-row{grid-template-columns:1fr}
  .gallery{grid-template-columns: 1fr}
  .container{width: min(var(--max), calc(100% - 28px))}
}

/* Schritt 2: Mobilmenü Feinschliff */
@media (max-width: 980px){
  body.menu-open{
    overflow:hidden;
  }

  .topbar{
    z-index:1000;
  }

  .nav{
    min-height:64px;
    padding:10px 0;
  }

  .brand{
    min-width:0;
    flex:1 1 auto;
  }

  .brand img{
    max-width:180px;
    height:38px;
  }

  .nav-actions{
    flex:0 0 auto;
  }

  .nav-actions > .btn.accent{
    display:none;
  }

  .hamburger{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    flex:0 0 44px;
  }

  .mobile-drawer{
    display:none;
  }

  .mobile-drawer.show{
    display:block;
    position:fixed;
    left:0;
    right:0;
    top:65px;
    height:calc(100vh - 65px);
    max-height:calc(100vh - 65px);
    overflow-y:auto;
    overscroll-behavior:contain;
    padding:12px 14px 28px;
    background:rgba(11,15,20,.98);
    border-top:1px solid rgba(255,255,255,.10);
    box-shadow:0 18px 40px rgba(0,0,0,.38);
    -webkit-overflow-scrolling:touch;
  }

  .mobile-drawer a{
    padding:13px 14px;
    font-size:1rem;
    line-height:1.25;
    border-radius:14px;
  }

  .mobile-drawer .sub{
    margin:6px 0 4px 8px;
    padding-left:10px;
    border-left:1px solid rgba(255,255,255,.12);
  }

  .mobile-drawer .sub a{
    padding:10px 12px;
    font-size:.96rem;
  }

  .mobile-drawer .sub strong{
    display:block;
    padding:12px 12px 4px;
    color:var(--accent);
    font-size:.88rem;
    letter-spacing:.2px;
  }

  .mobile-drawer .hr{
    margin:10px 0;
  }
}

@media (max-width: 420px){
  .brand img{
    max-width:150px;
    height:34px;
  }

  .hamburger{
    width:42px;
    height:42px;
    flex-basis:42px;
  }

  .mobile-drawer.show{
    top:61px;
    height:calc(100vh - 61px);
    max-height:calc(100vh - 61px);
  }
}

/* Schritt 2b: Logo-Größe und Safari Safe-Area */
.brand img{
  height:58px;
  width:auto;
}

.nav{
  min-height:78px;
}

@media (max-width: 980px){
  .nav{
    min-height:74px;
  }

  .brand img{
    max-width:230px;
    height:50px;
  }

  .mobile-drawer.show{
    top:75px;
    height:calc(100dvh - 75px);
    max-height:calc(100dvh - 75px);
    padding-bottom:calc(96px + env(safe-area-inset-bottom));
  }

  .mobile-drawer .btn.accent{
    margin-bottom:calc(22px + env(safe-area-inset-bottom)) !important;
  }
}

@media (max-width: 420px){
  .brand img{
    max-width:205px;
    height:46px;
  }

  .nav{
    min-height:70px;
  }

  .mobile-drawer.show{
    top:71px;
    height:calc(100dvh - 71px);
    max-height:calc(100dvh - 71px);
    padding-bottom:calc(110px + env(safe-area-inset-bottom));
  }
}

/* Schritt 2e: Logo nach SVG-Crop minimal kleiner */
.brand{
  min-width:250px;
}

.brand img{
  height:74px !important;
  max-width:300px !important;
  width:auto !important;
}

.nav{
  min-height:96px !important;
  padding:11px 0 !important;
}

@media (max-width: 980px){
  .brand{
    min-width:0;
    flex:1 1 auto;
  }

  .brand img{
    height:60px !important;
    max-width:265px !important;
    width:auto !important;
  }

  .nav{
    min-height:84px !important;
    padding:9px 0 !important;
  }

  .mobile-drawer.show{
    top:85px !important;
    height:calc(100dvh - 85px) !important;
    max-height:calc(100dvh - 85px) !important;
  }
}

@media (max-width: 520px){
  .brand img{
    height:56px !important;
    max-width:235px !important;
  }

  .nav{
    min-height:80px !important;
  }

  .mobile-drawer.show{
    top:81px !important;
    height:calc(100dvh - 81px) !important;
    max-height:calc(100dvh - 81px) !important;
  }
}

@media (max-width: 380px){
  .brand img{
    height:50px !important;
    max-width:205px !important;
  }

  .nav{
    min-height:74px !important;
  }

  .mobile-drawer.show{
    top:75px !important;
    height:calc(100dvh - 75px) !important;
    max-height:calc(100dvh - 75px) !important;
  }
}

/* Schritt 3: Startseite Feinschliff */
.hero-redesign{
  padding-top:34px;
}

.hero-grid-redesign{
  grid-template-columns:1.08fr .92fr;
  gap:22px;
}

.hero-copy{
  min-height:480px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.hero-facts{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:10px;
  margin-top:18px;
}

.hero-facts div{
  padding:12px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:16px;
  background:rgba(255,255,255,.035);
}

.hero-facts strong{
  display:block;
  font-size:1.3rem;
  color:var(--brand);
  line-height:1.1;
}

.hero-facts span{
  display:block;
  margin-top:4px;
  color:var(--muted);
  font-size:.88rem;
}

.hero-logo-row{
  margin-top:18px;
  display:flex;
  gap:12px;
  align-items:center;
  flex-wrap:wrap;
  color:var(--muted);
  font-size:.95rem;
}

.hero-logo-row img{
  height:26px;
  width:auto;
}

.hero-media-redesign{
  min-height:480px;
}

.section-head{
  margin-bottom:16px;
  max-width:760px;
}

.section-head h2{
  margin:12px 0 6px;
  font-size:clamp(1.6rem, 2.2vw, 2.2rem);
  letter-spacing:-.4px;
}

.section-head p{
  color:var(--muted);
  margin:0;
}

.quick-grid{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:16px;
}

.quick-card{
  display:flex;
  flex-direction:column;
  min-height:230px;
  padding:18px;
  border-radius:var(--radius);
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.025));
  box-shadow:var(--shadow);
  transition:transform .14s ease, border-color .14s ease, background .14s ease;
}

.quick-card:hover{
  transform:translateY(-3px);
  border-color:rgba(126,196,63,.32);
  background:linear-gradient(180deg, rgba(126,196,63,.10), rgba(255,255,255,.025));
}

.quick-kicker{
  color:var(--accent);
  font-weight:900;
  letter-spacing:.3px;
  font-size:.9rem;
}

.quick-card h3{
  margin:10px 0 8px;
  font-size:1.12rem;
}

.quick-card p{
  color:var(--muted);
  margin:0;
}

.quick-link{
  margin-top:auto;
  padding-top:18px;
  color:#dff6cf;
  font-weight:900;
}

.step-list{
  display:grid;
  gap:12px;
  margin:16px 0;
}

.step-item{
  display:flex;
  gap:12px;
  padding:14px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:16px;
  background:rgba(255,255,255,.03);
}

.step-item > span{
  width:32px;
  height:32px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  background:rgba(126,196,63,.16);
  border:1px solid rgba(126,196,63,.35);
  color:#dff6cf;
  font-weight:900;
}

.step-item p{
  margin:4px 0 0;
  color:var(--muted);
}

.image-card img{
  width:100%;
  height:100%;
  min-height:360px;
  object-fit:cover;
}

.location-grid{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:16px;
}

.location-card{
  padding:20px;
  border-radius:var(--radius);
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.025));
  box-shadow:var(--shadow);
}

.location-card h3{
  margin:0 0 12px;
  color:var(--brand);
  font-size:1.35rem;
}

.location-card p{
  color:var(--muted);
}

.location-card strong{
  color:var(--text);
}

.cta-band{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:24px;
  border-radius:calc(var(--radius) + 6px);
  border:1px solid rgba(126,196,63,.24);
  background:
    radial-gradient(700px 260px at 10% 20%, rgba(126,196,63,.18), transparent 60%),
    radial-gradient(700px 260px at 90% 10%, rgba(232,158,42,.14), transparent 60%),
    rgba(255,255,255,.035);
  box-shadow:var(--shadow);
}

.cta-band h2{
  margin:12px 0 6px;
  font-size:clamp(1.5rem, 2.4vw, 2.4rem);
}

.cta-band p{
  margin:0;
  color:var(--muted);
}

.cta-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

@media (max-width: 980px){
  .hero-grid-redesign{
    grid-template-columns:1fr;
  }

  .hero-copy,
  .hero-media-redesign{
    min-height:auto;
  }

  .hero-media-redesign{
    height:360px;
  }

  .quick-grid{
    grid-template-columns:repeat(2, 1fr);
  }

  .cta-band{
    align-items:flex-start;
    flex-direction:column;
  }

  .cta-actions{
    justify-content:flex-start;
  }
}

@media (max-width: 620px){
  .hero-facts{
    grid-template-columns:1fr;
  }

  .quick-grid,
  .location-grid{
    grid-template-columns:1fr;
  }

  .quick-card{
    min-height:auto;
  }

  .hero-media-redesign{
    height:280px;
  }

  .image-card img{
    min-height:260px;
  }
}

/* Schritt 3b: Startseite konkrete Anpassungen */
.hero-copy{
  justify-content:flex-start !important;
  gap:18px;
  padding:32px !important;
}

.hero-copy h1{
  margin-top:2px;
}

.hero-copy .lead{
  margin-bottom:0;
}

.hero-copy .badge{
  align-self:flex-start;
}

.hero-facts{
  margin-top:6px;
}

.hero-fact-all-green strong,
.hero-fact-all-green span{
  color:var(--brand) !important;
  font-weight:900 !important;
}

.hero-media-redesign .caption{
  font-size:1rem;
}

.section-head{
  margin-bottom:18px;
}

.section-head h2{
  margin-bottom:0;
}

.twocol{
  align-items:stretch;
}

.twocol > .content,
.twocol > .card{
  height:100%;
}

.image-card{
  min-height:100%;
}

.image-card img{
  height:100%;
  min-height:100%;
}

.step-list{
  margin-bottom:18px;
}

.location-card p:last-child{
  margin-bottom:0;
}

.cta-band p{
  display:none;
}

.cta-band{
  align-items:center;
}

@media (max-width: 980px){
  .hero-copy{
    padding:24px !important;
  }

  .twocol > .content,
  .twocol > .card,
  .image-card img{
    height:auto;
    min-height:auto;
  }
}

/* Schritt 3c: Startseite Feinjustierung */
.hero-cta{
  flex-wrap:nowrap !important;
  gap:10px;
}

.hero-cta .btn{
  white-space:nowrap;
}

.hero-fact-all-green strong{
  color:var(--brand) !important;
  font-weight:900 !important;
}

.hero-fact-all-green span{
  color:var(--text) !important;
  font-weight:800 !important;
}

.hero-media-redesign .caption .small{
  color:var(--text) !important;
  font-weight:900 !important;
  font-size:1.03rem;
}

.step-list{
  gap:16px !important;
  margin:22px 0 24px !important;
}

.step-item{
  padding:18px !important;
}

.step-item p{
  margin-top:7px !important;
}

@media (max-width: 760px){
  .hero-cta{
    flex-wrap:wrap !important;
  }
}

/* Schritt 3d: finale Startseiten-Feinjustierung */
.hero-fact-all-green span{
  color:var(--muted) !important;
  font-weight:400 !important;
  font-size:.88rem !important;
}

.hero-media-redesign .caption .small{
  color:var(--text) !important;
  font-weight:400 !important;
  font-size:1.05rem !important;
  line-height:1.55 !important;
}

.start-flow-card{
  display:flex;
  flex-direction:column;
  min-height:100%;
}

.start-flow-card .step-list{
  flex:1;
  align-content:space-evenly;
  gap:18px !important;
  margin:24px 0 !important;
}

.start-flow-card .form-actions{
  margin-top:auto;
}

.start-flow-card .step-item{
  padding:20px !important;
}

@media (max-width: 980px){
  .start-flow-card{
    display:block;
  }

  .start-flow-card .form-actions{
    margin-top:16px;
  }
}

/* Schritt 3e: Ablaufkasten kompakter, Buttons bleiben unten */
.start-flow-card .badge{
  align-self:flex-start;
  width:auto;
  max-width:max-content;
}

.start-flow-card{
  display:flex;
  flex-direction:column;
  min-height:100%;
}

.start-flow-card .step-list{
  flex:0 0 auto;
  align-content:initial;
  gap:12px !important;
  margin:18px 0 22px !important;
}

.start-flow-card .step-item{
  padding:16px !important;
}

.start-flow-card .step-item p{
  margin-top:5px !important;
}

.start-flow-card .form-actions{
  margin-top:auto;
}

@media (max-width: 980px){
  .start-flow-card{
    display:block;
  }

  .start-flow-card .badge{
    max-width:max-content;
  }

  .start-flow-card .form-actions{
    margin-top:16px;
  }
}

/* Schritt 3f: mobile Bildausschnitte Startseite */
@media (max-width: 620px){
  .hero-media-redesign{
    height:240px !important;
  }

  .hero-media-redesign img{
    object-position:center 35% !important;
  }

  .hero-media-redesign .caption{
    left:12px;
    right:12px;
    bottom:12px;
    padding:10px 12px;
  }

  .hero-media-redesign .caption .small{
    font-size:.95rem !important;
    line-height:1.35 !important;
  }

  .image-card{
    max-height:240px;
  }

  .image-card img{
    height:240px !important;
    min-height:240px !important;
    object-fit:cover !important;
    object-position:center 52% !important;
  }
}

@media (max-width: 420px){
  .hero-media-redesign{
    height:220px !important;
  }

  .image-card,
  .image-card img{
    height:220px !important;
    min-height:220px !important;
    max-height:220px !important;
  }
}

/* Schritt 3g: mobile Bildausschnitte korrigiert */
@media (max-width: 620px){
  .hero-media-redesign img{
    object-position:center 78% !important;
  }

  .image-card img{
    object-position:center 66% !important;
  }
}

@media (max-width: 420px){
  .hero-media-redesign img{
    object-position:center 82% !important;
  }

  .image-card img{
    object-position:center 70% !important;
  }
}

/* Schritt 3h: erstes mobiles Bild leicht nach unten */
@media (max-width: 620px){
  .hero-media-redesign img{
    object-position:center 72% !important;
  }
}

@media (max-width: 420px){
  .hero-media-redesign img{
    object-position:center 76% !important;
  }
}

/* Schritt 3i: erstes mobiles Bild weiter nach unten */
@media (max-width: 620px){
  .hero-media-redesign img{
    object-position:center 64% !important;
  }
}

@media (max-width: 420px){
  .hero-media-redesign img{
    object-position:center 68% !important;
  }
}

/* Schritt 5: Fahrschule-Bank-Seite */
[id]{
  scroll-margin-top:125px;
}

.fahrschule-pagehead p{
  max-width:760px;
}

.fahrschule-intro{
  align-items:stretch;
}

.about-card{
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.about-card .badge{
  align-self:flex-start;
  width:auto;
  max-width:max-content;
}

.about-card h2{
  margin:16px 0 12px;
  font-size:clamp(1.6rem, 2.4vw, 2.35rem);
  line-height:1.15;
}

.about-card p{
  color:rgba(232,238,247,.90);
}

.about-highlights{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:14px;
}

.highlight-card{
  min-height:150px;
  padding:18px;
  border-radius:var(--radius);
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.025));
  box-shadow:var(--shadow);
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
}

.highlight-card strong{
  color:var(--brand);
  font-size:1.35rem;
  line-height:1.1;
  margin-bottom:8px;
}

.highlight-card span{
  color:var(--muted);
}

.location-grid-detail{
  align-items:stretch;
}

.location-detail-card{
  display:flex;
  flex-direction:column;
}

.location-detail-card .btn{
  margin-top:auto;
  align-self:flex-start;
}

.contact-lines{
  display:grid;
  gap:8px;
  margin:14px 0 18px;
}

.contact-lines a{
  display:flex;
  align-items:center;
  gap:9px;
  color:rgba(232,238,247,.92);
  font-weight:700;
}

.contact-lines a:hover{
  color:#dff6cf;
  text-decoration:none;
}

.contact-lines span{
  width:26px;
  height:26px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(126,196,63,.14);
  border:1px solid rgba(126,196,63,.28);
}

.vehicle-gallery{
  display:grid;
  grid-template-columns:repeat(6, 1fr);
  gap:16px;
}

.vehicle-gallery img{
  width:100%;
  height:260px;
  object-fit:cover;
  border-radius:var(--radius);
  border:1px solid rgba(255,255,255,.10);
  box-shadow:var(--shadow);
  background:rgba(255,255,255,.03);
}

.vehicle-gallery img:nth-child(1),
.vehicle-gallery img:nth-child(2){
  grid-column:span 3;
  height:320px;
}

.vehicle-gallery img:nth-child(3),
.vehicle-gallery img:nth-child(4),
.vehicle-gallery img:nth-child(5){
  grid-column:span 2;
}

.vehicle-pos-1{ object-position:center 62%; }
.vehicle-pos-2{ object-position:center 58%; }
.vehicle-pos-3{ object-position:center 78%; }
.vehicle-pos-4{ object-position:center 74%; }
.vehicle-pos-5{ object-position:center 62%; }

.team-feature{
  display:grid;
  grid-template-columns:.95fr 1.05fr;
  gap:18px;
  align-items:stretch;
  margin-bottom:24px;
}

.team-image-card img{
  height:100%;
  min-height:360px;
  object-fit:cover;
  object-position:center 45%;
}

.team-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.team-copy h3{
  margin:0 0 10px;
  font-size:1.45rem;
}

.fahrschule-cta{
  margin-top:10px;
}

@media (max-width: 980px){
  [id]{
    scroll-margin-top:100px;
  }

  .about-highlights,
  .team-feature{
    grid-template-columns:1fr;
  }

  .vehicle-gallery{
    grid-template-columns:1fr 1fr;
  }

  .vehicle-gallery img,
  .vehicle-gallery img:nth-child(1),
  .vehicle-gallery img:nth-child(2),
  .vehicle-gallery img:nth-child(3),
  .vehicle-gallery img:nth-child(4),
  .vehicle-gallery img:nth-child(5){
    grid-column:auto;
    height:240px;
  }
}

@media (max-width: 620px){
  [id]{
    scroll-margin-top:92px;
  }

  .about-highlights,
  .vehicle-gallery{
    grid-template-columns:1fr;
  }

  .highlight-card{
    min-height:120px;
  }

  .vehicle-gallery img,
  .vehicle-gallery img:nth-child(1),
  .vehicle-gallery img:nth-child(2),
  .vehicle-gallery img:nth-child(3),
  .vehicle-gallery img:nth-child(4),
  .vehicle-gallery img:nth-child(5){
    height:220px;
  }

  .team-image-card img{
    min-height:260px;
    height:260px;
  }

  .location-detail-card .btn{
    align-self:stretch;
  }
}

/* Schritt 5e: mobiles Fahrzeugbild 3 leicht weiter nach unten */
@media (max-width: 620px){
  .vehicle-gallery .vehicle-pos-3{
    object-position:center 70% !important;
  }
}

/* Schritt 6: Landingpage Hero CTA-Kontakt */
.hero-contact-lines{
  margin:4px 0 2px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.hero-contact-lines a{
  padding:10px 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.035);
}

.hero-contact-lines span{
  flex:0 0 auto;
}

@media (max-width: 620px){
  .hero-contact-lines{
    display:grid;
    gap:8px;
  }

  .hero-contact-lines a{
    border-radius:16px;
  }
}

/* Schritt 6b: erster Hero-Kasten links besser füllen */
.hero-copy{
  justify-content:space-between !important;
  gap:22px !important;
}

.hero-copy h1{
  margin-bottom:4px !important;
}

.hero-copy .lead{
  margin-top:0 !important;
  margin-bottom:4px !important;
}

.hero-contact-lines{
  margin:8px 0 6px !important;
}

.hero-cta{
  margin-top:4px !important;
}

.hero-facts{
  margin-top:10px !important;
}

@media (max-width: 980px){
  .hero-copy{
    justify-content:flex-start !important;
    gap:18px !important;
  }
}

@media (max-width: 620px){
  .hero-copy{
    gap:16px !important;
  }
}

/* Schritt 7: Jobs-Seite */
.jobs-pagehead p{
  max-width:760px;
}

.jobs-hero-grid{
  align-items:stretch;
}

.jobs-intro-card{
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.jobs-intro-card .badge,
.application-card .badge{
  align-self:flex-start;
  width:auto;
  max-width:max-content;
}

.jobs-intro-card h2,
.application-card h2{
  margin:16px 0 12px;
  font-size:clamp(1.6rem, 2.35vw, 2.3rem);
  line-height:1.15;
}

.jobs-intro-card p,
.application-card p{
  color:rgba(232,238,247,.90);
}

.jobs-side-card{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:14px;
}

.jobs-contact-lines{
  margin:14px 0 18px;
}

.job-card-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:16px;
}

.job-card{
  padding:20px;
  border-radius:var(--radius);
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.025));
  box-shadow:var(--shadow);
  min-height:250px;
  display:flex;
  flex-direction:column;
}

.job-kicker{
  color:var(--accent);
  font-weight:900;
  letter-spacing:.3px;
  font-size:.9rem;
}

.job-card h3{
  margin:10px 0 8px;
  font-size:1.22rem;
}

.job-card p{
  color:var(--muted);
  margin:0;
}

.application-card{
  max-width:980px;
  margin:0 auto;
}

.application-steps{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:12px;
  margin:20px 0;
}

.application-steps .step-item{
  flex-direction:column;
}

@media (max-width: 980px){
  .jobs-side-card{
    grid-template-columns:1fr 1fr;
  }

  .job-card-grid,
  .application-steps{
    grid-template-columns:1fr;
  }
}

@media (max-width: 620px){
  .jobs-side-card{
    grid-template-columns:1fr;
  }

  .job-card{
    min-height:auto;
  }
}

/* Schritt 8: Bewerbungsseiten */
.job-link-card{
  color:inherit;
  text-decoration:none;
  cursor:pointer;
  transition:transform .14s ease, border-color .14s ease, background .14s ease;
}

.job-link-card:hover{
  transform:translateY(-3px);
  border-color:rgba(126,196,63,.32);
  background:linear-gradient(180deg, rgba(126,196,63,.10), rgba(255,255,255,.025));
}

.job-link-card .quick-link{
  margin-top:auto;
}

.application-pagehead p{
  max-width:760px;
}

.application-layout{
  align-items:stretch;
}

.application-form-card,
.application-info-card{
  display:flex;
  flex-direction:column;
}

.application-form-card .badge,
.application-info-card .badge{
  align-self:flex-start;
  max-width:max-content;
}

.application-form-card h2,
.application-info-card h2{
  margin:16px 0 10px;
  font-size:clamp(1.5rem, 2vw, 2rem);
}

.application-info-card{
  justify-content:center;
}

.application-steps-side{
  grid-template-columns:1fr;
}

.application-steps-side .step-item{
  flex-direction:row;
}

input[type="file"]{
  padding:12px;
  cursor:pointer;
}

@media (max-width: 980px){
  .application-layout{
    grid-template-columns:1fr;
  }
}

/* Schritt 8b: Bewerbungsformular ohne Standort + rechter Kasten lockerer */
.application-info-card{
  justify-content:space-between !important;
  padding:30px !important;
}

.application-info-card h2{
  margin-bottom:18px !important;
}

.application-steps-side{
  gap:18px !important;
  margin:22px 0 !important;
}

.application-steps-side .step-item{
  padding:20px !important;
}

.application-steps-side .step-item p{
  margin-top:7px !important;
}

.application-info-card .note{
  margin-top:22px;
  padding:18px;
}

.application-form-card form > div{
  margin-bottom:16px;
}

.application-form-card form > div:last-child{
  margin-bottom:0;
}

@media (max-width: 980px){
  .application-info-card{
    padding:24px !important;
  }
}

/* Schritt 8c: rechter Bewerbungs-Kasten oben kompakter */
.application-info-card{
  justify-content:flex-start !important;
  padding:30px !important;
}

.application-info-card .badge{
  margin-bottom:0;
}

.application-info-card h2{
  margin:14px 0 16px !important;
}

.application-steps-side{
  gap:12px !important;
  margin:14px 0 18px !important;
}

.application-steps-side .step-item{
  padding:16px !important;
}

.application-steps-side .step-item p{
  margin-top:5px !important;
}

.application-info-card .note{
  margin-top:18px !important;
}

/* Schritt 9b: professionelle Führerschein-Klassenkarten */
.license-intro-full{
  max-width:980px;
  margin:0 auto;
}

.license-intro-full .badge{
  width:auto;
  max-width:max-content;
}

.license-intro-full h2{
  margin:16px 0 12px;
  font-size:clamp(1.7rem, 2.5vw, 2.45rem);
  line-height:1.12;
}

.license-intro-full p{
  color:rgba(232,238,247,.90);
}

.license-class-card{
  width:100%;
  padding:26px;
  border-radius:calc(var(--radius) + 4px);
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.025));
  box-shadow:var(--shadow);
}

.license-class-card.compact{
  max-width:980px;
  margin:0 auto;
}

.license-class-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  padding-bottom:18px;
  margin-bottom:18px;
  border-bottom:1px solid rgba(255,255,255,.10);
}

.license-class-head .badge{
  width:auto;
  max-width:max-content;
}

.license-class-head h2{
  margin:14px 0 0;
  font-size:clamp(1.55rem, 2.3vw, 2.35rem);
  line-height:1.12;
}

.license-class-meta{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
  min-width:260px;
}

.license-class-meta span{
  padding:8px 11px;
  border-radius:999px;
  border:1px solid rgba(126,196,63,.25);
  background:rgba(126,196,63,.10);
  color:#dff6cf;
  font-weight:800;
  font-size:.9rem;
  white-space:nowrap;
}

.license-class-body{
  display:grid;
  grid-template-columns:1.25fr .75fr;
  gap:24px;
}

.license-class-body h3,
.license-subcard h3{
  margin:0 0 10px;
  color:var(--brand);
  font-size:1.18rem;
}

.license-class-body p,
.license-class-card.compact p,
.license-subcard p{
  color:rgba(232,238,247,.90);
}

.license-class-body ul{
  margin-top:0;
  margin-bottom:0;
}

.license-class-body li{
  margin:8px 0;
}

.license-subcards{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:14px;
  margin-top:20px;
}

.license-subcard{
  padding:18px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.035);
}

@media (max-width: 980px){
  .license-class-head{
    display:block;
  }

  .license-class-meta{
    justify-content:flex-start;
    min-width:0;
    margin-top:14px;
  }

  .license-class-body,
  .license-subcards{
    grid-template-columns:1fr;
  }
}

@media (max-width: 620px){
  .license-class-card{
    padding:20px;
  }

  .license-class-meta span{
    white-space:normal;
  }
}

/* Schritt 9c: PKW-Seite Detailkorrekturen */
.license-pagehead .small{
  display:none !important;
}

.license-equal-card{
  min-height:560px;
  display:flex;
  flex-direction:column;
}

.license-equal-card .license-class-body{
  flex:1;
}

.recommended-card{
  border-color:rgba(126,196,63,.22);
  background:
    linear-gradient(180deg, rgba(126,196,63,.06), rgba(255,255,255,.025));
}

.documents-card h2{
  font-size:clamp(1.45rem, 2vw, 2rem);
}

@media (max-width: 980px){
  .license-equal-card{
    min-height:auto;
  }
}

/* Schritt 9d: PKW-Kästen einheitlich und BE ohne Hervorhebung */
.license-equal-card,
.license-class-card.compact{
  min-height:560px;
  display:flex;
  flex-direction:column;
}

.license-class-card.compact .license-class-body,
.license-equal-card .license-class-body{
  flex:1;
}

.recommended-card{
  border-color:rgba(255,255,255,.10) !important;
  background:linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.025)) !important;
}

@media (max-width: 980px){
  .license-equal-card,
  .license-class-card.compact{
    min-height:auto;
  }
}

/* Schritt 9e: PKW-Kästen volle Breite */
.license-intro-full,
.license-class-card.compact{
  max-width:none !important;
  width:100% !important;
}

.license-intro-full{
  margin-left:0 !important;
  margin-right:0 !important;
}

.license-class-card.compact{
  margin-left:0 !important;
  margin-right:0 !important;
}

/* Schritt 10: Motorrad-Seite */
.motorcycle-equal-card{
  min-height:520px;
  display:flex;
  flex-direction:column;
}

.motorcycle-equal-card .license-class-body{
  flex:1;
}

@media (max-width: 980px){
  .motorcycle-equal-card{
    min-height:auto;
  }
}

/* Schritt 11: LKW- und Traktor-Seite */
.lkw-equal-card{
  min-height:520px;
  display:flex;
  flex-direction:column;
}

.lkw-equal-card .license-class-body{
  flex:1;
}

.tractor-card{
  border-color:rgba(232,158,42,.18);
}

@media (max-width: 980px){
  .lkw-equal-card{
    min-height:auto;
  }
}

/* Schritt 11b: BKF-Buttons auf LKW-Klassen */
.license-card-actions{
  margin-top:20px;
  display:flex;
  justify-content:flex-start;
}

.license-card-actions .btn{
  width:auto;
}

@media (max-width: 620px){
  .license-card-actions .btn{
    width:100%;
  }
}

/* Schritt 12: Bus-Seite */
.bus-equal-card{
  min-height:520px;
  display:flex;
  flex-direction:column;
}

.bus-equal-card .license-class-body{
  flex:1;
}

@media (max-width: 980px){
  .bus-equal-card{
    min-height:auto;
  }
}

/* Schritt 13: Berufskraftfahrer-Seiten */
.bkf-pagehead h1{max-width:980px;}
.bkf-intro{max-width:none !important;}
.bkf-card{min-height:360px;}
.bkf-process-grid{align-items:stretch;}
.azav-card{display:flex;gap:20px;align-items:center;padding:24px;border-radius:calc(var(--radius) + 4px);border:1px solid rgba(126,196,63,.24);background:radial-gradient(540px 220px at 0% 10%, rgba(126,196,63,.14), transparent 60%),rgba(255,255,255,.035);box-shadow:var(--shadow);}
.azav-seal{width:150px;height:150px;flex:0 0 auto;border-radius:28px;border:2px solid rgba(126,196,63,.45);background:rgba(126,196,63,.10);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;}
.azav-seal strong{color:var(--brand);font-size:2rem;letter-spacing:.08em;}
.azav-seal span{color:#dff6cf;font-weight:900;text-transform:uppercase;font-size:.82rem;letter-spacing:.08em;}
.azav-card h3{margin:0 0 8px;font-size:1.45rem;}
.azav-card p{margin:0;color:rgba(232,238,247,.90);}
.bkf-module-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;}
.bkf-module-card{min-height:260px;padding:18px;}
.bkf-module-card .badge{width:auto;max-width:max-content;}
.bkf-module-card h2{margin:14px 0 10px;font-size:1.16rem;}
.bkf-module-card p{color:var(--muted);}
.bkf-termine-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.bkf-termine-grid .license-class-card{display:flex;flex-direction:column;}
.bkf-termine-grid .license-card-actions{margin-top:auto;}
@media (max-width:1100px){.bkf-module-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:980px){.bkf-termine-grid{grid-template-columns:1fr;}}
@media (max-width:620px){.azav-card{display:block;}.azav-seal{width:130px;height:130px;margin-bottom:16px;}.bkf-module-grid{grid-template-columns:1fr;}.bkf-card{min-height:auto;}}



/* Schritt 13b: BKF Ausbildung grafisch aufbereitet */
.section-head-left{max-width:860px;margin-bottom:18px;}
.section-head-left h2{margin:12px 0 10px;}
.section-head-left p{color:var(--muted);}
.bkf-way-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.bkf-way-card{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:340px;}
.bkf-way-card h3{margin:14px 0 12px;font-size:1.4rem;}
.bkf-way-card p{color:rgba(232,238,247,.92);}
.bkf-way-card ul{margin-top:auto;padding-left:18px;}
.bkf-way-number{position:absolute;top:18px;right:18px;width:42px;height:42px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;font-weight:900;color:#fff;}
.bkf-way-card.is-highlight{border-color:rgba(126,196,63,.28);background:radial-gradient(420px 220px at 0% 0%, rgba(126,196,63,.12), transparent 55%),linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.025));}
.bkf-process-card{padding-bottom:26px;}
.bkf-timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:8px;position:relative;}
.bkf-step{padding:18px;border-radius:18px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.035);box-shadow:var(--shadow);}
.bkf-step-icon{width:50px;height:50px;border-radius:16px;background:rgba(126,196,63,.14);border:1px solid rgba(126,196,63,.30);display:flex;align-items:center;justify-content:center;font-size:1.15rem;font-weight:900;color:#dff6cf;margin-bottom:14px;}
.bkf-step h3{margin:0 0 8px;font-size:1.15rem;}
.bkf-step p{margin:0;color:var(--muted);}
.bkf-note-grid{margin-top:18px;}
.bkf-legal-card .license-subcard p{margin-bottom:0;}
@media (max-width:1100px){.bkf-way-grid{grid-template-columns:1fr;}.bkf-timeline{grid-template-columns:repeat(2,1fr);}}
@media (max-width:620px){.bkf-timeline{grid-template-columns:1fr;}.bkf-way-card{min-height:auto;}}

/* Schritt 13c: BKF IHK-Prüfung */
.bkf-ihk-card{
  border-color:rgba(126,196,63,.18);
}

.bkf-exam-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:14px;
  margin-top:20px;
}

.bkf-exam-box{
  padding:18px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.035);
}

.bkf-exam-box h3{
  margin:0 0 10px;
  color:var(--brand);
  font-size:1.14rem;
}

.bkf-exam-box p{
  color:rgba(232,238,247,.90);
  margin:0;
}

.bkf-exam-box ul{
  margin:0;
  padding-left:18px;
}

.bkf-exam-box li{
  margin:7px 0;
}

@media (max-width: 980px){
  .bkf-exam-grid{
    grid-template-columns:1fr;
  }
}

/* Schritt 13d: BKF Optik, CTA und Umsteiger */
.bkf-way-card .badge,
.bkf-ihk-card .badge,
.bkf-umsteiger-card .badge{
  width:auto !important;
  max-width:max-content !important;
  display:inline-flex !important;
  align-self:flex-start;
}

.bkf-way-card .badge{
  padding-right:12px;
}

.bkf-inline-cta{
  margin-top:18px;
  padding:18px;
  border-radius:20px;
  border:1px solid rgba(126,196,63,.24);
  background:rgba(126,196,63,.075);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}

.bkf-inline-cta strong{
  display:block;
  color:#fff;
  font-size:1.08rem;
  margin-bottom:4px;
}

.bkf-inline-cta span{
  color:rgba(232,238,247,.86);
}

.bkf-inline-cta .btn{
  flex:0 0 auto;
}

.bkf-inline-cta-inside{
  margin-top:22px;
}

.bkf-umsteiger-card{
  border-color:rgba(232,158,42,.20);
}

.bkf-umsteiger-card .license-card-actions{
  gap:10px;
  flex-wrap:wrap;
}

@media (max-width: 760px){
  .bkf-inline-cta{
    display:grid;
  }

  .bkf-inline-cta .btn{
    width:100%;
  }

  .bkf-umsteiger-card .license-card-actions .btn{
    width:100%;
  }
}

/* Schritt 13e: BKF Module und Umsteiger trennen */
.bkf-umsteiger-main{
  border-color:rgba(232,158,42,.22);
}

.bkf-umsteiger-flow{
  display:grid;
  grid-template-columns:repeat(5, 1fr);
  gap:12px;
  margin-top:22px;
}

.bkf-umsteiger-step{
  padding:16px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.035);
}

.bkf-umsteiger-step span{
  width:38px;
  height:38px;
  border-radius:14px;
  background:rgba(232,158,42,.14);
  border:1px solid rgba(232,158,42,.30);
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:900;
  color:#ffd79a;
  margin-bottom:12px;
}

.bkf-umsteiger-step strong{
  display:block;
  color:#fff;
  margin-bottom:7px;
}

.bkf-umsteiger-step p{
  margin:0;
  color:var(--muted);
}

.bkf-action-row{
  gap:10px;
  flex-wrap:wrap;
}

.module-intro{
  border-top:1px solid rgba(255,255,255,.10);
}

@media (max-width: 1200px){
  .bkf-umsteiger-flow{
    grid-template-columns:repeat(2, 1fr);
  }
}

@media (max-width: 620px){
  .bkf-umsteiger-flow{
    grid-template-columns:1fr;
  }

  .bkf-action-row .btn{
    width:100%;
  }
}

/* Schritt 13g: Arbeitsamtmaßnahmen Tabelle */
.bkf-measures-card{
  overflow:hidden;
}

.bkf-table-intro{
  color:rgba(232,238,247,.90);
  max-width:980px;
  margin:0 0 18px;
}

.bkf-table-wrap{
  width:100%;
  overflow-x:auto;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.10);
}

.bkf-measures-table{
  width:100%;
  border-collapse:collapse;
  min-width:860px;
  background:rgba(255,255,255,.025);
}

.bkf-measures-table th,
.bkf-measures-table td{
  padding:14px 15px;
  text-align:left;
  border-bottom:1px solid rgba(255,255,255,.08);
  vertical-align:top;
}

.bkf-measures-table th{
  color:#dff6cf;
  font-size:.88rem;
  text-transform:uppercase;
  letter-spacing:.04em;
  background:rgba(126,196,63,.08);
}

.bkf-measures-table td{
  color:rgba(232,238,247,.90);
}

.bkf-measures-table tr:last-child td{
  border-bottom:0;
}

.bkf-target-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:14px;
}

.bkf-target-box{
  padding:18px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.035);
}

.bkf-target-box h3{
  margin:0 0 10px;
  color:var(--brand);
  font-size:1.14rem;
}

.bkf-target-box p{
  color:var(--muted);
}

.bkf-target-box a{
  color:#dff6cf;
  font-weight:900;
}

@media (max-width: 980px){
  .bkf-target-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width: 700px){
  .bkf-table-wrap{
    border:0;
    overflow:visible;
  }

  .bkf-measures-table{
    min-width:0;
    background:transparent;
  }

  .bkf-measures-table thead{
    display:none;
  }

  .bkf-measures-table,
  .bkf-measures-table tbody,
  .bkf-measures-table tr,
  .bkf-measures-table td{
    display:block;
    width:100%;
  }

  .bkf-measures-table tr{
    margin-bottom:12px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:18px;
    background:rgba(255,255,255,.035);
    overflow:hidden;
  }

  .bkf-measures-table td{
    border-bottom:1px solid rgba(255,255,255,.08);
    padding:12px 14px 12px 42%;
    position:relative;
    min-height:44px;
  }

  .bkf-measures-table td::before{
    content:attr(data-label);
    position:absolute;
    left:14px;
    top:12px;
    width:34%;
    color:#dff6cf;
    font-weight:900;
    font-size:.82rem;
  }

  .bkf-measures-table td:last-child{
    border-bottom:0;
  }
}

/* Schritt 13h: BKF Termine dezenter Hinweis */
.bkf-subtle-section{
  padding-top:0 !important;
}

.bkf-subtle-note{
  padding:14px 16px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.030);
  color:rgba(232,238,247,.86);
  display:flex;
  gap:8px;
  align-items:flex-start;
}

.bkf-subtle-note strong{
  color:#dff6cf;
  flex:0 0 auto;
}

@media (max-width: 620px){
  .bkf-subtle-note{
    display:block;
  }

  .bkf-subtle-note strong{
    display:block;
    margin-bottom:4px;
  }
}

/* Schritt 14: Kurse Abendfahrschule und Intensivkurs */
.course-pagehead h1{
  max-width:980px;
}

.course-intro{
  max-width:none !important;
}

.course-intro-strong{
  border-color:rgba(126,196,63,.20);
}

.course-location-grid{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:18px;
}

.course-location-card{
  display:flex;
  flex-direction:column;
}

.course-hours{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:14px;
  margin-bottom:16px;
}

.course-hours div{
  padding:16px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.035);
}

.course-hours strong,
.course-hours span{
  display:block;
}

.course-hours strong{
  color:var(--brand);
  margin-bottom:8px;
}

.course-hours span{
  color:rgba(232,238,247,.90);
  margin:5px 0;
}

.course-location-contact{
  margin:6px 0 8px;
}

.course-highlight-row{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:12px;
  margin:20px 0 16px;
}

.course-highlight-row div{
  padding:16px;
  border-radius:18px;
  border:1px solid rgba(126,196,63,.20);
  background:rgba(126,196,63,.075);
}

.course-highlight-row strong,
.course-highlight-row span{
  display:block;
}

.course-highlight-row strong{
  color:#dff6cf;
  font-size:1.15rem;
  margin-bottom:6px;
}

.course-highlight-row span{
  color:rgba(232,238,247,.86);
}

.course-process-card{
  border-color:rgba(126,196,63,.16);
}

.course-date-grid{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:14px;
}

.course-date-card{
  padding:20px;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.025));
  box-shadow:var(--shadow);
}

.course-date-card span,
.course-date-card strong,
.course-date-card small{
  display:block;
}

.course-date-card span{
  color:var(--brand);
  font-weight:900;
  text-transform:uppercase;
  font-size:.84rem;
  letter-spacing:.04em;
  margin-bottom:10px;
}

.course-date-card strong{
  font-size:1.28rem;
  color:#fff;
  margin-bottom:8px;
}

.course-date-card small{
  color:var(--muted);
}

@media (max-width: 1100px){
  .course-date-grid{
    grid-template-columns:repeat(2, 1fr);
  }
}

@media (max-width: 980px){
  .course-location-grid,
  .course-hours,
  .course-highlight-row{
    grid-template-columns:1fr;
  }
}

@media (max-width: 620px){
  .course-date-grid{
    grid-template-columns:1fr;
  }
}

/* Schritt 14c: Kursseiten Anpassungen */
.course-boost-card{
  border-color:rgba(126,196,63,.24);
  background:
    radial-gradient(540px 220px at 0% 0%, rgba(126,196,63,.12), transparent 58%),
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.025));
}

.course-date-card-muted{
  border-style:dashed;
  background:rgba(255,255,255,.025);
}

.course-date-card-muted strong{
  color:rgba(255,255,255,.86);
}

.course-theory-option{
  margin-top:20px;
}

/* Schritt 16: Responsive Bilder für PageSpeed */
.hero-media picture,
.image-card picture{
  display:block;
  width:100%;
  height:100%;
}

.hero-media picture img,
.image-card picture img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

/* Schritt 19: Responsive Bilder auf Fahrschule-Bank-Seite */
.vehicle-gallery picture{
  display:block;
  width:100%;
}

.vehicle-gallery picture img{
  width:100%;
  height:260px;
  object-fit:cover;
  border-radius:var(--radius);
  border:1px solid rgba(255,255,255,.10);
  box-shadow:var(--shadow);
  background:rgba(255,255,255,.03);
}

.vehicle-gallery picture:nth-child(1),
.vehicle-gallery picture:nth-child(2){
  grid-column:span 3;
}

.vehicle-gallery picture:nth-child(1) img,
.vehicle-gallery picture:nth-child(2) img{
  height:320px;
}

.vehicle-gallery picture:nth-child(3),
.vehicle-gallery picture:nth-child(4),
.vehicle-gallery picture:nth-child(5){
  grid-column:span 2;
}

.vehicle-gallery .vehicle-pos-1 img{ object-position:center 62%; }
.vehicle-gallery .vehicle-pos-2 img{ object-position:center 58%; }
.vehicle-gallery .vehicle-pos-3 img{ object-position:center 78%; }
.vehicle-gallery .vehicle-pos-4 img{ object-position:center 74%; }
.vehicle-gallery .vehicle-pos-5 img{ object-position:center 62%; }

.team-image-card picture{
  display:block;
  width:100%;
  height:100%;
}

.team-image-card picture img{
  width:100%;
  height:100%;
  min-height:360px;
  object-fit:cover;
  object-position:center 45%;
}

@media (max-width: 860px){
  .vehicle-gallery picture,
  .vehicle-gallery picture:nth-child(1),
  .vehicle-gallery picture:nth-child(2),
  .vehicle-gallery picture:nth-child(3),
  .vehicle-gallery picture:nth-child(4),
  .vehicle-gallery picture:nth-child(5){
    grid-column:1 / -1;
  }
}

/* Schritt 20: Mobile Bildpositionen feinjustiert */
@media (max-width: 700px){
  /* Landingpage: erstes Hero-Bild mobil etwas weiter nach unten */
  .hero-media picture img,
  .hero-media > img{
    object-position:center 58% !important;
  }

  /* Fahrschule Bank: Ausbildungsfahrzeuge, 3. Bild mobil etwas weiter nach unten */
  .vehicle-gallery picture:nth-child(3) img,
  .vehicle-gallery img:nth-child(3){
    object-position:center 86% !important;
  }
}


/* Schritt 20b: 3. Ausbildungsfahrzeug mobil stärker nach unten */
@media (max-width: 700px){
  .vehicle-gallery picture.vehicle-pos-3 img,
  .vehicle-gallery .vehicle-pos-3 img,
  .vehicle-gallery img.vehicle-pos-3{
    object-position:center 96% !important;
  }
}


/* Schritt 20c: 3. Ausbildungsfahrzeug mobil sichtbar weiter nach unten */
@media (max-width: 700px){
  #fahrzeuge .vehicle-gallery picture:nth-child(3) img,
  #fahrzeuge .vehicle-gallery picture.vehicle-pos-3 img,
  #fahrzeuge .vehicle-gallery .vehicle-pos-3 img,
  #fahrzeuge .vehicle-gallery img.vehicle-pos-3,
  .vehicle-gallery picture:nth-child(3) img,
  .vehicle-gallery picture.vehicle-pos-3 img,
  .vehicle-gallery .vehicle-pos-3 img,
  .vehicle-gallery img.vehicle-pos-3{
    object-position:center 28% !important;
  }
}


/* Schritt 20d: 3. Ausbildungsfahrzeug mobil Mittelwert */
@media (max-width: 700px){
  #fahrzeuge .vehicle-gallery picture:nth-child(3) img,
  #fahrzeuge .vehicle-gallery picture.vehicle-pos-3 img,
  #fahrzeuge .vehicle-gallery .vehicle-pos-3 img,
  #fahrzeuge .vehicle-gallery img.vehicle-pos-3,
  .vehicle-gallery picture:nth-child(3) img,
  .vehicle-gallery picture.vehicle-pos-3 img,
  .vehicle-gallery .vehicle-pos-3 img,
  .vehicle-gallery img.vehicle-pos-3{
    object-position:center 55% !important;
  }
}


/* Schritt 20e: 3. Ausbildungsfahrzeug mobil minimal höher */
@media (max-width: 700px){
  #fahrzeuge .vehicle-gallery picture:nth-child(3) img,
  #fahrzeuge .vehicle-gallery picture.vehicle-pos-3 img,
  #fahrzeuge .vehicle-gallery .vehicle-pos-3 img,
  #fahrzeuge .vehicle-gallery img.vehicle-pos-3,
  .vehicle-gallery picture:nth-child(3) img,
  .vehicle-gallery picture.vehicle-pos-3 img,
  .vehicle-gallery .vehicle-pos-3 img,
  .vehicle-gallery img.vehicle-pos-3{
    object-position:center 62% !important;
  }
}

/* Schritt 21: Kontaktseite Standorte + Dropdown-Lesbarkeit */
select option{
  color:#0b0f14;
  background:#ffffff;
}

.contact-location-stack{
  grid-template-columns:1fr;
  gap:12px;
}

.contact-location-stack .location-card{
  padding:18px;
}

.contact-location-stack .location-detail-card .btn{
  margin-top:10px;
}

/* Schritt 28: Header-CTA Kontakt und LKW/Traktor-Navigation */
.menu a.header-contact-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 16px;
  border-radius:999px;
  background:linear-gradient(135deg, rgba(126,196,63,.95), rgba(126,196,63,.72));
  border:1px solid rgba(126,196,63,.55);
  color:#0b1017;
  font-weight:800;
}

.menu a.header-contact-cta:hover{
  background:linear-gradient(135deg, rgba(126,196,63,1), rgba(126,196,63,.82));
  border-color:rgba(126,196,63,.70);
}

.mobile-drawer a.mobile-contact-cta{
  margin-top:2px;
  background:linear-gradient(135deg, rgba(126,196,63,.95), rgba(126,196,63,.72));
  border:1px solid rgba(126,196,63,.55);
  color:#0b1017;
  text-align:center;
  font-weight:900;
}

.mobile-drawer a.mobile-contact-cta:hover{
  background:linear-gradient(135deg, rgba(126,196,63,1), rgba(126,196,63,.82));
}

/* Schritt 29: Header-CTA Feinschliff */
.menu a.header-contact-cta{
  padding:12px 16px;
  font-weight:700;
  letter-spacing:.2px;
  line-height:1;
  margin-left:6px;
  margin-right:-10px;
}

.mobile-drawer a.mobile-contact-cta,
.mobile-drawer .btn.accent{
  display:flex;
  align-items:center;
  justify-content:center !important;
  text-align:center;
  font-size:.94rem;
  font-weight:700;
  line-height:1.2;
  padding:11px 14px;
}

/* Schritt 30: Desktop-Abstand Kontakt-CTA zu Voranmeldung */
@media (min-width: 901px){
  .menu a.header-contact-cta{
    margin-left:34px;
    margin-right:-28px;
  }
}

/* Schritt 31: Desktop Kontakt-CTA direkt neben Voranmeldung */
@media (min-width: 901px){
  .menu a.header-contact-cta{
    margin-left:86px;
    margin-right:-56px;
    transform:translateX(42px);
    min-height:45px;
    box-sizing:border-box;
    padding:12px 16px;
    line-height:1.2;
  }

  .menu a.header-contact-cta:hover{
    transform:translateX(42px) translateY(-1px);
  }
}

/* Schritt 32: Desktop Header-CTA ohne Überlappung */
@media (min-width: 901px){
  .menu{
    flex:1;
  }

  .menu a.header-contact-cta{
    margin-left:auto;
    margin-right:0;
    transform:none;
    height:48px;
    min-height:48px;
    padding:0 16px;
    box-sizing:border-box;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    line-height:1.2;
  }

  .menu a.header-contact-cta:hover{
    transform:translateY(-1px);
  }

  .nav-actions .btn.accent{
    height:48px;
    min-height:48px;
    padding:0 16px;
    box-sizing:border-box;
  }
}