/* ============================================
   DEFENSIVE TACTICS ACADEMY — Ergänzungen
   Erweitert styles.css (unverändert), fügt nur
   Klassen hinzu, die im K9-Equipment-Referenzdesign
   nicht vorkamen. Nutzt ausschließlich die
   bestehenden CSS-Variablen aus styles.css.
   ============================================ */

/* Logo als Bild in der Nav statt reinem Text */
.logo-img{height:34px;display:block;}

/* Zusätzlicher Sprachlink im mobilen Aufklapp-Menü (per Default versteckt) */
.mobile-lang{display:none;}

/* Mobile Nav aufräumen: nur Logo + Burger sichtbar, Rest wandert ins Menü */
@media(max-width:860px){
  .logo-img{height:26px;}
  .nav-cta,.lang-switch{display:none;}
  .mobile-lang{
    display:block;color:var(--stone);font-family:'IBM Plex Mono',monospace;
    font-size:12px;letter-spacing:0.07em;text-transform:uppercase;
    padding-top:10px;border-top:1px solid rgba(255,255,255,0.12);margin-top:4px;
  }
  .mobile-lang:hover{color:var(--red);}
  .hero .btn-secondary{display:block;margin-left:0;margin-top:14px;text-align:center;}
  .hero{height:auto;min-height:520px;overflow:visible;}
  .hero-content{padding-top:110px;}
}

/* Legal-/Fließtext-Seiten (Impressum, Datenschutz, AGB-Auszug) */
.legal{max-width:760px;}
.legal h2{font-size:22px;margin:40px 0 14px;text-transform:none;letter-spacing:0;font-family:'Inter',sans-serif;font-weight:600;color:var(--olive);}
.legal h2:first-child{margin-top:0;}
.legal h3{font-size:16px;margin:24px 0 10px;text-transform:none;letter-spacing:0;font-family:'Inter',sans-serif;font-weight:600;}
.legal p{font-size:15px;color:var(--graphite-soft);margin-bottom:14px;max-width:720px;}
.legal ul{margin:0 0 14px 0;}
.legal ul li{font-size:15px;color:var(--graphite-soft);margin-bottom:6px;padding-left:18px;position:relative;}
.legal ul li::before{content:"—";position:absolute;left:0;color:var(--steel);}
.legal .meta-block{background:var(--white);border:1px solid var(--stone-dark);padding:24px 28px;margin-bottom:32px;}
.legal .meta-block p{margin-bottom:4px;}

/* Downloads / Broschüren-Liste */
.download-list{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:12px;}
.download-item{display:flex;gap:14px;align-items:flex-start;background:var(--white);border:1px solid var(--stone-dark);padding:18px 20px;}
.download-item .pdf-icon{width:30px;height:30px;flex-shrink:0;background:var(--red);color:var(--white);display:flex;align-items:center;justify-content:center;font-family:'IBM Plex Mono',monospace;font-size:9px;font-weight:600;letter-spacing:0;}
.download-item h4{font-size:14px;margin-bottom:4px;font-weight:600;text-transform:none;letter-spacing:0;font-family:'Inter',sans-serif;}
.download-item p{font-size:12px;color:var(--steel);margin:0;}
.download-item a{color:var(--red);border-bottom:1px solid var(--red);}
@media(max-width:700px){.download-list{grid-template-columns:1fr;}}

/* Bild-Teaser (Bücher, Diagramme) innerhalb eines Textblocks */
.inline-figures{display:flex;gap:24px;flex-wrap:wrap;margin-top:28px;}
.inline-figures figure{margin:0;max-width:200px;}
.inline-figures img{border:1px solid var(--stone-dark);}
.inline-figures figcaption{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:0.05em;text-transform:uppercase;color:var(--steel);margin-top:8px;}

/* Quadranten-Grafiken (Leistungsübersicht als Bild) */
.quad-figure{max-width:420px;margin:32px 0;}
.quad-figure img{width:100%;}

/* Liste einfacher Leistungspunkte (z. B. K9-Diensteliste) */
.plain-list{margin:20px 0;}
.plain-list li{font-size:16px;color:var(--graphite);margin-bottom:10px;padding-left:20px;position:relative;}
.plain-list li::before{content:"";position:absolute;left:0;top:9px;width:7px;height:7px;background:var(--red);}

/* Kontaktinfo-Karte für Kontaktseite */
.contact-form{display:flex;flex-direction:column;gap:16px;background:var(--white);border:1px solid var(--stone-dark);padding:32px;}
.contact-form label{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:0.06em;text-transform:uppercase;color:var(--steel);margin-bottom:6px;display:block;}
.contact-form input,.contact-form textarea{width:100%;border:1px solid var(--stone-dark);background:var(--stone);padding:12px 14px;font-family:'Inter',sans-serif;font-size:14px;color:var(--graphite);}
.contact-form textarea{min-height:140px;resize:vertical;}
.contact-form button{align-self:flex-start;}
.form-note{font-size:12px;color:var(--steel);margin-top:-6px;}

/* Trainings-Fotogalerie (z. B. Sprengstoffsuch-Szenario, Übungsmaterial) */
.photo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:24px 0 8px;}
.photo-grid.cols-5{grid-template-columns:repeat(5,1fr);}
.photo-grid figure{margin:0;background:var(--white);border:1px solid var(--stone-dark);}
.photo-grid img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;}
.photo-grid figcaption{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:0.05em;text-transform:uppercase;color:var(--steel);padding:8px 10px;}
@media(max-width:860px){.photo-grid,.photo-grid.cols-5{grid-template-columns:repeat(2,1fr);}}

/* Firmenmotto-Schriftzug */
.motto{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:0.14em;text-transform:uppercase;margin:0 0 18px;}
.motto.on-dark{color:var(--stone);}
.motto.on-light{color:var(--red);}

/* Simple CTA-Banner (z.B. K9 Equipment Webshop Cross-Promotion) */
.cta-banner{background:var(--graphite);color:var(--white);padding:48px 5%;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px;}
.cta-banner-text h3{color:var(--white);font-size:24px;margin-bottom:8px;}
.cta-banner-text p{color:var(--stone);font-size:15px;max-width:440px;}