/* Themify Customize Styling */
body {	
	font-family: "Inter";	font-weight:400;
 
}
h1 {	
	font-family: "Space Grotesk";	font-weight:700;
 
}
h2 {	
	font-family: "Space Grotesk";	font-weight:700;
 
}
h3 {	
	font-family: "Space Grotesk";	font-weight:600;
 
}
h4 {	
	font-family: "Space Grotesk";	font-weight:500;
 
}
#headerwrap {	background: none;
	background-color: #0e0f0c; 
}
#header {	
	color: #f4f5ef; 
}
#headerwrap a:hover {	
	color: #c5f13d; 
}
body #site-logo a img {		width: 250px; 
}
#main-nav .current_page_item > a, #main-nav .current-menu-item > a {	
	background-color: transparent;
	color: #e40078; 
}
.single-post .has-post-title .post-title,.single-post .featured-area .post-title {		text-align:left; 
}
.post-meta, .loops-wrapper.list-post .post-meta, .single-post .post-meta, .loops-wrapper.grid6 .post-meta, .loops-wrapper.grid5 .post-meta, .loops-wrapper.grid4 .post-meta, .loops-wrapper.grid3 .post-meta, .loops-wrapper.grid2 .post-meta {		text-align:left; 
}
.post-date, .loops-wrapper.list-post .post .post-date, .single #pagewrap .post-content .post-date {	background: none;
	background-color: #e40078; 
}
@media(max-width: 1024px) { /* Themify Customize Styling */
body #site-logo a img {		width: 250px; 
}
 }@media(max-width: 768px) { /* Themify Customize Styling */
body #site-logo a img {		width: 250px; 
}
 }@media(max-width: 600px) { /* Themify Customize Styling */
body #site-logo a img {		width: 250px; 
}
 }.mobile_menu_active #menu-icon { 
	color: #59ff00; }
/* Themify Custom CSS */
#content {
    padding: 0% 0;
    width: 71%;
}

/* ================================================================
   SCHWITZEREI – FINALES CUSTOM CSS (komplett & bereinigt)
   Ersetzt den GESAMTEN Inhalt unter Anpassen → Custom CSS.
   Die HTML-Module (Setup-Check, App, So-schaut-Schwitzen-aus)
   bringen ihre Styles selbst mit und brauchen nichts von hier.
   ================================================================ */

/* ---------- 1. Farben ---------- */
:root{
  --sw-bg:#0e0f0c;
  --sw-bg-soft:#171813;
  --sw-card:dark-grey;
  --sw-text:#f4f5ef;
  --sw-text-soft:#a7aa9c;
  --sw-line:rgba(255,255,255,.09);
  --sw-accent:#c5f13d;
  --sw-accent-text:#0e0f0c;
}

/* ---------- 2. Basis ---------- */
body,#body,#pagewrap,#headerwrap,#contentwrap,#content,
.page-wrap,.body-wrapper{
  background:var(--sw-bg) !important;
}
#body h1,#body h2,#body h3,#body h4{
  color:var(--sw-text);
  font-family:'Space Grotesk',sans-serif;
  line-height:1.15;
}
/* Absätze sind standardmäßig GRAU (wie Vorlage), fett = weiß */
#body p{color:var(--sw-text-soft)}
#body p strong,#body p b{color:var(--sw-text)}
#body a{color:var(--sw-text)}

/* ---------- 3. Bausteine ---------- */

/* Kicker – sw-kicker */
.sw-kicker p{
  display:inline-flex;align-items:center;gap:8px;
  font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  color:var(--sw-text-soft);border:1px solid var(--sw-line);
  padding:7px 16px;border-radius:999px;margin:0 0 10px;
}
.sw-kicker p::before{
  content:"";width:8px;height:8px;border-radius:50%;
  background:var(--sw-accent);flex-shrink:0;
}

/* Abschnitts-H2 – sw-h2 */
.sw-h2 h2{
  font-size:clamp(30px,4vw,44px);
  letter-spacing:-.01em;
  margin:14px 0;
}

/* Einleitung – sw-lead */
#body .sw-lead p{font-size:19px;color:var(--sw-text-soft);max-width:52ch;margin:0 0 10px}

/* Fließtext – sw-prose */
#body .sw-prose p{color:var(--sw-text-soft);font-size:16.5px;margin:0 0 18px}

