.elementor-93 .elementor-element.elementor-element-6d93a756{--display:flex;--min-height:260px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;}.elementor-93 .elementor-element.elementor-element-6d93a756:not(.elementor-motion-effects-element-type-background), .elementor-93 .elementor-element.elementor-element-6d93a756 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://fdp-nettetal.de/wp-content/uploads/2025/11/Aktuelles.png");background-position:0px -400px;background-repeat:no-repeat;background-size:cover;}.elementor-93 .elementor-element.elementor-element-6d93a756::before, .elementor-93 .elementor-element.elementor-element-6d93a756 > .elementor-background-video-container::before, .elementor-93 .elementor-element.elementor-element-6d93a756 > .e-con-inner > .elementor-background-video-container::before, .elementor-93 .elementor-element.elementor-element-6d93a756 > .elementor-background-slideshow::before, .elementor-93 .elementor-element.elementor-element-6d93a756 > .e-con-inner > .elementor-background-slideshow::before, .elementor-93 .elementor-element.elementor-element-6d93a756 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#F9F9F9;--background-overlay:'';}.elementor-93 .elementor-element.elementor-element-2937efd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-93 .elementor-element.elementor-element-038a1f7{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 30px;}.elementor-93 .elementor-element.elementor-element-038a1f7 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:#009EE3;}.elementor-93 .elementor-element.elementor-element-0f14c2c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-93 .elementor-element.elementor-element-1831298{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-93 .elementor-element.elementor-element-b33245a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:20px 20px 20px 20px;box-shadow:0px 4px 10px 0px rgba(0, 0, 0, 0.8);--padding-top:0px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-93 .elementor-element.elementor-element-b33245a:not(.elementor-motion-effects-element-type-background), .elementor-93 .elementor-element.elementor-element-b33245a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-93 .elementor-element.elementor-element-5a86a3a{--grid-columns:1;}.elementor-93 .elementor-element.elementor-element-617a03d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:20px;--margin-right:0px;}.elementor-93 .elementor-element.elementor-element-b595459{--grid-columns:1;width:initial;max-width:initial;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}@media(max-width:1024px){.elementor-93 .elementor-element.elementor-element-6d93a756:not(.elementor-motion-effects-element-type-background), .elementor-93 .elementor-element.elementor-element-6d93a756 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px -25px;}.elementor-93 .elementor-element.elementor-element-5a86a3a{--grid-columns:2;}.elementor-93 .elementor-element.elementor-element-b595459{--grid-columns:2;}}@media(max-width:767px){.elementor-93 .elementor-element.elementor-element-6d93a756:not(.elementor-motion-effects-element-type-background), .elementor-93 .elementor-element.elementor-element-6d93a756 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:-30px 0px;}.elementor-93 .elementor-element.elementor-element-5a86a3a{--grid-columns:1;}.elementor-93 .elementor-element.elementor-element-b595459{--grid-columns:1;}}@media(min-width:768px){.elementor-93 .elementor-element.elementor-element-b33245a{--width:50%;}.elementor-93 .elementor-element.elementor-element-617a03d{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-93 .elementor-element.elementor-element-b33245a{--width:50%;}.elementor-93 .elementor-element.elementor-element-617a03d{--width:50%;}}/* Start custom CSS for container, class: .elementor-element-6d93a756 */.page-header-strip {
  box-shadow: 0 12px 25px rgba(0,0,0,.04);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-038a1f7 *//* ======================================================
   1) Überschrift im FDP-Blau + gelber, halber Unterstrich
   (setzt sich gegen Theme-Heading durch)
   ====================================================== */

.elementor-93 .elementor-element.elementor-element-038a1f7 .elementor-heading-title {
  color: #009EE3 !important;   /* FDP-Blau wirklich erzwingen */
  position: relative;
  display: inline-block;
  padding-bottom: 4px;
}

.elementor-93 .elementor-element.elementor-element-038a1f7 .elementor-heading-title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 80%;                  /* halber/kurzer Balken */
  height: 3px;
  background-color: #FFED00;   /* FDP-Gelb */
  border-radius: 2px;
}


/* ======================================================
   2) Beitrags-Übersicht: Excerpt/Text überall #555555
   (auch die große linke Karte)
   ====================================================== */

/* alle Cards-Widgets */
body .elementor-widget-posts.elementor-posts--skin-cards .elementor-post,
body .elementor-widget-archive-posts.elementor-posts--skin-cards .elementor-post {
  color: #555555 !important;
}

