/*
 * Stellenseite „Fehlt nur die Leitung“ – Version 2
 * Die Seite besteht aus normalen WordPress-Blöcken; dieses Stylesheet gibt ihnen das Design.
 * Regeln mit !important, damit das Theme Schrift, Farben und Abstände nicht überschreibt.
 */

/* ---------- Rahmen: volle Breite, dunkelgrün ---------- */
.wkl{
  position:relative !important;
  width:100vw !important; max-width:100vw !important;
  margin:0 calc(50% - 50vw) !important;
  padding:0 !important;
  background:#1A2B0B !important; color:#ffffff !important;
  font-size:18px !important; line-height:1.6 !important;
  overflow-wrap:break-word;
}
.editor-styles-wrapper .wkl{ width:auto !important; max-width:none !important; margin:0 !important; }

.wkl, .wkl *{
  font-family:"Archivo", Arial, Helvetica, sans-serif !important;
  box-sizing:border-box !important;
  text-transform:none !important;
  font-style:normal !important;
  text-shadow:none !important;
  letter-spacing:normal;
}
.wkl h1, .wkl h2, .wkl h3, .wkl p, .wkl ul, .wkl li{ border:0 !important; background:none !important; padding:0 !important; }
.wkl h1::before, .wkl h1::after, .wkl h2::before, .wkl h2::after, .wkl h3::before, .wkl h3::after, .wkl li::before{ content:none !important; display:none !important; }

/* Blöcke ohne Theme-Abstände */
.wkl .wp-block-group{ margin:0 !important; max-width:none !important; }
.wkl .wkl-wrap{ max-width:1040px !important; width:100% !important; margin:0 auto !important; padding-left:24px !important; padding-right:24px !important; }

/* Display-Schrift */
.wkl .wkl-display{
  font-family:"Archivo Black", "Arial Black", Arial, sans-serif !important;
  font-weight:400 !important;
  letter-spacing:-0.02em !important;
}

.wkl a{ color:#B5E061 !important; text-decoration:underline !important; box-shadow:none !important; }
.wkl a:hover, .wkl a:focus{ color:#ffffff !important; }

/* ---------- Kopfbereich ---------- */
.wkl .wkl-hero{ background:#1A2B0B !important; color:#ffffff !important; }
.wkl .wkl-hero > .wkl-wrap{ padding-top:56px !important; padding-bottom:80px !important; }
.wkl .wkl-absender{ margin:0 !important; font-size:1.15rem !important; font-weight:700 !important; line-height:1.4 !important; color:#B5E061 !important; }
.wkl .wkl-titel-gruen, .wkl .wkl-titel-weiss{ font-size:clamp(3rem, 11vw, 6.5rem) !important; line-height:1.04 !important; max-width:none !important; }
.wkl .wkl-titel-gruen{ margin:48px 0 0 !important; color:#B5E061 !important; }
.wkl .wkl-titel-weiss{ margin:0 !important; color:#ffffff !important; }
.wkl .wkl-intro{ margin:36px 0 0 !important; max-width:42rem !important; font-size:clamp(1.2rem, 2.6vw, 1.55rem) !important; line-height:1.5 !important; font-weight:500 !important; color:#E4EDD8 !important; }
.wkl .wkl-knoepfe{ margin:36px 0 0 !important; justify-content:flex-start !important; }
.wkl .wkl-knopf .wp-block-button__link{
  display:inline-block !important; background:#B5E061 !important; color:#1A2B0B !important;
  font-weight:700 !important; font-size:1.2rem !important; line-height:1.3 !important;
  padding:16px 28px !important; border-radius:6px !important; border:0 !important; text-decoration:none !important;
}
.wkl .wkl-knopf .wp-block-button__link:hover, .wkl .wkl-knopf .wp-block-button__link:focus{ background:#ffffff !important; color:#1A2B0B !important; }

/* ---------- Weißer Inhaltsbereich ---------- */
.wkl .wkl-inhalt{ background:#ffffff !important; color:#1A2B0B !important; }
.wkl .wkl-inhalt > .wkl-wrap{ padding-top:72px !important; padding-bottom:80px !important; }
.wkl .wkl-inhalt h2{ margin:0 !important; font-size:clamp(2rem, 5vw, 3rem) !important; line-height:1.1 !important; color:#1A2B0B !important; }
.wkl .wkl-inhalt h2.wkl-abstand{ margin-top:64px !important; }
.wkl .wkl-inhalt p{ margin:18px 0 0 !important; max-width:46rem !important; font-size:1.15rem !important; line-height:1.65 !important; font-weight:400 !important; color:#1A2B0B !important; }

.wkl .wkl-karten{ margin:28px 0 0 !important; gap:18px !important; }
.wkl .wkl-karte{ background:#EEF5E1 !important; padding:26px !important; border-radius:6px !important; margin:0 !important; }
.wkl .wkl-karte h3{ margin:0 !important; font-size:1.35rem !important; font-weight:700 !important; line-height:1.3 !important; color:#1A2B0B !important; }
.wkl .wkl-karte p{ margin:10px 0 0 !important; font-size:1.05rem !important; }

.wkl .wkl-zwei{ margin:64px 0 0 !important; gap:48px !important; }
.wkl .wkl-zwei .wp-block-column{ margin:0 !important; }
.wkl ul{ margin:18px 0 0 !important; padding-left:1.2rem !important; list-style:disc outside !important; color:#1A2B0B !important; }
.wkl li{ margin:0 !important; font-size:1.1rem !important; line-height:1.6 !important; color:#1A2B0B !important; list-style:disc outside !important; }
.wkl li + li{ margin-top:10px !important; }

/* ---------- Kontakt ---------- */
.wkl .wkl-kontakt{ background:#1A2B0B !important; color:#ffffff !important; }
.wkl .wkl-kontakt > .wkl-wrap{ padding-top:72px !important; padding-bottom:88px !important; }
.wkl .wkl-kontakt h2{ margin:0 !important; font-size:clamp(2.25rem, 7vw, 4rem) !important; line-height:1.05 !important; color:#ffffff !important; }
.wkl .wkl-kontakt p{ margin:20px 0 0 !important; max-width:40rem !important; font-size:1.25rem !important; line-height:1.5 !important; color:#E4EDD8 !important; }
.wkl .wkl-kontakt p.wkl-mail{ margin-top:12px !important; max-width:none !important; font-size:clamp(1.15rem, 3.4vw, 1.75rem) !important; font-weight:700 !important; overflow-wrap:anywhere !important; }
.wkl .wkl-kontakt p.wkl-mail a{ font-weight:700 !important; }
.wkl .wkl-kontakt p.wkl-fuss{ margin-top:56px !important; font-size:0.95rem !important; }

/* kein seitlicher Scrollbalken durch die volle Breite */
body:has(.wkl){ overflow-x:hidden; }