/* Button gefüllt – sw-btnp */
.sw-btnp a{
  background:var(--sw-accent) !important;color:var(--sw-accent-text) !important;
  border:none !important;border-radius:999px !important;
  padding:15px 32px !important;font-weight:600;font-size:16px;
  transition:transform .15s;
}
.sw-btnp a:hover{transform:translateY(-2px)}

/* Button Umriss – sw-btng */
.sw-btng a{
  background:transparent !important;color:var(--sw-text) !important;
  border:1.5px solid white !important;border-radius:999px !important;
  padding:15px 32px !important;font-weight:600;font-size:16px;
  transition:transform .15s;
}
.sw-btng a:hover{transform:translateY(-2px);border-color:var(--sw-accent) !important}

/* Button volle Breite (Karten) – zusätzlich sw-wide */
.sw-wide a{
  display:block !important;width:100%;text-align:center;box-sizing:border-box;
  padding:13px 24px !important;font-size:15px !important;
}

/* ---------- 4. Hero – Row: sw-hero ---------- */
.sw-hero{position:relative;overflow:hidden}
.sw-hero::before{
  content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;
  background:
    radial-gradient(600px 600px at 85% 5%,  rgba(197,241,61,.14), transparent 70%),
    radial-gradient(520px 520px at -5% 110%, rgba(197,241,61,.06), transparent 65%);
}
.sw-hero .row_inner,.sw-hero .module{position:relative;z-index:1}

.sw-hero h1{
  font-size:clamp(42px,6vw,72px);
  font-weight:700;letter-spacing:-.02em;margin:14px 0 24px;
}
.sw-hero h1 em,.sw-hero h1 i,
.sw-h1 em,.sw-h1 i{font-style:normal;color:var(--sw-accent)}

/* Trainerfoto (freigestelltes Bild!) – sw-heroimg
   drop-shadow folgt der Körperkontur, kein Rechteck-Schatten.
   Grüner Glow liegt HINTER dem Foto. */
.sw-heroimg{position:relative}
.sw-heroimg::before{
  content:"";position:absolute;
  top:12%;right:8%;bottom:10%;left:8%;
  background:radial-gradient(circle,rgba(197,241,61,.22) 0%,transparent 65%);
  filter:blur(34px);pointer-events:none;
}
.sw-heroimg img,
.sw-hero .module-image img{
  position:relative;
  width:100%;max-width:440px;height:auto;
  display:block;margin:0 auto;
  border-radius:0;box-shadow:none;
  filter:drop-shadow(0 26px 40px rgba(0,0,0,.45));
}

/* Hashtag-Sticker – sw-sticker */
.sw-sticker{display:flex;justify-content:center;margin-top:-30px;position:relative;z-index:2}
.sw-sticker a{
  background:var(--sw-accent) !important;color:var(--sw-accent-text) !important;
  font-family:'Space Grotesk',sans-serif;font-weight:700 !important;
  font-size:16.5px !important;letter-spacing:.02em;
  padding:14px 30px !important;border:none !important;border-radius:14px !important;
  transform:rotate(-5deg);
  box-shadow:0 14px 36px rgba(197,241,61,.3);
  transition:transform .2s;
}
.sw-sticker a:hover{transform:rotate(-2deg) scale(1.05)}

/* ---------- 5. Stats – Row: sw-stats, Module: sw-stat ---------- */
.sw-stat{
  background:var(--sw-bg-soft);
  border:1px solid var(--sw-line);border-radius:18px;
  padding:30px 24px;text-align:center;height:100%;
}
.sw-stat strong,.sw-stat b,
.sw-stat h2,.sw-stat h3,.sw-stat h4{
  display:block;font-family:'Space Grotesk',sans-serif;
  font-size:30px;font-weight:700;line-height:1.2;
  color:var(--sw-accent);margin:0 0 4px;
}
#body .sw-stat p{margin:0;font-size:13.5px;color:var(--sw-text-soft)}

/* ---------- 6. Über mich – Row: sw-about ---------- */
.sw-about{background:var(--sw-bg-soft)}

