/* Local Google Fonts - GDPR Compliant */
/* vietnamese */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/barlow-15.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/barlow-24.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/barlow-9.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/barlow-2.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/barlow-5.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/barlow-18.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/barlow-4.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/barlow-21.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/barlow-19.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/barlow-20.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/barlow-6.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/barlow-3.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/barlow-12.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/barlow-11.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/barlow-16.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/barlow-10.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/barlow-1.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/barlow-23.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(fonts/barlow-7.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(fonts/barlow-8.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(fonts/barlow-17.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(fonts/barlow-14.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(fonts/barlow-13.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(fonts/barlow-22.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
    --yellow: #FFCC00;
    --black: #000000;
    --white: #FFFFFF;
    --gray-light: #F5F5F5;
    --gray-mid: #CCCCCC;
    --gray-dark: #333333;
    --text: #111111;
  }
  * { box-sizing: border-box; margin: 0; padding: 0; }
  html { scroll-behavior: smooth; }
  body { font-family: 'Barlow', Arial, sans-serif; color: var(--text); background: var(--white); }
  img { display: block; max-width: 100%; }
  a { text-decoration: none; color: inherit; }

  /* ─── NAV ─── */
  nav {
    position: fixed; top: 0; left: 0; right: 0; z-index: 1000;
    background: var(--black);
    display: flex; align-items: center; justify-content: space-between;
    padding: 0 32px; height: 60px;
    border-bottom: 3px solid var(--yellow);
  }
  .nav-logo { display: flex; align-items: center; gap: 12px; }
  .nav-logo-text { font-family: 'Barlow Condensed', Arial, sans-serif; font-size: 18px; font-weight: 800; color: var(--white); letter-spacing: 0.05em; line-height: 1.1; }
  .nav-logo-text span { color: var(--yellow); }
  .nav-links { display: flex; gap: 28px; align-items: center; }
  .nav-links a { font-family: 'Barlow Condensed', Arial, sans-serif; font-size: 14px; font-weight: 600; color: #aaa; letter-spacing: 0.08em; text-transform: uppercase; transition: color 0.2s; }
  .nav-links a:hover { color: var(--yellow); }
  .nav-ewto { font-family: 'Barlow Condensed', Arial, sans-serif; font-size: 13px; font-weight: 800; color: var(--yellow); border: 1.5px solid var(--yellow); padding: 4px 10px; letter-spacing: 0.1em; }
  .nav-cta { background: var(--yellow); color: var(--black) !important; font-weight: 700 !important; padding: 8px 18px; }
  .nav-cta:hover { background: #e6b800 !important; color: var(--black) !important; }

  /* ─── HERO SLIDESHOW ─── */
  .hero { position: relative; height: 100vh; min-height: 600px; overflow: hidden; margin-top: 0; }
  .hero-slides { position: absolute; inset: 0; }
  .hero-slide {
    position: absolute; inset: 0;
    background-size: cover; background-position: center;
    opacity: 0; transition: opacity 1.2s ease;
  }
  .hero-slide.active { opacity: 1; }
  .hero-slide::after {
    content: ''; position: absolute; inset: 0;
    background: linear-gradient(105deg, rgba(0,0,0,0.72) 40%, rgba(0,0,0,0.25) 100%);
  }
  .hero-content {
    position: absolute; bottom: 0; left: 0; right: 0; top: 0;
    z-index: 2; display: flex; flex-direction: column;
    justify-content: center; padding: 0 64px;
    max-width: 700px;
  }
  .hero-eyebrow {
    font-family: 'Barlow Condensed', Arial, sans-serif;
    font-size: 13px; font-weight: 700; letter-spacing: 0.2em;
    color: var(--yellow); text-transform: uppercase; margin-bottom: 16px;
  }
  .hero-title {
    font-family: 'Barlow Condensed', Arial, sans-serif;
    font-size: clamp(42px, 6vw, 76px); font-weight: 900;
    color: var(--white); line-height: 0.95; margin-bottom: 20px;
    text-transform: uppercase; letter-spacing: -0.01em;
  }
  .hero-title span { color: var(--yellow); }
  .hero-sub { font-size: 18px; color: rgba(255,255,255,0.85); line-height: 1.5; margin-bottom: 36px; max-width: 480px; }
  .btn-primary {
    display: inline-flex; align-items: center; gap: 10px;
    background: var(--yellow); color: var(--black);
    font-family: 'Barlow Condensed', Arial, sans-serif;
    font-size: 16px; font-weight: 800; letter-spacing: 0.1em;
    text-transform: uppercase; padding: 14px 32px;
    border: none; cursor: pointer; transition: background 0.2s, transform 0.15s;
  }
  .btn-primary:hover { background: #e6b800; transform: translateY(-2px); }
  .btn-secondary {
    display: inline-flex; align-items: center; gap: 10px;
    background: transparent; color: var(--white);
    font-family: 'Barlow Condensed', Arial, sans-serif;
    font-size: 16px; font-weight: 700; letter-spacing: 0.1em;
    text-transform: uppercase; padding: 14px 32px;
    border: 2px solid rgba(255,255,255,0.5); cursor: pointer;
    transition: border-color 0.2s, color 0.2s;
  }
  .btn-secondary:hover { border-color: var(--yellow); color: var(--yellow); }
  .hero-btns { display: flex; gap: 16px; flex-wrap: wrap; margin-bottom: 16px; }
  .hero-target-btns { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 8px; }
  .hero-target-btn { font-family: 'Barlow Condensed', Arial, sans-serif; font-size: 13px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.75); border: 1px solid rgba(255,255,255,0.25); padding: 7px 14px; text-decoration: none; transition: border-color 0.2s, color 0.2s; white-space: nowrap; }
  .hero-target-btn:hover { border-color: #ffcc00; color: #ffcc00; }
  .price-hint { font-size: 12px; color: rgba(0,0,0,0.55); margin-top: 10px; letter-spacing: 0.03em; }
  .price-hint--dark { color: rgba(0,0,0,0.45); }
  .zielgruppen-strip { display: grid; grid-template-columns: repeat(4,1fr); background: #111; }
  .zg-card { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 28px 16px; text-decoration: none; border-right: 1px solid rgba(255,255,255,0.07); transition: background 0.2s; text-align: center; }
  .zg-card:last-child { border-right: none; }
  .zg-card:hover { background: #1a1a1a; }
  .zg-icon { font-size: 28px; margin-bottom: 10px; }
  .zg-title { font-family: 'Barlow Condensed', Arial, sans-serif; font-size: 16px; font-weight: 800; color: #fff; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 4px; }
  .zg-sub { font-size: 12px; color: rgba(255,255,255,0.82); }
  .zg-card:hover .zg-title { color: #ffcc00; }
  @media (max-width: 640px) { .zielgruppen-strip { grid-template-columns: repeat(2,1fr); } .zg-card { border-bottom: 1px solid rgba(255,255,255,0.07); } }
  .hero-social-proof { display: flex; align-items: center; gap: 10px; margin-bottom: 28px; }
  .hero-stars { color: #fbbc05; font-size: 18px; letter-spacing: 2px; }
  .hero-rating-text { font-family: 'Barlow Condensed', Arial, sans-serif; font-size: 14px; font-weight: 700; color: rgba(255,255,255,0.85); letter-spacing: 0.05em; }
  .kids-times-inline { display: flex; flex-direction: column; gap: 4px; margin-top: 14px; font-size: 13px; color: rgba(255,255,255,0.65); }
  .kids-times-inline strong { color: #ffcc00; }
  .testimonials-row { display: flex; gap: 20px; margin-top: 40px; flex-wrap: wrap; }
  .testimonial-card { flex: 1; min-width: 240px; background: rgba(255,255,255,0.09); border-left: 3px solid #ffcc00; padding: 20px 22px; }
  .testimonial-card--light { background: #fff; border-left: 3px solid #ffcc00; box-shadow: 0 2px 14px rgba(0,0,0,0.09); }
  .testimonial-stars { color: #ffcc00; font-size: 14px; letter-spacing: 2px; margin-bottom: 10px; }
  .testimonial-text { font-size: 14px; line-height: 1.75; color: rgba(255,255,255,0.92); margin: 0 0 12px; font-style: italic; }
  .testimonial-text--dark { color: #222; }
  .testimonial-author { font-size: 12px; font-weight: 700; color: rgba(255,255,255,0.65); letter-spacing: 0.05em; text-transform: uppercase; }
  .testimonial-author--dark { color: #666; }
  .testimonials-label { font-size: 14px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: #fff; margin-bottom: 10px; }
  .testimonials-label--dark { color: #333; }
  @media (max-width:640px) { .testimonials-row { flex-direction: column; } }
  .hero-official {
    position: absolute; bottom: 28px; right: 32px; z-index: 2;
    font-family: 'Barlow Condensed', Arial, sans-serif;
    font-size: 11px; font-weight: 600; letter-spacing: 0.1em;
    color: rgba(255,255,255,0.6); text-align: right;
  }
  .hero-official strong { color: var(--yellow); }
  .hero-dots {
    position: absolute; bottom: 28px; left: 50%; transform: translateX(-50%);
    z-index: 2; display: flex; gap: 8px;
  }
  .hero-dot {
    width: 8px; height: 8px; border-radius: 50%;
    background: rgba(255,255,255,0.4); border: none; cursor: pointer;
    transition: background 0.3s, transform 0.3s; padding: 0;
  }
  .hero-dot.active { background: var(--yellow); transform: scale(1.3); }

  /* ─── STATS BAR ─── */
  .stats-bar {
    background: var(--yellow); padding: 18px 64px;
    display: flex; gap: 0; align-items: center;
  }
  .stat-item { flex: 1; text-align: center; }
  .stat-item + .stat-item { border-left: 1px solid rgba(0,0,0,0.15); }
  .stat-num { font-family: 'Barlow Condensed', Arial, sans-serif; font-size: 32px; font-weight: 900; color: var(--black); line-height: 1; }
  .stat-label { font-size: 11px; font-weight: 600; color: rgba(0,0,0,0.6); letter-spacing: 0.08em; text-transform: uppercase; margin-top: 2px; }

  /* ─── SECTIONS ─── */
  .section { padding: 80px 64px; }
  .section-alt { background: var(--gray-light); }
  .section-dark { background: var(--black); }
  .video-grid { display: flex; justify-content: center; gap: 32px; flex-wrap: wrap; }
  .video-wrap { max-width: 720px; width: 100%; }
  .video-thumb { position: relative; width: 100%; aspect-ratio: 16/9; background: #111; cursor: pointer; overflow: hidden; }
  .video-thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s; display: block; }
  .video-wrap:hover .video-thumb img { transform: scale(1.03); }
  .video-play-btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 72px; height: 72px; background: #ffcc00; border: none; border-radius: 50%; font-size: 26px; color: #000; cursor: pointer; display: flex; align-items: center; justify-content: center; padding-left: 4px; transition: background 0.2s, transform 0.2s; }
  .video-play-btn:hover { background: #e6b800; transform: translate(-50%,-50%) scale(1.1); }
  .video-thumb iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: none; }
  .video-meta { padding: 14px 0 0; }
  .video-title { font-family: 'Barlow Condensed', Arial, sans-serif; font-size: 18px; font-weight: 700; color: #fff; margin-bottom: 6px; }
  .video-consent { font-size: 11px; color: rgba(255,255,255,0.4); line-height: 1.5; }
  .video-consent a { color: rgba(255,255,255,0.5); }
  .video-consent a:hover { color: #ffcc00; }
  .section-tag {
    font-family: 'Barlow Condensed', Arial, sans-serif;
    font-size: 12px; font-weight: 700; letter-spacing: 0.2em;
    text-transform: uppercase; color: var(--yellow);
    display: inline-block; margin-bottom: 12px;
  }
  .section-tag.dark { color: rgba(255,255,255,0.4); }
  h2.section-title {
    font-family: 'Barlow Condensed', Arial, sans-serif;
    font-size: clamp(32px, 4vw, 52px); font-weight: 900;
    text-transform: uppercase; line-height: 1;
    margin-bottom: 12px; letter-spacing: -0.01em;
  }
  h2.section-title.white { color: var(--white); }
  .section-sub { font-size: 16px; color: #666; line-height: 1.6; max-width: 600px; margin-bottom: 48px; }
  .section-sub.white { color: rgba(255,255,255,0.65); }

  /* ─── KURSE GRID ─── */
  .kurse-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2px; }
  .kurs-card {
    position: relative; overflow: hidden;
    height: 340px; cursor: pointer;
    background: #111;
  }
  .kurs-card:first-child { grid-column: span 2; height: 440px; }
  .kurs-img {
    width: 100%; height: 100%;
    background-size: cover; background-position: center;
    transition: transform 0.6s ease;
  }
  .kurs-card:hover .kurs-img { transform: scale(1.05); }
  .kurs-overlay {
    position: absolute; inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.1) 60%);
    display: flex; flex-direction: column; justify-content: flex-end;
    padding: 28px;
  }
  .kurs-age {
    font-family: 'Barlow Condensed', Arial, sans-serif;
    font-size: 11px; font-weight: 700; letter-spacing: 0.15em;
    color: var(--yellow); text-transform: uppercase; margin-bottom: 6px;
  }
  .kurs-name {
    font-family: 'Barlow Condensed', Arial, sans-serif;
    font-size: 28px; font-weight: 900; color: var(--white);
    text-transform: uppercase; line-height: 1; margin-bottom: 8px;
  }
  .kurs-card:first-child .kurs-name { font-size: 42px; }
  .kurs-desc { font-size: 14px; color: rgba(255,255,255,0.75); line-height: 1.5; }
  .kurs-arrow {
    display: inline-flex; align-items: center; gap: 6px;
    font-family: 'Barlow Condensed', Arial, sans-serif;
    font-size: 13px; font-weight: 700; letter-spacing: 0.1em;
    color: var(--yellow); text-transform: uppercase; margin-top: 12px;
    transition: gap 0.2s;
  }
  .kurs-card:hover .kurs-arrow { gap: 10px; }
  .kurs-yellow-bar { position: absolute; top: 0; left: 0; width: 4px; height: 100%; background: var(--yellow); }

  /* ─── KIDS REEL ─── */
  .reel-wrap {
    position: relative; overflow: hidden;
    background: var(--black); padding: 80px 0;
  }
  .reel-header { padding: 0 64px 48px; }
  .reel-track {
    display: flex; gap: 4px;
    animation: reel-scroll 40s linear infinite;
    width: max-content;
  }
  .reel-track:hover { animation-play-state: paused; }
  @keyframes reel-scroll {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
  }
  .reel-photo {
    width: 260px; height: 360px; flex-shrink: 0;
    background-size: cover; background-position: center;
    position: relative; overflow: hidden;
  }
  .reel-photo:hover { transform: scale(1.02); transition: transform 0.4s; }
  .reel-photo::after {
    content: ''; position: absolute; inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.5) 0%, transparent 50%);
  }
  .reel-gradient-left {
    position: absolute; left: 0; top: 0; bottom: 0; width: 120px; z-index: 2;
    background: linear-gradient(to right, var(--black), transparent);
  }
  .reel-gradient-right {
    position: absolute; right: 0; top: 0; bottom: 0; width: 120px; z-index: 2;
    background: linear-gradient(to left, var(--black), transparent);
  }

  /* ─── ADULTS / SV SECTION ─── */
  .sv-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 2px; }
  .sv-feature {
    position: relative; height: 500px;
    background: #111; overflow: hidden;
  }
  .sv-img {
    width: 100%; height: 100%;
    background-size: cover; background-position: center;
    transition: transform 0.6s ease;
  }
  .sv-feature:hover .sv-img { transform: scale(1.04); }
  .sv-overlay {
    position: absolute; inset: 0;
    background: linear-gradient(120deg, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.2) 100%);
    display: flex; flex-direction: column; justify-content: flex-end;
    padding: 36px;
  }
  .sv-mini-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2px; }
  .sv-mini {
    position: relative; height: 220px;
    background: #111; overflow: hidden;
  }
  .sv-mini-img {
    width: 100%; height: 100%;
    background-size: cover; background-position: center;
    transition: transform 0.5s ease;
  }
  .sv-mini:hover .sv-mini-img { transform: scale(1.06); }
  .sv-mini-overlay {
    position: absolute; inset: 0;
    background: rgba(0,0,0,0.35);
    display: flex; align-items: flex-end; padding: 12px;
  }
  .sv-mini-label {
    font-family: 'Barlow Condensed', Arial, sans-serif;
    font-size: 13px; font-weight: 700; letter-spacing: 0.08em;
    color: var(--white); text-transform: uppercase;
    background: var(--yellow); color: var(--black); padding: 3px 8px;
  }

  /* ─── ZEITEN ─── */
  .zeiten-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
  .zeit-card {
    background: var(--white); padding: 28px 32px;
    border: 1px solid #e5e5e5; border-left: 4px solid var(--yellow);
    position: relative;
  }
  .zeit-tag {
    font-family: 'Barlow Condensed', Arial, sans-serif;
    font-size: 11px; font-weight: 700; letter-spacing: 0.15em;
    text-transform: uppercase; color: var(--yellow); margin-bottom: 6px;
  }
  .zeit-day {
    font-family: 'Barlow Condensed', Arial, sans-serif;
    font-size: 22px; font-weight: 900; color: var(--black);
    text-transform: uppercase; margin-bottom: 4px;
  }
  .zeit-time {
    font-family: 'Barlow Condensed', Arial, sans-serif;
    font-size: 36px; font-weight: 900; color: var(--black);
    line-height: 1; margin-bottom: 12px;
  }
  .zeit-time .uhr { font-size: 18px; font-weight: 600; color: #999; }
  .zeit-loc { font-size: 14px; color: #555; line-height: 1.5; }
  .zeit-loc strong { color: var(--black); font-weight: 600; }
  .zeit-note {
    display: inline-flex; align-items: center; gap: 6px;
    font-size: 12px; color: #e67700;
    font-weight: 600; margin-top: 8px;
  }

  /* ─── PRUEFUNGEN ─── */
  .pruef-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
  .pruef-card { background: var(--black); padding: 24px; }
  .pruef-title {
    font-family: 'Barlow Condensed', Arial, sans-serif;
    font-size: 16px; font-weight: 700; color: var(--yellow);
    text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 16px;
    padding-bottom: 12px; border-bottom: 1px solid #333;
  }
  .pruef-row { display: flex; justify-content: space-between; align-items: center; padding: 8px 0; border-bottom: 1px solid #1a1a1a; }
  .pruef-row:last-child { border-bottom: none; }
  .pruef-grade { font-size: 13px; color: rgba(255,255,255,0.82); }
  .pruef-price {
    font-family: 'Barlow Condensed', Arial, sans-serif;
    font-size: 20px; font-weight: 700; color: var(--white);
  }

  /* ─── TEAM ─── */
  .team-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
  .team-card { background: var(--white); border: 1px solid #e5e5e5; overflow: hidden; }
  .team-img-wrap { height: 280px; background: #111; overflow: hidden; position: relative; }
  .team-img { width: 100%; height: 100%; object-fit: cover; background-size: cover; background-position: center top; }
  .team-img-placeholder {
    width: 100%; height: 100%;
    background: #111; display: flex; align-items: center; justify-content: center;
  }
  .team-avatar-large {
    width: 90px; height: 90px; border-radius: 50%;
    background: var(--yellow); display: flex; align-items: center; justify-content: center;
    font-family: 'Barlow Condensed', Arial, sans-serif;
    font-size: 32px; font-weight: 900; color: var(--black);
  }
  .team-body { padding: 24px; }
  .team-name {
    font-family: 'Barlow Condensed', Arial, sans-serif;
    font-size: 22px; font-weight: 900; color: var(--black);
    text-transform: uppercase; margin-bottom: 4px;
  }
  .team-title { font-size: 13px; color: var(--yellow); font-weight: 700; letter-spacing: 0.05em; margin-bottom: 12px; }
  .team-grades { display: flex; flex-wrap: wrap; gap: 4px; }
  .grade-badge {
    font-size: 10px; font-weight: 600; letter-spacing: 0.05em;
    background: var(--gray-light); color: #444; padding: 3px 8px;
  }

  /* ─── MASCOTS ─── */
  .mascot-section {
    background: var(--yellow); padding: 60px 64px;
    display: flex; align-items: center; gap: 64px; overflow: hidden;
  }
  .mascot-text { flex: 1; }
  .mascot-title {
    font-family: 'Barlow Condensed', Arial, sans-serif;
    font-size: 52px; font-weight: 900; color: var(--black);
    text-transform: uppercase; line-height: 0.9; margin-bottom: 16px;
  }
  .mascot-sub { font-size: 16px; color: rgba(0,0,0,0.65); line-height: 1.6; max-width: 440px; margin-bottom: 28px; }
  .mascot-imgs { display: flex; gap: 0; align-items: flex-end; }
  .mascot-img { width: 180px; }
  .mascot-img img { width: 100%; object-fit: contain; }

  /* ─── CONTACT ─── */
  .contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; }
  .contact-form { display: flex; flex-direction: column; gap: 16px; }
  .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
  .form-group { display: flex; flex-direction: column; gap: 6px; }
  .form-label { font-size: 12px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: #555; }
  .form-input {
    padding: 12px 16px; border: 1px solid #e5e5e5;
    font-family: 'Barlow', Arial, sans-serif; font-size: 15px;
    color: var(--black); background: var(--white);
    transition: border-color 0.2s;
  }
  .form-input:focus { outline: none; border-color: var(--yellow); }
  textarea.form-input { resize: vertical; min-height: 120px; }
  .contact-info { padding: 36px; background: var(--black); }
  .info-title {
    font-family: 'Barlow Condensed', Arial, sans-serif;
    font-size: 24px; font-weight: 900; color: var(--yellow);
    text-transform: uppercase; margin-bottom: 24px;
  }
  .info-item { display: flex; gap: 16px; padding: 16px 0; border-bottom: 1px solid #1a1a1a; align-items: flex-start; }
  .info-item:last-child { border-bottom: none; }
  .info-icon { font-size: 20px; flex-shrink: 0; margin-top: 2px; }
  .info-text { font-size: 14px; color: #aaa; line-height: 1.6; }
  .info-text strong { color: var(--white); font-weight: 600; display: block; margin-bottom: 2px; }
  .info-text a { color: var(--yellow); }

  /* ─── FOOTER ─── */
  footer {
    background: #000; padding: 32px 64px;
    display: flex; justify-content: space-between; align-items: center;
    border-top: 1px solid #1a1a1a; flex-wrap: wrap; gap: 16px;
  }
  .footer-left { font-size: 12px; color: #444; line-height: 1.6; }
  .footer-left strong { color: #777; }
  .footer-links { display: flex; gap: 24px; }
  .footer-links a { font-size: 12px; color: #444; transition: color 0.2s; }
  .footer-links a:hover { color: var(--yellow); }
  .footer-ewto {
    font-family: 'Barlow Condensed', Arial, sans-serif;
    font-size: 15px; font-weight: 800; color: var(--yellow); letter-spacing: 0.05em;
  }

  /* ─── DIVIDER ─── */
  .yellow-divider { height: 5px; background: var(--yellow); }

  /* ─── RESPONSIVE (basic) ─── */
  @media (max-width: 900px) {
    .section { padding: 60px 24px; }
    .hero-content { padding: 0 24px; }
    .stats-bar { padding: 16px 24px; flex-wrap: wrap; }
    .kurse-grid { grid-template-columns: 1fr; }
    .kurs-card:first-child { grid-column: 1; height: 300px; }
    .sv-grid { grid-template-columns: 1fr; }
    .zeiten-grid { grid-template-columns: 1fr; }
    .pruef-grid { grid-template-columns: 1fr; }
    .team-grid { grid-template-columns: 1fr 1fr; }
    .mascot-section { flex-direction: column; padding: 40px 24px; }
    .contact-grid { grid-template-columns: 1fr; }
    .nav-links { display: none; }
    footer { padding: 24px; }
  }

/* Extracted Inline Styles */
.os-1 { background:#111; border-bottom:1px solid #1e1e1e; padding:10px 32px; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; margin-top:60px; }
.os-2 { display:flex; align-items:center; gap:20px; flex-wrap:wrap; }
.os-3 { display:flex; align-items:center; gap:10px; }
.os-4 { width:2px; height:28px; background:#ffcc00; flex-shrink:0; }
.os-5 { font-family:'Barlow Condensed',Arial,sans-serif; font-size:10px; font-weight:700; letter-spacing:0.18em; color:rgba(255,255,255,0.4); text-transform:uppercase; }
.os-6 { font-family:'Barlow Condensed',Arial,sans-serif; font-size:15px; font-weight:800; color:#fff; letter-spacing:0.05em; text-decoration:none; transition:color 0.2s; }
.os-7 { display:flex; gap:16px; align-items:center; flex-wrap:wrap; }
.os-8 { font-size:12px; color:rgba(255,255,255,0.35); }
.os-9 { font-family:'Barlow Condensed',Arial,sans-serif; font-size:11px; font-weight:700; letter-spacing:0.12em; color:#ffcc00; text-transform:uppercase; text-decoration:none; border:1px solid #333; padding:5px 12px; transition:border-color 0.2s; }
.os-10 { position:relative; overflow:hidden; }
.os-11 { background:#fff; padding:80px 64px; }
.os-12 { max-width:1100px; margin:0 auto; }
.os-13 { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-bottom:56px; }
.os-14 { padding:32px 28px; background:var(--gray-light); position:relative; overflow:hidden; }
.os-15 { font-size:40px; margin-bottom:12px; }
.os-16 { font-family:'Barlow Condensed',Arial,sans-serif; font-size:20px; font-weight:800; color:#000; text-transform:uppercase; margin-bottom:10px; }
.os-17 { font-size:14px; color:#555; line-height:1.7; }
.os-18 { position:absolute; top:0; left:0; width:4px; height:100%; background:#ffcc00; }
.os-19 { background:#000; padding:40px 48px; display:flex; gap:40px; align-items:center; }
.os-20 { font-family:'Barlow Condensed',Arial,sans-serif; font-size:72px; font-weight:900; color:#ffcc00; line-height:1; flex-shrink:0; }
.os-21 { font-size:18px; color:#fff; line-height:1.6; font-style:italic; margin-bottom:12px; }
.os-22 { font-family:'Barlow Condensed',Arial,sans-serif; font-size:14px; font-weight:700; color:#ffcc00; letter-spacing:0.1em; text-transform:uppercase; }
.os-23 { background:#000; padding:80px 64px; }
.os-24 { color:rgba(255,255,255,0.4); }
.os-25 { display:grid; grid-template-columns:repeat(3,1fr); gap:2px; }
.os-26 { background:#111; padding:36px 32px; border-top:4px solid #ffcc00; position:relative; }
.os-27 { font-family:'Barlow Condensed',Arial,sans-serif; font-size:52px; font-weight:900; color:#ffcc00; line-height:1; margin-bottom:6px; }
.os-28 { font-family:'Barlow Condensed',Arial,sans-serif; font-size:11px; font-weight:700; letter-spacing:0.15em; color:#ffcc00; text-transform:uppercase; margin-bottom:16px; }
.os-29 { font-family:'Barlow Condensed',Arial,sans-serif; font-size:20px; font-weight:800; color:#fff; text-transform:uppercase; margin-bottom:14px; }
.os-30 { display:flex; flex-direction:column; gap:8px; }
.os-31 { display:flex; gap:10px; align-items:flex-start; }
.os-32 { color:#ffcc00; font-weight:700; flex-shrink:0; }
.os-33 { font-size:13px; color:#aaa; line-height:1.5; }
.os-34 { background:#181818; padding:36px 32px; border-top:4px solid #ffcc00; position:relative; }
.os-35 { margin-top:16px; background:#ffcc00; padding:8px 14px; display:inline-block; }
.os-36 { font-family:'Barlow Condensed',Arial,sans-serif; font-size:12px; font-weight:800; color:#000; letter-spacing:0.1em; text-transform:uppercase; }
.os-37 { background:#111; padding:36px 32px; border-top:4px solid #fff; position:relative; }
.os-38 { font-family:'Barlow Condensed',Arial,sans-serif; font-size:52px; font-weight:900; color:#fff; line-height:1; margin-bottom:6px; }
.os-39 { font-family:'Barlow Condensed',Arial,sans-serif; font-size:11px; font-weight:700; letter-spacing:0.15em; color:#fff; text-transform:uppercase; margin-bottom:16px; }
.os-40 { margin-top:16px; background:#fff; padding:8px 14px; display:inline-block; }
.os-41 { background:#f5f5f5; padding:80px 64px; }
.os-42 { max-width:1100px; margin:0 auto; display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:start; }
.os-43 { font-size:15px; color:#555; line-height:1.7; margin-bottom:28px; }
.os-44 { display:flex; flex-direction:column; gap:2px; }
.os-45 { background:#000; padding:14px 20px; display:flex; justify-content:space-between; align-items:center; }
.os-46 { font-family:'Barlow Condensed',Arial,sans-serif; font-size:11px; font-weight:700; letter-spacing:0.15em; color:#ffcc00; text-transform:uppercase; }
.os-47 { font-family:'Barlow Condensed',Arial,sans-serif; font-size:18px; font-weight:800; color:#fff; }
.os-48 { text-align:right; }
.os-49 { font-size:12px; color:#888; }
.os-50 { font-size:11px; color:#ffcc00; font-weight:600; }
.os-51 { background:#111; padding:14px 20px; display:flex; justify-content:space-between; align-items:center; }
.os-52 { background:#1a1a1a; padding:14px 20px; display:flex; justify-content:space-between; align-items:center; }
.os-53 { font-family:'Barlow Condensed',Arial,sans-serif; font-size:11px; font-weight:700; letter-spacing:0.15em; color:#fff; text-transform:uppercase; }
.os-54 { background:#ffcc00; padding:16px 20px; margin-top:16px; display:flex; gap:16px; align-items:center; }
.os-55 { font-family:'Barlow Condensed',Arial,sans-serif; font-size:14px; font-weight:800; color:#000; text-transform:uppercase; }
.os-56 { font-size:13px; color:rgba(0,0,0,0.7); }
.os-57 { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; }
.os-58 { background:#fff; padding:16px 18px; display:flex; align-items:center; gap:12px; border-left:3px solid #ffcc00; box-shadow:0 1px 6px rgba(0,0,0,0.07); }
.os-59 { width:36px; height:36px; background:#ffcc00; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:16px; flex-shrink:0; }
.os-60 { font-family:'Barlow Condensed',Arial,sans-serif; font-size:16px; font-weight:800; color:#111; }
.os-61 { font-size:12px; color:#555; }
.os-62 { display:flex; gap:16px; flex-wrap:wrap; }
.os-63 { background:var(--black);color:var(--yellow); }
.os-64 { border-color:rgba(0,0,0,0.3); color:#333; }
.os-65 { max-width:1200px; margin:0 auto; }
.news-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:28px; margin-top:40px; }
@media (max-width:900px) { .news-grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px) { .news-grid { grid-template-columns:1fr; } }
.os-66 { font-size:15px; color:#555; margin-bottom:8px; }
.os-67 { display:flex; flex-direction:column; gap:0; margin-top:32px; }
.os-68 { border-bottom:1px solid #e5e5e5; }
.os-69 { width:100%; display:flex; justify-content:space-between; align-items:center; padding:20px 0; background:none; border:none; cursor:pointer; text-align:left; }
.os-70 { font-family:'Barlow Condensed',Arial,sans-serif; font-size:18px; font-weight:700; color:#000; }
.os-71 { font-size:20px; color:#ffcc00; font-weight:700; flex-shrink:0; margin-left:16px; }
.os-72 { display:none; padding:0 0 20px; }
.os-73 { font-size:15px; color:#555; line-height:1.7; }
.os-74 { overflow-x:auto; margin-bottom:14px; }
.os-75 { width:100%; font-size:14px; border-collapse:collapse; background:#f5f5f5; }
.os-76 { text-align:left; padding:10px 14px; color:#000; font-family:'Barlow Condensed',Arial,sans-serif; font-size:12px; letter-spacing:0.1em; text-transform:uppercase; border-bottom:3px solid #ffcc00; background:#f0f0f0; }
.os-77 { border-bottom:1px solid #e0e0e0; }
.os-78 { padding:10px 14px; font-weight:600; }
.os-79 { padding:10px 14px; }
.os-80 { padding:10px 14px; color:#666; }
.os-81 { font-size:14px; color:#666; line-height:1.6; }
.os-82 { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-bottom:16px; }
.os-83 { background:#000; padding:18px; text-align:center; }
.os-84 { font-family:'Barlow Condensed',Arial,sans-serif; font-size:10px; font-weight:700; letter-spacing:0.15em; color:#ffcc00; text-transform:uppercase; margin-bottom:4px; }
.os-85 { font-family:'Barlow Condensed',Arial,sans-serif; font-size:34px; font-weight:900; color:#fff; line-height:1; }
.os-86 { font-size:11px; color:#666; margin-top:2px; }
.os-87 { background:#111; padding:18px; text-align:center; border:1px solid #ffcc00; }
.os-88 { font-size:15px; color:#555; line-height:1.7; margin-top:10px; }
.os-89 { margin-top:40px; text-align:center; }
.os-90 { font-size:15px; color:#555; margin-bottom:20px; }
.os-91 { background:#000; padding:72px 64px 56px; position:relative; overflow:hidden; }
.os-92 { position:absolute; top:0; right:0; bottom:0; width:45%; background:url('extracted_images/image_27.jpg') center/cover no-repeat; opacity:0.18; }
.os-93 { position:absolute; top:0; right:44%; bottom:0; width:100px; background:linear-gradient(to right, #000, transparent); }
.os-94 { position:relative; z-index:1; max-width:640px; }
.os-95 { font-family:'Barlow Condensed',Arial,sans-serif; font-size:11px; font-weight:700; letter-spacing:0.25em; color:#ffcc00; text-transform:uppercase; margin-bottom:12px; }
.os-96 { font-family:'Barlow Condensed',Arial,sans-serif; font-size:clamp(40px,6vw,72px); font-weight:900; color:#fff; text-transform:uppercase; line-height:0.92; margin-bottom:20px; }
.os-97 { color:#ffcc00; }
.os-98 { font-size:18px; color:rgba(255,255,255,0.8); line-height:1.7; margin-bottom:12px; font-weight:500; }
.os-99 { font-size:15px; color:rgba(255,255,255,0.55); line-height:1.7; margin-bottom:32px; max-width:520px; }
.os-100 { display:inline-flex; align-items:center; gap:10px; background:#ffcc00; color:#000; font-family:'Barlow Condensed',Arial,sans-serif; font-size:16px; font-weight:800; letter-spacing:0.1em; text-transform:uppercase; padding:14px 32px; text-decoration:none; transition:background 0.2s; }
.os-101 { display:inline-flex; align-items:center; gap:10px; background:transparent; color:#fff; font-family:'Barlow Condensed',Arial,sans-serif; font-size:16px; font-weight:700; letter-spacing:0.1em; text-transform:uppercase; padding:14px 32px; border:2px solid rgba(255,255,255,0.3); text-decoration:none; }
.os-102 { background:#ffcc00; padding:28px 64px; }
.os-103 { font-family:'Barlow Condensed',Arial,sans-serif; font-size:11px; font-weight:700; letter-spacing:0.2em; color:rgba(0,0,0,0.5); text-transform:uppercase; margin-bottom:16px; }
.os-104 { display:grid; grid-template-columns:repeat(4,1fr); gap:0; }
.os-105 { padding-right:24px; border-right:1px solid rgba(0,0,0,0.15); }
.os-106 { font-family:'Barlow Condensed',Arial,sans-serif; font-size:42px; font-weight:900; color:#000; line-height:1; }
.os-107 { font-size:12px; color:rgba(0,0,0,0.65); font-weight:600; line-height:1.4; margin-top:4px; }
.os-108 { padding:0 24px; border-right:1px solid rgba(0,0,0,0.15); }
.os-109 { margin-top:12px; font-size:11px; color:rgba(0,0,0,0.4); }
.os-110 { background:#111; padding:72px 64px; }
.os-111 { display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:start; }
.os-112 { font-family:'Barlow Condensed',Arial,sans-serif; font-size:11px; font-weight:700; letter-spacing:0.2em; color:#ffcc00; text-transform:uppercase; margin-bottom:12px; }
.os-113 { font-family:'Barlow Condensed',Arial,sans-serif; font-size:40px; font-weight:900; color:#fff; text-transform:uppercase; line-height:1; margin-bottom:20px; }
.os-114 { font-size:15px; color:rgba(255,255,255,0.7); line-height:1.8; margin-bottom:20px; }
.os-115 { color:#fff; }
.os-116 { font-size:15px; color:rgba(255,255,255,0.7); line-height:1.8; }
.os-117 { margin-top:24px; background:#1a1a1a; border-left:4px solid #ffcc00; padding:18px 20px; }
.os-118 { font-family:'Barlow Condensed',Arial,sans-serif; font-size:14px; font-weight:700; color:#ffcc00; text-transform:uppercase; margin-bottom:8px; }
.os-119 { font-size:14px; color:rgba(255,255,255,0.75); line-height:1.6; }
.os-120 { background:#000; padding:22px 26px; border-left:3px solid #ffcc00; display:flex; gap:16px; align-items:flex-start; }
.os-121 { font-size:24px; flex-shrink:0; margin-top:2px; }
.os-122 { font-family:'Barlow Condensed',Arial,sans-serif; font-size:16px; font-weight:800; color:#fff; text-transform:uppercase; margin-bottom:6px; }
.os-123 { font-size:13px; color:#888; line-height:1.6; }
.os-124 { background:#000; padding:56px 64px; }
.os-125 { font-family:'Barlow Condensed',Arial,sans-serif; font-size:11px; font-weight:700; letter-spacing:0.2em; color:rgba(255,255,255,0.35); text-transform:uppercase; margin-bottom:24px; }
.os-126 { display:grid; grid-template-columns:repeat(4,1fr); gap:2px; }
.os-127 { background:#111; padding:24px; border-top:3px solid #ffcc00; }
.os-128 { font-family:'Barlow Condensed',Arial,sans-serif; font-size:18px; font-weight:800; color:#fff; text-transform:uppercase; margin-bottom:10px; }
.os-129 { font-size:13px; color:rgba(255,255,255,0.82); line-height:1.6; }
.os-130 { background:#ffcc00; padding:56px 64px; display:flex; align-items:center; justify-content:space-between; gap:40px; flex-wrap:wrap; }
.os-131 { font-family:'Barlow Condensed',Arial,sans-serif; font-size:11px; font-weight:700; letter-spacing:0.2em; color:rgba(0,0,0,0.5); text-transform:uppercase; margin-bottom:10px; }
.os-132 { font-family:'Barlow Condensed',Arial,sans-serif; font-size:clamp(28px,4vw,48px); font-weight:900; color:#000; text-transform:uppercase; line-height:1; margin-bottom:12px; }
.os-133 { font-size:15px; color:rgba(0,0,0,0.65); max-width:480px; line-height:1.6; }
.os-134 { display:flex; flex-direction:column; gap:12px; flex-shrink:0; }
.os-135 { display:inline-flex; align-items:center; gap:10px; background:#000; color:#ffcc00; font-family:'Barlow Condensed',Arial,sans-serif; font-size:16px; font-weight:800; letter-spacing:0.1em; text-transform:uppercase; padding:16px 36px; text-decoration:none; }
.os-136 { display:inline-flex; align-items:center; justify-content:center; gap:10px; background:#25d366; color:#fff; font-family:'Barlow Condensed',Arial,sans-serif; font-size:14px; font-weight:700; letter-spacing:0.08em; text-transform:uppercase; padding:12px 36px; text-decoration:none; }
.os-137 { font-size:12px; color:rgba(0,0,0,0.5); text-align:center; }
.os-138 { margin-top:16px;align-self:flex-start; }
.os-139 { display:flex;flex-direction:column;gap:2px; }
.os-140 { height:249px; }
.os-141 { font-size:22px; }
.os-142 { background:#f0f4f8; padding-bottom:0; }
.os-143 { max-width:1200px;margin:0 auto; }
.os-144 { background:#003da5;padding:48px 56px;display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;margin-bottom:0; }
.os-145 { font-family:'Barlow Condensed',Arial,sans-serif;font-size:13px;font-weight:700;letter-spacing:0.2em;color:#ffcc00;text-transform:uppercase;margin-bottom:12px; }
.os-146 { font-family:'Barlow Condensed',Arial,sans-serif;font-size:clamp(36px,5vw,62px);font-weight:900;color:#fff;text-transform:uppercase;line-height:0.95;margin-bottom:16px; }
.os-147 { font-size:20px;color:rgba(255,255,255,0.85);font-weight:500;margin-bottom:0; }
.os-148 { display:flex;gap:32px;flex-wrap:wrap; }
.os-149 { text-align:center; }
.os-150 { font-family:'Barlow Condensed',Arial,sans-serif;font-size:48px;font-weight:900;color:#ffcc00;line-height:1; }
.os-151 { font-size:12px;color:rgba(255,255,255,0.7);letter-spacing:0.08em;text-transform:uppercase; }
.os-152 { display:grid;grid-template-columns:repeat(3,1fr);gap:0; }
.os-153 { background:#ffcc00;padding:32px 36px;border-right:2px solid rgba(0,0,0,0.1); }
.os-154 { font-family:'Barlow Condensed',Arial,sans-serif;font-size:42px;font-weight:900;color:#000;line-height:1; }
.os-155 { font-family:'Barlow Condensed',Arial,sans-serif;font-size:24px;font-weight:900;color:#000;text-transform:uppercase;margin:8px 0; }
.os-156 { font-size:14px;color:rgba(0,0,0,0.7);line-height:1.6; }
.os-157 { background:#003da5;padding:32px 36px;border-right:2px solid rgba(255,255,255,0.1); }
.os-158 { font-family:'Barlow Condensed',Arial,sans-serif;font-size:42px;font-weight:900;color:#ffcc00;line-height:1; }
.os-159 { font-family:'Barlow Condensed',Arial,sans-serif;font-size:24px;font-weight:900;color:#fff;text-transform:uppercase;margin:8px 0; }
.os-160 { font-size:14px;color:rgba(255,255,255,0.75);line-height:1.6; }
.os-161 { background:#111;padding:32px 36px; }
.os-162 { font-size:14px;color:rgba(255,255,255,0.65);line-height:1.6; }
.os-163 { background:#fff;padding:72px 64px; }
.os-164 { max-width:1100px;margin:0 auto; }
.os-165 { display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start; }
.os-166 { font-size:16px;color:#555;line-height:1.7;margin-bottom:32px; }
.os-167 { display:flex;flex-direction:column;gap:0; }
.os-168 { display:flex;gap:0;border-bottom:1px solid #f0f0f0; }
.os-169 { min-width:64px;background:#003da5;display:flex;align-items:center;justify-content:center;flex-shrink:0; }
.os-170 { font-family:'Barlow Condensed',Arial,sans-serif;font-size:28px;font-weight:900;color:#ffcc00; }
.os-171 { padding:16px 20px; }
.os-172 { font-family:'Barlow Condensed',Arial,sans-serif;font-size:15px;font-weight:700;color:#003da5;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:4px; }
.os-173 { font-size:13px;color:#666;line-height:1.5; }
.os-174 { min-width:64px;background:#0051c7;display:flex;align-items:center;justify-content:center;flex-shrink:0; }
.os-175 { min-width:64px;background:#ffcc00;display:flex;align-items:center;justify-content:center;flex-shrink:0; }
.os-176 { font-family:'Barlow Condensed',Arial,sans-serif;font-size:28px;font-weight:900;color:#000; }
.os-177 { font-family:'Barlow Condensed',Arial,sans-serif;font-size:15px;font-weight:700;color:#555;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:4px; }
.os-178 { min-width:64px;background:#e8a800;display:flex;align-items:center;justify-content:center;flex-shrink:0; }
.os-179 { min-width:64px;background:#ccc;display:flex;align-items:center;justify-content:center;flex-shrink:0; }
.os-180 { font-family:'Barlow Condensed',Arial,sans-serif;font-size:22px;font-weight:900;color:#fff; }
.os-181 { font-family:'Barlow Condensed',Arial,sans-serif;font-size:15px;font-weight:700;color:#999;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:4px; }
.os-182 { font-size:13px;color:#aaa;line-height:1.5; }
.os-183 { background:var(--gray-light);padding:72px 64px; }
.os-184 { display:grid;grid-template-columns:repeat(4,1fr);gap:16px; }
.os-185 { background:#fff;padding:24px;border-top:3px solid #003da5; }
.os-186 { font-size:28px;margin-bottom:10px; }
.os-187 { font-family:'Barlow Condensed',Arial,sans-serif;font-size:16px;font-weight:800;color:#003da5;text-transform:uppercase;margin-bottom:8px; }
.os-188 { font-size:11px;color:#999;font-weight:600;margin-top:10px;letter-spacing:0.05em; }
.os-189 { background:#fff;padding:24px;border-top:3px solid #ffcc00; }
.os-190 { background:#000;padding:72px 64px; }
.os-191 { display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-bottom:32px; }
.os-192 { background:#111;padding:28px;border-left:3px solid #ffcc00; }
.os-193 { font-family:'Barlow Condensed',Arial,sans-serif;font-size:13px;font-weight:700;letter-spacing:0.15em;color:#ffcc00;text-transform:uppercase;margin-bottom:8px; }
.os-194 { font-family:'Barlow Condensed',Arial,sans-serif;font-size:22px;font-weight:900;color:#fff;margin-bottom:6px; }
.os-195 { font-family:'Barlow Condensed',Arial,sans-serif;font-size:32px;font-weight:900;color:#ffcc00;margin-bottom:12px; }
.os-196 { font-size:13px;color:#888;line-height:1.5; }
.os-197 { background:#111;padding:28px;border-left:3px solid #003da5; }
.os-198 { font-family:'Barlow Condensed',Arial,sans-serif;font-size:13px;font-weight:700;letter-spacing:0.15em;color:#003da5;text-transform:uppercase;margin-bottom:8px; }
.os-199 { background:#111;padding:28px;border-left:3px solid #555; }
.os-200 { font-family:'Barlow Condensed',Arial,sans-serif;font-size:13px;font-weight:700;letter-spacing:0.15em;color:#555;text-transform:uppercase;margin-bottom:8px; }
.os-201 { background:#003da5;padding:64px; }
.os-202 { max-width:900px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center; }
.os-203 { font-family:'Barlow Condensed',Arial,sans-serif;font-size:42px;font-weight:900;color:#fff;text-transform:uppercase;line-height:1;margin-bottom:16px; }
.os-204 { font-size:16px;color:rgba(255,255,255,0.8);line-height:1.7;margin-bottom:28px; }
.os-205 { display:flex;flex-direction:column;gap:10px; }
.os-206 { display:flex;align-items:center;gap:12px; }
.os-207 { width:24px;height:24px;background:#ffcc00;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;color:#000;flex-shrink:0; }
.os-208 { color:#fff;font-size:15px; }
.os-209 { background:rgba(255,255,255,0.08);padding:32px;border:1px solid rgba(255,255,255,0.15); }
.os-210 { font-family:'Barlow Condensed',Arial,sans-serif;font-size:20px;font-weight:900;color:#ffcc00;text-transform:uppercase;margin-bottom:20px; }
.os-211 { display:flex;flex-direction:column;gap:16px; }
.os-212 { font-size:11px;color:rgba(255,255,255,0.5);letter-spacing:0.1em;text-transform:uppercase;margin-bottom:4px; }
.os-213 { width:100%;padding:10px 14px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);color:#fff;font-family:'Barlow',Arial,sans-serif;font-size:14px; }
.os-214 { width:100%;justify-content:center;background:#ffcc00;color:#000;margin-top:8px; }
.os-215 { font-size:11px;color:rgba(255,255,255,0.4);text-align:center; }
.os-216 { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.os-217 { color:#003da5; }
.os-218 { background:#000; padding:28px 32px; border-left:4px solid #25d366; display:flex; flex-direction:column; justify-content:center; }
.os-219 { font-family:'Barlow Condensed',Arial,sans-serif; font-size:13px; font-weight:700; letter-spacing:0.12em; color:#25d366; text-transform:uppercase; margin-bottom:10px; }
.os-220 { font-family:'Barlow Condensed',Arial,sans-serif; font-size:22px; font-weight:900; color:#fff; margin-bottom:6px; }
.os-221 { font-family:'Barlow Condensed',Arial,sans-serif; font-size:28px; font-weight:900; color:#25d366; text-decoration:none; letter-spacing:0.02em; margin-bottom:12px; }
.os-222 { font-size:12px; color:#666; line-height:1.6; }
.os-223 { background:#f5f5f5; padding:48px 64px; border-top:1px solid #e5e5e5; }
.os-224 { max-width:1100px; margin:0 auto; display:grid; grid-template-columns:auto 1fr; gap:40px; align-items:center; }
.os-225 { flex-shrink:0; }
.os-226 { width:64px; height:64px; background:#f5f5f5; display:flex; align-items:center; justify-content:center; font-size:28px; }
.os-227 { font-family:'Barlow Condensed',Arial,sans-serif; font-size:11px; font-weight:700; letter-spacing:0.2em; color:#003da5; text-transform:uppercase; margin-bottom:6px; }
.os-228 { font-family:'Barlow Condensed',Arial,sans-serif; font-size:24px; font-weight:900; color:#000; text-transform:uppercase; margin-bottom:10px; }
.os-229 { font-size:14px; color:#555; line-height:1.7; max-width:760px; margin-bottom:16px; }
.os-230 { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.os-231 { font-family:'Barlow Condensed',Arial,sans-serif; font-size:12px; font-weight:700; letter-spacing:0.08em; text-transform:uppercase; color:#555; margin-right:4px; }
.os-232 { background:#000; color:#ffcc00; font-family:'Barlow Condensed',Arial,sans-serif; font-size:12px; font-weight:800; letter-spacing:0.05em; padding:4px 12px; text-transform:uppercase; }
.os-233 { background:#111; color:#fff; font-family:'Barlow Condensed',Arial,sans-serif; font-size:12px; font-weight:700; letter-spacing:0.05em; padding:4px 12px; text-transform:uppercase; }
.os-234 { font-family:'Barlow Condensed',Arial,sans-serif; font-size:12px; font-weight:700; color:#003da5; letter-spacing:0.05em; text-decoration:none; padding:4px 0; }
.os-235 { padding-top:10px; }
.os-236 { font-size:11px;color:rgba(255,255,255,0.6); }
.os-237 { font-size:16px; }
.os-238 { margin-top:24px; background:rgba(255,204,0,0.08); border:1px solid rgba(255,204,0,0.25); padding:16px 20px; display:flex; gap:14px; align-items:flex-start; }
.os-239 { font-family:'Barlow Condensed',Arial,sans-serif; font-size:13px; font-weight:700; color:#ffcc00; text-transform:uppercase; letter-spacing:0.08em; margin-bottom:4px; }
.os-240 { font-size:13px; color:#aaa; line-height:1.6; }
.os-241 { background:#000; padding:36px 40px; margin-bottom:32px; display:flex; gap:40px; align-items:center; flex-wrap:wrap; position:relative; overflow:hidden; }
.os-242 { position:absolute; top:0; left:0; width:5px; height:100%; background:#ffcc00; }
.os-243 { position:absolute; top:-30px; right:40px; font-family:'Barlow Condensed',Arial,sans-serif; font-size:140px; font-weight:900; color:rgba(255,255,255,0.03); line-height:1; pointer-events:none; user-select:none; }
.os-244 { width:100px; height:100px; border-radius:50%; background:#1a1a1a; border:3px solid #ffcc00; overflow:hidden; display:flex; align-items:center; justify-content:center; }
.os-245 { width:100%; height:100%; object-fit:cover; object-position:center top; }
.os-246 { display:none; width:100%; height:100%; align-items:center; justify-content:center; font-family:'Barlow Condensed',Arial,sans-serif; font-size:28px; font-weight:900; color:#ffcc00; }
.os-247 { font-family:'Barlow Condensed',Arial,sans-serif; font-size:11px; font-weight:700; letter-spacing:0.2em; color:#ffcc00; text-transform:uppercase; margin-bottom:6px; }
.os-248 { font-family:'Barlow Condensed',Arial,sans-serif; font-size:28px; font-weight:900; color:#fff; margin-bottom:4px; }
.os-249 { font-size:13px; color:#888; margin-bottom:16px; }
.os-250 { font-size:14px; color:rgba(255,255,255,0.65); line-height:1.7; max-width:600px; margin-bottom:16px; }
.os-251 { display:flex; gap:8px; flex-wrap:wrap; align-items:center; }
.os-252 { font-family:'Barlow Condensed',Arial,sans-serif; font-size:11px; font-weight:700; background:#ffcc00; color:#000; padding:3px 10px; letter-spacing:0.08em; text-transform:uppercase; }
.os-253 { font-family:'Barlow Condensed',Arial,sans-serif; font-size:11px; font-weight:700; background:#222; color:#888; padding:3px 10px; letter-spacing:0.08em; text-transform:uppercase; }
.os-254 { font-family:'Barlow Condensed',Arial,sans-serif; font-size:11px; font-weight:700; color:#ffcc00; border:1px solid #333; padding:3px 10px; letter-spacing:0.08em; text-transform:uppercase; text-decoration:none; transition:border-color 0.2s; }
.os-255 { flex-shrink:0; text-align:center; padding:0 8px; }
.os-256 { font-family:'Barlow Condensed',Arial,sans-serif; font-size:11px; font-weight:700; letter-spacing:0.12em; color:rgba(255,255,255,0.3); text-transform:uppercase; margin-bottom:8px; }
.os-257 { display:flex; flex-direction:column; align-items:center; gap:0; }
.os-258 { background:#1a1a1a; border:1px solid #333; padding:6px 14px; font-family:'Barlow Condensed',Arial,sans-serif; font-size:13px; font-weight:700; color:#888; text-align:center; white-space:nowrap; }
.os-259 { width:2px; height:16px; background:#333; }
.os-260 { background:#1a1a1a; border:1px solid #ffcc00; padding:6px 14px; font-family:'Barlow Condensed',Arial,sans-serif; font-size:13px; font-weight:700; color:#ffcc00; text-align:center; white-space:nowrap; }
.os-261 { background:#ffcc00; padding:6px 14px; font-family:'Barlow Condensed',Arial,sans-serif; font-size:13px; font-weight:800; color:#000; text-align:center; white-space:nowrap; }
.os-262 { width:2px; height:16px; background:#ffcc00; }
.os-263 { background:#fff; padding:6px 14px; font-family:'Barlow Condensed',Arial,sans-serif; font-size:13px; font-weight:800; color:#000; text-align:center; white-space:nowrap; }
.os-264 { font-family:'Barlow Condensed',Arial,sans-serif; font-size:11px; font-weight:700; letter-spacing:0.2em; color:#999; text-transform:uppercase; margin-bottom:20px; }
.os-265 { position:relative;overflow:hidden; }
.os-266 { width:100%;height:280px;object-fit:cover;object-position:center 35%;filter:contrast(1.08) brightness(1.05) saturate(1.1); }
.os-267 { position:absolute;bottom:12px;left:12px;background:#ffcc00;padding:4px 10px;font-family:'Barlow Condensed',Arial,sans-serif;font-size:11px;font-weight:800;color:#000;letter-spacing:0.1em;text-transform:uppercase; }
.os-268 { display:grid; grid-template-columns:auto 1fr; gap:48px; align-items:start; margin-bottom:56px; }
.os-269 { flex-shrink:0; position:relative; }
.os-270 { width:200px; height:220px; overflow:hidden; position:relative; }
.os-271 { width:100%; height:100%; object-fit:cover; object-position:center 35%; filter:contrast(1.1) brightness(1.05) grayscale(0.15); }
.os-272 { display:none; width:100%; height:100%; background:#1a1a1a; align-items:center; justify-content:center; font-family:'Barlow Condensed',Arial,sans-serif; font-size:48px; font-weight:900; color:#ffcc00; }
.os-273 { position:absolute; top:0; left:0; width:8px; height:100%; background:#ffcc00; }
.os-274 { background:#ffcc00; padding:10px 14px; margin-top:0; }
.os-275 { font-family:'Barlow Condensed',Arial,sans-serif; font-size:11px; font-weight:700; letter-spacing:0.15em; color:#000; text-transform:uppercase; }
.os-276 { font-family:'Barlow Condensed',Arial,sans-serif; font-size:15px; font-weight:900; color:#000; }
.os-277 { font-family:'Barlow Condensed',Arial,sans-serif; font-size:11px; font-weight:700; letter-spacing:0.2em; color:#ffcc00; text-transform:uppercase; margin-bottom:10px; }
.os-278 { font-family:'Barlow Condensed',Arial,sans-serif; font-size:clamp(32px,4vw,52px); font-weight:900; color:#fff; text-transform:uppercase; line-height:1; margin-bottom:20px; }
.os-279 { font-size:16px; color:rgba(255,255,255,0.75); line-height:1.8; max-width:580px; margin-bottom:20px; }
.os-280 { font-size:15px; color:rgba(255,255,255,0.5); line-height:1.7; }
.os-281 { display:grid; grid-template-columns:repeat(2,1fr); gap:2px; margin-bottom:2px; }
.os-282 { background:#111; padding:28px 32px; border-left:4px solid #ffcc00; display:flex; gap:20px; align-items:flex-start; }
.os-283 { flex-shrink:0; width:48px; height:48px; background:#ffcc00; display:flex; align-items:center; justify-content:center; }
.os-284 { font-family:'Barlow Condensed',Arial,sans-serif; font-size:20px; font-weight:900; color:#000; }
.os-285 { font-family:'Barlow Condensed',Arial,sans-serif; font-size:18px; font-weight:800; color:#fff; text-transform:uppercase; margin-bottom:6px; }
.os-286 { font-family:'Barlow Condensed',Arial,sans-serif; font-size:11px; font-weight:700; color:#ffcc00; letter-spacing:0.12em; text-transform:uppercase; margin-bottom:10px; }
.os-287 { display:grid; grid-template-columns:repeat(3,1fr); gap:2px; margin-bottom:2px; }
.os-288 { background:#181818; padding:24px 26px; border-top:3px solid #ffcc00; }
.os-289 { display:flex; align-items:center; gap:10px; margin-bottom:12px; }
.os-290 { width:36px; height:36px; background:#ffcc00; border-radius:2px; display:flex; align-items:center; justify-content:center; font-size:16px; flex-shrink:0; }
.os-291 { font-family:'Barlow Condensed',Arial,sans-serif; font-size:15px; font-weight:800; color:#fff; text-transform:uppercase; line-height:1.1; }
.os-292 { font-size:10px; color:#ffcc00; font-weight:600; letter-spacing:0.1em; text-transform:uppercase; }
.os-293 { background:#181818; padding:24px 26px; border-top:3px solid #003da5; }
.os-294 { width:36px; height:36px; background:#003da5; border-radius:2px; display:flex; align-items:center; justify-content:center; font-size:16px; flex-shrink:0; }
.os-295 { font-size:10px; color:#003da5; font-weight:600; letter-spacing:0.1em; text-transform:uppercase; }
.os-296 { background:#111; padding:24px 32px; border-left:4px solid #555; display:flex; gap:24px; align-items:center; flex-wrap:wrap; }
.os-297 { flex-shrink:0; width:48px; height:48px; background:#333; display:flex; align-items:center; justify-content:center; }
.os-298 { font-family:'Barlow Condensed',Arial,sans-serif; font-size:18px; font-weight:800; color:#fff; text-transform:uppercase; margin-bottom:4px; }
.os-299 { font-family:'Barlow Condensed',Arial,sans-serif; font-size:11px; font-weight:700; color:#888; letter-spacing:0.12em; text-transform:uppercase; margin-bottom:8px; }
.os-300 { font-size:13px; color:#777; line-height:1.6; max-width:760px; }
.os-301 { flex-shrink:0; background:#222; padding:12px 20px; text-align:center; }
.os-302 { font-family:'Barlow Condensed',Arial,sans-serif; font-size:32px; font-weight:900; color:#888; line-height:1; }
.os-303 { font-size:10px; color:#555; font-weight:600; letter-spacing:0.1em; text-transform:uppercase; }
.os-304 { margin-top:32px; display:grid; grid-template-columns:repeat(4,1fr); gap:0; border:1px solid #1a1a1a; }
.os-305 { padding:20px 24px; border-right:1px solid #1a1a1a; text-align:center; }
.os-306 { font-family:'Barlow Condensed',Arial,sans-serif; font-size:36px; font-weight:900; color:#ffcc00; line-height:1; }
.os-307 { font-size:11px; color:#666; letter-spacing:0.08em; text-transform:uppercase; margin-top:4px; }
.os-308 { padding:20px 24px; text-align:center; }
.os-309 { margin-top:32px; display:flex; align-items:center; gap:24px; flex-wrap:wrap; }
.os-310 { background:#fff; padding:72px 32px; }
.os-311 { font-size:16px; color:#555; margin-bottom:48px; max-width:560px; }
.os-312 { display:flex; flex-direction:column; gap:0; border:1px solid #e8e8e8; border-radius:4px; overflow:hidden; box-shadow:0 2px 16px rgba(0,0,0,0.07); }
.os-313 { width:100%; background:#111; overflow:hidden; position:relative; line-height:0; }
.os-314 { width:100%; height:auto; display:block; }
.os-315 { padding:20px 22px 24px; }
.os-316 { display:flex; align-items:center; gap:12px; margin-bottom:18px; flex-wrap:wrap; }
.os-317 { background:#ffcc00; color:#000; font-family:'Barlow Condensed',Arial,sans-serif; font-size:11px; font-weight:800; letter-spacing:0.12em; text-transform:uppercase; padding:3px 10px; border-radius:2px; }
.os-318 { font-size:13px; color:#888; font-family:'Barlow Condensed',Arial,sans-serif; letter-spacing:0.06em; }
.os-319 { font-family:'Barlow Condensed',Arial,sans-serif; font-size:28px; font-weight:800; color:#000; letter-spacing:0.03em; line-height:1.1; margin:0 0 20px; }
.os-320 { font-size:15px; color:#444; line-height:1.85; display:flex; flex-direction:column; gap:14px; }
.os-321 { width:100%; background:#f5f0e8; overflow:hidden; line-height:0; }
.os-322 { background:#333; color:#fff; font-family:'Barlow Condensed',Arial,sans-serif; font-size:11px; font-weight:800; letter-spacing:0.12em; text-transform:uppercase; padding:3px 10px; border-radius:2px; }
.os-323 { position:absolute; top:16px; left:16px; background:#ffcc00; color:#000; font-family:'Barlow Condensed',Arial,sans-serif; font-size:12px; font-weight:800; letter-spacing:0.12em; text-transform:uppercase; padding:4px 12px; border-radius:2px; }
.os-324 { font-size:15px; color:#444; line-height:1.85; }
.os-325 { display:flex; flex-direction:column; gap:0; border:1px solid #e8e8e8; border-radius:4px; overflow:hidden; max-width:720px; box-shadow:0 2px 16px rgba(0,0,0,0.07); }
.os-326 { margin-top:32px; font-size:14px; color:#aaa; font-family:'Barlow Condensed',Arial,sans-serif; letter-spacing:0.06em; text-transform:uppercase; }
.os-327 { color:var(--yellow);font-size:16px;font-weight:700; }
.os-328 { font-size:12px;color:#888; }
.os-329 { color:#888;font-size:13px; }
.os-330 { color:#555; transition:color 0.2s; }
.os-331 { display:none; position:fixed; inset:0; background:rgba(0,0,0,0.85); z-index:9999; align-items:center; justify-content:center; padding:20px; }
.os-332 { background:#fff; max-width:700px; width:100%; max-height:90vh; overflow-y:auto; padding:48px; position:relative; }
.os-333 { position:absolute; top:16px; right:20px; background:none; border:none; font-size:24px; cursor:pointer; color:#999; line-height:1; }
.os-334 { font-family:'Barlow Condensed',Arial,sans-serif; font-size:11px; font-weight:700; letter-spacing:0.2em; color:#ffcc00; text-transform:uppercase; margin-bottom:8px; background:#000; display:inline-block; padding:3px 10px; }
.os-335 { font-family:'Barlow Condensed',Arial,sans-serif; font-size:36px; font-weight:900; color:#000; text-transform:uppercase; margin:12px 0 32px; }
.os-336 { display:flex; flex-direction:column; gap:24px; font-size:15px; color:#333; line-height:1.7; }
.os-337 { font-family:'Barlow Condensed',Arial,sans-serif; font-size:16px; font-weight:800; color:#000; text-transform:uppercase; letter-spacing:0.05em; margin-bottom:8px; border-bottom:2px solid #ffcc00; padding-bottom:6px; }
.os-338 { color:#000; }
.os-339 { background:#f5f5f5; padding:16px; border-left:3px solid #ffcc00; font-size:13px; color:#777; }



/* Mobile Overrides for extracted classes */
@media (max-width: 900px) {
  .os-13, .os-25, .os-42, .os-57, .os-82, .os-104, .os-111, .os-126, .os-148, .os-152, .os-165, .os-177 {
    grid-template-columns: 1fr !important;
  }
  .os-42, .os-111, .os-165 { gap: 32px !important; }
}


/* GLOBAL MOBILE OVERRIDES: DYNAMIC PATCH */
@media (max-width: 900px) {
  .os-281, .os-57, .os-25, .os-82, .os-287, .os-304, .os-268, .os-224, .mobile-inline-grid, .os-202, .os-152, .os-184, .os-42, .os-13, .os-104, .os-216, .os-177, .pruef-grid, .os-165, .os-111, .os-191, .os-126 {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }
  .os-1, .os-45, .os-144, .mobile-inline-flex, .os-69, .os-130, .os-52, .os-51 {
    flex-direction: column !important;
    gap: 24px !important;
    align-items: flex-start !important;
  }
}