.elementor-60711 .elementor-element.elementor-element-293d4b45{--display:flex;--min-height:100dvh;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--margin-top:-105px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;--z-index:0;}.elementor-60711 .elementor-element.elementor-element-48febad0 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-style:none;}.elementor-60711 .elementor-element.elementor-element-3175a3d4{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:150px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:2;}.elementor-60711 .elementor-element.elementor-element-3e847e7{--display:flex;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-60711 .elementor-element.elementor-element-bbdc571 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:25px 0px 75px 0px;}.elementor-60711 .elementor-element.elementor-element-bbdc571{text-align:start;}.elementor-60711 .elementor-element.elementor-element-bbdc571 .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:#ffffff;}.elementor-60711 .elementor-element.elementor-element-7d56740{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-60711 .elementor-element.elementor-element-d6568b9 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-60711 .elementor-element.elementor-element-d6568b9 .elementor-heading-title{font-family:var( --e-global-typography-493f821-font-family ), Sans-serif;font-size:var( --e-global-typography-493f821-font-size );line-height:var( --e-global-typography-493f821-line-height );color:var( --e-global-color-906f1ea );}.elementor-60711 .elementor-element.elementor-element-81b8992{--e-filter-direction:column;--e-filter-white-space:initial;--e-filter-align-items:center;--e-filter-item-width:initial;--e-filter-item-max-width:calc(100% - calc(var( --e-filter-item-padding )*3 ) );--e-filter-item-flex-grow:initial;--e-filter-item-box-sizing:initial;--e-filter-item-align-text:center;--e-filter-normal-text-color:var( --e-global-color-15a9f49 );}.elementor-60711 .elementor-element.elementor-element-81b8992 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-60711 .elementor-element.elementor-element-81b8992 .e-filter-item{font-family:var( --e-global-typography-493f821-font-family ), Sans-serif;font-size:var( --e-global-typography-493f821-font-size );line-height:var( --e-global-typography-493f821-line-height );}.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-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-60711 .elementor-element.elementor-element-b028fee{--grid-columns:4;--load-more-button-align:center;}.elementor-60711 .elementor-element.elementor-element-b028fee > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-60711 .elementor-element.elementor-element-13005738{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:150px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:2;}.elementor-60711 .elementor-element.elementor-element-559c7e6a{--display:flex;--position:fixed;--min-height:100dvh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;--z-index:1;}.elementor-60711 .elementor-element.elementor-element-559c7e6a:not(.elementor-motion-effects-element-type-background), .elementor-60711 .elementor-element.elementor-element-559c7e6a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#370001;background:url("https://www.t3.de/wp-content/uploads/2026/05/back_back.webp") 50% 50%;background-size:cover;}.elementor-60711 .elementor-element.elementor-element-559c7e6a.e-con{--align-self:center;}body:not(.rtl) .elementor-60711 .elementor-element.elementor-element-559c7e6a{left:0px;}body.rtl .elementor-60711 .elementor-element.elementor-element-559c7e6a{right:0px;}body.elementor-page-60711{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(max-width:1150px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-60711 .elementor-element.elementor-element-bbdc571 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-60711 .elementor-element.elementor-element-d6568b9 .elementor-heading-title{font-size:var( --e-global-typography-493f821-font-size );line-height:var( --e-global-typography-493f821-line-height );}.elementor-60711 .elementor-element.elementor-element-81b8992 .e-filter-item{font-size:var( --e-global-typography-493f821-font-size );line-height:var( --e-global-typography-493f821-line-height );}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-60711 .elementor-element.elementor-element-b028fee{--grid-columns:2;}}@media(min-width:768px){.elementor-60711 .elementor-element.elementor-element-3175a3d4{--content-width:1200px;}.elementor-60711 .elementor-element.elementor-element-3e847e7{--width:1600px;}.elementor-60711 .elementor-element.elementor-element-13005738{--content-width:1200px;}.elementor-60711 .elementor-element.elementor-element-559c7e6a{--width:100%;}}@media(min-width:1921px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-60711 .elementor-element.elementor-element-bbdc571 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-60711 .elementor-element.elementor-element-d6568b9 .elementor-heading-title{font-size:var( --e-global-typography-493f821-font-size );line-height:var( --e-global-typography-493f821-line-height );}.elementor-60711 .elementor-element.elementor-element-81b8992 .e-filter-item{font-size:var( --e-global-typography-493f821-font-size );line-height:var( --e-global-typography-493f821-line-height );}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-60711 .elementor-element.elementor-element-13005738{--content-width:1400px;}}@media(max-width:767px){.elementor-60711 .elementor-element.elementor-element-293d4b45{--min-height:100lvh;--margin-top:-93px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-60711 .elementor-element.elementor-element-3175a3d4{--padding-top:7rem;--padding-bottom:7rem;--padding-left:1.5rem;--padding-right:1.5rem;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-60711 .elementor-element.elementor-element-bbdc571 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-60711 .elementor-element.elementor-element-d6568b9 .elementor-heading-title{font-size:var( --e-global-typography-493f821-font-size );line-height:var( --e-global-typography-493f821-line-height );}.elementor-60711 .elementor-element.elementor-element-81b8992 .e-filter-item{font-size:var( --e-global-typography-493f821-font-size );line-height:var( --e-global-typography-493f821-line-height );}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-60711 .elementor-element.elementor-element-b028fee{--grid-columns:1;}.elementor-60711 .elementor-element.elementor-element-559c7e6a{--min-height:100lvh;}}/* Start custom CSS for heading, class: .elementor-element-bbdc571 */.elementor-60711 .elementor-element.elementor-element-bbdc571 {
    max-width: 1500px;
}/* End custom CSS */
/* Start custom CSS for taxonomy-filter, class: .elementor-element-81b8992 *//* =========================================================
   T3 Blogfilter – Taxonomy-Filter-Widget

   Zuständig für:
   - gleichmäßige Verteilung
   - Checkboxen
   - Häkchen bei aktiver Auswahl
   - „Alle“ an erster Position

   Nicht enthalten:
   - keine eigene Überschrift
   - kein Hintergrund
   - kein Rahmen
   - kein Glow
   - keine Gitternetz- oder Segmentlinien
   - keine Hover-Effekte
   ========================================================= */