/* Zitat – sw-quote (kursiv = Quelle) */
#body .sw-quote p{
  border-left:3px solid var(--sw-accent);
  padding:6px 0 6px 22px;
  font-family:'Space Grotesk',sans-serif;
  font-size:19px;font-weight:500;color:var(--sw-text);
  margin:0 0 6px;
}
.sw-quote p em,.sw-quote p i{
  display:block;font-family:'Inter',sans-serif;
  font-size:13px;font-style:normal;font-weight:400;
  color:var(--sw-text-soft);margin-top:8px;
}

/* Lizenz-Pillen – sw-creds (normale Liste) */
.sw-creds ul{list-style:none;margin:16px 0 0;padding:0}
.sw-creds li{
  display:inline-block;background:var(--sw-card);
  border:1px solid var(--sw-line);border-radius:999px;
  padding:9px 18px;font-size:13.5px;font-weight:600;
  color:var(--sw-text);margin:0 8px 10px 0;
}
.sw-creds li::before{content:"✓ ";color:var(--sw-accent)}

/* ---------- 7. Angebots-Karten – Row: sw-cards, SPALTEN: sw-cardcol ---------- */
.sw-cardcol{
  background:var(--sw-card);
  border:1px solid light-grey;border-radius:18px;
  padding:36px 30px !important;
  position:relative;height:100%;
  transition:transform .2s,border-color .2s;
}
.sw-cardcol:hover{transform:translateY(-5px);border-color:var(--sw-accent)}
.sw-cardsoon{border-style:dashed;opacity:.92}

/* Eck-Tag – sw-tag */
.sw-tag{position:absolute;top:22px;right:22px;z-index:2}
#body .sw-tag p{
  background:var(--sw-accent);color:var(--sw-accent-text);
  font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  padding:5px 12px;border-radius:999px;margin:0;
}

/* Karten-Text – sw-cardtext (h3 Titel · h4 Preis · kursiv = Zusatz · Liste = ✓) */
.sw-cardtext h3{font-size:22px;margin:0 0 10px}
.sw-cardtext h4{
  font-family:'Space Grotesk',sans-serif;
  font-size:38px;font-weight:700;color:var(--sw-text);
  margin:0 0 12px;line-height:1.1;
}
.sw-cardtext h4 em,.sw-cardtext h4 i{
  font-size:15px;font-style:normal;font-weight:400;color:var(--sw-text-soft);
}
#body .sw-cardtext p{color:var(--sw-text-soft);font-size:15px;margin:0 0 14px}
.sw-cardtext ul{list-style:none;margin:0 0 18px;padding:0}
.sw-cardtext li{
  font-size:14px;color:var(--sw-text-soft);
  padding:0 0 8px 22px;position:relative;
}
.sw-cardtext li::before{content:"✓";color:var(--sw-accent);font-weight:700;position:absolute;left:0}

/* ---------- 8. Magazin – Row: sw-blog, Post-Modul: sw-posts ---------- */
.sw-blog{background:var(--sw-bg-soft)}

.sw-posts article,.sw-posts .post{
  background:var(--sw-card);
  border:1px solid var(--sw-line);border-radius:18px;
  overflow:hidden;margin-bottom:24px;
  transition:transform .2s,border-color .2s;
}
.sw-posts article:hover,.sw-posts .post:hover{transform:translateY(-5px);border-color:var(--sw-accent)}
.sw-posts .post-image{margin:0}
.sw-posts .post-image img{width:100%;height:180px;object-fit:cover;display:block;border-radius:0}
.sw-posts .post-content,.sw-posts .entry-content{padding:0 24px}
.sw-posts .post-title{padding:0 24px;margin:14px 0 8px}
.sw-posts .post-meta,.sw-posts .post-date{padding:0 24px}
.sw-posts .post-category a{
  display:inline-block;background:var(--sw-accent);color:var(--sw-accent-text) !important;
  font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  padding:4px 12px;border-radius:999px;text-decoration:none;margin:14px 0 0;
}
.sw-posts .post-date,.sw-posts time{font-size:13px;color:var(--sw-text-soft);display:block;margin:10px 0 0}
.sw-posts .post-title,.sw-posts .post-title a{
  font-family:'Space Grotesk',sans-serif;
  font-size:19px !important;font-weight:700;line-height:1.3;
  color:var(--sw-text) !important;text-decoration:none;
}
.sw-posts .post-title a:hover{color:var(--sw-accent) !important}
#body .sw-posts .post-content p{font-size:14.5px;color:var(--sw-text-soft);line-height:1.6;margin:0 0 14px}
.sw-posts a.more-link{
  display:inline-block;font-size:14px;font-weight:600;
  color:var(--sw-text) !important;text-decoration:none;margin:0 0 24px;
}
.sw-posts a.more-link::after{content:" \2192"}
.sw-posts a.more-link:hover{color:var(--sw-accent) !important}
.sw-posts .post-author,.sw-posts .post-comment{display:none}

