/* === Yoo4me Layoutbreiten Desktop === */

@media (min-width: 1200px) {

  /* Standard: normale Inhaltsseiten */
  body .site-content > .container {
    width: 92% !important;
    max-width: 1700px !important;
  }

  body .site-content-grid,
  body #primary.content-area {
    width: 100% !important;
    max-width: 100% !important;
    flex-basis: 100% !important;
  }

  /* Startseite etwas großzügiger */
  body.home .site-content > .container {
    max-width: 1800px !important;
  }

  /* Suchseiten / Listen / GeoDirectory großzügiger */
  body.page-id-576 .site-content > .container,
  body.page-id-5566 .site-content > .container,
  body.page-id-268 .site-content > .container,
  body.page-id-5591 .site-content > .container,
  body.page-id-933 .site-content > .container,
  body.page-id-1004 .site-content > .container {
    width: 94% !important;
    max-width: 2000px !important;
  }

  /* Detailseiten etwas ruhiger */
  body.single-gd_berater .site-content > .container,
  body.single-gd_event .site-content > .container,
  body.single-gd_publikation .site-content > .container {
    width: 90% !important;
    max-width: 1600px !important;
  }

  /* Reine Textbereiche lesbar halten */
  .site-content p,
  .site-content li {
    max-width: 78ch;
  }




  
}

@media (min-width: 1200px) {
  body.page-id-1004,
  body.page-id-935,
  body.page-id-934,
  body.page-id-933,
  body.page-id-5566, 
  body.page-id-268,
  body.page-id-5591,
  body.page-id-576 {
    --container-max-width: 2000px;
  }
}

@media (min-width: 1200px) {
  body.page-id-1004 .e-con-inner,
  body.page-id-935 .e-con-inner,
  body.page-id-934 .e-con-inner,
  body.page-id-5566, 
  body.page-id-268,
  body.page-id-5591,
  body.page-id-576 .e-con-inner {
    max-width: 2000px !important;
    width: 100% !important;
    --content-width: 2000px !important;
    --container-max-width: 2000px !important;
  }
}


:root{

    /* Standardseiten */
    --container-max-width:1700px;

}


@media (min-width: 768px) and (max-width: 1199px) {
  body .y4m-loop-one-col .elementor-grid.elementor-posts-container {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  body .y4m-loop-one-col .elementor-grid-tablet-2 .elementor-posts-container,
  body .y4m-loop-one-col .elementor-posts-container.elementor-grid {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }

  body .y4m-loop-one-col .elementor-posts-container > * {
    width: 100% !important;
    max-width: 100% !important;
  }
}

.y4m-bg-card {
    background: #dbdbdb;
    color: #2f2f2f;
}
.y4m-nobg-card {
    background: #ffffff;
    color: #2f2f2f;
}
.y4m-bg-light {
    background: #dbdbdb;
    color: #2f2f2f;
}
.y4m-bg-ki-card {
    background: #0a536b;
    color: #c2f1ff;
}


.norule .bsui .btn-primary {

    /*--bs-btn-bg: #2B7A78;*/
    --bs-btn-bg: rgb(21, 96, 130);
    --bs-btn-border-color: #2B7A78;

    --bs-btn-hover-bg: #245f5d;
    --bs-btn-hover-border-color: #245f5d;

    --bs-btn-active-bg: #1f5452;
    --bs-btn-active-border-color: #1f5452;

}
/*
.btn-primary {
    background-color: rgb(21, 96, 130); //#2B7A78;
    border-color: #2B7A78;
    color: white;
}

.btn-primary:hover {
    background-color: #245f5d;
    border-color: #245f5d;
}
*/

.general-display-info-div {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 4px !important;
}

.y4m-tag_container {
  display: inline-flex !important;
  align-items: center !important;
  padding: 0.25rem 0.5rem !important;
  border-radius: 0.35rem !important;
//  background: #e9e9ed !important;
//  color: #222 !important;
//  font-size: 12px !important;
//  font-weight: 400 !important;
//  line-height: 1.2 !important;
  white-space: nowrap !important;
}