/*
Theme Name: JaZZ 2010 – Reskin
Template: jazz
Author: Hauke + KI
Description: Child-Theme: bringt den hellen, modernen „jazz.haukeschubert.de"-Look auf das Original-Theme. Alle Inhalte/Plugins bleiben unangetastet. Rückbaubar durch Zurückschalten auf das Eltern-Theme „jazz".
Version: 1.0.0
*/

/* Eltern-Theme + Marken-Schriften zuerst importieren */
@import url("../jazz/style.css");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700;800&family=Poppins:wght@500;600;700;800&display=swap");

:root{
  --jz-purple:#6943e8;
  --jz-purple-d:#5733c9;
  --jz-blue:#88c4dd;
  --jz-lav:#a99bdd;
  --jz-ink:#17151f;
  --jz-muted:#5b5670;
  --jz-bg:#f6f8fc;
  --jz-card:#ffffff;
  --jz-shadow:0 18px 40px rgba(34,25,84,.12);
  --jz-shadow-sm:0 8px 22px rgba(34,25,84,.08);
}

/* ============================================================
   GRUNDLAGEN / TYPO
   ============================================================ */
html,body{ background-color:var(--jz-bg); }
body{
  font-family:'Open Sans', Arial, Helvetica, sans-serif !important;
  color:var(--jz-ink);
  background:
    radial-gradient(1200px 460px at 50% -160px, rgba(136,196,221,.45), transparent 70%),
    radial-gradient(900px 380px at 85% -80px, rgba(169,155,221,.40), transparent 66%),
    linear-gradient(180deg, #ece6fb 0px, #f1ecfb 240px, var(--jz-bg) 520px);
  background-repeat:no-repeat;
  background-color:var(--jz-bg);
}
*{ color:inherit; }
p, li, td, span, div, a, .col { font-family:'Open Sans', Arial, sans-serif; }
p{ color:var(--jz-muted); }
h1,h2,h3,h4,h5,h6,.ueberschrift{
  font-family:'Poppins', 'Open Sans', sans-serif !important;
  color:var(--jz-ink);
  letter-spacing:.1px;
}
a{ color:var(--jz-purple); }
a:hover{ color:var(--jz-purple-d); }
strong,b{ color:var(--jz-ink); }

/* ============================================================
   KOPFBEREICH – pastellige Zone, Logo zentriert, Menü als Pille
   (Logo-Reihe = 1. .bereich.group, Menü-Reihe = 2.)
   ============================================================ */
.wrapper > .bereich.group:nth-of-type(1){ padding-top:14px !important; }
.logo-container{ margin:0 auto 6px !important; }
.logo-container img{ margin:0 auto !important; width:364px !important; max-width:70% !important; height:auto !important; }

/* Menüleiste (Max Mega Menu) → Gradient-Pille */
#mega-menu-wrap-primary{ background:transparent !important; }
#mega-menu-wrap-primary #mega-menu-primary{
  background:
    radial-gradient(560px 240px at 6% -45%, rgba(255,255,255,.42), transparent 60%),
    linear-gradient(122deg, #8fc6df 0%, #87a6e0 36%, #7b6ae8 66%, #6943e8 100%) !important;
  border-radius:24px !important;
  padding:8px 14px !important;
  box-shadow:0 16px 40px rgba(34,25,84,.20), inset 0 1px 0 rgba(255,255,255,.42) !important;
  display:flex !important;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  gap:2px;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{
  color:#fff !important;
  background:transparent !important;
  font-family:'Poppins', sans-serif !important;
  font-weight:600 !important;
  font-size:16px !important;
  text-transform:none !important;
  border-radius:999px !important;
  padding:12px 16px !important;
  height:auto !important;
  line-height:1.2 !important;
  transition:background-color .18s ease;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-current-menu-item > a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-current_page_item > a.mega-menu-link{
  background:rgba(255,255,255,.20) !important;
}
/* Untermenüs als weiße, abgerundete Karten */
#mega-menu-wrap-primary .mega-sub-menu{
  background:#fff !important;
  border-radius:16px !important;
  box-shadow:0 24px 50px rgba(34,25,84,.22) !important;
  padding:10px !important;
  border:1px solid rgba(105,67,232,.10) !important;
}
#mega-menu-wrap-primary .mega-sub-menu a.mega-menu-link{
  color:var(--jz-ink) !important;
  background:transparent !important;
  border-radius:10px !important;
  font-weight:600 !important;
}
#mega-menu-wrap-primary .mega-sub-menu a.mega-menu-link:hover{
  background:linear-gradient(120deg, rgba(105,67,232,.12), rgba(136,196,221,.18)) !important;
  color:var(--jz-purple) !important;
}
.mega-indicator:after{ color:#fff !important; }

/* ============================================================
   STARTSEITE – Häuser-Karten modern (weiß, rund, Farbfotos)
   ============================================================ */
.grau-hintergrund-ohne-p{
  background:var(--jz-card) !important;
  border-radius:18px !important;
  box-shadow:var(--jz-shadow) !important;
  overflow:hidden;
  transition:transform .2s ease, box-shadow .2s ease;
}
.grau-hintergrund-ohne-p:hover{
  transform:translateY(-4px);
  box-shadow:0 26px 54px rgba(34,25,84,.18) !important;
}
.grau-hintergrund-ohne-p img{
  filter:none !important;
  border:0 !important;
  margin:0 !important;
  width:100% !important;
  display:block;
  aspect-ratio:4/3;
  object-fit:cover;
}
.header-leistung-startseite{
  padding:14px 18px !important;
  font-family:'Open Sans', sans-serif !important;
  font-size:14px !important;
  line-height:1.45 !important;
  color:#fff !important;
}
.header-leistung-startseite .ueberschrift{
  font-family:'Poppins', sans-serif !important;
  font-size:21px !important;
  font-weight:700 !important;
  color:#fff !important;
  display:block;
  margin-bottom:2px;
}
/* Button-Liste */
.grau-hintergrund-ohne-p ul{ padding:14px 16px !important; }
.grau-hintergrund-ohne-p ul li{ font-size:14px !important; margin-bottom:6px !important; }
.grau-hintergrund-ohne-p .button-startseite{
  background:linear-gradient(122deg, var(--jz-purple), #7b6ae8) !important;
  border-radius:999px !important;
  padding:10px !important;
  margin:6px 0 !important;
  box-shadow:0 8px 18px rgba(105,67,232,.22);
  transition:transform .16s ease, box-shadow .16s ease;
}
.grau-hintergrund-ohne-p .button-startseite:hover{ transform:translateY(-2px); }
.grau-hintergrund-ohne-p .button-startseite a{ color:#fff !important; font-weight:700 !important; }
.grau-hintergrund-ohne-p li a{ color:var(--jz-muted); text-decoration:none; }
.grau-hintergrund-ohne-p li a:hover{ color:var(--jz-purple); }

/* „Weitere Fragen" Block als Karte */
.content-p-grau{
  background:var(--jz-card);
  border-radius:18px;
  box-shadow:var(--jz-shadow-sm);
  padding:22px 24px !important;
}
.content-p-grau h3{ color:var(--jz-purple); margin-top:0; }
.content-p-grau h3 a{ color:var(--jz-purple); }

/* Qualitätspartner-Überschrift */
h5{ color:var(--jz-ink) !important; }
.bereich + h5, h5{ text-align:center; font-size:22px !important; font-weight:700; margin:30px 0 6px; }

/* ============================================================
   ÜBERSCHRIFTEN / BUTTONS / INHALT
   ============================================================ */
h2{ color:var(--jz-ink) !important; }
h2.start-info{ color:var(--jz-purple) !important; }
h3{ color:var(--jz-purple) !important; }
h4{ color:var(--jz-purple) !important; }
h1.entry-title{
  background:transparent !important;
  color:var(--jz-ink) !important;
  position:relative !important;
  left:0 !important; bottom:auto !important;
  font-family:'Poppins',sans-serif !important;
  font-weight:700 !important;
  padding:6px 0 !important;
}
h1{
  position:relative !important; left:0 !important; bottom:auto !important;
  background:transparent !important; color:var(--jz-ink) !important;
}

a.button{
  background:linear-gradient(122deg, var(--jz-purple), #7b6ae8) !important;
  border:0 !important;
  border-radius:999px !important;
  padding:11px 22px !important;
  color:#fff !important;
  font-weight:700;
  box-shadow:0 10px 24px rgba(105,67,232,.22);
}
a.button:hover{ background:linear-gradient(122deg, var(--jz-purple-d), #6943e8) !important; color:#fff !important; }

/* Sidebar: Alt-Regeln entfernt – kompletter Karten-Look weiter unten („SEITENLEISTE") */
.widget_text{ background:#fff !important; border-radius:14px; box-shadow:var(--jz-shadow-sm); }
.kontaktdaten h2{ color:var(--jz-purple) !important; }

/* Inhaltslisten-Bullets in Markenfarbe */
.content ul li::after{ color:var(--jz-purple) !important; }

/* ============================================================
   FOOTER – heller, modern; Copyright-Leiste Marken-Verlauf
   ============================================================ */
.unter-footer{ background:#eef0f7 !important; border-top:1px solid rgba(105,67,232,.10); }
.unter-footer .kontaktdaten h2{ color:var(--jz-purple) !important; font-family:'Poppins',sans-serif !important; }
.unter-unter-footer, #copyright{
  background:linear-gradient(122deg, var(--jz-purple) 0%, #7b6ae8 55%, var(--jz-blue) 100%) !important;
}
#copyright, #copyright a, #copyright span{ color:#fff !important; }

/* ============================================================
   DIVERSES
   ============================================================ */
.swiper-slide h2{ background:var(--jz-purple) !important; }
.swiper-slide h3{ background:var(--jz-blue) !important; }

/* ============================================================
   MOBILE – Megamenü-Toggle-Leiste an Marke anpassen
   ============================================================ */
#mega-menu-wrap-primary .mega-menu-toggle{
  background:linear-gradient(122deg,#7b6ae8,#6943e8) !important;
  border-radius:16px !important;
  margin-bottom:6px;
}
#mega-menu-wrap-primary .mega-toggle-animated-inner,
#mega-menu-wrap-primary .mega-toggle-animated-inner:before,
#mega-menu-wrap-primary .mega-toggle-animated-inner:after{ background:#fff !important; }
#mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary{ margin-top:0; }

/* ============================================================
   MOBIL-MENÜ: ≤768px eigenes, sauberes Menü (Roh-Menü) statt
   Max Mega Menu (das verhält sich als „Mega"-Menü mobil unsauber).
   Untermenüs antippbar/aufklappbar (Accordion-JS s. functions.php).
   ============================================================ */
.jazz-burger{ display:none; }
@media (min-width:769px){ .jazz-burger{ display:none !important; } }
.jazz-mobile-nav{ display:none; }
@media (min-width:769px){ .jazz-mobile-nav{ display:none !important; } }
@media (max-width: 768px){
  /* Mega-Menü auf Mobil komplett aus */
  #mega-menu-wrap-primary{ display:none !important; }

  /* Hamburger-Button rechts im Header, vertikal zentriert (helles Lavendel, lila Striche) */
  .jazz-burger{
    display:flex; align-items:center; justify-content:center;
    flex:0 0 auto; margin:0;
    width:48px; height:48px; padding:0; cursor:pointer;
    border:1px solid rgba(255,255,255,.5); border-radius:14px; -webkit-tap-highlight-color:transparent;
    background:rgba(255,255,255,.30);
    box-shadow:0 6px 16px rgba(34,25,84,.18);
    transition:background .2s ease, box-shadow .2s ease, transform .12s ease;
  }
  .jazz-burger:hover{ background:rgba(255,255,255,.44); }
  .jazz-burger:active{ transform:scale(.94); }
  .jazz-burger:focus-visible{ outline:3px solid #fff; outline-offset:2px; }
  .jazz-burger-lines, .jazz-burger-lines::before, .jazz-burger-lines::after{
    display:block; width:22px; height:2.5px; border-radius:3px; background:#5435c8;
  }
  .jazz-burger-lines{ position:relative; transition:background .2s ease; }
  .jazz-burger-lines::before, .jazz-burger-lines::after{
    content:''; position:absolute; left:0; transition:top .25s ease, transform .25s ease;
  }
  .jazz-burger-lines::before{ top:-7px; }
  .jazz-burger-lines::after{ top:7px; }
  /* offen -> sanft zu einem X */
  .jazz-burger.is-open .jazz-burger-lines{ background:transparent; }
  .jazz-burger.is-open .jazz-burger-lines::before{ top:0; transform:rotate(45deg); }
  .jazz-burger.is-open .jazz-burger-lines::after{ top:0; transform:rotate(-45deg); }

  /* Menü ist Teil der Header-Pille: klappt unter Logo/Burger auf (volle Breite) */
  .jazz-mobile-nav{ display:block; flex:0 0 100%; width:100%; }
  .jazz-mnav{
    list-style:none !important; margin:0 !important;
    background:transparent; box-shadow:none; border-radius:0;
    /* eingeklappt */
    max-height:0; overflow:hidden; opacity:0; transform:translateY(-6px);
    padding:0 !important; margin-top:0 !important;
    transition:max-height .4s cubic-bezier(.4,0,.2,1), opacity .25s ease, transform .3s ease, padding .3s ease, margin .3s ease;
  }
  .jazz-mobile-nav.is-open .jazz-mnav{
    max-height:80vh; overflow-y:auto; opacity:1; transform:translateY(0);
    padding-top:8px !important; margin-top:10px !important;
    border-top:1px solid rgba(255,255,255,.28);
  }
  .jazz-mnav li{ list-style:none !important; margin:0 !important; padding:0 !important; position:relative; }
  .jazz-mnav li::after, .jazz-mnav li::before{ content:none !important; }
  .jazz-mnav a{
    display:block; position:relative; color:#fff !important; text-decoration:none !important;
    font-family:'Poppins',sans-serif !important; font-weight:600 !important;
    font-size:16px !important; padding:12px 14px !important; border-radius:10px;
  }
  .jazz-mnav a:hover{ background:rgba(255,255,255,.16); color:#fff !important; }
  .jazz-mnav .sub-menu{ list-style:none !important; margin:0 !important; padding:0 0 6px 14px !important; display:none; }
  .jazz-mnav li.jazz-sub-open > .sub-menu{ display:block; }
  .jazz-mnav .sub-menu a{ color:rgba(255,255,255,.92) !important; font-weight:600 !important; font-size:15px !important; padding:9px 14px !important; }
  /* Aufklapp-Pfeil als echtes, per JS eingefügtes Element (sicher sichtbar) */
  .jazz-mnav li.menu-item-has-children > a{
    display:flex !important; align-items:center; justify-content:space-between; gap:10px;
  }
  .jazz-mnav .jazz-caret{
    flex:0 0 auto; width:26px; height:26px; line-height:26px; text-align:center;
    border-radius:50%; background:#fff; color:#6943e8 !important; font-size:14px; font-weight:700;
    box-shadow:0 2px 8px rgba(34,25,84,.18); transition:transform .2s ease;
  }
  .jazz-mnav li.jazz-sub-open > a .jazz-caret{ transform:rotate(180deg); }
}

/* ============================================================
   STARTSEITE – Hero (heller Pastell-Bereich wie jazz)
   ============================================================ */
.jazz-hero{ padding:24px 10px 14px; }
.jazz-hero-inner{ max-width:760px; }
.jazz-eyebrow{
  display:inline-block; text-transform:uppercase; letter-spacing:.12em;
  font-size:12px; font-weight:800; color:var(--jz-purple);
  background:rgba(105,67,232,.10); border:1px solid rgba(105,67,232,.22);
  padding:6px 13px; border-radius:999px;
}
.jazz-hero h1{
  font-family:'Poppins',sans-serif !important; font-weight:800 !important;
  font-size:clamp(30px,4.6vw,48px) !important; line-height:1.08 !important;
  color:var(--jz-ink) !important; margin:14px 0 12px !important;
  position:relative !important; background:transparent !important;
}
.jazz-hero-lead{ font-size:17px !important; color:var(--jz-muted) !important; max-width:680px; }
.jazz-hero-actions{ display:flex; flex-wrap:wrap; gap:12px; margin-top:22px; }
.jazz-hero-actions a{
  display:inline-flex; align-items:center; justify-content:center;
  min-height:46px; padding:12px 22px; border-radius:999px;
  font-weight:800; text-decoration:none !important; transition:transform .16s ease, box-shadow .16s ease;
}
.jazz-btn-primary{ background:var(--jz-purple) !important; color:#fff !important; box-shadow:0 10px 24px rgba(105,67,232,.28); }
.jazz-btn-primary:hover{ transform:translateY(-2px); box-shadow:0 16px 32px rgba(105,67,232,.34); }
.jazz-btn-secondary{ background:#fff !important; border:1px solid rgba(105,67,232,.28); color:var(--jz-purple) !important; }
.jazz-btn-ghost{ background:transparent !important; border:1px solid rgba(105,67,232,.30); color:var(--jz-purple) !important; }
.jazz-btn-secondary:hover,.jazz-btn-ghost:hover{ transform:translateY(-2px); }
.jazz-cards-head{
  text-align:center; font-family:'Poppins',sans-serif !important; font-weight:800 !important;
  font-size:clamp(26px,3.4vw,38px) !important; color:var(--jz-ink) !important;
  margin:26px 0 4px !important;
}

/* ============================================================
   FOOTER – gründlich überarbeitet (footer.php Child-Override):
   Marken-/Kontaktspalte + 6 Link-Spalten, dunkler Verlauf, ohne Facebook.
   ============================================================ */
.unter-footer{
  background:linear-gradient(125deg, #6943e8 0%, #6f57d8 52%, #5f8fc6 100%) !important;
  border-top:0 !important;
  padding:54px 0 38px !important;
}
.unter-footer .wrapper{ background:transparent !important; }

/* Oberer Bereich: Marke links + Link-Spalten rechts */
.unter-footer .jazz-footer-top{
  display:grid; grid-template-columns:minmax(250px, 1.2fr) 3fr; gap:48px; align-items:start;
}

/* Marken-/Kontaktspalte */
.jazz-footer-brand{ max-width:370px; }
.unter-footer a.jazz-footer-logo{
  display:inline-block; background:#fff !important; border-radius:14px !important; padding:13px 18px !important;
  box-shadow:0 10px 26px rgba(0,0,0,.20) !important; line-height:0;
}
.jazz-footer-logo img{ display:block; width:200px; max-width:100%; height:auto; margin:0 !important; border:0 !important; }
.jazz-footer-tagline{ color:rgba(255,255,255,.85) !important; font-size:14.5px; line-height:1.6; margin:18px 0 0 !important; }
.jazz-footer-contact{ list-style:none !important; margin:18px 0 0 !important; padding:0 !important; }
.jazz-footer-contact li{ display:flex !important; align-items:center; gap:11px; margin:0 0 11px !important; color:#fff !important; font-size:14.5px; list-style:none !important; }
.jazz-footer-contact a{ color:#fff !important; text-decoration:none !important; }
.jazz-footer-contact a:hover{ text-decoration:underline !important; }
.unter-footer .jazz-fic{
  flex:0 0 auto; width:32px; height:32px; display:inline-flex; align-items:center; justify-content:center;
  border-radius:10px; background:rgba(255,255,255,.16) !important;
}
.jazz-fic svg{ width:17px; height:17px; stroke:#fff; fill:none; }

/* 6 Link-Spalten */
.jazz-footer-cols{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px 26px; }
.jazz-fcol .kontaktdaten{ margin:0 !important; min-height:0 !important; }
.unter-footer .kontaktdaten, .unter-footer .kontaktdaten *{ color:#fff !important; }
.unter-footer .kontaktdaten h2,
.unter-footer .kontaktdaten h1.widget-title,
.unter-footer .widget-title{
  color:#fff !important; font-family:'Poppins',sans-serif !important;
  font-size:15.5px !important; font-weight:700 !important; text-transform:none !important;
  letter-spacing:0 !important; margin:0 0 13px !important;
}
.unter-footer .kontaktdaten ul{ list-style:none !important; margin:0 !important; padding:0 !important; }
.unter-footer .kontaktdaten li{ margin:0 0 8px !important; padding:0 !important; list-style:none !important; }
.unter-footer .kontaktdaten li::after, .unter-footer .kontaktdaten li::before{ content:none !important; }
.unter-footer a{ color:rgba(255,255,255,.82) !important; text-decoration:none !important; transition:color .15s ease; }
.unter-footer a:hover{ color:#fff !important; text-decoration:underline !important; }
/* Widget-Eigenhintergründe NUR in den Spalten entfernen (Marke/Icons unberührt) */
.unter-footer .jazz-footer-cols *{ background-color:transparent !important; box-shadow:none !important; border-radius:0 !important; }

/* Copyright-Leiste */
.unter-unter-footer{ background:#34247e !important; }
/* Eltern-Theme färbt .wrapper bei ≤780px weiß → hier transparent (sonst weißer Block) */
.unter-unter-footer .wrapper{ background:transparent !important; }
.jazz-copyright{
  display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px 20px;
  padding:16px 0 !important; color:rgba(255,255,255,.9) !important; font-size:13.5px;
}
.jazz-copyright .jazz-copyright-links{ display:flex; gap:20px; }
.jazz-copyright a{ color:#fff !important; text-decoration:none !important; }
.jazz-copyright a:hover{ text-decoration:underline !important; }

/* Responsive */
@media (max-width:1024px){ .jazz-footer-cols{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:820px){
  .unter-footer .jazz-footer-top{ grid-template-columns:1fr; gap:34px; }
  .jazz-footer-brand{ max-width:none; }
}
@media (max-width:520px){
  .jazz-footer-cols{ grid-template-columns:1fr 1fr; gap:24px 20px; }
  .jazz-copyright{ flex-direction:column; align-items:flex-start; gap:8px; }
}
@media (max-width:380px){ .jazz-footer-cols{ grid-template-columns:1fr; } }

/* ============================================================
   HEADER – Logo oben mittig, Nav-Pille darunter (zentriert)
   ============================================================ */
.jazz-headbar{
  display:flex; flex-direction:column; align-items:center;
  gap:10px; padding:16px 0 8px;
}
.jazz-headbar .logo-container{ margin:0 auto !important; width:100%; text-align:center; }
/* Nur max-height/max-width + width/height:auto => Seitenverhältnis bleibt IMMER erhalten (keine Verzerrung) */
.jazz-headbar .logo-container img{ width:auto !important; height:auto !important; max-height:67px !important; max-width:90% !important; margin:0 auto !important; display:inline-block; }
/* Weißes Logo nur mobil (Desktop: bisheriges farbiges Logo) – Spezifität + !important,
   sonst gewinnt die Basis-Regel `.jazz-headbar .logo-container img{display:inline-block}` */
.jazz-headbar .logo-container .jazz-logo-mobile{ display:none !important; }
.jazz-headbar .navigation{ width:100%; min-width:0; display:flex; justify-content:center; margin:0 !important; }
/* Mobil: Header als Gradient-Pille – Logo links, Hamburger rechts (vertikal zentriert) */
@media (max-width:768px){
  .jazz-headbar{
    flex-direction:row !important; flex-wrap:wrap; align-items:center; justify-content:space-between;
    row-gap:0; column-gap:10px;
    padding:12px 16px; margin:10px 10px 4px;
    background:
      radial-gradient(560px 240px at 6% -45%, rgba(255,255,255,.42), transparent 60%),
      linear-gradient(122deg, #8fc6df 0%, #87a6e0 36%, #7b6ae8 66%, #6943e8 100%);
    border-radius:22px;
    box-shadow:0 16px 40px rgba(34,25,84,.20), inset 0 1px 0 rgba(255,255,255,.42);
  }
  .jazz-headbar .logo-container{ width:auto !important; flex:0 1 auto; text-align:left !important; margin:0 !important; }
  .jazz-headbar .logo-container .jazz-logo-desktop{ display:none !important; }
  .jazz-headbar .logo-container .jazz-logo-mobile{ display:inline-block !important; height:130px !important; max-height:130px !important; width:auto !important; max-width:none !important; margin:0 !important; }
  .jazz-headbar .navigation{ display:none !important; }
}

/* ============================================================
   TEAM (wp-team-pro): einheitliche Foto-Größe, 2:3-Verhältnis.
   Box + object-fit:cover => proportionaler Zuschnitt (keine Verzerrung).
   Kompakt für 2-spaltige Karten. Weiße Linie über dem Foto entfernt.
   ============================================================ */
/* Struktur (alle Breiten) */
.sptp-member .sptp-member-avatar-img-area{ max-width:100% !important; margin:0 auto !important; }
.sptp-member .sptp-member-avatar-img,
.sptp-member .sptp-member-avatar-img.sptp-square{
  max-width:100% !important; padding:0 !important; aspect-ratio:auto !important;
  position:relative !important; overflow:hidden !important; margin:0 auto !important;
  background:transparent !important;          /* war weiß -> 10px-Versatz erzeugte weiße Linie oben */
  border-radius:50% !important;               /* oval wie die Ansprechpartner-Fotos (Kundenwunsch, alle Personen einheitlich) */
  box-shadow:none !important;                 /* Plugin-Schatten (rgba(0,0,0,.6)) um das ovale Foto entfernt */
}
/* etwaigen „padding-top:100%"-Quadrat-Trick deaktivieren */
.sptp-member .sptp-member-avatar-img::before,
.sptp-member .sptp-member-avatar-img::after{ content:none !important; padding:0 !important; display:none !important; }
.sptp-member .sptp-member-avatar-img .sptp-overflow-h{
  position:absolute !important; inset:0 !important; top:0 !important; margin:0 !important; width:100% !important; height:100% !important;
  border-radius:50% !important; overflow:hidden !important;
}
.sptp-member .sptp-member-avatar-img img,
.sptp-member .sptp-member-avatar-img .sptp_default_img{
  width:100% !important; height:100% !important; max-width:none !important; max-height:none !important;
  margin:0 !important; top:0 !important; vertical-align:top !important;          /* Versatz weg */
  object-fit:cover !important; object-position:center top !important; border-radius:50% !important;
  box-shadow:none !important;
}
/* Foto-Größe (Hochformat 2:3), kompakt für 2 Spalten (Spalten sind schmal: Sidebar daneben) */
@media (min-width:769px){
  .sptp-member .sptp-member-avatar-img-area{ width:110px !important; }
  .sptp-member .sptp-member-avatar-img,
  .sptp-member .sptp-member-avatar-img.sptp-square{ width:110px !important; height:165px !important; }
}
@media (max-width:768px){
  .sptp-member .sptp-member-avatar-img-area{ width:140px !important; }
  .sptp-member .sptp-member-avatar-img,
  .sptp-member .sptp-member-avatar-img.sptp-square{ width:140px !important; height:210px !important; }
}

/* ============================================================
   STARTSEITE – untere Abschnitte wie jazz
   (Angebote außerhalb / Qualitätspartner / Weitere-Fragen-CTA)
   ============================================================ */
:root{ --jazz-purple:#6943e8; --jazz-muted:#5b5670; --jazz-ink:#17151f; --jazz-shadow:0 18px 40px rgba(34,25,84,.12); }
.jazz-home-extra{ margin-top:34px; margin-bottom:clamp(40px, 6vw, 72px); }
.jazz-home-extra > section + section{ margin-top:30px; }
.jazz-home-extra .section-kicker{ margin:0 0 8px; color:var(--jazz-purple); font-size:13px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.home-section-head h2, .home-final-cta h2, .home-partners h2{
  margin:0; font-family:'Poppins',sans-serif !important; font-weight:800 !important;
  font-size:clamp(28px,4vw,44px) !important; color:var(--jazz-ink) !important; text-wrap:balance;
}
.home-section-head > p, .home-final-cta p, .home-partners > p{ max-width:720px; color:var(--jazz-muted) !important; font-size:18px; }

.home-offers{ padding-top:12px; }
.home-offers--external{ margin-top:18px; padding-top:42px; border-top:2px dashed rgba(105,67,232,.18); }
.home-section-head{ display:grid; grid-template-columns:minmax(0,0.9fr) minmax(280px,0.55fr); gap:28px; align-items:end; margin-bottom:24px; }
.home-section-head .section-kicker{ grid-column:1 / -1; margin-bottom:-18px; }

.home-card-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.home-offer-card{ --card-accent:var(--jazz-purple); --card-accent-rgb:105,67,232; --card-accent-contrast:#fff;
  display:flex; min-width:0; min-height:100%; flex-direction:column; overflow:hidden; background:#fff;
  border:1px solid rgba(var(--card-accent-rgb),.2); border-top:8px solid var(--card-accent);
  border-radius:24px; box-shadow:0 14px 34px rgba(34,25,84,.1); transition:transform .18s ease, box-shadow .18s ease; }
.home-offer-card:hover{ transform:translateY(-3px); box-shadow:0 22px 48px rgba(34,25,84,.14); }
.home-offer-card.color-tierfreunde{ --card-accent:#7ab648; --card-accent-rgb:122,182,72; --card-accent-contrast:#17151f; }
.home-offer-card.color-tierfreunde .home-offer-image{
  background:#fff; display:flex; align-items:center; justify-content:center;
  aspect-ratio:4/3; padding:22px;
}
.home-offer-card.color-tierfreunde .home-offer-image img{
  width:auto !important; height:auto !important;
  max-width:100% !important; max-height:100% !important;
  aspect-ratio:auto !important; object-fit:contain;
  margin:0 auto !important; padding:0 !important; display:block;
}
.home-offer-card.color-gmbh{ --card-accent:#7b6ae6; --card-accent-rgb:123,106,230; --card-accent-contrast:#fff; }
.home-offer-image{ display:block; background:#eaf3f8; }
.home-offer-image img{ display:block; width:100% !important; aspect-ratio:4/3; object-fit:cover; margin:0 !important; border:0 !important; max-width:100% !important; }
.home-offer-image--placeholder{ display:flex; align-items:center; justify-content:center; aspect-ratio:4/3;
  background:linear-gradient(135deg, rgba(105,67,232,.92), rgba(136,196,221,.92)); }
.home-offer-image--placeholder span{ padding:9px 18px; border-radius:999px; background:rgba(255,255,255,.20);
  border:1px solid rgba(255,255,255,.45); color:#fff; font-weight:800; font-size:14px; letter-spacing:.02em; }
.home-offer-body{ display:flex; flex:1; flex-direction:column; padding:20px; }
.home-offer-body h3{ margin:0 0 8px !important; color:var(--card-accent) !important; font-size:21px !important; font-weight:800 !important; font-family:'Poppins',sans-serif !important; }
.home-offer-body p{ margin:0; color:var(--jazz-muted) !important; }
.home-card-actions{ display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:auto; padding-top:18px; }
.home-card-actions a, .home-card-contact a{ border-radius:14px; font-weight:800; text-decoration:none !important; }
.home-card-actions a{ padding:10px 12px; background:var(--card-accent) !important; color:var(--card-accent-contrast) !important; text-align:center; box-shadow:0 8px 20px rgba(105,67,232,.16); transition:transform .16s ease; }
.home-card-actions a:hover{ transform:translateY(-2px); }
.home-card-actions a:nth-child(2){ background:rgba(var(--card-accent-rgb),.14) !important; color:var(--card-accent) !important; }
.home-card-contact{ display:grid; gap:8px; margin-top:10px; }
.home-card-contact a{ display:block; min-width:0; padding:9px 12px; background:rgba(var(--card-accent-rgb),.12) !important; color:var(--jazz-ink) !important; font-size:14px; line-height:1.28; overflow-wrap:anywhere; }
.home-card-contact span{ display:block; margin-bottom:2px; color:var(--jazz-muted) !important; font-size:11px; letter-spacing:.06em; text-transform:uppercase; }

/* Qualitätspartner */
.home-partners{ padding:30px 24px; background:#fff; border:1px solid rgba(105,67,232,.12); border-radius:30px; box-shadow:var(--jazz-shadow); text-align:center; }
.home-partners > p{ margin:0 auto; }
.home-partners-grid{ display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:24px 40px; margin-top:26px; }
.home-partner{ display:flex; align-items:center; justify-content:center; }
.home-partner a{ display:inline-flex; }
.home-partner img{ height:64px !important; width:auto !important; max-width:180px !important; object-fit:contain; margin:0 !important; border:0 !important; transition:transform .25s ease; }
.home-partner img:hover{ transform:translateY(-3px) scale(1.03); }
.home-partner img[alt*="Rotes Kreuz"]{ height:84px !important; }

/* Weitere-Fragen-CTA */
.home-final-cta{ display:flex; align-items:center; justify-content:space-between; gap:28px; padding:30px 34px;
  background:linear-gradient(135deg, rgba(105,67,232,.95), rgba(136,196,221,.95)); color:#fff; border-radius:30px; box-shadow:var(--jazz-shadow); }
.home-final-cta h2{ color:#fff !important; }
.home-final-cta .section-kicker{ color:rgba(255,255,255,.88) !important; }
.home-final-cta p{ color:rgba(255,255,255,.88) !important; }
.home-final-cta-text{ min-width:0; }
.home-final-cta-actions{ display:flex; flex-direction:column; gap:12px; flex:0 0 auto; }
.home-cta-btn{ display:inline-flex; align-items:center; gap:13px; min-width:264px; padding:12px 20px; border-radius:16px;
  background:rgba(255,255,255,.15); border:1px solid rgba(255,255,255,.30); color:#fff !important; text-decoration:none !important;
  transition:background .2s ease, color .2s ease, transform .2s ease, box-shadow .2s ease; }
.home-cta-btn:hover{ background:#fff; color:var(--jazz-purple) !important; transform:translateY(-2px); box-shadow:0 12px 26px rgba(34,25,84,.22); }
.home-cta-ic{ display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; flex:0 0 auto; border-radius:12px; background:rgba(255,255,255,.18); }
.home-cta-btn:hover .home-cta-ic{ background:rgba(105,67,232,.12); }
.home-cta-ic svg{ width:20px; height:20px; }
.home-cta-txt{ display:flex; flex-direction:column; line-height:1.25; font-family:'Poppins',sans-serif; font-weight:800; font-size:16px; }
.home-cta-txt small{ font-size:11px; font-weight:700; letter-spacing:.07em; text-transform:uppercase; opacity:.78; }

@media (max-width:780px){
  .home-section-head{ grid-template-columns:1fr; }
  .home-section-head .section-kicker{ margin-bottom:0; }
  .home-card-grid{ grid-template-columns:1fr; }
  .home-final-cta{ flex-direction:column; align-items:flex-start; }
  .home-final-cta-actions{ width:100%; }
  .home-cta-btn{ width:100%; min-width:0; }
  .home-section-head > p, .home-final-cta p, .home-partners > p{ font-size:16px; }
}

/* ============================================================
   STARTSEITE – Häuser-Karten: Akzentfarben + 4-spaltiges Raster
   (gleiches home-offer-card-Design wie die jazz-Karten = einheitlich)
   ============================================================ */
.home-offer-card.color-ambulant{ --card-accent:#c08c00; --card-accent-rgb:192,140,0; --card-accent-contrast:#fff; }
.home-offer-card.color-aktionen{ --card-accent:#d62d18; --card-accent-rgb:214,45,24; --card-accent-contrast:#fff; }
.home-offer-card.color-zukunft{ --card-accent:#7a4f9c; --card-accent-rgb:122,79,156; --card-accent-contrast:#fff; }
.home-offer-card.color-jugend{ --card-accent:#15a06a; --card-accent-rgb:21,160,106; --card-accent-contrast:#fff; }
.home-offer-card.color-aloha{ --card-accent:#2e9b54; --card-accent-rgb:46,155,84; --card-accent-contrast:#fff; }
.home-offer-card.color-perspektiven{ --card-accent:#3585bd; --card-accent-rgb:53,133,189; --card-accent-contrast:#fff; }
/* Haus Ohana: Gelb-Orange (Rahmen/Button kräftig, Button-Text dunkel; Titel/Sekundärtext etwas dunkler = lesbar) */
.home-offer-card.color-ohana{ --card-accent:#f5a623; --card-accent-rgb:245,166,35; --card-accent-contrast:#3a2a00; }
.home-offer-card.color-ohana .home-offer-body h3,
.home-offer-card.color-ohana .home-card-actions a:nth-child(2){ color:#9a5f00 !important; }

.jazz-home-houses{ margin-top:10px; }
.home-offers--houses .home-card-grid{ grid-template-columns:repeat(4,minmax(0,1fr)); }
@media (max-width:1100px){ .home-offers--houses .home-card-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:780px){ .home-offers--houses .home-card-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
/* früher 1-spaltig: in 2 Spalten unter ~640px brachen E-Mail-Adressen mitten im Wort um */
@media (max-width:640px){ .home-offers--houses .home-card-grid{ grid-template-columns:1fr; } }

/* „Angebote außerhalb"-Karten: gleiche Größe wie Häuser-Karten, aber die 2 Karten
   MITTIG statt linksbündig mit großer Leerfläche rechts (Review-Befund) */
.home-offers--external .home-card-grid{ grid-template-columns:repeat(2, minmax(0, 302px)); justify-content:center; }
@media (max-width:780px){ .home-offers--external .home-card-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:640px){ .home-offers--external .home-card-grid{ grid-template-columns:1fr; } }

/* ============================================================
   DESIGN-FEINSCHLIFF (autonomer Lauf 2026-06-04)
   ============================================================ */
html{ scroll-behavior:smooth; }
::selection{ background:rgba(105,67,232,.18); color:var(--jz-ink); }

/* Sichtbare Tastatur-Fokus-Ringe (Barrierefreiheit) */
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible,
.mega-menu-link:focus-visible, .jazz-mnav a:focus-visible, .home-card-actions a:focus-visible{
  outline:3px solid rgba(105,67,232,.45) !important; outline-offset:2px; border-radius:8px;
}

/* 404-Seite */
.jazz-404{ max-width:760px; margin:0 auto; text-align:center; }
.jazz-404 .section-kicker{ display:block; }
.jazz-404 h1{
  font-family:'Poppins',sans-serif !important; font-weight:800 !important;
  font-size:clamp(30px,5vw,52px) !important; line-height:1.08 !important;
  color:var(--jz-ink) !important; background:transparent !important;
  position:relative !important; left:0 !important; bottom:auto !important; margin:10px 0 14px !important; padding:0 !important;
}
.jazz-404 p{ color:var(--jz-muted) !important; font-size:18px; max-width:600px; margin:0 auto 26px; }
.jazz-404-actions{ display:flex; flex-wrap:wrap; gap:12px; justify-content:center; margin-bottom:28px; }
.jazz-404-actions a{ display:inline-flex; align-items:center; min-height:46px; padding:12px 22px; border-radius:999px; font-weight:800; text-decoration:none !important; transition:transform .16s ease, box-shadow .16s ease; }
.jazz-404-actions a:hover{ transform:translateY(-2px); }
.jazz-404-search{ display:flex; gap:8px; max-width:480px; margin:0 auto; }
.jazz-404-search input{ flex:1; min-width:0; padding:12px 18px !important; border:1px solid rgba(105,67,232,.28) !important; border-radius:999px !important; font-size:16px !important; background:#fff; margin:0 !important; }
.jazz-404-search button{ padding:12px 22px; border:0; border-radius:999px; background:var(--jz-purple); color:#fff; font-weight:800; cursor:pointer; }

/* Inhalts-Typografie auf Unterseiten */
.entry-content{ font-size:17px; line-height:1.7; color:#3c3850; }
.entry-content h2{ margin:30px 0 10px !important; font-size:clamp(22px,2.4vw,30px) !important; }
.entry-content h3{ margin:24px 0 8px !important; font-size:20px !important; }
.entry-content h4{ margin:20px 0 6px !important; font-size:18px !important; }
.entry-content p{ margin:0 0 16px; }
.entry-content a{ color:var(--jz-purple); text-decoration:underline; text-underline-offset:2px; }
.entry-content a:hover{ color:var(--jz-purple-d); }
.entry-content ul li, .entry-content ol li{ margin-bottom:7px; }
.entry-content ul li::after{ color:var(--jz-purple) !important; }
.entry-content img{ border:0 !important; border-radius:14px; box-shadow:0 10px 28px rgba(34,25,84,.10); height:auto; }
.entry-content blockquote{
  margin:20px 0; padding:14px 20px; border-left:4px solid var(--jz-purple);
  background:rgba(105,67,232,.05); border-radius:0 12px 12px 0; color:var(--jz-ink); font-style:italic;
}
.entry-content table{ width:100%; border-collapse:collapse; margin:18px 0; font-size:15px; }
.entry-content table th{ background:rgba(105,67,232,.10); color:var(--jz-ink); text-align:left; }
.entry-content table th, .entry-content table td{ padding:10px 12px; border:1px solid rgba(105,67,232,.14); }
.entry-content table tr:nth-child(even) td{ background:rgba(105,67,232,.035); }
.entry-content hr{ border:0; border-top:1px solid rgba(105,67,232,.16); margin:24px 0; }

/* Kontaktformular (Contact Form 7) */
.wpcf7-form input.wpcf7-form-control:not(.wpcf7-submit),
.wpcf7-form textarea.wpcf7-form-control,
.wpcf7-form select.wpcf7-form-control{
  box-sizing:border-box !important;   /* sonst width:100% + padding = Überlauf rechts (Mobil) */
  width:100% !important; max-width:100% !important; padding:12px 16px !important;
  border:1px solid rgba(105,67,232,.25) !important; border-radius:12px !important;
  font-size:16px !important; font-family:'Open Sans',sans-serif; background:#fff; margin:6px 0 14px !important;
  transition:border-color .18s ease, box-shadow .18s ease;
}
.wpcf7-form input.wpcf7-form-control:focus,
.wpcf7-form textarea.wpcf7-form-control:focus{
  border-color:var(--jz-purple) !important; box-shadow:0 0 0 3px rgba(105,67,232,.15) !important; outline:none !important;
}
.wpcf7-form textarea.wpcf7-form-control{ min-height:130px; }
.wpcf7-submit{
  background:linear-gradient(122deg, var(--jz-purple), #7b6ae8) !important; color:#fff !important;
  border:0 !important; border-radius:999px !important; padding:13px 28px !important;
  font-weight:800 !important; font-family:'Poppins',sans-serif; cursor:pointer; box-shadow:0 10px 24px rgba(105,67,232,.22);
  transition:transform .16s ease, box-shadow .16s ease;
}
.wpcf7-submit:hover{ transform:translateY(-2px); box-shadow:0 16px 32px rgba(105,67,232,.3); }

/* Sidebar feiner (Alt-Regeln entfernt – s. „SEITENLEISTE" am Dateiende) */
.kontaktdaten h2{ font-family:'Poppins',sans-serif !important; }

/* „Nach oben"-Button */
.jazz-top{
  position:fixed; right:18px; bottom:18px; z-index:90;
  width:48px; height:48px; border-radius:50%; border:0; cursor:pointer;
  background:linear-gradient(122deg, var(--jz-purple), #7b6ae8); color:#fff; font-size:22px; line-height:1;
  box-shadow:0 12px 30px rgba(34,25,84,.30); opacity:0; visibility:hidden; transform:translateY(10px);
  transition:opacity .25s ease, transform .25s ease, visibility .25s;
}
.jazz-top.show{ opacity:1; visibility:visible; transform:translateY(0); }
.jazz-top:hover{ transform:translateY(-3px); }
@media (max-width:560px){ .jazz-top{ right:12px; bottom:12px; width:44px; height:44px; } }

/* ============================================================
   FEINSCHLIFF Teil 2 – aus Multi-Agent-Designreview
   ============================================================ */
/* Team-Rollen-Label lesbar (war hellblau ~1,7:1) */
.sptp-member-profession,
.sptp-member-profession h4,
.sptp-member-profession h4 a{ color:#5a4bd0 !important; font-weight:600 !important; }

/* Nav-Links: Lesbarkeit auf hellem Verlauf-Ende + deutlicherer aktiver Zustand */
#mega-menu-wrap-primary #mega-menu-primary > li > a.mega-menu-link{ text-shadow:0 1px 2px rgba(34,25,84,.30) !important; }
#mega-menu-wrap-primary #mega-menu-primary > li.mega-current-menu-item > a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-current_page_item > a.mega-menu-link{
  background:rgba(255,255,255,.30) !important; box-shadow:inset 0 0 0 1px rgba(255,255,255,.45);
}
.jazz-mnav a{ text-shadow:0 1px 2px rgba(34,25,84,.22); }
/* Desktop-Nav kompakter (9 Punkte → weniger Umbruch) */
@media (min-width:1000px){
  .jazz-headbar #mega-menu-wrap-primary #mega-menu-primary > li > a.mega-menu-link{ font-size:15px !important; padding:11px 12px !important; }
}

/* Inhaltsbreite auf Unterseiten begrenzen (Lesbarkeit, ~70 Zeichen) */
.entry-content{ max-width:720px; }
.entry-content .wp-block-image, .entry-content figure{ max-width:100%; }

/* Sidebar-Widget-Titel als Marken-Label (nur Sidebar = h1.widget-title) */
h1.widget-title{
  font-family:'Poppins',sans-serif !important; text-transform:uppercase !important;
  letter-spacing:.05em !important; font-size:14px !important; font-weight:800 !important;
  color:var(--jz-purple) !important; margin:0 0 10px !important;
}

/* Mobile-Überschriften ausgewogener */
@media (max-width:480px){
  .jazz-hero h1{ font-size:30px !important; line-height:1.12 !important; }
  h1.entry-title{ font-size:26px !important; line-height:1.16 !important; }
  .home-section-head h2, .home-final-cta h2, .home-partners h2, .jazz-404 h1{ font-size:26px !important; }
  h1, h2, h3{ -webkit-hyphens:none; hyphens:none; }
}

/* ============================================================
   STARTSEITE – Instagram-Galerie (insta-gallery Shortcode)
   ============================================================ */
.home-instagram{ text-align:center; }
.home-instagram > .section-kicker{ display:block; }
.home-instagram h2{
  margin:0 !important; font-family:'Poppins',sans-serif !important; font-weight:800 !important;
  font-size:clamp(28px,4vw,44px) !important; color:var(--jazz-ink) !important;
}
.home-instagram > p{ max-width:620px; margin:6px auto 0; color:var(--jazz-muted) !important; font-size:18px; }
.home-instagram-feed{ margin-top:26px; }
/* Galerie-Kacheln abrunden + sanftes Anheben */
.home-instagram-feed .instagram-gallery-item,
.home-instagram-feed .instagram-gallery-feed > a,
.home-instagram-feed .instagram-gallery-feed li{
  border-radius:14px !important; overflow:hidden !important;
  transition:transform .2s ease, box-shadow .2s ease;
}
.home-instagram-feed .instagram-gallery-item:hover,
.home-instagram-feed .instagram-gallery-feed > a:hover{
  transform:translateY(-3px); box-shadow:0 16px 36px rgba(34,25,84,.16);
}
.home-instagram-feed img{ border-radius:14px !important; border:0 !important; margin:0 !important; display:block; }

/* „View on Instagram"-Button des Plugins an die Marke anpassen */
.home-instagram-feed .instagram-gallery__button,
.home-instagram-feed .instagram-gallery__button--follow{
  display:inline-flex !important; align-items:center; gap:8px;
  background:linear-gradient(122deg, var(--jz-purple), #7b6ae8) !important; color:#fff !important;
  border:0 !important; border-radius:999px !important; padding:12px 26px !important;
  font-family:'Poppins',sans-serif !important; font-weight:800 !important; font-size:15px !important;
  text-decoration:none !important; box-shadow:0 10px 24px rgba(105,67,232,.24);
  transition:transform .16s ease, box-shadow .16s ease; margin-top:8px;
}
.home-instagram-feed .instagram-gallery__button:hover{ transform:translateY(-2px); box-shadow:0 16px 32px rgba(105,67,232,.3); color:#fff !important; }

/* Kicker in zentrierten Sektionen voll breit -> echt zentriert (war auf 720px begrenzt = linksbündig) */
.home-partners > .section-kicker,
.home-instagram > .section-kicker{
  max-width:none !important; width:auto !important;
  margin-left:0 !important; margin-right:0 !important; text-align:center !important;
}

/* ============================================================
   TEAM-Seiten: 2-spaltig, kompakte Karte (Foto links + Name/Rolle),
   Bio standardmäßig eingeklappt, per Button aufklappbar.
   ============================================================ */
/* Doppelten Seitentitel ausblenden – Team-Sektion bringt eigenen Titel mit */
/* Nur auf reinen Team-Seiten ausblenden – Haus-Seiten (Akkordeon) brauchen ihre H1! */
body:has(.sptp-section-title):not(:has(.jazz-haus-acc)):not(:has(.jazz-leitung-uebersicht)) .entry-title{ display:none !important; }

/* Etwas mehr Breite für 2 Spalten (keine Sidebar vorhanden) + Block mittig zentriert
   (lag mit margin:0 in 1260px-Elternblock = linksbündig) */
.entry-content:has(.sptp-section){ max-width:880px !important; margin-left:auto !important; margin-right:auto !important; }

/* Sektions-Titel zentriert (Inline-CSS der Seite erzwingt sonst text-align:left) */
.sp-team-pro .sptp-section-title,
.sptp-section .sptp-section-title{ text-align:center !important; }

/* 2 Personen nebeneinander ab Desktop (≥769px); Tablet/Mobil = 1 Spalte (volle Breite, lesbar) */
@media (min-width:769px){
  .sptp-row{ display:flex !important; flex-wrap:wrap !important; align-items:flex-start !important; justify-content:center !important; gap:30px 26px !important; }
  .sptp-row > .sp-team-pro-item{
    flex:0 0 calc(50% - 13px) !important; max-width:calc(50% - 13px) !important;
    width:calc(50% - 13px) !important; box-sizing:border-box !important; margin:0 !important;
  }
  /* Aufgeklappte Person nimmt die VOLLE Breite -> breiter, lesbarer Bio-Fließtext */
  .sptp-row > .sp-team-pro-item:has(.sptp-member.jazz-bio-open){
    flex:0 0 100% !important; max-width:100% !important; width:100% !important;
  }
  /* Bio im aufgeklappten (vollbreiten) Zustand auf angenehme Lesebreite begrenzen */
  .sp-team-pro-item:has(.jazz-bio-open) .sptp-member-desc{ max-width:780px; }
}
@media (max-width:768px){
  .sptp-row > .sp-team-pro-item{ flex:0 0 100% !important; max-width:100% !important; width:100% !important; }
}

/* Karte: Foto links (fix), Name/Rolle rechts */
.sptp-member.sptp-list-item{
  display:flex !important; flex-wrap:nowrap !important; align-items:flex-start !important; gap:16px !important;
}
.sptp-member.sptp-list-item > .sptp-image{ flex:0 0 auto !important; margin:0 !important; }
.sptp-member.sptp-list-item > .sptp-content{
  flex:1 1 0 !important; min-width:0 !important; width:auto !important; max-width:none !important; text-align:left !important;
}
.sptp-member.sptp-list-item .sptp-member-name,
.sptp-member.sptp-list-item .sptp-member-profession,
.sptp-member.sptp-list-item .sptp-member-desc,
.sptp-member.sptp-list-item .sptp-member-email,
.sptp-member.sptp-list-item .sptp-member-phone,
.sptp-member.sptp-list-item .sptp-member-mobile{ text-align:left !important; }

/* Content-Wrapper als normaler Block (Plugin nutzt flex-column -> Button rutschte nach oben) */
.sptp-member .sptp-content .caption{ display:block !important; }

/* Namen/Rollen nicht mitten im Wort trennen (DE-Silbentrennung erzeugte „Bosselman-n") */
.sptp-member-name, .sptp-member-name *,
.sptp-member-profession, .sptp-member-profession *{
  -webkit-hyphens:none !important; hyphens:none !important; overflow-wrap:break-word !important;
}

/* Bio standardmäßig ausgeblendet, aufklappbar */
.sptp-member .sptp-member-desc{ display:none !important; }
.sptp-member.jazz-bio-open .sptp-member-desc{ display:block !important; margin-top:6px !important; }

/* Aufklapp-Button.
   order:4 = zwischen Rolle (3) und E-Mail (5) – manche Team-Sektionen sortieren
   per Flex-order (Name=2, Rolle=3, E-Mail=5); ohne order spränge der Button nach oben. */
.sptp-member .jazz-bio-toggle{ order:4 !important; align-self:flex-start; }
.jazz-bio-toggle{
  display:inline-flex !important; align-items:center; gap:7px;
  margin:10px 0 2px !important; padding:7px 14px !important;
  background:rgba(105,67,232,.08); color:#5a4bd0 !important;
  border:1px solid rgba(105,67,232,.28); border-radius:999px;
  font-family:'Poppins',sans-serif; font-weight:700; font-size:13px; line-height:1;
  cursor:pointer; transition:background .15s ease, border-color .15s ease;
}
.jazz-bio-toggle:hover{ background:rgba(105,67,232,.15); border-color:rgba(105,67,232,.5); }
.jazz-bio-toggle .jazz-bio-caret{ transition:transform .2s ease; font-size:10px; }
.sptp-member.jazz-bio-open .jazz-bio-toggle .jazz-bio-caret{ transform:rotate(180deg); }

/* ============================================================
   HAUS-SEITEN – Akkordeon (Beschreibung / Fotos / Leitung / Team / Flyer)
   Nur ein Abschnitt gleichzeitig offen; Standard: der erste.
   Ohne JS bleiben alle Abschnitte sichtbar (.jazz-acc-ready kommt per JS).
   ============================================================ */
.jazz-haus-acc{ display:flex; flex-direction:column; gap:14px; margin:6px 0 30px; }
/* Ansprechpartner/Leitung direkt oben auf den Haus-Seiten (außerhalb des Akkordeons, immer sichtbar) */
.jazz-haus-leitung{
  background:#fff; border:1px solid rgba(105,67,232,.16); border-radius:18px;
  box-shadow:0 10px 26px rgba(34,25,84,.08); padding:20px 22px; margin:4px 0 16px;
}
.jazz-haus-leitung > .sp-team-pro{ margin:0 !important; }
.jazz-haus-leitung .sptp-section-title{ margin-top:0 !important; }
/* Haus-Kontakt-Box (Telefon + E-Mail des Hauses, oben gut sichtbar) */
.jazz-haus-kontakt{ display:flex; flex-wrap:wrap; gap:10px 12px; margin:0 0 16px; padding:0 0 16px; border-bottom:1px solid rgba(105,67,232,.12); }
.jazz-hk-item{
  display:inline-flex; align-items:center; gap:9px; padding:9px 16px 9px 11px;
  border-radius:999px; background:rgba(105,67,232,.07); border:1px solid rgba(105,67,232,.18);
  color:var(--jz-ink) !important; font-family:'Open Sans',sans-serif; font-weight:600; font-size:15px;
  text-decoration:none !important; transition:background .15s ease, border-color .15s ease;
}
.jazz-hk-item:hover{ background:rgba(105,67,232,.14); border-color:rgba(105,67,232,.38); }
.jazz-hk-item::before{
  content:''; flex:0 0 auto; width:26px; height:26px; border-radius:8px;
  background-color:rgba(105,67,232,.12); background-position:center; background-repeat:no-repeat; background-size:13px 13px;
}
.jazz-hk-phone::before{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235a4bd0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2 4.2 2 2 0 0 1 4 2h3a2 2 0 0 1 2 1.7c.1.9.3 1.8.6 2.6a2 2 0 0 1-.5 2.1L7.6 9.8a16 16 0 0 0 6 6l1.5-1.1a2 2 0 0 1 2.1-.5c.8.3 1.7.5 2.6.6a2 2 0 0 1 1.7 2Z'/%3E%3C/svg%3E"); }
.jazz-hk-mail::before{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235a4bd0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/svg%3E"); }
.jazz-acc{
  background:#fff; border:1px solid rgba(105,67,232,.16); border-radius:18px;
  box-shadow:0 10px 26px rgba(34,25,84,.08); overflow:hidden;
}
.jazz-acc-title{ margin:0 !important; padding:0; }
.jazz-acc-btn{
  display:flex; width:100%; align-items:center; justify-content:space-between; gap:12px;
  padding:16px 20px; background:transparent; border:0; cursor:pointer; text-align:left;
  font-family:'Poppins',sans-serif; font-weight:800; font-size:19px; color:var(--jz-ink,#17151f);
  transition:color .2s ease;
}
.jazz-acc-btn:hover{ color:#5a4bd0; }
.jazz-acc-btn:focus-visible{ outline:3px solid #6943e8; outline-offset:-3px; border-radius:18px; }
.jazz-acc-caret{
  flex:0 0 auto; width:30px; height:30px; display:flex; align-items:center; justify-content:center;
  border-radius:50%; background:rgba(105,67,232,.10); color:#5a4bd0; font-size:13px;
  transition:transform .25s ease, background .2s ease, color .2s ease;
}
.jazz-acc.open .jazz-acc-btn{ color:#5a4bd0; }
.jazz-acc.open .jazz-acc-caret{ transform:rotate(180deg); background:#6943e8; color:#fff; }
.jazz-acc-inner{ padding:2px 20px 20px; }
/* Zuklapp-Mechanik nur mit JS aktiv */
.jazz-acc-ready .jazz-acc-body{ display:grid; grid-template-rows:0fr; overflow:hidden; transition:grid-template-rows .35s ease; }
/* Vertikal-Padding nur im offenen Zustand – sonst hält es die zugeklappte Zeile ~22px hoch (Text-Leak) */
.jazz-acc-ready .jazz-acc-body .jazz-acc-inner{ overflow:hidden; min-height:0; padding:0 20px; transition:padding .35s ease; }
.jazz-acc-ready .jazz-acc.open > .jazz-acc-body{ grid-template-rows:1fr; }
.jazz-acc-ready .jazz-acc.open > .jazz-acc-body .jazz-acc-inner{ padding:2px 20px 20px; }

/* ============================================================
   SEITENLEISTE (Unterseiten) – moderne Karten statt Alt-Theme-Boxen
   ============================================================ */
.sidebar #secondary{ display:flex; flex-direction:column; gap:16px; }
.sidebar .widget{
  margin:0 !important; background:#fff; border:1px solid rgba(105,67,232,.12);
  border-radius:18px; box-shadow:0 10px 26px rgba(34,25,84,.08); padding:18px 20px;
}
/* Leeres Platzhalter-Widget aus */
.sidebar #block-6{ display:none; }
/* Adresse (block-4) + Kontakt (block-5) optisch EINE Karte */
.sidebar #block-4{ border-radius:18px 18px 0 0; border-bottom:0; padding-bottom:4px; }
.sidebar #block-5{ border-radius:0 0 18px 18px; border-top:0; margin-top:-16px !important; padding-top:2px; }

/* Typografie der Leiste */
.sidebar .widget h2{
  font-family:'Poppins',sans-serif !important; font-size:13px !important; text-transform:uppercase;
  letter-spacing:.07em; color:var(--jz-purple) !important; font-weight:800 !important; margin:0 0 8px !important;
}
.sidebar .widget h3{ font-size:18px !important; margin:0 0 4px !important; color:var(--jz-ink) !important; font-weight:700 !important; }
.sidebar .widget p{ font-size:14.5px; color:var(--jz-muted) !important; margin:0; line-height:1.6; }
.sidebar .wp-block-group{ font-size:14.5px; line-height:2.2; color:var(--jz-muted); }
.sidebar .wp-block-group a{ color:var(--jz-ink) !important; font-weight:600; text-decoration:none !important; }
.sidebar .wp-block-group a:hover{ color:var(--jz-purple) !important; }
.sidebar .wp-block-group > br:first-child{ display:none; }

/* „Unsere Hilfen“-Menü: weiche Pillen-Links mit Pfeil */
.sidebar .widget_nav_menu ul.menu{ list-style:none !important; margin:0 !important; padding:0 !important; display:flex; flex-direction:column; gap:8px; }
.sidebar .widget_nav_menu ul.menu li{ margin:0 !important; padding:0 !important; border:0 !important; background:transparent !important; box-shadow:none !important; }
.sidebar .widget_nav_menu ul.menu li::before,
.sidebar .widget_nav_menu ul.menu li::after{ content:none !important; }
.sidebar .widget_nav_menu ul.menu a{
  display:flex; align-items:center; justify-content:space-between; gap:8px;
  padding:10px 14px !important; border-radius:12px !important;
  background:rgba(105,67,232,.06) !important; border:1px solid rgba(105,67,232,.12) !important;
  color:var(--jz-ink) !important; font-weight:600 !important; font-size:14.5px !important;
  text-decoration:none !important; line-height:1.35;
  transition:background .15s ease, border-color .15s ease, transform .15s ease;
}
.sidebar .widget_nav_menu ul.menu a::after{
  content:'›'; flex:0 0 auto; color:#5a4bd0; font-weight:800; font-size:16px; transition:transform .15s ease;
}
.sidebar .widget_nav_menu ul.menu a:hover{
  background:rgba(105,67,232,.13) !important; border-color:rgba(105,67,232,.30) !important; transform:translateX(2px);
}
.sidebar .widget_nav_menu ul.menu a:hover::after{ transform:translateX(2px); }

/* ============================================================
   FA-ICON-ERSATZ (FontAwesome ist tot/entfernt): SVG-Chips
   für Telefon/Fax/E-Mail/Mobil – Sidebar UND Team-Karten.
   ============================================================ */
.fa.fa-phone, .fa.fa-fax, .fa.fa-envelope, .fa.fa-mobile{
  display:inline-flex; width:24px; height:24px; vertical-align:middle; margin-right:7px;
  border-radius:8px; background-color:rgba(105,67,232,.10);
  background-position:center; background-repeat:no-repeat; background-size:12px 12px;
}
.fa.fa-phone::before, .fa.fa-fax::before, .fa.fa-envelope::before, .fa.fa-mobile::before{ content:'' !important; }
.fa.fa-phone{ background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235a4bd0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2 4.2 2 2 0 0 1 4 2h3a2 2 0 0 1 2 1.7c.1.9.3 1.8.6 2.6a2 2 0 0 1-.5 2.1L7.6 9.8a16 16 0 0 0 6 6l1.5-1.1a2 2 0 0 1 2.1-.5c.8.3 1.7.5 2.6.6a2 2 0 0 1 1.7 2Z'/%3E%3C/svg%3E"); }
.fa.fa-fax{ background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235a4bd0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9V3h12v6'/%3E%3Cpath d='M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2'/%3E%3Crect x='6' y='14' width='12' height='8' rx='1'/%3E%3C/svg%3E"); }
.fa.fa-envelope{ background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235a4bd0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/svg%3E"); }
.fa.fa-mobile{ background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235a4bd0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7' y='2' width='10' height='20' rx='2'/%3E%3Cpath d='M11 18h2'/%3E%3C/svg%3E"); }

/* ============================================================
   REVIEW-FIXES (Multi-Agent-Designreview 2026-06-10)
   ============================================================ */

/* Buttons/Beitragstitel ohne Dauer-Unterstreichung (News-Liste wirkte unruhig) */
.entry-content a.button{ text-decoration:none !important; }
.bereich h3 a{ text-decoration:none !important; }
.bereich h3 a:hover{ text-decoration:underline !important; text-underline-offset:3px; }

/* Datei-Upload (Jobs-Formular): nativen Browser-Button in Markenstil bringen */
.wpcf7-form input.wpcf7-file::file-selector-button{
  background:linear-gradient(122deg,#6943e8,#7b6ae8); color:#fff; border:0; border-radius:999px;
  padding:8px 18px; font-family:'Poppins',sans-serif; font-weight:600; font-size:14px;
  margin-right:14px; cursor:pointer;
}

/* Team-Seiten Desktop: Personen als weiße Karten (statt frei schwebend) */
@media (min-width:769px){
  .sptp-row > .sp-team-pro-item .sptp-member.sptp-list-item{
    background:#fff; border:1px solid rgba(105,67,232,.12); border-radius:18px;
    box-shadow:0 12px 32px rgba(105,67,232,.10); padding:22px 24px !important; box-sizing:border-box;
  }
}
/* Team-Sektionstitel auf Seitentitel-Niveau */
.sptp-section-title, .sptp-section-title span{
  font-family:'Poppins',sans-serif !important; font-weight:800 !important;
  font-size:clamp(26px,3vw,34px) !important; line-height:1.15 !important; color:var(--jz-ink,#17151f) !important;
}
.sptp-section-title{ margin-bottom:26px !important; }

/* ============================================================
   SEITENMENÜ: nur das redundante „Unsere Hilfen"-Menü raus
   (steht so schon im Hauptmenü). Bürostandort/Kontakt-Karte BLEIBT
   in der linken Spalte – auf Kundenwunsch auf jeder Seite sichtbar.
   ============================================================ */
.sidebar .widget_nav_menu{ display:none !important; }
.sidebar #block-6{ display:none !important; }   /* leeres Platzhalter-Widget */

/* Seitenleiste auf Mobil zeigen (Eltern-Theme blendet #secondary aus) – NACH dem Inhalt */
@media (max-width:780px){
  #secondary.widget-area{ display:flex !important; flex-direction:column; gap:16px; margin:26px 0 6px; }
  .bereich.group:has(> .col.span_3_of_5.berreich-content){ display:flex; flex-direction:column; }
  .bereich.group:has(> .col.span_3_of_5.berreich-content) > .col{ width:100% !important; margin:0 !important; float:none !important; }
  .bereich.group > .col.span_2_of_5:has(.sidebar){ order:2; }
  .bereich.group > .col.span_3_of_5.berreich-content{ order:1; }
}

/* Alt-Theme-Link „Zurück zur letzten Seite" als Ghost-Pille (war nackter grauer Text) */
.unter-content{ border-top:0 !important; margin:26px 0 10px; }
.unter-content hr{ display:none; }
.unter-content a{
  display:inline-flex; align-items:center; gap:8px;
  padding:9px 20px; border:1px solid rgba(105,67,232,.30); border-radius:999px;
  color:var(--jz-purple) !important; font-weight:700; font-size:14px; text-decoration:none !important;
  transition:background .15s ease, border-color .15s ease;
}
.unter-content a::before{ content:'←'; font-weight:800; }
.unter-content a:hover{ background:rgba(105,67,232,.08); border-color:rgba(105,67,232,.5); }

/* Hero-/Titelbilder: Radius + weicher Schatten (waren als einzige Flächen eckig) */
.header-bild img.wp-post-image, .header-bild img.attachment-post-thumbnail{
  border-radius:22px; box-shadow:0 14px 34px rgba(34,25,84,.12);
}

/* Akkordeon: klassische WP-Galerie als sattes Grid (statt 150px-Briefmarken mit Lücken) */
.jazz-acc-inner .gallery{ display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin:6px 0 !important; }
.jazz-acc-inner .gallery .gallery-item{ float:none !important; width:auto !important; margin:0 !important; padding:0 !important; }
.jazz-acc-inner .gallery br{ display:none !important; }  /* Clear-br der Klassik-Galerie wurde zur leeren Grid-Zelle (Lücken) */
.jazz-acc-inner .gallery .gallery-icon{ margin:0 !important; padding:0 !important; }
.jazz-acc-inner .gallery img{
  width:100% !important; height:100% !important; aspect-ratio:4/3; object-fit:cover;
  border:0 !important; border-radius:12px !important; display:block;
}
@media (max-width:640px){ .jazz-acc-inner .gallery{ grid-template-columns:repeat(2,minmax(0,1fr)); } }

/* Akkordeon: alte Layout-Tabellen (Kontakt / Team-Link) entschärfen – gestapelt, ohne Rahmen */
.jazz-acc-inner table, .jazz-acc-inner tbody, .jazz-acc-inner tr, .jazz-acc-inner td{
  display:block !important; width:auto !important; border:0 !important; padding:0 !important; background:transparent !important;
}
.jazz-acc-inner td{ margin:0 0 16px !important; }
.jazz-acc-inner td h3{ margin:0 0 4px !important; }

/* News-Liste (Aktuelles): Bilder vereinheitlichen + Pagination im Markenstil */
.bereich .col img.news-bilder{
  width:100% !important; height:auto; aspect-ratio:4/3; object-fit:cover; object-position:center;
  border-radius:14px; background:#fff; border:1px solid rgba(105,67,232,.12); display:block;
}
#content > .navigation{ display:flex; justify-content:space-between; align-items:center; margin:30px 0 54px; background:transparent; }
#content > .navigation a{
  display:inline-flex; align-items:center; gap:8px; padding:11px 22px;
  background:linear-gradient(122deg,var(--jz-purple),#7b6ae8) !important; color:#fff !important;
  border-radius:999px; font-family:'Poppins',sans-serif; font-weight:700; font-size:14px;
  text-decoration:none !important; box-shadow:0 8px 20px rgba(105,67,232,.22);
}
#content > .navigation .fa{ display:none; }

/* Infos-Jugendamt: altes Drittel-Raster -> Flex (Text war gequetscht, rechtes Drittel leer) */
.entry-content .bereich.group{ display:flex; flex-wrap:wrap; gap:24px; align-items:flex-start; }
.entry-content .bereich.group .col.span_1_of_3{ float:none !important; margin:0 !important; }
.entry-content .bereich.group .col.span_1_of_3:first-child{ flex:0 0 300px; max-width:300px; }
.entry-content .bereich.group .col.span_1_of_3:not(:first-child){ flex:1 1 320px; width:auto !important; max-width:none; }
@media (max-width:640px){ .entry-content .bereich.group .col.span_1_of_3:first-child{ flex:1 1 100%; max-width:none; } }

/* Team-Karten: kompaktere Innenmaße + Schriften (Spalten neben Sidebar sind schmal;
   Namen/E-Mails brachen mitten im Wort um) */
@media (min-width:769px){
  .sptp-row > .sp-team-pro-item .sptp-member.sptp-list-item{ padding:16px 18px !important; gap:14px !important; }
}
.sptp-member-name, .sptp-member-name .sptp-name, .sptp-member-name a{ font-size:21px !important; line-height:1.22 !important; }
.sptp-member-profession h4{ font-size:14px !important; line-height:1.35 !important; }
.sptp-member-email, .sptp-member-email a,
.sptp-member-phone, .sptp-member-phone a,
.sptp-member-mobile, .sptp-member-mobile a{ font-size:13px !important; overflow-wrap:anywhere; }

/* Team-Karten: kleinere Icon-Chips + engere Kontaktzeilen -> lange E-Mails passen einzeilig */
.sptp-member .fa.fa-phone, .sptp-member .fa.fa-fax, .sptp-member .fa.fa-envelope, .sptp-member .fa.fa-mobile{
  width:18px; height:18px; margin-right:5px; border-radius:6px; background-size:10px 10px;
}
.sptp-member-email, .sptp-member-email a,
.sptp-member-phone, .sptp-member-phone a,
.sptp-member-mobile, .sptp-member-mobile a{ font-size:12px !important; letter-spacing:-.1px; }

/* Organigramm größer + scharf + klickbar (war 300px-Thumbnail in 720px-Spalte) */
.entry-content a[href*="Organigramm"], .entry-content a[href*="organigramm"]{ display:block; max-width:980px; margin:18px auto; }
.entry-content img[src*="Organigramm"], .entry-content img[src*="organigramm"]{
  width:100% !important; height:auto !important; max-width:980px !important;
  border-radius:14px; box-shadow:0 12px 30px rgba(34,25,84,.12); cursor:zoom-in;
}