/* ---------- 9. Kontakt ---------- */

/* Info-Blöcke – sw-cinfo (4 Absätze: fett = Label) */
#body .sw-cinfo p{
  position:relative;padding:4px 0 4px 62px;margin:0 0 26px;
  font-size:15px;color:var(--sw-text-soft);line-height:1.5;min-height:44px;
}
.sw-cinfo p strong,.sw-cinfo p b{
  display:block;font-family:'Space Grotesk',sans-serif;
  font-size:16px;font-weight:700;color:var(--sw-text);
}
.sw-cinfo p a{color:var(--sw-text-soft);text-decoration:none}
.sw-cinfo p a:hover{color:var(--sw-text)}
.sw-cinfo p::before{
  content:"\2726";position:absolute;left:0;top:2px;
  width:44px;height:44px;border-radius:12px;
  background:var(--sw-accent);color:var(--sw-accent-text);
  display:flex;align-items:center;justify-content:center;font-size:19px;
}
.sw-cinfo p:nth-of-type(1)::before{content:"\2706"}
.sw-cinfo p:nth-of-type(2)::before{content:"\25CE"}
.sw-cinfo p:nth-of-type(3)::before{content:"\2665"}
.sw-cinfo p:nth-of-type(4)::before{content:"\2726"}

/* WPForms – global dunkel (keine Modul-Klasse nötig) */
.wpforms-container input[type="text"],
.wpforms-container input[type="email"],
.wpforms-container input[type="tel"],
.wpforms-container select,
.wpforms-container textarea{
  background:grey !important;
  border:2px solid var(--sw-line) !important;
  border-radius:12px !important;
  color:var(--sw-text) !important;
  padding:15px 18px !important;font-size:15px !important;
  font-family:'Inter',sans-serif !important;
  width:100%;box-shadow:none !important;
}
.wpforms-container textarea{min-height:150px}
.wpforms-container input::placeholder,
.wpforms-container textarea::placeholder{color:var(--sw-text-soft) !important;opacity:1}
.wpforms-container input:focus,
.wpforms-container textarea:focus{border-color:var(--sw-accent) !important;outline:none !important}
.wpforms-container .wpforms-field-label{
  color:var(--sw-text) !important;font-size:13px !important;
  font-weight:600 !important;margin-bottom:6px !important;
}
.wpforms-container .wpforms-field-sublabel{color:var(--sw-text-soft) !important;font-size:12px !important}
.wpforms-container .wpforms-required-label{color:var(--sw-accent) !important}
.wpforms-container .wpforms-field{padding:0 0 16px !important}
.wpforms-container button[type="submit"]{
  background:var(--sw-accent) !important;color:var(--sw-accent-text) !important;
  border:none !important;border-radius:999px !important;
  padding:16px 32px !important;font-size:16px !important;font-weight:600 !important;
  font-family:'Inter',sans-serif !important;width:100%;cursor:pointer;
  transition:transform .15s !important;
}
.wpforms-container button[type="submit"]:hover{transform:translateY(-2px)}
.wpforms-container label.wpforms-error{color:#ff8a7a !important;font-size:12.5px !important;margin-top:4px !important}
.wpforms-container input.wpforms-error,
.wpforms-container textarea.wpforms-error{border-color:#ff8a7a !important}
div.wpforms-confirmation-container-full{
  background:var(--sw-card) !important;
  border:1px solid var(--sw-accent) !important;
  border-radius:12px !important;color:var(--sw-text) !important;
}

/* ---------- 10. Footer (Themify-Standard dunkel einfärben) ---------- */
#footerwrap,#footer{
  background:var(--sw-bg-soft) !important;
  border-top:1px solid var(--sw-line);
  color:var(--sw-text-soft) !important;
}
#footer a,#footerwrap a{color:var(--sw-text-soft) !important;text-decoration:none}
#footer a:hover,#footerwrap a:hover{color:var(--sw-text) !important}
#footer .footer-text{font-size:13px;color:var(--sw-text-soft)}
/* "Powered by WordPress/Themify"-Zeile ausblenden */
#footer .credit,#footerwrap .credit{display:none}
.back-top,#footer .back-top a{color:var(--sw-text-soft) !important}

/* ---------- 11. Mobil (bleibt IMMER der letzte Block!) ---------- */
@media(max-width:768px){
  .sw-hero h1{font-size:38px}
  .sw-sticker a{font-size:14px !important;padding:12px 22px !important}
  .sw-cardcol{margin-bottom:16px}
  #body .sw-cinfo p{padding-left:58px}
}

/* ================================================================
   SCHWITZEREI – KARTEN, MAGAZIN, QUIZ UND ZWISCHENÜBERSCHRIFTEN
   Diesen Block GANZ UNTEN an das vorhandene Custom CSS anhängen.
   ================================================================ */

/* Gültige, gut sichtbare Kartenfarben.
   Überschreibt die ungültigen Werte "dark-grey" und "light-grey". */
:root {
  --sw-card: #17171c;
  --sw-line: rgba(255, 255, 255, 0.16);
  --sw-line-strong: rgba(255, 255, 255, 0.30);
}

/* ---------- Angebote: einzelne Pakete klar abgrenzen ---------- */
.szr-card {
  background: var(--sw-card) !important;
  border: 1px solid var(--sw-line-strong) !important;
  border-radius: 24px !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.22) !important;
  overflow: hidden;
  transition: transform 0.2s ease, border-color 0.2s ease,
    box-shadow 0.2s ease !important;
}