/* ---------------------------------------------------------
   Widget-Grundlage
   --------------------------------------------------------- */

.elementor-60711 .elementor-element.elementor-element-81b8992 {
  --t3-filter-text:
    rgba(255, 255, 255, 0.84);

  --t3-filter-checkbox-size:
    1.05rem;

  position: relative;

  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;

  align-self: stretch !important;

  flex-grow: 1 !important;
  flex-shrink: 1 !important;
  flex-basis: 100% !important;

  background:
    transparent !important;

  border:
    0 !important;

  border-radius:
    0 !important;

  box-shadow:
    none !important;

  overflow:
    visible !important;
}


.elementor-60711 .elementor-element.elementor-element-81b8992.elementor-widget {
  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;

  background:
    transparent !important;

  border:
    0 !important;

  box-shadow:
    none !important;
}


.elementor-60711 .elementor-element.elementor-element-81b8992 > .elementor-widget-container {
  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;

  background:
    transparent !important;

  border:
    0 !important;

  box-shadow:
    none !important;

  overflow:
    visible !important;
}


/* ---------------------------------------------------------
   Filterlayout

   Desktop: fünf gleich breite Spalten
   --------------------------------------------------------- */

.elementor-60711 .elementor-element.elementor-element-81b8992 .e-filter {
  position: relative !important;

  display: grid !important;

  grid-template-columns:
    repeat(5, minmax(0, 1fr));

  align-items:
    stretch !important;

  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;

  column-gap:
    1rem !important;

  row-gap:
    0.65rem !important;

  background:
    transparent !important;

  border:
    0 !important;

  border-radius:
    0 !important;

  box-shadow:
    none !important;

  backdrop-filter:
    none !important;

  -webkit-backdrop-filter:
    none !important;

  overflow:
    visible !important;
}


/* Alte Überschriften- und Chevron-Pseudoelemente entfernen */

.elementor-60711 .elementor-element.elementor-element-81b8992 .e-filter::before,
.elementor-60711 .elementor-element.elementor-element-81b8992 .e-filter::after {
  content:
    none !important;

  display:
    none !important;
}


/* ---------------------------------------------------------
   Filteroptionen
   --------------------------------------------------------- */

