/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 6,000+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.12.0.1768153593
Updated: 2026-01-11 17:46:33

*/
/* =========================================================
   Astra Child – Typo + lokale Fonts
   Gilt für: Astra, Elementor, Gutenberg, Kadence Blocks
   Pfade: /wp-content/themes/astra-child/fonts/...
   ========================================================= */

/* ===== Fonts ===== */
@font-face{
  font-family: "Zalando Sans";
  src: url("fonts/Zalando_Sans/ZalandoSans-VariableFont_wdth,wght.woff2") format("woff2");
  font-weight: 100 900;
  font-stretch: 75% 125%;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: "Zalando Sans";
  src: url("fonts/Zalando_Sans/ZalandoSans-Italic-VariableFont_wdth,wght.woff2") format("woff2");
  font-weight: 100 900;
  font-stretch: 75% 125%;
  font-style: italic;
  font-display: swap;
}
@font-face{
  font-family: "Pacifico";
  src: url("fonts/Pacifico/Pacifico-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* ===== Variablen ===== */
:root{
  --gb-font-base: "Zalando Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --gb-font-accent: "Pacifico", cursive;

  --gb-col-dark: #044779;
  --gb-col-accent: #00B3EF;

  --gb-h1: 36px;
  --gb-h2: 30px;
  --gb-h3: 24px;
  --gb-h4: 16px;
  --gb-p: 16px;

  --gb-fw-regular: 400;
  --gb-fw-medium: 500;
  --gb-fw-semibold: 600;
}

/* ===== Basis ===== */
html, body{
  font-family: var(--gb-font-base);
  color: var(--gb-col-dark);
  font-size: var(--gb-p);
  line-height: 1.6;
}

/* Elementor/Kadence/Gutenberg erben lassen */
.entry-content,
.elementor,
.elementor-widget-container,
.wp-site-blocks{
  font-family: var(--gb-font-base);
  color: var(--gb-col-dark);
}

/* ===== Headings (global + Kadence Headline Block) ===== */
h1, h2, h3, h4,
.wp-block-heading,
.kb-advanced-heading,
.kt-adv-heading{
  font-family: var(--gb-font-base);
  line-height: 1.2;
}

/* H1 36px, Gewicht 500, dunkelblau */
h1,
.entry-content h1,
.elementor-widget-container h1,
.wp-site-blocks h1{
  font-size: var(--gb-h1);
  font-weight: var(--gb-fw-medium); /* 500 */
  color: var(--gb-col-dark);
}

/* H2 16px, Gewicht 500, hellblau */
h2,
.entry-content h2,
.elementor-widget-container h2,
.wp-site-blocks h2{
  font-size: var(--gb-h2);
  font-weight: var(--gb-fw-medium); /* 500 */
  color: var(--gb-col-accent);
}

/* H2 Slogen als Text für Media angepasst */
/* Default (>= 1701px) */
.jepa-fonts-size-h2{ font-size: 88px !important; }

.elementor-kit-6 h2.jepa-pacifico-h2{
  font-family: "Pacifico", cursive !important;
  font-weight: 400 !important; /* regular */
  font-style: normal !important; /* nicht kursiv */
}
/* Elementor H3 wie Gutenberg (condensed) */
.elementor-widget-heading .elementor-heading-title{
  font-size: var(--gb-h3) !important;
  font-weight: var(--gb-fw-medium) !important;
  color: var(--gb-col-dark) !important;

  font-stretch: 85% !important;            /* wie Screen 2 */
  font-variation-settings: "wdth" 85;      /* Fallback für Variable Fonts */
}
.elementor-kit-6 h3.jepa-pacifico-h3{
  font-family: "Pacifico", cursive !important;
  font-weight: 400 !important; /* regular */
  font-style: normal !important; /* nicht kursiv */
}
/* <= 1700px */
@media (max-width: 1700px){
  .jepa-fonts-size-h2{ font-size: 80px !important; }
}

/* <= 1545px */
@media (max-width: 1545px){
  .jepa-fonts-size-h2{ font-size: 70px !important; }
}

/* <= 1390px */
@media (max-width: 1390px){
  .jepa-fonts-size-h2{ font-size: 60px !important; }
}

/* <= 1234px */
@media (max-width: 1234px){
  .jepa-fonts-size-h2{ font-size: 50px !important; }
}

/* <= 1079px */
@media (max-width: 1079px){
  .jepa-fonts-size-h2{ font-size: 40px !important; }
}

/* <= 767px */
@media (max-width: 767px){
  .jepa-fonts-size-h2{ font-size: 30px !important; }
}

/* <= 428px */
@media (max-width: 428px){
  .jepa-fonts-size-h2-21px{ font-size: 21px !important; }
  .jepa-fonts-size-h2{ font-size: 21px !important; }
}

/* <= 375px */
@media (max-width: 375px){
  .jepa-fonts-size-h2{ font-size: 20px !important; }
}

/* H3 24px, Gewicht 500, dunkelblau */
h3,
.entry-content h3,
.elementor-widget-container h3,
.wp-site-blocks h3{
  font-size: var(--gb-h3);
  font-weight: var(--gb-fw-medium); /* 500 */
  color: var(--gb-col-dark);
}

/* H4 16px, Gewicht 500 (Medium), dunkelblau */
h4,
.entry-content h4,
.elementor-widget-container h4,
.wp-site-blocks h4{
  font-size: var(--gb-h4);
  font-weight: var(--gb-fw-medium); /* 500 */
  color: var(--gb-col-dark);
}

/* ===== Text ===== */
p,
.entry-content p,
.elementor-widget-text-editor,
.elementor-widget-container p,
.wp-site-blocks p,
.kb-text,
.kt-inside-inner-col p{
  font-family: var(--gb-font-base);
  font-size: var(--gb-p);
  font-weight: var(--gb-fw-regular); /* 400 */
  color: var(--gb-col-dark);
}

/* Span 16px, Regular, dunkelblau */
span,
.entry-content span,
.elementor-widget-container span,
.wp-site-blocks span{
  font-family: var(--gb-font-base);
  font-size: var(--gb-p);
  font-weight: var(--gb-fw-regular); /* 400 */
  color: var(--gb-col-dark);
}

/* ===== Links ===== */
a,
a:visited{
  font-family: var(--gb-font-base);
  font-size: var(--gb-p);
  font-weight: var(--gb-fw-regular); /* 400 */
  color: var(--gb-col-accent);
  text-decoration: underline;
}
a:hover,
a:focus{
  color: var(--gb-col-accent);
  text-decoration: underline;
}

/* ===== Button ===== */
/* Default: Text weiß */
.jepa-button-textfarbe .elementor-button .elementor-button-text{
  color: #fff !important;
}

/* Optional: Button-Hintergrund/Border im Normalzustand nicht anfassen */
/* Hover: grüner Rand, weißer Hintergrund, Text dunkelblau */
.jepa-button-textfarbe .elementor-button:hover,
.jepa-button-textfarbe .elementor-button:focus{
  background: #fff !important;
  border: 1px solid #2ecc71 !important; /* grün */
}

.elementor-kit-6 button:hover,
.jepa-button-textfarbe .elementor-button:hover .elementor-button-text,
.jepa-button-textfarbe .elementor-button:focus .elementor-button-text{
  color: #044779 !important; /* dunkel blau */
box-shadow: none !important;
}

/* Falls Elementor ein ::after Overlay nutzt */
.jepa-button-textfarbe .elementor-button:after{
  /*! box-shadow: none !important; */
}

/* ===== Strong (Elementor + Gutenberg/Kadence) ===== */
.entry-content strong,
.elementor-widget-container strong,
.wp-site-blocks strong{
  font-weight: 600 !important;
}

/* ===== Elementor Bilder: keine Kit-ID nutzen ===== */
.elementor-kit-6  img,
.elementor-kit-6  img:hover{
  box-shadow: none;
  filter: none;
  transition-duration: 0s;
}

/* =========================================
   Headerbild volle Breite, OHNE Beschnitt
   Text: Desktop unten links (25/25)
   Mobile: unten mittig (10px), 16px
   ========================================= */

  .ast-container, .ast-container-fluid {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

/* Row/Layout volle Breite */
.jepa-headerbild{
  width: 100%;
  max-width: none !important;
  margin: 0 !important;
}
.jepa-headerbild.kb-row-layout-wrap,
.jepa-headerbild .kt-row-column-wrap{
  width: 100% !important;
  max-width: none !important;
}

/* Cover-Block als Bühne */
.jepa-headerbild-max{
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  position: relative;
  overflow: hidden; /* ok, weil Bild nicht mehr beschnitten wird */
  padding: 0em;
}

/* Bild komplett anzeigen (kein Crop) */
.jepa-headerbild-max .wp-block-cover__image-background{
  position: relative !important;   /* überschreibt wp-block-cover absolute */
  inset: auto !important;
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;  /* wichtig: kein Beschnitt */
  display: block;
}

/* Dim-Overlay über Bild legen */
.jepa-headerbild-max .wp-block-cover__background{
  position: absolute;
  inset: 0;
  z-index: 1;
}

/* Inner Container über Overlay */
.jepa-headerbild-max .wp-block-cover__inner-container{
  position: absolute;
  inset: 0;
  z-index: 2;
}

/* Text Desktop: unten links */
.jepa-headerbild-text{
  position: absolute;
  left: 50px;
  bottom: 75px;
  margin: 0 !important;
  font-size: 64px !important;
  line-height: 1.2;
  text-align: left;
}

/* Mobile: Querformat vollflächig ohne Ränder + Text unten mittig */
@media (max-width: 767px){
  .jepa-headerbild-max.wp-block-cover{
    aspect-ratio: 16 / 9;
    height: auto !important;
  }

  .jepa-headerbild-max .wp-block-cover__image-background{
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  .jepa-headerbild-text{
    left: 50% !important;
    transform: translateX(-50%) !important;
    bottom: 50px !important;
    font-size: 36px !important;
    text-align: center !important;
    width: calc(100% - 24px) !important;
  }
}


.wp-block-cover .has-background-dim:not([class*="-background-color"]) {
background-color: transparent;
}


/* Optional: Page Title sichtbar lassen */
:root{
  --page-title-display: block !important;
}


/* =========================================================
   JePa Kadence Layout (wie Screen 2)
   Desktop >= 840px:
   - Gesamt: 2 Spalten 50/50
   - Links: 2 Bilder nebeneinander = je 25% (1:1)
   - Rechts: 1 Bild = 50% (2:1) mit gleicher Höhe wie Quadrate
   Mobile <= 839px: Kadence Standard bleibt
   ========================================================= */

/* 0) Gesamtbreite begrenzen */
.jepa-row > .kt-row-column-wrap{
  width: 100% !important;
  max-width: 1920px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Hilfs-Reset nur im JePa-Bereich */
.jepa-row,
.jepa-row *{
  box-sizing: border-box;
}

/* Desktop: 50/50 */
@media (min-width: 840px){

  /* 1) Oberste 2-Spalten-Struktur */
  .jepa-row > .kt-row-column-wrap{
    display: grid !important;
    grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important; /* 50/50 */
    gap: 0 !important;
    align-items: start !important;
    align-content: start !important;
  }

  .jepa-row > .kt-row-column-wrap > .wp-block-kadence-column{
    min-width: 0 !important;
  }

  /* 2) LINKS: 2 Quadrate oben, Text darunter
        Kadence liefert 3 Columns: Bild1, Bild2, Text.
        Wir machen daraus: 2 Spalten + Text darunter (span 2).
  */
  .jepa-row .jepa-bildbildtext > .kt-row-column-wrap{
    display: grid !important;
    grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important; /* 2x 25% */
    grid-template-rows: auto auto !important;
    gap: 0 !important;
    align-items: start !important;
    align-content: start !important;
  }

  /* Positionierung (Fallback ohne zusätzliche Klassen) */
  .jepa-row .jepa-bildbildtext > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(1){
    grid-column: 1 !important;
    grid-row: 1 !important;
    padding-right: 2px !important;
    padding-left: 2px !important;
  }
  .jepa-row .jepa-bildbildtext > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(2){
    grid-column: 2 !important;
    grid-row: 1 !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
  }
  .jepa-row .jepa-bildbildtext > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(3){
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    padding: 15px 20px !important;
  }

  /* Wenn du Klassen setzt, greifen diese zusätzlich sauber */
  .jepa-row .jepa-bildlinks{ padding-right: 2px !important; }
  .jepa-row .jepa-bildrechts{ padding-left: 2px !important; }
  .jepa-row .jepa-bildmitte {
    padding-left: 2px !important;
    padding-right: 2px !important;
  }

  /* Quadrate: 1:1 */
  .jepa-row .jepa-bildbildtext > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(1),
  .jepa-row .jepa-bildbildtext > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(2),
  .jepa-row .jepa-bildlinks,
  .jepa-row .jepa-bildrechts{
    aspect-ratio: 1 / 1 !important;
    overflow: hidden !important;
    align-self: start !important;
  }

  /* Text-Column links: keine Aspect-Ratio */
  .jepa-row .jepa-bildbildtext > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(3),
  .jepa-row .jepa-text{
    aspect-ratio: auto !important;
    overflow: visible !important;
  }

  /* 3) RECHTS: Bild 2:1 oben, Text darunter
        Kadence liefert bei dir: Bild-Column + Text-Column.
        Wir erzwingen Reihen: Bild, dann Text.
  */
  .jepa-row .jepa-bildtext > .kt-row-column-wrap{
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: auto auto !important;
    gap: 0 !important;
    align-items: start !important;
    align-content: start !important;
  }

  /* Bild oben */
  .jepa-row .jepa-bildmitte{
    grid-column: 1 !important;
    grid-row: 1 !important;
    aspect-ratio: 2 / 1 !important;          /* 50% Breite -> Höhe = Quadrat-Höhe */
    overflow: hidden !important;
    align-self: start !important;
  }

  /* Text darunter */
  .jepa-row .jepa-bildtext .jepa-text{
    grid-column: 1 !important;
    grid-row: 2 !important;
    padding: 15px 20px !important;
  }

  /* 4) Bilder immer cover + Ausschnitt */
  .jepa-row .wp-block-image,
  .jepa-row figure{
    margin: 0 !important;
  }

  .jepa-row .kt-inside-inner-col{
    height: 100% !important;
  }

  /* Bild-Wrapper auf 100% */
  .jepa-row .wp-block-image{
    width: 100% !important;
    height: 100% !important;
  }

  .jepa-row .wp-block-image img{
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    display: block !important;
    object-fit: cover !important;
    object-position: var(--jepa-img-x, 50%) var(--jepa-img-y, 50%) !important;
  }
}

/* Mobile <= 839px: Kadence bleibt (kein Umbau). */
@media (max-width: 839px){
  /* Nur sicherstellen: Bilder nicht „zerquetschen“. */
  .jepa-row .wp-block-image img{
    display: block;
    max-width: 100%;
    height: auto;
  }
}

/* =========================================================
   JEPA Padding + Abstand (Variablen)
   Klassen:
   - .jepa-padding-links   -> links groß, rechts klein
   - .jepa-padding-rechts  -> rechts groß, links klein
   - .jepa-padding-beide   -> links & rechts groß (beide Seiten)
   - .jepa-abstand         -> height spacer
   Breakpoints:
   - Default: wide=140px, narrow=4px, textPad=0px, abstand=140px
   - <=1024px: wide=60px,  narrow=3px, abstand=60px
   - <=839px:  wide=40px,  narrow=2px, abstand=60px
   - <=767px:  wide=0px,   narrow=0px, textPad=20px, abstand=20px
   ========================================================= */

:root{
  --jepa-pad-wide: 140px;
  --jepa-pad-narrow: 4px;
  --jepa-text-pad: 0px;
  --jepa-abstand-h: 140px;
}

/* Links */
.jepa-padding .jepa-padding-links,
.jepa-padding .jepa-bildmitte.jepa-padding-links,
.jepa-padding .jepa-text.jepa-padding-links,
.jepa-row .jepa-bildmitte.jepa-padding-links,
.jepa-row .jepa-text.jepa-padding-links{
  padding-left: var(--jepa-pad-wide) !important;
  padding-right: var(--jepa-pad-narrow) !important;
  padding-top: var(--jepa-pad-narrow) !important;
  padding-bottom: var(--jepa-pad-narrow) !important;
}

/* Rechts */
.jepa-padding .jepa-padding-rechts,
.jepa-padding .jepa-bildmitte.jepa-padding-rechts,
.jepa-padding .jepa-text.jepa-padding-rechts,
.jepa-row .jepa-bildmitte.jepa-padding-rechts,
.jepa-row .jepa-text.jepa-padding-rechts{
  padding-right: var(--jepa-pad-wide) !important;
  padding-left: var(--jepa-pad-narrow) !important;
  padding-top: var(--jepa-pad-narrow) !important;
  padding-bottom: var(--jepa-pad-narrow) !important;
}

/* Beide Seiten */
.jepa-padding .jepa-padding-beide,
.jepa-padding .jepa-bildmitte.jepa-padding-beide,
.jepa-padding .jepa-text.jepa-padding-beide,
.jepa-row .jepa-bildmitte.jepa-padding-beide,
.jepa-row .jepa-text.jepa-padding-beide{
  padding-left: var(--jepa-pad-wide) !important;
  padding-right: var(--jepa-pad-wide) !important;
}


/* Abstandshalter */
.jepa-abstand{
  height: var(--jepa-abstand-h) !important;
}

/* <=1024px */
@media (max-width: 1024px){
  :root{
    --jepa-pad-wide: 60px;
    --jepa-pad-narrow: 3px;
    --jepa-abstand-h: 60px;
  }
}

/* <=839px */
@media (max-width: 839px){
  :root{
    --jepa-pad-wide: 40px;
    --jepa-pad-narrow: 2px;
    --jepa-abstand-h: 60px;
  }
}

/* <=767px */
@media (max-width: 767px){
  :root{
    --jepa-pad-wide: 0px;
    --jepa-pad-narrow: 0px;
    --jepa-text-pad: 20px;
    --jepa-abstand-h: 20px;
  }

  /* Bilder: komplett ohne Padding */
  .jepa-padding .jepa-bildmitte.jepa-padding-links,
  .jepa-padding .jepa-bildmitte.jepa-padding-rechts,
  .jepa-padding .jepa-bildmitte.jepa-padding-beide,
  .jepa-row .jepa-bildmitte.jepa-padding-links,
  .jepa-row .jepa-bildmitte.jepa-padding-rechts,
  .jepa-row .jepa-bildmitte.jepa-padding-beide{
    padding: 0 !important;
  }

  /* Texte: rundum Padding */
  .jepa-padding .jepa-text.jepa-padding-links,
  .jepa-padding .jepa-text.jepa-padding-rechts,
  .jepa-padding .jepa-text.jepa-padding-beide,
  .jepa-row .jepa-text.jepa-padding-links,
  .jepa-row .jepa-text.jepa-padding-rechts,
  .jepa-row .jepa-text.jepa-padding-beide{
    padding: var(--jepa-text-pad) !important;
  }
}


/* =========================================
   JePa: Bild-Ausschnitt per Klassen steuern (10er Schritte)
   Du kannst die Klassen direkt am Image-Block setzen:
   Beispiel: wp-block-image jepa-bild-img jepa-bild-img-x70 jepa-bild-img-y30
   ========================================= */

.jepa-bild-img{
  --jepa-img-x: 50%;
  --jepa-img-y: 50%;
}
.jepa-bild-img1-y  {--jepa-img-y: 6%;}
.jepa-bild-img2-y  {--jepa-img-y: 100%;}
.jepa-bild-img3-y  {--jepa-img-y: 18%;}
.jepa-bild-img4-y  {--jepa-img-y: 90%;}
.jepa-bild-img5-y  {--jepa-img-y:25%;}
.jepa-bild-img6-y  {--jepa-img-y: 50%;}
.jepa-bild-img7-y  {--jepa-img-y: 100%;}
.jepa-bild-img8-y  {--jepa-img-y: 50%;}
.jepa-bild-img9-y  {--jepa-img-y: 50%;}
.jepa-bild-img10-y  {--jepa-img-y: 50%;}

.jepa-bild-img-x0   { --jepa-img-x: 0%; }
.jepa-bild-img-x10  { --jepa-img-x: 10%; }
.jepa-bild-img-x20  { --jepa-img-x: 20%; }
.jepa-bild-img-x30  { --jepa-img-x: 30%; }
.jepa-bild-img-x40  { --jepa-img-x: 40%; }
.jepa-bild-img-x50  { --jepa-img-x: 50%; }
.jepa-bild-img-x60  { --jepa-img-x: 60%; }
.jepa-bild-img-x70  { --jepa-img-x: 70%; }
.jepa-bild-img-x80  { --jepa-img-x: 80%; }
.jepa-bild-img-x90  { --jepa-img-x: 90%; }
.jepa-bild-img-x100 { --jepa-img-x: 100%; }

.jepa-bild-img-y0   { --jepa-img-y: 0%; }
.jepa-bild-img-y10  { --jepa-img-y: 10%; }
.jepa-bild-img-y20  { --jepa-img-y: 20%; }
.jepa-bild-img-y30  { --jepa-img-y: 30%; }
.jepa-bild-img-y40  { --jepa-img-y: 40%; }
.jepa-bild-img-y50  { --jepa-img-y: 50%; }
.jepa-bild-img-y60  { --jepa-img-y: 60%; }
.jepa-bild-img-y70  { --jepa-img-y: 70%; }
.jepa-bild-img-y80  { --jepa-img-y: 80%; }
.jepa-bild-img-y90  { --jepa-img-y: 90%; }
.jepa-bild-img-y100 { --jepa-img-y: 100%; }

/* =========================================================
   Brezen-Bullets für deine Liste
   HTML: <ul class="wp-block-list"> ... <li class="jepa-textp jepa-text-Li">...</li>
   ========================================================= */

/* Standard-Bullets aus, wenn mindestens ein Li die Klasse hat */
.wp-block-list:has(li.jepa-text-Li){
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}

/* Brezen nur bei <li class="... jepa-text-Li"> */
.wp-block-list li.jepa-text-Li{
  position: relative;
  padding-left: 36px; /* 24px Icon + Abstand */
  margin: 0.35em 0;
}

.wp-block-list li.jepa-text-Li::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0.15em;
  width: 24px;
  height: 24px;
  background-image: url("https://martin-lackner.de/wp-content/uploads/2026/01/Brezen-Digital.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.elementor-1638 .elementor-element.elementor-element-23fca196.elementor-element {
  --align-self: auto !important;
  text-align: left !important;
}

/* =========================================================
   Astra Container auf volle Breite (Desktop)
   -> ans ENDE der style.css
   ========================================================= */
@media (min-width: 922px){
  .ast-container{
    max-width: 100% !important;
    width: 100% !important;
  }
}

/* Kadence RowLayout: nie begrenzen */
.entry-content[data-ast-blocks-layout] > .kb-row-layout-wrap,
.entry-content[data-ast-blocks-layout] > .wp-block-kadence-rowlayout{
  max-width: none !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Kadence Innen-Wrapper: nie begrenzen */
.entry-content[data-ast-blocks-layout] > .kb-row-layout-wrap > .kt-row-column-wrap,
.entry-content[data-ast-blocks-layout] > .wp-block-kadence-rowlayout > .kt-row-column-wrap,
.kb-row-layout-wrap .kt-row-column-wrap{
  max-width: none !important;
  width: 100% !important;
}

/* Kadence Columns: nie begrenzen */
.kb-row-layout-wrap .wp-block-kadence-column,
.kb-row-layout-wrap .kt-inside-inner-col{
  max-width: none !important;
}

/* Mobile: anderes Headerbild (Astra Featured Image) */
@media (max-width: 767px){

  /* Originalbild ausblenden */
  body.page-id-1404 .ast-single-post-featured-section.post-thumb img.wp-post-image{
    display: none !important;
  }

  /* Neues Mobile-Bild einblenden */
  .ast-single-post-featured-section.post-thumb{
    position: relative !important;
  }

  body.page-id-1404  .ast-single-post-featured-section.post-thumb::before{
    content: "" !important;
    display: block !important;
    width: 100% !important;
    aspect-ratio: 16 / 9;
    background-image: url("https://martin-lackner.de/wp-content/uploads/2026/01/JPA06612-Martin-Lackner-Mobile-Jens-Paritzsch-Fotograf_Muenchen.jpg") !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
  }
/* 
  body.page-id-1404 .ast-single-post-featured-section.post-thumb::before{
    background-image: url("https://martin-lackner.de/wp-content/uploads/2026/01/JPA06612-Martin-Lackner-Mobile-Jens-Paritzsch.jpg") !important;
  }
  body.page-id-1957 .ast-single-post-featured-section.post-thumb::before{
      background-image: url("https://martin-lackner.de/wp-content/uploads/2026/01/JPA06612-Martin-Lackner-Mobile-Jens-Paritzsch.jpg") !important;
    }
      */
}