.szr-card:hover {
  transform: translateY(-5px);
  border-color: var(--sw-accent) !important;
  box-shadow: 0 16px 38px rgba(0, 0, 0, 0.30) !important;
}

/* ---------- Magazin: Rahmen und Text linksbündig ---------- */
.sw-posts article,
.sw-posts .post {
  background: var(--sw-card) !important;
  border: 1px solid var(--sw-line-strong) !important;
  border-radius: 18px !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.22) !important;
  overflow: hidden;
  text-align: left !important;
}

.sw-posts article:hover,
.sw-posts .post:hover {
  border-color: var(--sw-accent) !important;
}

.sw-posts .post-title,
.sw-posts .post-title a,
.sw-posts .post-content,
.sw-posts .entry-content,
.sw-posts .post-content p,
.sw-posts .post-meta,
.sw-posts .post-category,
.sw-posts .post-date {
  text-align: left !important;
}

/* ---------- "Finde dein Training": Box und Antwortkacheln ---------- */
.swc-box {
  background: #1d1f18 !important;
  border: 1px solid var(--sw-line-strong) !important;
  border-radius: 24px !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.22) !important;
}

.swc-opt {
  background: var(--sw-card) !important;
  border: 1px solid var(--sw-line-strong) !important;
  border-radius: 14px !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18) !important;
  text-align: left !important;
  transition: transform 0.18s ease, border-color 0.18s ease,
    background 0.18s ease !important;
}

.swc-opt:hover,
.swc-opt:focus-visible {
  background: #22251c !important;
  border-color: var(--sw-accent) !important;
  transform: translateY(-2px);
  outline: none !important;
}

/* ---------- WhatsApp-Symbol größer ---------- */
#body .sw-cinfo p:first-child {
  min-height: 44px;
  padding-left: 60px;
}

.sw-cinfo p:first-child::before {
  width: 44px !important;
  height: 44px !important;
  border-radius: 15px !important;
  font-size: 30px !important;
  line-height: 1 !important;
  top: 0 !important;
}

/* ---------- Kleine Abschnittsüberschriften vereinheitlichen ----------
   Über Mich, Einblicke, In 60 Sekunden, Angebote, Magazin, Kontakt, FAQ */