.elementor-60711 .elementor-element.elementor-element-81b8992 .e-filter-item {
  position: relative;

  order: 0;

  display: flex !important;

  align-items:
    center !important;

  justify-content:
    center !important;

  gap:
    0.65rem;

  width:
    100% !important;

  min-width:
    0 !important;

  max-width:
    none !important;

  min-height:
    2.8rem !important;

  height:
    auto !important;

  max-height:
    none !important;

  box-sizing:
    border-box !important;

  margin:
    0 !important;

  padding:
    0.5rem
    0.35rem !important;

  color:
    var(--t3-filter-text) !important;

  background:
    transparent !important;

  border:
    0 !important;

  border-radius:
    0 !important;

  outline:
    0 !important;

  box-shadow:
    none !important;

  opacity:
    1 !important;

  visibility:
    visible !important;

  overflow:
    visible !important;

  pointer-events:
    auto !important;

  font-family:
    inherit !important;

  font-size:
    0.98rem !important;

  font-weight:
    500 !important;

  line-height:
    1.2 !important;

  letter-spacing:
    0.005em;

  text-align:
    center !important;

  text-transform:
    none !important;

  text-decoration:
    none !important;

  white-space:
    normal;

  cursor:
    pointer;

  appearance:
    none;

  -webkit-appearance:
    none;

  -webkit-tap-highlight-color:
    transparent;

  touch-action:
    manipulation;

  transform:
    none !important;

  transition:
    none !important;
}


/* ---------------------------------------------------------
   „Alle“ an erster Position
   --------------------------------------------------------- */

.elementor-60711 .elementor-element.elementor-element-81b8992
.e-filter-item[data-filter="__all"] {
  order:
    -1 !important;
}


/* Alten Chevron von „Alle“ entfernen */

.elementor-60711 .elementor-element.elementor-element-81b8992
.e-filter-item[data-filter="__all"]::after {
  content:
    none !important;

  display:
    none !important;
}


/* ---------------------------------------------------------
   Checkbox-Grundzustand
   --------------------------------------------------------- */

.elementor-60711 .elementor-element.elementor-element-81b8992 .e-filter-item::before {
  content: "";

  flex:
    0
    0
    var(--t3-filter-checkbox-size);

  display:
    grid;

  place-items:
    center;

  width:
    var(--t3-filter-checkbox-size);

  height:
    var(--t3-filter-checkbox-size);

  box-sizing:
    border-box;

  color:
    #65080c;

  background:
    rgba(0, 0, 0, 0.20);

  border:
    1px solid
    rgba(255, 255, 255, 0.58);

  border-radius:
    0.2rem;

  font-size:
    0.7rem;

  font-weight:
    800;

  line-height:
    1;

  box-shadow:
    inset 0 0 0 1px
    rgba(0, 0, 0, 0.10);

  transform:
    none !important;

  transition:
    none !important;
}


/* ---------------------------------------------------------
   Aktiver Status

   Keine aktive Fläche.
   Keine geänderte Schrift.
   Keine Linie.
   Ausschließlich das Häkchen zeigt die Auswahl.
   --------------------------------------------------------- */

.elementor-60711 .elementor-element.elementor-element-81b8992
.e-filter-item[aria-pressed="true"],
.elementor-60711 .elementor-element.elementor-element-81b8992
.e-filter-item.e-active,
.elementor-60711 .elementor-element.elementor-element-81b8992
.e-filter-item.elementor-active {
  color:
    var(--t3-filter-text) !important;

  font-weight:
    500 !important;

  background:
    transparent !important;

  border:
    0 !important;

  box-shadow:
    none !important;

  outline:
    none !important;

  transform:
    none !important;
}


/* Aktive Checkbox */

.elementor-60711 .elementor-element.elementor-element-81b8992
.e-filter-item[aria-pressed="true"]::before,
.elementor-60711 .elementor-element.elementor-element-81b8992
.e-filter-item.e-active::before,
.elementor-60711 .elementor-element.elementor-element-81b8992
.e-filter-item.elementor-active::before {
  content:
    "✓";

  color:
    #65080c;

  background:
    #ffffff;

  border-color:
    #ffffff;

  box-shadow:
    0 0 10px
    rgba(255, 255, 255, 0.18);
}


/* ---------------------------------------------------------
   Hover vollständig neutralisieren
   --------------------------------------------------------- */

.elementor-60711 .elementor-element.elementor-element-81b8992 .e-filter-item:hover,
.elementor-60711 .elementor-element.elementor-element-81b8992
.e-filter-item[aria-pressed="true"]:hover,
.elementor-60711 .elementor-element.elementor-element-81b8992
.e-filter-item.e-active:hover,
.elementor-60711 .elementor-element.elementor-element-81b8992
.e-filter-item.elementor-active:hover {
  color:
    var(--t3-filter-text) !important;

  font-weight:
    500 !important;

  background:
    transparent !important;

  border:
    0 !important;

  box-shadow:
    none !important;

  transform:
    none !important;
}


