/*
Theme Name: Twenty Seventeen Child
Theme URI: https://deine-domain.de
Description: Child Theme von Twenty Seventeen
Author: Dein Name
Author URI: https://www.akupunktur-kempen.de
Template: twentyseventeen
Version: 1.0
*/

/**
 * Beschreibung: CSS-Ersatz für "Column Shortcodes" mit 50/50, 66/33, 33/66 Layouts.
 *               Enthält Mobile-Fix: reduzierter margin-bottom unter Bildern und Absätzen.
 * Autor: Peter Roskothen (*fotowissen)
 * Datum: 2025-08-09
 * Version: 1.1
 * Bereich: Frontend
 */

/* ===== Columns (Plugin-Ersatz) – *fotowissen ===== */
:root { --fw-col-gap: 24px; } /* horizontaler Abstand */

.content-column {
  float: left;
  box-sizing: border-box;
  margin-bottom: 1.2em;
}

/* Breiten */
.content-column.one_half  { width: calc(50% - var(--fw-col-gap)/2); }
.content-column.two_third { width: calc(66.666% - var(--fw-col-gap)/2); }
.content-column.one_third { width: calc(33.333% - var(--fw-col-gap)/2); }

/* Zwischenraum rechts */
.content-column.one_half,
.content-column.two_third,
.content-column.one_third { margin-right: var(--fw-col-gap); }

/* Letzte Spalte kein Außenabstand rechts */
.content-column.last_column { margin-right: 0 !important; }

/* Clear */
.clear_column { clear: both; height: 0; overflow: hidden; }

/* Bilder in Spalten neutralisieren (Theme-Ränder/float) */
.content-column img.alignright,
.content-column img.alignleft,
.content-column img {
  margin: 0 !important;
  float: none !important;
  max-width: 100%;
  height: auto;
  display: block;
}

/* Responsive */
@media (max-width: 782px) {
  .content-column.one_half,
  .content-column.two_third,
  .content-column.one_third {
    width: 100% !important;
    margin-right: 0 !important;
  }

  /* Mobile-Fix: Abstand unter Bildern/Absätzen verkleinern */
  .content-column img { margin-bottom: 12px !important; }
  .content-column p   { margin-bottom: 12px !important; }
}





/**
 * Beschreibung: Globaler Listen-Fix – Einzug neutralisieren,
 *               leere <p> in <ul> ausblenden, größere Abstände zwischen Bullets.
 * Autor: Peter Roskothen (*fotowissen)
 * Datum: 2025-08-09
 * Version: 1.2
 * Bereich: Frontend
 */

.entry-content ul {
  margin-left: 0 !important;
  padding-left: 0 !important;
  list-style-position: inside !important;   /* Marker im Textfluss, kein Linkseinzug */
  list-style-type: disc !important;
  margin-top: 1.2em !important;
  margin-bottom: 1.2em !important;
}

/* Leere Absätze innerhalb der Liste ausblenden (wpautop-Artefakte) */
.entry-content ul > p:empty,
.entry-content ul > p > br:only-child {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Abstände zwischen den Punkten + bessere Lesbarkeit */
.entry-content ul li {
  margin: 0 0 0.95em 0 !important;
  line-height: 1.4 !important;
}

/* Falls <li> Text in <p> kapselt: Absatzabstände neutralisieren */
.entry-content ul li p {
  margin: 0 !important;
}