.sw-kicker p,
.sws-kicker,
.swc-kicker,
.szr-booking__kicker {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: auto !important;
  color: var(--sw-text-soft) !important;
  border: 1px solid var(--sw-line-strong) !important;
  border-radius: 999px !important;
  padding: 7px 16px !important;
  margin: 0 0 10px !important;
  font-family: "Inter", sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

.sw-kicker p::before,
.sws-kicker::before,
.swc-kicker::before,
.szr-booking__kicker::before {
  content: "" !important;
  display: block !important;
  width: 8px !important;
  height: 8px !important;
  min-width: 8px !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: var(--sw-accent) !important;
  box-shadow: none !important;
}

/* ---------- Mobil ---------- */
@media (max-width: 768px) {
  .szr-card,
  .sw-posts article,
  .sw-posts .post {
    margin-bottom: 18px !important;
  }

  .swc-box {
    padding: 28px 20px !important;
  }

  .swc-opt {
    padding: 15px 16px !important;
  }

  #body .sw-cinfo p:first-child {
    padding-left: 68px;
  }

  .sw-cinfo p:first-child::before {
    width: 52px !important;
    height: 52px !important;
    font-size: 27px !important;
  }
}
.wpforms-container select {
  box-sizing: border-box !important;
  height: 52px !important;
  min-height: 52px !important;
  padding: 0 18px !important;
  line-height: normal !important;
}


/* Badge „Jeden Donnerstag“ vollständig anzeigen */
.szr-card.szr-card--highlight {
  overflow: visible !important;
}

/* Doppelte Linie neben dem Footer-Logo entfernen */
#footer {
  border-top: none !important;
}

/* ================================================================
   SCHWITZEREI – FIX-PAKET 19.08.2026
   Diesen Block GANZ UNTEN an das bestehende Custom CSS anhängen.
   (Anpassen → Custom CSS, ans Ende einfügen, speichern.)
   ================================================================ */

:root{
  --sw-pink:#ff3d8b;          /* Pink für Zitat + Back-to-Top */
  --sw-list:#d7dacd;          /* helleres Grau für Aufzählungen */
}

/* ----------------------------------------------------------------
   A) INHALTSBREITE  –  "Text schmal, rechts frei" im Blog/Magazin
   Ursache: die Regel  #content{width:71%}  ganz oben im Custom CSS
   gilt auch am Handy. Content war dort nur 240px von 338px breit.
   ---------------------------------------------------------------- */
@media (max-width:1024px){
  #content{width:100% !important}
  #sidebar{width:100% !important}
}

/* ----------------------------------------------------------------
   B) MOBILE ABSTÄNDE
   ---------------------------------------------------------------- */
@media (max-width:768px){
  /* Die zwei Hero-Buttons klebten exakt aneinander.
     Themify stapelt die Spalten als CSS-Grid -> margin wirkt nicht,
     row-gap schon. */
  .sw-hero .module_subrow{row-gap:14px !important}

  /* Die Zahlen/Stats-Kacheln klebten exakt aneinander */
  .sw-stats .row_inner{row-gap:16px !important}

  /* Buchungsblock: die Zeile hat padding-left:5px, dadurch schaute
     links der hellere Zeilen-Hintergrund neben dem Block heraus */
  .module_row.sw-blog.fullwidth{padding-left:0 !important;padding-right:0 !important}
  .szr-booking{border-radius:0 !important}
}

/* ----------------------------------------------------------------
   C) AUFZÄHLUNGEN WAREN ZU DUNKEL  (#666 auf schwarz)
   Gilt für Beiträge, Impressum, AGB, Datenschutz
   ---------------------------------------------------------------- */
#body .post-content li,
#body .entry-content li,
#body .page-content li,
#body .wp-block-list li{color:var(--sw-list)}

/* Karten auf der Startseite behalten ihren Stil */
#body .sw-cardtext li{color:var(--sw-text-soft)}
#body .sw-creds li{color:var(--sw-text)}

/* ----------------------------------------------------------------
   D) AUTOR RAUS · DATUM IM ARCHIV RAUS · SCHLAGWÖRTER UNSICHTBAR
   Die Links /tag/... funktionieren weiterhin, nur die Anzeige geht weg
   ---------------------------------------------------------------- */
.post-meta .post-author,
.post-meta .post-tag,
.post-tag{display:none !important}

.loops-wrapper .post-date-wrap,
.loops-wrapper .post-date{display:none !important}

/* Trennzeichen "/" das nach dem Ausblenden des Autors übrig bleibt */
.post-meta > span::before,
.post-meta > span::after,
.post-meta > span > a::before{content:none !important;display:none !important}

