/* ── WESTWERK SOLAR – SHARED STYLES ── */
:root{
  --yellow:#F5C518;
  --yellow-dark:#D4A900;
  --black:#0D0D0D;
  --dark:#141414;
  --dark2:#1C1C1C;
  --white:#FFFFFF;
  --gray:#888;
  --light:#F4F4F2;
  --border:rgba(255,255,255,0.08);
  --border-light:rgba(0,0,0,0.08);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;overflow-x:hidden;}
body{font-family:'Inter',sans-serif;background:var(--white);color:var(--black);overflow-x:hidden;}
img{max-width:100%;height:auto;}
a{text-decoration:none;color:inherit;}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;width:100%;z-index:9999;background:#0D0D0D;border-bottom:1px solid var(--border);height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 60px;}
.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none;}
.nav-logo img{height:72px;width:auto;}
.nav-logo-text{font-family:'Inter Tight',sans-serif;font-weight:900;font-size:1.3rem;text-transform:uppercase;letter-spacing:0.05em;color:var(--white);}
.nav-logo-text span{color:var(--yellow);}
.nav-links{display:flex;align-items:center;gap:4px;list-style:none;}
.nav-links a{text-decoration:none;color:rgba(255,255,255,0.65);font-size:0.875rem;font-weight:500;padding:8px 14px;border-radius:6px;transition:all 0.2s;white-space:nowrap;}
.nav-links a:hover,.nav-links a.active{color:var(--white);background:rgba(255,255,255,0.07);}
.nav-dropdown{position:relative;}
.nav-dropdown:hover .dropdown-menu{display:block;}
.dropdown-menu{display:none;position:absolute;top:calc(100% + 8px);left:0;background:var(--dark2);border:1px solid var(--border);border-radius:12px;padding:8px;min-width:190px;box-shadow:0 24px 48px rgba(0,0,0,0.5);}
.dropdown-menu a{display:block!important;padding:10px 16px!important;border-radius:8px;font-size:0.875rem;color:rgba(255,255,255,0.65)!important;background:transparent!important;}
.dropdown-menu a:hover{color:var(--white)!important;background:rgba(255,255,255,0.06)!important;}
.nav-cta{background:var(--yellow)!important;color:var(--black)!important;font-weight:700!important;border-radius:8px!important;}
.nav-cta:hover{background:#FFD700!important;transform:translateY(-1px);}

/* BUTTONS */
.btn-yellow{display:inline-flex;align-items:center;gap:8px;background:var(--yellow);color:var(--black);padding:16px 32px;border-radius:8px;font-family:'Inter Tight',sans-serif;font-weight:700;font-size:1.05rem;text-transform:uppercase;letter-spacing:0.04em;text-decoration:none;transition:all 0.2s;border:none;cursor:pointer;}
.btn-yellow:hover{background:#FFD700;transform:translateY(-2px);box-shadow:0 8px 24px rgba(245,197,24,0.3);}
.btn-dark{display:inline-flex;align-items:center;gap:8px;background:var(--black);color:var(--white);padding:16px 32px;border-radius:8px;font-family:'Inter Tight',sans-serif;font-weight:700;font-size:1.05rem;text-transform:uppercase;letter-spacing:0.04em;text-decoration:none;transition:all 0.2s;border:none;cursor:pointer;}
.btn-dark:hover{background:#222;transform:translateY(-2px);}
.btn-outline-white{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--white);padding:15px 30px;border-radius:8px;border:1.5px solid rgba(255,255,255,0.25);font-family:'Inter Tight',sans-serif;font-weight:600;font-size:1.05rem;text-transform:uppercase;letter-spacing:0.04em;text-decoration:none;transition:all 0.2s;}
.btn-outline-white:hover{border-color:rgba(255,255,255,0.6);background:rgba(255,255,255,0.06);}

/* PAGE HERO */
.page-hero{padding-top:80px;background:var(--black);}
.page-hero-inner{padding:80px 60px 70px;max-width:960px;}
.page-eyebrow{font-size:0.72rem;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;color:var(--yellow);margin-bottom:16px;display:flex;align-items:center;gap:8px;}
.page-eyebrow::before{content:'';display:inline-block;width:20px;height:2px;background:var(--yellow);}
.page-h1{font-family:'Inter Tight',sans-serif;font-size:clamp(2.8rem,5vw,4.8rem);font-weight:900;text-transform:uppercase;color:var(--white);line-height:0.95;letter-spacing:-0.02em;margin-bottom:22px;}
.page-h1 em{font-style:normal;color:var(--yellow);}
.page-sub{font-size:1.05rem;color:rgba(255,255,255,0.55);line-height:1.7;max-width:580px;}

/* SECTIONS */
section{padding:88px 60px;}
.container{max-width:1140px;margin:0 auto;}
.sec-eyebrow{font-size:0.72rem;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;color:var(--yellow);margin-bottom:12px;}
.sec-h2{font-family:'Inter Tight',sans-serif;font-size:clamp(2rem,3.5vw,3.2rem);font-weight:900;text-transform:uppercase;line-height:1.0;margin-bottom:16px;letter-spacing:-0.02em;}
.sec-h2.dark{color:var(--black);}
.sec-h2.light{color:var(--white);}
.sec-sub{font-size:1rem;line-height:1.7;}
.sec-sub.dark{color:#5a5a5a;}
.sec-sub.light{color:rgba(255,255,255,0.5);}

/* FEATURE GRID */
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px;}
.feature-card{background:var(--light);border:1px solid var(--border-light);border-radius:14px;padding:32px 28px;transition:all 0.2s;}
.feature-card:hover{border-color:#ccc;transform:translateY(-3px);}
.feature-icon{font-size:1.8rem;margin-bottom:16px;}
.feature-title{font-family:'Inter Tight',sans-serif;font-size:1.1rem;font-weight:800;text-transform:uppercase;margin-bottom:8px;}
.feature-text{font-size:0.875rem;color:#666;line-height:1.65;}

/* DETAIL SPLIT */
.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;}
.split-visual{background:var(--black);border-radius:20px;min-height:420px;display:flex;align-items:center;justify-content:center;font-size:5rem;position:relative;overflow:hidden;}
.split-visual::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(245,197,24,0.08),transparent 70%);}
.check-list{list-style:none;display:flex;flex-direction:column;gap:16px;margin:28px 0 36px;}
.check-item{display:flex;align-items:flex-start;gap:14px;}
.check-icon{width:26px;height:26px;background:var(--yellow);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.65rem;font-weight:900;color:var(--black);flex-shrink:0;margin-top:2px;}
.check-text h4{font-weight:700;font-size:0.95rem;margin-bottom:3px;}
.check-text p{font-size:0.85rem;color:#666;line-height:1.55;}

/* PROCESS STEPS */
.process-dark{background:var(--black);padding:88px 60px;}
.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:14px;overflow:hidden;margin-top:48px;}
.step-box{background:var(--dark2);padding:36px 28px;transition:background 0.2s;}
.step-box:hover{background:#222;}
.step-num{font-family:'Inter Tight',sans-serif;font-size:2.8rem;font-weight:900;color:rgba(245,197,24,0.18);line-height:1;margin-bottom:16px;transition:color 0.25s;}
.step-box:hover .step-num{color:var(--yellow);}
.step-title{font-family:'Inter Tight',sans-serif;font-size:1rem;font-weight:700;color:var(--white);margin-bottom:10px;text-transform:uppercase;}
.step-text{font-size:0.85rem;color:rgba(255,255,255,0.42);line-height:1.6;}

/* CTA BAND */
.cta-band{background:var(--yellow);padding:72px 60px;text-align:center;}
.cta-band h2{font-family:'Inter Tight',sans-serif;font-size:clamp(2rem,3.5vw,3rem);font-weight:900;text-transform:uppercase;margin-bottom:12px;letter-spacing:-0.02em;}
.cta-band p{font-size:1rem;color:rgba(0,0,0,0.6);margin-bottom:36px;max-width:520px;margin-left:auto;margin-right:auto;}

/* SLIDER */
.slider-wrap{position:relative;overflow:hidden;margin-top:48px;}
.slider-track{display:flex;gap:20px;overflow:visible;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:8px;}
.slider-track::-webkit-scrollbar{display:none;}
.slider-track .card{flex:0 0 calc(25% - 15px);scroll-snap-align:start;}
.slider-arrows{display:flex;gap:10px;justify-content:center;margin-top:24px;}
.slider-arrow{width:44px;height:44px;border:1.5px solid #ddd;border-radius:50%;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;transition:all 0.2s;}
.slider-arrow:hover{background:var(--black);border-color:var(--black);color:var(--white);}

/* TEAM CARD */
.team-card{background:var(--white);border:1px solid var(--border-light);border-radius:16px;overflow:hidden;transition:all 0.25s;min-width:240px;}
.team-card:hover{transform:translateY(-5px);box-shadow:0 16px 40px rgba(0,0,0,0.1);}
.team-photo{height:200px;background:var(--black);display:flex;align-items:center;justify-content:center;}
.team-initials{font-family:'Inter Tight',sans-serif;font-size:2.8rem;font-weight:900;color:var(--yellow);}
.team-body{padding:22px 20px 26px;}
.team-name{font-family:'Inter Tight',sans-serif;font-size:1.15rem;font-weight:900;text-transform:uppercase;margin-bottom:4px;}
.team-role{font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;color:var(--yellow);background:rgba(245,197,24,0.1);display:inline-block;padding:3px 8px;border-radius:4px;margin-bottom:10px;}
.team-desc{font-size:0.82rem;color:#666;line-height:1.6;}

/* FAQ */
.faq-wrap{max-width:780px;margin:48px auto 0;}
.faq-item{border-top:1px solid #e8e8e8;padding:22px 0;}
.faq-item:last-child{border-bottom:1px solid #e8e8e8;}
.faq-q{font-family:'Inter Tight',sans-serif;font-size:1.05rem;font-weight:700;text-transform:uppercase;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;user-select:none;}
.faq-icon{width:28px;height:28px;border:1.5px solid #ddd;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:var(--gray);transition:all 0.2s;flex-shrink:0;}
.faq-item.open .faq-icon{background:var(--black);border-color:var(--black);color:var(--white);transform:rotate(45deg);}
.faq-a{display:none;font-size:0.9rem;color:#555;line-height:1.7;padding-top:14px;padding-right:44px;}
.faq-item.open .faq-a{display:block;}

/* FOOTER */
footer{background:var(--black);padding:56px 60px 32px;border-top:1px solid var(--border);}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:44px;}
.footer-logo{font-family:'Inter Tight',sans-serif;font-weight:900;font-size:1.4rem;text-transform:uppercase;letter-spacing:0.05em;color:var(--white);margin-bottom:14px;text-decoration:none;display:block;}
.footer-logo span{color:var(--yellow);}
.footer-desc{font-size:0.85rem;color:rgba(255,255,255,0.35);line-height:1.65;margin-bottom:20px;max-width:270px;}
.footer-contact a{display:block;color:rgba(255,255,255,0.4);font-size:0.82rem;text-decoration:none;margin-bottom:6px;transition:color 0.2s;}
.footer-contact a:hover{color:var(--yellow);}
.footer-col h5{font-family:'Inter Tight',sans-serif;font-weight:800;font-size:0.85rem;text-transform:uppercase;letter-spacing:0.1em;color:var(--white);margin-bottom:16px;}
.footer-col ul{list-style:none;}
.footer-col li{margin-bottom:10px;}
.footer-col a{color:rgba(255,255,255,0.35);text-decoration:none;font-size:0.85rem;transition:color 0.2s;}
.footer-col a:hover{color:var(--white);}
.footer-bottom{border-top:1px solid var(--border);padding-top:24px;display:flex;justify-content:space-between;align-items:center;font-size:0.75rem;color:rgba(255,255,255,0.2);flex-wrap:wrap;gap:10px;}
.footer-bottom a{color:rgba(255,255,255,0.2);text-decoration:none;margin-left:20px;}
.footer-bottom a:hover{color:rgba(255,255,255,0.5);}

/* STATS ROW */
.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:14px;overflow:hidden;margin-bottom:60px;}
.stat-box{background:var(--dark2);padding:36px;text-align:center;}
.stat-num{font-family:'Inter Tight',sans-serif;font-size:2.5rem;font-weight:900;color:var(--yellow);line-height:1;letter-spacing:-0.03em;}
.stat-label{font-size:0.78rem;color:rgba(255,255,255,0.4);margin-top:6px;text-transform:uppercase;letter-spacing:0.08em;}

/* ANIMATIONS */
@keyframes fadeUp{from{opacity:0;transform:translateY(24px);}to{opacity:1;transform:translateY(0);}}
.fade-in{animation:fadeUp 0.7s ease both;}
.fade-in-2{animation:fadeUp 0.7s ease 0.15s both;}
.fade-in-3{animation:fadeUp 0.7s ease 0.3s both;}

/* ============================================
   MOBILE RESPONSIVE – max-width 768px
   ============================================ */
@media (max-width: 768px) {

  /* NAV */
  nav { padding: 0 16px; height: 56px; }
  .nav-links { display: none; }
  .nav-logo { font-size: 1rem; }

  /* HERO */
  .hero { min-height: 100svh; }
  .hero-inner { padding: 80px 20px 32px; }
  .hero video, video.hero-video, [class*="hero"] video { object-fit: cover !important; width: 100% !important; height: 100% !important; }
  .hero-h1 { font-size: 2.4rem; line-height: 1.1; word-break: keep-all; hyphens: none; -webkit-hyphens: none; overflow-wrap: normal; }
  .hero-sub { font-size: 0.9rem; }
  .hero-btns { flex-direction: column; gap: 12px; }
  .hero-btns a { width: 100%; text-align: center; }
  .hero-checks { gap: 12px; flex-wrap: wrap; }
  .hcheck { font-size: 0.75rem; padding: 6px 10px; }
  .hero-stats { gap: 8px; }
  .hstat { min-width: 80px; padding: 12px 10px; }

  /* TRUST BAR */
  .trust-bar { padding: 10px 0; overflow: hidden; }
  .trust-track { flex-wrap: nowrap; gap: 14px; justify-content: flex-start; }
  .titem { font-size: 0.78rem !important; white-space: nowrap; }
  .titem-sep { font-size: 0.78rem !important; white-space: nowrap; flex-shrink: 0; }

  /* SECTIONS */
  section, .section { padding: 56px 20px !important; }
  .sec-h2 { font-size: 1.8rem; }
  .sec-sub { font-size: 0.9rem; word-break: normal; overflow-wrap: break-word; hyphens: none; }
  .page-sub { word-break: normal; overflow-wrap: break-word; hyphens: none; }
  p { word-break: normal; overflow-wrap: break-word; }

  /* PARTNER BAR */
  .partner-bar { padding: 32px 20px; }
  .partner-row { gap: 16px; flex-wrap: wrap; justify-content: center; }
  .plogo { height: 28px; }

  /* SERVICE CARDS */
  .lcards-grid { grid-template-columns: 1fr !important; gap: 16px; }
  .lcard { min-height: 320px; }

  /* SPLIT GRID */
  .split-grid { grid-template-columns: 1fr !important; gap: 32px; }
  .split-visual { min-height: 260px !important; }

  /* STATS ROW */
  .stats-row { grid-template-columns: repeat(2,1fr); }
  .stat-box { padding: 24px 16px; }
  .stat-num { font-size: 1.8rem; }

  /* COMPARE TABLE */
  .ci-table { font-size: 0.8rem; }
  .ci-table th, .ci-table td { padding: 10px 8px; }

  /* STEPS */
  .steps-grid { grid-template-columns: 1fr !important; gap: 0; }
  .step-box { padding: 24px 20px; border-radius: 0; }

  /* TEAM SLIDER */
  .team-section { padding: 56px 0 !important; }
  .card.team-card { min-width: 220px; }
  .team-photo { height: 160px; }

  /* TEAM PAGE */
  .team-page-grid, [style*="grid-template-columns:repeat(4"] { grid-template-columns: repeat(2,1fr) !important; }
  .team-page-card .team-photo { height: 160px; }
  .tm-name { font-size: 0.82rem !important; line-height: 1.2 !important; }
  .tm-role { font-size: 0.68rem !important; }
  .tm-info { padding: 10px 12px !important; }

  /* BLOG GRID */
  .blog-grid { grid-template-columns: 1fr !important; }
  .blog-grid-wrap { padding: 40px 16px 60px; }
  .blog-hero { padding: 56px 20px 40px; }

  /* VIDEO TESTIMONIALS */
  [style*="grid-template-columns:repeat(4,1fr)"] { grid-template-columns: repeat(2,1fr) !important; }

  /* REFERENZEN SLIDER */
  .ref-card { min-width: 260px !important; }

  /* PROCESS DARK */
  .process-dark { padding: 56px 20px; }

  /* FOOTER */
  footer { padding: 48px 20px 28px; }
  .footer-grid { grid-template-columns: 1fr !important; gap: 32px; }
  .footer-bottom { flex-direction: column; text-align: center; }

  /* CTA BAND */
  .cta-band { padding: 48px 20px; }
  .cta-band h2 { font-size: 1.6rem; }

  /* KONTAKT */
  .cinfo-grid { grid-template-columns: 1fr !important; }

  /* PAGE HERO */
  .page-hero { padding: 64px 20px 40px; }
  .page-hero-inner { padding: 60px 20px 40px !important; max-width: 100% !important; }
  .page-h1 { font-size: 1.75rem; word-break: normal; overflow-wrap: break-word; hyphens: none; -webkit-hyphens: none; }

  /* EIGENTUEMER SUBPAGES */
  .check-grid { grid-template-columns: 1fr !important; }
  .feature-grid { grid-template-columns: 1fr !important; }

  /* KARRIERE JOBS */
  .jobs-list .job-card { padding: 18px 16px; }

  /* LEGAL PAGES */
  .legal-body { padding: 40px 16px 64px; }
  .legal-hero { padding: 56px 20px 36px; }

  /* FUNNEL */
  .funnel-main { padding: 32px 16px 60px; }
  .options-grid { gap: 10px; }
  .option-card { min-width: 130px !important; max-width: 160px !important; }
  .option-icon { min-height: 90px !important; font-size: 2.2rem !important; }
  .contact-form { padding: 0; }
  .form-row-2 { grid-template-columns: 1fr !important; }
  .topbar { padding: 0 16px; }
  .topbar-trust { display: none; }

  /* HIDE DESKTOP-ONLY ELEMENTS */
  .hide-mobile { display: none !important; }
}

/* TABLET – max-width 1024px */
@media (max-width: 1024px) and (min-width: 769px) {
  nav { padding: 0 24px; }
  .nav-links { gap: 16px; }
  .nav-links li a { font-size: 0.82rem; }
  .hero-h1 { font-size: 3.2rem; }
  .lcards-grid { grid-template-columns: repeat(2,1fr) !important; }
  .split-grid { gap: 32px; }
  .steps-grid { grid-template-columns: repeat(2,1fr) !important; }
  .footer-grid { grid-template-columns: 2fr 1fr 1fr !important; gap: 32px; }
  .footer-grid > div:last-child { grid-column: 1 / -1; }
  section { padding: 72px 40px !important; }
  .blog-grid { grid-template-columns: 1fr 1fr; }
  [style*="grid-template-columns:repeat(4,1fr)"] { grid-template-columns: repeat(2,1fr) !important; }
  .team-page-grid { grid-template-columns: repeat(3,1fr) !important; }
}

/* HAMBURGER */
.nav-toggle { display: none; flex-direction: column; gap: 5px; cursor: pointer; padding: 8px; background: none; border: none; z-index: 200; }
.nav-toggle span { display: block; width: 24px; height: 2px; background: var(--white); border-radius: 2px; transition: all 0.3s; }
.nav-toggle.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.nav-toggle.open span:nth-child(2) { opacity: 0; }
.nav-toggle.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

/* REFERENZEN slider: desktop slow */
#ref-slider { animation: autoSlide 80s linear infinite; }

@media (max-width: 768px) {
  .nav-toggle { display: flex; }
  .nav-links {
    display: none;
    position: fixed;
    top: 56px;
    left: 0;
    right: 0;
    background: var(--black);
    flex-direction: column;
    padding: 8px 20px 16px;
    gap: 0;
    overflow: visible;
    z-index: 150;
    border-bottom: 2px solid var(--yellow);
    box-shadow: 0 8px 32px rgba(0,0,0,0.6);
  }
  .nav-links.open { display: flex; }
  .nav-links li { border-bottom: 1px solid rgba(255,255,255,0.08); }
  .nav-links li:last-child { border-bottom: none; }
  .nav-links li a { display: block; padding: 11px 0; font-size: 0.95rem; color: var(--white) !important; font-weight: 600; border: none !important; background: none !important; border-radius: 0 !important; text-align: center; }
  .nav-links li a.nav-cta { background: var(--yellow) !important; color: var(--black) !important; border-radius: 8px !important; padding: 10px 20px !important; text-align: center; margin: 8px 0 4px; display: block; }
  /* Dropdown kompakt */
  .nav-dropdown .dropdown-menu { display: block !important; position: static !important; opacity: 1 !important; visibility: visible !important; box-shadow: none !important; background: rgba(255,255,255,0.05) !important; border-radius: 6px !important; padding: 2px 12px !important; margin: 0 0 4px !important; }
  .nav-dropdown .dropdown-menu a { padding: 8px 0 !important; font-size: 0.85rem !important; color: rgba(255,255,255,0.6) !important; border-bottom: none !important; text-align: center !important; }
}

/* MOBILE OVERFLOW FIX */
@media (max-width: 768px) {
  /* Verhindert horizontales Überlaufen überall */
  section, div, header, footer, nav {
    max-width: 100%;
  }
  /* Hero Text nicht abschneiden */
  .hero-inner {
    padding: 72px 20px 32px !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  .hero-h1 {
    font-size: clamp(1.8rem, 8vw, 2.6rem) !important;
    word-break: break-word;
    hyphens: auto;
  }
  /* Hero Stats scrollbar auf Mobile */
  .hero-stats {
    overflow-x: auto;
    flex-wrap: nowrap;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 8px;
  }
  /* Inline grid styles überschreiben */
  [style*="grid-template-columns:1fr 1fr"],
  [style*="grid-template-columns: 1fr 1fr"] {
    grid-template-columns: 1fr !important;
  }
  [style*="grid-template-columns:1fr 2fr"],
  [style*="grid-template-columns:1fr 1.4fr"],
  [style*="grid-template-columns:2fr 1fr"] {
    grid-template-columns: 1fr !important;
  }
  /* Inline padding/margin auf 20px begrenzen */
  [style*="padding:88px 60px"],
  [style*="padding: 88px 60px"] {
    padding: 56px 20px !important;
  }
  [style*="padding:72px 60px"],
  [style*="padding: 72px 60px"] {
    padding: 48px 20px !important;
  }
  [style*="padding:64px 60px"] {
    padding: 48px 20px !important;
  }
  /* max-width Container auf Mobile */
  [style*="max-width:1140px"],
  [style*="max-width: 1140px"] {
    max-width: 100% !important;
    padding: 0 !important;
  }
  /* Hero Badge nicht abschneiden */
  .hero-badge {
    font-size: 0.65rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: calc(100vw - 40px);
  }
}

/* ═══ MOBILE FIXES v87 ═══ */
@media (max-width: 768px) {

  /* PUNKT 1: Logo & Nav – weißer Balken weg, Logo-Größe anpassen */
  body { padding-top: 56px !important; }
  nav { height: 56px !important; background: rgba(13,13,13,1) !important; padding: 0 16px !important; }
  .nav-logo img { height: 44px !important; }

  /* PUNKT 2: Trust-Bar – Auto-Scroll Marquee auf Mobile */
  .trust-bar {
    padding: 12px 0 !important;
    overflow: hidden !important;
    justify-content: flex-start !important;
  }
  .trust-track {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
    animation: trustScroll 28s linear infinite !important;
    white-space: nowrap !important;
  }
  .titem { white-space: nowrap !important; font-size: 0.9rem !important; padding: 0 16px !important; flex-shrink: 0 !important; }
  .titem-sep { flex-shrink: 0 !important; padding: 0 4px !important; }

  /* PUNKT 3: Fakten + Karte – untereinander, Karte zuerst */
  .fakten-section .fakten-inner,
  [class*="fakten"] > div > div[style*="grid"],
  .fakten-section > div > div {
    display: flex !important;
    flex-direction: column-reverse !important;
    gap: 24px !important;
  }
  .fakten-section img { width: 100% !important; height: auto !important; border-radius: 12px !important; }
  [style*="grid-template-columns:1fr 1.6fr"] { grid-template-columns: 1fr !important; }
  .fakt-num { font-size: 2rem !important; }
  .fakt { padding: 20px 16px !important; }

  /* PUNKT 4: Elektro Notdienst Foto – zentriert auf Person */
  a[href="eigentuemer-elektro.html"] .lcard-img,
  .lcard-img[style*="img-elektro"] {
    background-position: center 20% !important;
  }



  /* PUNKT 6: Team Slider Header – saubere Abstände, Button kleiner */
  .team-section > div > div:first-child {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 16px !important;
    padding: 0 20px !important;
  }
  .team-section .btn-dark {
    font-size: 0.85rem !important;
    padding: 10px 18px !important;
    width: auto !important;
    align-self: flex-start !important;
  }
  .team-section > div > div:first-child h2 {
    font-size: 1.6rem !important;
  }
  .team-section > div > div:first-child p {
    font-size: 0.85rem !important;
  }
}

@media (max-width: 768px) {
  /* PUNKT 3: Fakten präzise */
  #fakten-grid {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }
  #fakten-grid > div:first-child { order: 2; }
  #fakten-grid > div:last-child { order: 1; }


}

@media (max-width: 768px) {
  #video-text-p { margin-bottom: 0 !important; }
}

@media (max-width: 768px) {


  /* PUNKT 4: Leistungen Header – untereinander statt nebeneinander */
  .lheader {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 12px !important;
    margin-bottom: 32px !important;
  }
  .lheader p { max-width: 100% !important; font-size: 0.9rem !important; }

  /* REFERENZ-VIDEOS: kein Abschneiden */
  .ref-card video, .ref-card iframe,
  [class*="ref"] video, [class*="testimonial"] video {
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
  }

  /* TEAM SLIDER: schneller auf Mobile */
  #team-slider { animation-duration: 24s !important; }
}

@media (max-width: 768px) {
  /* TESTIMONIAL VIDEOS: 1 Spalte, volle Breite, kein Abschneiden */
  div[style*="grid-template-columns:repeat(4,1fr)"] {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
  /* Referenzen-Seite Slider ebenfalls */
  .ref-slider-wrap { overflow: visible !important; }
}

/* Desktop: hide duplicate trust items */
.titem-dup { display: none; }
@media (max-width: 768px) {
  .titem-dup { display: block; }
}

/* SUBPAGE CTA: desktop shows desktop btn, mobile shows mobile btn */
.subpage-cta-mobile { display: none !important; }
@media (max-width: 768px) {
  .subpage-cta-desktop { display: none !important; }
  .subpage-cta-mobile {
    display: inline-block !important;
    margin-top: 20px !important;
    width: 100% !important;
    text-align: center !important;
    font-size: 0.9rem !important;
    padding: 14px 20px !important;
  }
  /* Split-grid on mobile: image before button (text=order1, image=order2, btn=order3) */
  .split-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
  }
  .split-grid > div:first-child { order: 1; }
  .split-visual { order: 2; min-height: 280px !important; }
  .subpage-cta-mobile { order: 3; }

  /* REFERENZEN video grid: 1 column */
  .video-grid { grid-template-columns: 1fr !important; gap: 20px !important; }

  /* REFERENZEN slider: mobile faster */
  #ref-slider { animation-duration: 18s !important; }
}

@media (max-width: 768px) {
  /* Bild-Fix: split-visual muss auf Mobile explizit Höhe haben */
  .split-visual {
    order: 2 !important;
    min-height: 300px !important;
    height: 300px !important;
    width: 100% !important;
    display: block !important;
    background-size: cover !important;
    background-position: center top !important;
    flex-shrink: 0 !important;
  }
  .split-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
  }
  .split-grid > div:first-child { order: 1 !important; }
  .subpage-cta-mobile {
    order: 3 !important;
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    padding: 14px 20px !important;
    font-size: 0.9rem !important;
    margin-top: 0 !important;
  }
  .subpage-cta-desktop { display: none !important; }
}

/* VIDEO SECTION MOBILE: Text > Video > Button */
.video-cta-desktop { display: inline-block; }
.video-cta-mobile { display: none !important; }
@media (max-width: 768px) {
  #video-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
  }
  #video-text-col { order: 1 !important; display: flex !important; flex-direction: column !important; gap: 12px !important; }
  #video-text-p { margin-bottom: 0 !important; }
  #video-player-col { order: 2 !important; width: 100% !important; aspect-ratio: 16/9; }
  .video-cta-desktop { display: none !important; }
  .video-cta-mobile {
    display: block !important;
    order: 3 !important;
    width: 100% !important;
    text-align: center !important;
    font-size: 0.85rem !important;
    padding: 13px 20px !important;
    margin-top: 0 !important;
  }
}

@media (max-width: 768px) {
  /* Referenzen-Grid auf Subpages */
  div[style*="grid-template-columns:repeat(3,1fr)"] {
    grid-template-columns: repeat(2,1fr) !important;
    gap: 10px !important;
  }
}

@media (max-width: 768px) {
  /* Team Hero: Gruppenfoto auf Mobile vollständig sichtbar */
  .page-hero img[src="team-gruppenfoto.jpg"] {
    object-position: center 15% !important;
  }
  /* Wärme split-visual auf Mobile: Bild nicht abschneiden */
  .split-visual[style*="img-waerme-neu"] {
    background-position: center 40% !important;
  }
}

/* iOS scroll fix: body as flex column, nav static, content scrolls */
@media (max-width: 768px) {
  body.ios-fix {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    min-height: -webkit-fill-available;
    overflow: hidden;
    padding-top: 0 !important;
  }
  body.ios-fix nav {
    position: static !important;
    flex-shrink: 0;
    width: 100%;
  }
  body.ios-fix #scroll-body {
    flex: 1 1 auto;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    min-height: 0;
    padding-bottom: env(safe-area-inset-bottom, 0px);
  }
}