.elementor-60711 .elementor-element.elementor-element-81b8992 .e-filter-item:hover::before {
  transform:
    none !important;
}


/* Aktives Häkchen auch bei Hover erhalten */

.elementor-60711 .elementor-element.elementor-element-81b8992
.e-filter-item[aria-pressed="true"]:hover::before,
.elementor-60711 .elementor-element.elementor-element-81b8992
.e-filter-item.e-active:hover::before,
.elementor-60711 .elementor-element.elementor-element-81b8992
.e-filter-item.elementor-active:hover::before {
  content:
    "✓";

  color:
    #65080c;

  background:
    #ffffff;

  border-color:
    #ffffff;

  box-shadow:
    0 0 10px
    rgba(255, 255, 255, 0.18);
}


/* ---------------------------------------------------------
   Tastaturfokus

   Keine Fläche; nur ein temporärer Fokusrahmen.
   --------------------------------------------------------- */

.elementor-60711 .elementor-element.elementor-element-81b8992 .e-filter-item:focus-visible {
  color:
    var(--t3-filter-text) !important;

  background:
    transparent !important;

  border:
    0 !important;

  box-shadow:
    none !important;

  outline:
    1px solid
    rgba(255, 255, 255, 0.58) !important;

  outline-offset:
    3px;

  border-radius:
    3px !important;
}


/* =========================================================
   Tablet

   Drei Spalten:
   drei Elemente oben, zwei Elemente darunter.
   ========================================================= */

@media (max-width: 1024px) {

  .elementor-60711 .elementor-element.elementor-element-81b8992 .e-filter {
    grid-template-columns:
      repeat(3, minmax(0, 1fr));

    column-gap:
      0.85rem !important;

    row-gap:
      0.65rem !important;
  }


  .elementor-60711 .elementor-element.elementor-element-81b8992 .e-filter-item {
    min-height:
      2.75rem !important;

    padding:
      0.5rem
      0.3rem !important;

    font-size:
      0.96rem !important;
  }
}


/* =========================================================
   Mobile

   Zwei gleich breite Spalten.
   ========================================================= */

@media (max-width: 767px) {

  .elementor-60711 .elementor-element.elementor-element-81b8992 {
    --t3-filter-checkbox-size:
      1rem;
  }


  .elementor-60711 .elementor-element.elementor-element-81b8992 .e-filter {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));

    column-gap:
      0.75rem !important;

    row-gap:
      0.55rem !important;
  }


  .elementor-60711 .elementor-element.elementor-element-81b8992 .e-filter-item {
    min-height:
      2.7rem !important;

    gap:
      0.55rem;

    padding:
      0.48rem
      0.2rem !important;

    font-size:
      0.92rem !important;

    line-height:
      1.2 !important;
  }


  .elementor-60711 .elementor-element.elementor-element-81b8992 .e-filter-item::before {
    font-size:
      0.66rem;
  }
}


/* ---------------------------------------------------------
   Sehr schmale Smartphones
   --------------------------------------------------------- */