/* ----------------------------------------------------------------
   D2) KATEGORIE-BUTTON ÜBERALL WIE IM MAGAZIN
   Magazin-Übersicht, Kategorie-/Schlagwort-Seiten UND Einzelbeitrag
   ---------------------------------------------------------------- */
/* Innenabstand NICHT global auf 0 setzen – sonst rutscht der Button
   in den Magazin-/Archiv-Kacheln aus der Flucht. Nur Außenabstand. */
#body .post-meta{margin:10px 0 18px !important}
#body .sw-posts .post-meta{padding:0 24px !important}          /* Magazin  */
#body .archive .loops-wrapper .post-meta{padding:0 22px !important} /* Archive */
#body .post-meta .post-category a,
#body .sw-posts .post-category a{
  display:inline-block;
  background:var(--sw-accent) !important;
  color:var(--sw-accent-text) !important;
  font-family:'Inter',sans-serif;
  font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  line-height:1.4;
  padding:5px 13px;border-radius:999px;text-decoration:none;
  margin:0 6px 6px 0;
  transition:transform .15s;
}
#body .post-meta .post-category a:hover{transform:translateY(-1px)}

/* ----------------------------------------------------------------
   E) KATEGORIE- UND SCHLAGWORT-SEITEN IM MAGAZIN-LOOK
   /category/... und /tag/... statt Liste jetzt Karten-Raster.

   WICHTIG – ein Schritt geht NICHT per CSS:
   Die Archive zeigen aktuell den KOMPLETTEN Beitrag statt eines
   Auszugs (deshalb sind die Karten kilometerlang).
   Umstellen unter:
   Themify Ultra → Theme Settings → Default Layouts → Archive
   → "Post Content: Excerpt" (Excerpt-Länge z.B. 25 Wörter).
   Danach passt dieses CSS und die Archive schauen aus wie das Magazin.
   ---------------------------------------------------------------- */
.archive .loops-wrapper,
.search .loops-wrapper{
  display:grid !important;
  grid-template-columns:repeat(auto-fill,minmax(260px,1fr));
  gap:24px;
}
.archive .loops-wrapper .post,
.search .loops-wrapper .post{
  width:auto !important;float:none !important;margin:0 !important;
  background:var(--sw-card);
  border:1px solid var(--sw-line-strong);
  border-radius:18px;overflow:hidden;
  box-shadow:0 12px 32px rgba(0,0,0,.22);
  text-align:left !important;
  transition:transform .2s,border-color .2s;
}
.archive .loops-wrapper .post:hover,
.search .loops-wrapper .post:hover{
  transform:translateY(-5px);border-color:var(--sw-accent);
}
.archive .loops-wrapper .post-image,
.search .loops-wrapper .post-image{margin:0}
.archive .loops-wrapper .post-image img,
.search .loops-wrapper .post-image img{
  width:100%;height:180px;object-fit:cover;display:block;border-radius:0;
}
.archive .loops-wrapper .post-content,
.search .loops-wrapper .post-content{padding:0}
.archive .loops-wrapper .post-title,
.search .loops-wrapper .post-title{
  padding:0 22px;margin:16px 0 8px;
  font-family:'Space Grotesk',sans-serif;
  font-size:19px !important;line-height:1.3;
}
.archive .loops-wrapper .post-title a,
.search .loops-wrapper .post-title a{color:var(--sw-text) !important;text-decoration:none}
.archive .loops-wrapper .post-title a:hover,
.search .loops-wrapper .post-title a:hover{color:var(--sw-accent) !important}
.archive .loops-wrapper .post-meta,
.search .loops-wrapper .post-meta{padding:0 22px;margin:0}
/* Der Kategorie-Button selbst wird in Block D2 gestylt (gilt überall) */
.archive .loops-wrapper .entry-content,
.search .loops-wrapper .entry-content{padding:0 22px 22px}
#body .archive .loops-wrapper .entry-content p{
  font-size:14.5px;color:var(--sw-text-soft);line-height:1.6;
}
.archive .loops-wrapper .more-link,
.search .loops-wrapper .more-link{
  display:inline-block;font-size:14px;font-weight:600;
  color:var(--sw-text) !important;text-decoration:none;
}
.archive .loops-wrapper .more-link::after{content:" \2192"}
.archive .loops-wrapper .more-link:hover{color:var(--sw-accent) !important}