/* speziell der Auszug-Text */
body .elementor-widget-posts.elementor-posts--skin-cards .elementor-post__excerpt,
body .elementor-widget-posts.elementor-posts--skin-cards .elementor-post__excerpt p,
body .elementor-widget-archive-posts.elementor-posts--skin-cards .elementor-post__excerpt,
body .elementor-widget-archive-posts.elementor-posts--skin-cards .elementor-post__excerpt p {
  color: #555555 !important;
}

/* falls das Theme den Content im Card-Body selbst einfärbt */
body .elementor-widget-posts.elementor-posts--skin-cards .elementor-post__card,
body .elementor-widget-archive-posts.elementor-posts--skin-cards .elementor-post__card {
  color: #555555 !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2c0a24a *//* Pfeil in Magenta, Text in Schwarz */
.elementor-93 .elementor-element.elementor-element-2c0a24a a {
  color: #000000;            /* Text schwarz */
  font-weight: 600;
  text-decoration: none;
  transition: all .2s ease;
}

.elementor-93 .elementor-element.elementor-element-2c0a24a a .arrow {
  color: #E6007E;            /* FDP-Magenta */
  margin-right: 6px;         /* kleiner Abstand zwischen Pfeil und Text */
}

.elementor-93 .elementor-element.elementor-element-2c0a24a a:hover .arrow {
  text-decoration: none;
}

.elementor-93 .elementor-element.elementor-element-2c0a24a a:hover {
  text-decoration: underline;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f14c2c *//* FDP Nettetal – Loop-Layout Optimierung für Tablet Hochformat */
@media (max-width: 1024px) and (orientation: portrait) {
  .elementor-loop-container,
  .elementor-posts-container {
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
  }

  .elementor-post {
    width: 100% !important;
    max-width: none !important;
  }

  .elementor-post__thumbnail img {
    width: 100%;
    height: auto;
    object-fit: cover;
  }
}


/* FDP Nettetal – mobile Loop-Karte */
@media (max-width: 767px) {

  /* äußere Karte soll vollbreit und nicht 2-spaltig sein */
  .elementor-93 .elementor-element.elementor-element-0f14c2c {
    display: block;
    width: 100%;
  }

  /* falls dein Loop innen mit flex arbeitet → umbrechen */
  .elementor-93 .elementor-element.elementor-element-0f14c2c .elementor-widget-wrap,
  .elementor-93 .elementor-element.elementor-element-0f14c2c .e-con-inner,
  .elementor-93 .elementor-element.elementor-element-0f14c2c .e-con {
    flex-direction: column !important;
  }

  /* Bild oben, vollbreit */
  .elementor-93 .elementor-element.elementor-element-0f14c2c img {
    width: 100% !important;
    height: 220px !important;      /* kannst du anpassen */
    object-fit: cover;
    border-radius: 16px 16px 0 0;   /* oben rund wie deine Karten */
  }

  /* der Container, in dem Bild+Text nebeneinander lagen,
     soll jetzt untereinander gehen */
  .elementor-93 .elementor-element.elementor-element-0f14c2c .elementor-widget-image,
  .elementor-93 .elementor-element.elementor-element-0f14c2c .elementor-post__thumbnail {
    width: 100% !important;
    margin-bottom: 14px;
  }

  /* Meta-Zeile (Datum | Kategorie) weiter wie gewohnt */
  .elementor-93 .elementor-element.elementor-element-0f14c2c .elementor-post-info {
    display: flex;
    gap: 6px;
    align-items: center;
    margin-bottom: 6px;
  }

  /* Separator auf Handy sichtbar halten */
  .elementor-93 .elementor-element.elementor-element-0f14c2c .elementor-post-info__separator {
    display: inline-block !important;
  }

  /* Titel nicht so gequetscht */
  .elementor-93 .elementor-element.elementor-element-0f14c2c .elementor-post__title,
  .elementor-93 .elementor-element.elementor-element-0f14c2c .elementor-post__title a {
    font-size: 20px;
    line-height: 1.25;
  }

  /* Text unter Titel */
  .elementor-93 .elementor-element.elementor-element-0f14c2c .elementor-post__excerpt,
  .elementor-93 .elementor-element.elementor-element-0f14c2c .elementor-post__text {
    margin-top: 6px;
  }
}/* End custom CSS */