@media (max-width: 390px) {

  .elementor-60711 .elementor-element.elementor-element-81b8992 .e-filter {
    grid-template-columns:
      1fr;

    row-gap:
      0.4rem !important;
  }


  .elementor-60711 .elementor-element.elementor-element-81b8992 .e-filter-item {
    justify-content:
      flex-start !important;

    min-height:
      2.6rem !important;

    padding:
      0.45rem
      0 !important;

    text-align:
      left !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7d56740 *//* =========================================================
   T3 Blogfilter – gemeinsamer äußerer Container

   Enthält:
   - Überschrift-Widget
   - Taxonomy-Filter-Widget

   Zuständig für:
   - Glasfläche der Kopfleiste
   - Verlaufsrahmen der Blogkarten
   - Glow
   - Überschriften-Styling
   - innere Abstände der beiden Widgets

   Nicht per CSS gesteuert:
   - Außenabstand
   - Container-Padding
   - Widget-Abstand / Gap

   Diese Werte werden ausschließlich im Elementor-UI gesetzt.
   ========================================================= */


/* ---------------------------------------------------------
   Variablen und Container-Grundlage
   --------------------------------------------------------- */

.elementor-60711 .elementor-element.elementor-element-7d56740 {
  --t3-filter-radius: 10px;

  --t3-filter-glass:
    linear-gradient(
      90deg,
      rgba(0, 0, 0, 0.65) 10%,
      rgba(0, 0, 0, 0.40) 35%,
      rgba(0, 0, 0, 0.20) 90%
    );

  --t3-filter-frame:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.98) 0%,
      rgba(255, 255, 255, 0.82) 20%,
      rgba(255, 255, 255, 0.36) 52%,
      rgba(255, 255, 255, 0.10) 78%,
      rgba(255, 255, 255, 0.02) 100%
    );

  --t3-filter-heading-separator:
    rgba(255, 255, 255, 0.17);

  position: relative;
  isolation: isolate;
  z-index: 30;

  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;

  width: 100% !important;
  max-width: none !important;

  color: #ffffff;

  background:
    var(--t3-filter-glass) !important;

  border: 0 !important;

  border-radius:
    var(--t3-filter-radius) !important;

  box-shadow:
    0 8px 22px
    rgba(0, 0, 0, 0.18) !important;

  backdrop-filter:
    blur(3px)
    saturate(100%) !important;

  -webkit-backdrop-filter:
    blur(3px)
    saturate(100%) !important;

  overflow: visible !important;
}


/* ---------------------------------------------------------
   Verlaufsrahmen wie bei den Blogkarten
   --------------------------------------------------------- */

.elementor-60711 .elementor-element.elementor-element-7d56740::before {
  content: "";

  position: absolute;
  inset: 0;

  z-index: 10;

  box-sizing: border-box;

  padding: 1px;

  border-radius: inherit;

  background:
    var(--t3-filter-frame);

  pointer-events: none;

  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);

  -webkit-mask-composite: xor;

  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);

  mask-composite: exclude;
}


/* ---------------------------------------------------------
   Dezenter Glow am Verlaufsrahmen
   --------------------------------------------------------- */

.elementor-60711 .elementor-element.elementor-element-7d56740::after {
  content: "";

  position: absolute;
  inset: -2px;

  z-index: -1;

  box-sizing: border-box;

  padding: 2px;

  border-radius:
    calc(var(--t3-filter-radius) + 2px);

  background:
    var(--t3-filter-frame);

  opacity: 0.38;

  filter:
    blur(6px);

  pointer-events: none;

  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);

  -webkit-mask-composite: xor;

  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);

  mask-composite: exclude;
}


/* Inhalte über Rahmen und Glow halten */

.elementor-60711 .elementor-element.elementor-element-7d56740 > * {
  position: relative;
  z-index: 2;
}


/* ---------------------------------------------------------
   Überschrift- und Filterwidget neutralisieren
   --------------------------------------------------------- */

.elementor-60711 .elementor-element.elementor-element-7d56740 .elementor-widget-heading,
.elementor-60711 .elementor-element.elementor-element-7d56740 .elementor-widget-taxonomy-filter {
  width: 100% !important;
  max-width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  align-self: stretch !important;

  flex-grow: 0 !important;
  flex-shrink: 0 !important;
}


/* ---------------------------------------------------------
   Überschrift-Widget
   --------------------------------------------------------- */

.elementor-60711 .elementor-element.elementor-element-7d56740
.elementor-widget-heading
> .elementor-widget-container {
  width: 100% !important;

  margin: 0 !important;

  padding:
    1rem
    1.25rem
    0.95rem !important;

  border: 0 !important;

  box-shadow:
    inset 0 -1px 0
    var(--t3-filter-heading-separator);

  background:
    linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.045) 0%,
      rgba(255, 255, 255, 0.018) 52%,
      rgba(255, 255, 255, 0) 100%
    ) !important;

  border-radius:
    var(--t3-filter-radius)
    var(--t3-filter-radius)
    0
    0 !important;
}


/* Überschrift selbst */

.elementor-60711 .elementor-element.elementor-element-7d56740 .elementor-heading-title {
  margin: 0 !important;
  padding: 0 !important;

  color:
    rgba(255, 255, 255, 0.94) !important;

  font-family:
    inherit !important;

  font-size:
    clamp(0.96rem, 1.2vw, 1.08rem) !important;

  font-weight:
    600 !important;

  line-height:
    1.35 !important;

  letter-spacing:
    0.005em;

  text-align:
    left !important;

  text-transform:
    none !important;

  text-decoration:
    none !important;
}