/* ----------------------------------------------------------------
   F) VORIGER / NÄCHSTER BEITRAG als Umriss-Button (Akzentrahmen)
   ---------------------------------------------------------------- */
.post-nav{
  display:flex;gap:14px;justify-content:space-between;
  margin:36px 0 10px;border:none !important;
}
.post-nav .prev,
.post-nav .next{float:none !important;width:auto !important;max-width:48%}
.post-nav a{
  display:inline-block;
  background:transparent !important;
  color:var(--sw-text) !important;
  border:1.5px solid var(--sw-accent) !important;
  border-radius:999px !important;
  padding:13px 26px !important;
  font-weight:600;font-size:15px;line-height:1.3;
  text-decoration:none;
  transition:transform .15s,background .15s,color .15s;
}
.post-nav a:hover{
  transform:translateY(-2px);
  background:var(--sw-accent) !important;
  color:var(--sw-accent-text) !important;
}
@media (max-width:600px){
  .post-nav{flex-direction:column}
  .post-nav .prev,.post-nav .next{max-width:100%}
  .post-nav a{display:block;text-align:center}
}

/* ----------------------------------------------------------------
   G) SIDEBAR "LETZTE BEITRÄGE" – kompakter und besser lesbar
   ---------------------------------------------------------------- */
#sidebar .wp-block-latest-posts__list{list-style:none;margin:0;padding:0}
#sidebar .wp-block-latest-posts__list li{
  margin:0;padding:11px 0;border-bottom:1px solid var(--sw-line);
}
#sidebar .wp-block-latest-posts__list li:last-child{border-bottom:none}
#sidebar .wp-block-latest-posts__post-title{
  display:block;
  font-family:'Space Grotesk',sans-serif;
  font-size:15px !important;
  line-height:1.35 !important;
  font-weight:600;
  color:var(--sw-text) !important;
  text-decoration:none;
}
#sidebar .wp-block-latest-posts__post-title:hover{color:var(--sw-accent) !important}

/* ----------------------------------------------------------------
   H) ZITAT IM BEITRAG – pinke Schrift, gelbe Linie links
   ---------------------------------------------------------------- */
#body .entry-content blockquote,
#body .post-content blockquote{
  border-left:4px solid var(--sw-accent);
  background:rgba(197,241,61,.05);
  border-radius:0 14px 14px 0;
  margin:26px 0;padding:18px 24px;
}
#body .entry-content blockquote p,
#body .post-content blockquote p,
#body .entry-content blockquote strong,
#body .post-content blockquote strong{
  color:var(--sw-pink) !important;
  font-family:'Space Grotesk',sans-serif;
  font-size:20px;line-height:1.45;font-weight:600;margin:0;
}

/* ----------------------------------------------------------------
   I) FAQ-AKKORDEON (graue Variante) – Schrift dunkel/lesbar
   ---------------------------------------------------------------- */
/* Themify setzt die Schriftfarbe über die Variable --tb_pr_color,
   deshalb wird die hier mit umgestellt – sonst greift color nicht. */
#body .module-accordion.gray{--tb_pr_color:#14150f}
#body .module-accordion.gray,
#body .module-accordion.gray li,
#body .module-accordion.gray .accordion-title,
#body .module-accordion.gray .accordion-title a,
#body .module-accordion.gray .accordion-content,
#body .module-accordion.gray .accordion-content p,
#body .module-accordion.gray .accordion-content li,
#body .module-accordion.gray .accordion-content strong,
#body .module-accordion.gray .accordion-content a{color:#14150f !important}

/* ----------------------------------------------------------------
   J) BACK-TO-TOP: roter Punkt → pink
   ---------------------------------------------------------------- */
#pagewrap .back-top.back-top-float,
#footer .back-top.back-top-float{background-color:var(--sw-pink) !important}
.back-top .arrow-up a::before{border-color:#fff transparent transparent #fff !important}

/* ----------------------------------------------------------------
   K) LEERE ABSÄTZE / führender Umbruch im Magazin-Auszug
   ---------------------------------------------------------------- */
.loops-wrapper .entry-content p:empty,
.sw-posts .post-content p:empty{display:none}
.loops-wrapper .entry-content br:first-child,
.sw-posts .post-content br:first-child{display:none}