.elementor-119 .elementor-element.elementor-element-8a451b9{--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-119 .elementor-element.elementor-element-ea353a6{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-widget-posts .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-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{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-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .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-119 .elementor-element.elementor-element-533ee0f{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-119 .elementor-element.elementor-element-533ee0f .elementor-post__thumbnail__link{width:100%;}.elementor-119 .elementor-element.elementor-element-533ee0f .elementor-post__meta-data span + span:before{content:"•";}.elementor-119 .elementor-element.elementor-element-533ee0f .elementor-post__text{margin-top:20px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-119 .elementor-element.elementor-element-ea353a6{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-119 .elementor-element.elementor-element-8a451b9{--content-width:1390px;}}@media(max-width:767px){.elementor-119 .elementor-element.elementor-element-ea353a6{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-119 .elementor-element.elementor-element-533ee0f .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-119 .elementor-element.elementor-element-533ee0f:after{content:"0.5";}.elementor-119 .elementor-element.elementor-element-533ee0f .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for posts, class: .elementor-element-533ee0f *//* =========================================
   GASBERECHNEN.DE
   ELEMENTOR POSTS WIDGET STYLING
   Paste into:
   Elementor > Custom CSS
   OR
   Appearance > Customize > Additional CSS
========================================= */

/* ===== WRAPPER ===== */

.elementor-widget-posts{
  --gb-primary:#1B2A4A;
  --gb-accent:#00B8A9;
  --gb-accent-hover:#009E92;
  --gb-text:#1A1A2E;
  --gb-text-light:#6B7280;
  --gb-bg:#F9FAFB;
  --gb-border:#E5E7EB;
  --gb-shadow:0 8px 30px rgba(27,42,74,0.08);
  --gb-radius:20px;
}

/* ===== POSTS GRID ===== */

.elementor-widget-posts .elementor-posts-container{
  gap:24px;
}

/* ===== CARD ===== */

.elementor-widget-posts article.elementor-post{
  position:relative;
  overflow:hidden;
  background:#FFFFFF;
  border:1px solid var(--gb-border);
  border-radius:var(--gb-radius);
  box-shadow:var(--gb-shadow);
  transition:
    transform .25s ease,
    box-shadow .25s ease,
    border-color .25s ease;
  height:100%;
}

/* Hover */

.elementor-widget-posts article.elementor-post:hover{
  transform:translateY(-4px);
  border-color:rgba(0,184,169,0.25);
  box-shadow:
    0 16px 40px rgba(27,42,74,0.12);
}

/* ===== IMAGE ===== */

.elementor-widget-posts .elementor-post__thumbnail{
  overflow:hidden;
  border-radius:
    20px 20px 0 0;
  background:#F3F4F6;
}

.elementor-widget-posts .elementor-post__thumbnail img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .45s ease;
}

.elementor-widget-posts article.elementor-post:hover 
.elementor-post__thumbnail img{
  transform:scale(1.04);
}

/* ===== CONTENT AREA ===== */

.elementor-widget-posts .elementor-post__text{
  padding:22px 22px 24px;
}

/* ===== CATEGORY ===== */

.elementor-widget-posts .elementor-post__badge{
  position:absolute;
  top:16px;
  left:16px;
  z-index:5;
  background:rgba(0,184,169,0.92);
  color:#FFFFFF;
  border-radius:999px;
  padding:8px 12px;
  font-size:12px;
  font-weight:700;
  letter-spacing:.02em;
  text-transform:none;
  backdrop-filter:blur(6px);
}

/* ===== TITLE ===== */

.elementor-widget-posts .elementor-post__title{
  margin:0 0 12px;
  line-height:1.3;
}

.elementor-widget-posts .elementor-post__title a{
  color:var(--gb-primary);
  font-size:22px;
  font-weight:800;
  letter-spacing:-0.02em;
  text-decoration:none;
  transition:color .2s ease;
}

.elementor-widget-posts .elementor-post__title a:hover{
  color:var(--gb-accent);
}

/* ===== EXCERPT ===== */

.elementor-widget-posts .elementor-post__excerpt{
  margin-top:0;
}

.elementor-widget-posts .elementor-post__excerpt p{
  color:var(--gb-text-light);
  font-size:15px;
  line-height:1.75;
  margin:0;
}

/* ===== META ===== */

.elementor-widget-posts .elementor-post__meta-data{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:14px;
  margin-top:18px;
  padding-top:18px;
  border-top:1px solid var(--gb-border);
  color:var(--gb-text-light);
  font-size:13px;
  font-weight:600;
}

/* ===== READ MORE ===== */

.elementor-widget-posts .elementor-post__read-more{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:18px;
  color:var(--gb-accent);
  font-size:14px;
  font-weight:700;
  text-decoration:none;
  transition:
    gap .2s ease,
    color .2s ease;
}

.elementor-widget-posts .elementor-post__read-more::after{
  content:"→";
  transition:transform .2s ease;
}

.elementor-widget-posts .elementor-post__read-more:hover{
  gap:12px;
  color:var(--gb-accent-hover);
}

.elementor-widget-posts .elementor-post__read-more:hover::after{
  transform:translateX(2px);
}

/* ===== FEATURED FIRST POST ===== */

@media (min-width:1024px){

  .elementor-widget-posts .elementor-posts-container{
    display:grid;
    grid-template-columns:
      repeat(3,minmax(0,1fr));
  }

  .elementor-widget-posts article.elementor-post:first-child{
    grid-column:span 2;
  }

  .elementor-widget-posts article.elementor-post:first-child 
  .elementor-post__title a{
    font-size:30px;
    line-height:1.2;
  }

  .elementor-widget-posts article.elementor-post:first-child 
  .elementor-post__excerpt p{
    font-size:16px;
  }
}

/* ===== MOBILE ===== */

@media (max-width:767px){

  .elementor-widget-posts .elementor-post__text{
    padding:18px;
  }

  .elementor-widget-posts .elementor-post__title a{
    font-size:20px;
  }

  .elementor-widget-posts .elementor-post__excerpt p{
    font-size:14px;
    line-height:1.7;
  }

  .elementor-widget-posts .elementor-post__meta-data{
    gap:10px;
    font-size:12px;
  }

  .elementor-widget-posts .elementor-post__badge{
    top:12px;
    left:12px;
    padding:7px 10px;
    font-size:11px;
  }
}

/* ===== PAGINATION ===== */

.elementor-widget-posts .e-load-more-anchor + .elementor-button,
.elementor-widget-posts .elementor-pagination{
  margin-top:36px;
}

.elementor-widget-posts .page-numbers,
.elementor-widget-posts .elementor-button{
  border-radius:12px;
}

/* ===== ACCESSIBILITY ===== */

.elementor-widget-posts a:focus{
  outline:2px solid rgba(0,184,169,0.35);
  outline-offset:3px;
}/* End custom CSS */