/* ---------------------------------------------------------
   Filterbereich innerhalb des Glascontainers
   --------------------------------------------------------- */

.elementor-60711 .elementor-element.elementor-element-7d56740
.elementor-widget-taxonomy-filter
> .elementor-widget-container {
  width: 100% !important;

  margin: 0 !important;

  padding:
    0.95rem
    1.25rem
    1.05rem !important;

  background:
    transparent !important;

  border: 0 !important;

  border-radius:
    0
    0
    var(--t3-filter-radius)
    var(--t3-filter-radius) !important;

  box-shadow:
    none !important;

  overflow:
    visible !important;
}


/* =========================================================
   Tablet

   Nur die internen Widget-Abstände werden angepasst.
   Container-Abstände bleiben vollständig im Elementor-UI.
   ========================================================= */

@media (max-width: 1024px) {

  .elementor-60711 .elementor-element.elementor-element-7d56740
  .elementor-widget-heading
  > .elementor-widget-container {
    padding:
      0.95rem
      1.1rem
      0.9rem !important;
  }


  .elementor-60711 .elementor-element.elementor-element-7d56740
  .elementor-widget-taxonomy-filter
  > .elementor-widget-container {
    padding:
      0.9rem
      1.1rem
      1rem !important;
  }
}


/* =========================================================
   Mobile
   ========================================================= */

@media (max-width: 767px) {

  .elementor-60711 .elementor-element.elementor-element-7d56740 {
    --t3-filter-radius: 8px;

    background:
      linear-gradient(
        100deg,
        rgba(0, 0, 0, 0.70) 0%,
        rgba(0, 0, 0, 0.48) 48%,
        rgba(0, 0, 0, 0.30) 100%
      ) !important;
  }


  .elementor-60711 .elementor-element.elementor-element-7d56740
  .elementor-widget-heading
  > .elementor-widget-container {
    padding:
      0.9rem
      1rem
      0.85rem !important;
  }


  .elementor-60711 .elementor-element.elementor-element-7d56740 .elementor-heading-title {
    font-size:
      0.95rem !important;

    line-height:
      1.4 !important;
  }


  .elementor-60711 .elementor-element.elementor-element-7d56740
  .elementor-widget-taxonomy-filter
  > .elementor-widget-container {
    padding:
      0.85rem
      1rem
      0.95rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-b028fee *//* =========================================================
   T3 Loop Grid – Verlaufskante mit Glow
   Ziel: jedes einzelne Loop-Item
   ========================================================= */

/* Loop-Item als Karte */
.elementor-60711 .elementor-element.elementor-element-b028fee .elementor-loop-container > .e-loop-item {
  position: relative;
  overflow: hidden;
  isolation: isolate;

  border: 1px solid rgba(100, 35, 35, 0.9);
  border-radius: 1rem;

  background: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0.65) 10%,
    rgba(0, 0, 0, 0.4) 35%,
    rgba(0, 0, 0, 0.2) 90%
  );
}

/* Inhalte zuverlässig über Linie und Glow halten */
.elementor-60711 .elementor-element.elementor-element-b028fee .elementor-loop-container > .e-loop-item > * {
  position: relative;
  z-index: 2;
}

/* Strahlend weiße Verlaufslinie:
   oben links nach unten rechts */
.elementor-60711 .elementor-element.elementor-element-b028fee .elementor-loop-container > .e-loop-item::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: inherit;
  pointer-events: none;
  z-index: 4;

  background: linear-gradient(
    to bottom right,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 0.85) 22%,
    rgba(255, 255, 255, 0.35) 55%,
    rgba(255, 255, 255, 0.08) 100%
  );

  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;

  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  mask-composite: exclude;
}

/* Weicher weißer Glow direkt an der Kartenkante */
.elementor-60711 .elementor-element.elementor-element-b028fee .elementor-loop-container > .e-loop-item::after {
  content: "";
  position: absolute;
  inset: -2px;
  padding: 2px;
  border-radius: inherit;
  pointer-events: none;
  z-index: 3;

  opacity: 0.75;
  filter: blur(6px);

  background: linear-gradient(
    to bottom right,
    rgba(255, 255, 255, 0.95) 0%,
    rgba(255, 255, 255, 0.5) 28%,
    rgba(255, 255, 255, 0.14) 68%,
    rgba(255, 255, 255, 0) 100%
  );

  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;

  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  mask-composite: exclude;
}/* End custom CSS */