body .header-top > div {overflow-x: clip}

.link-arrow {font-size: 1.125rem !important; font-weight: 600; padding-right: 25px;background-repeat: no-repeat; background-position: right center; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjc1IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLW1vdmUtcmlnaHQtaWNvbiBsdWNpZGUtbW92ZS1yaWdodCI+PHBhdGggZD0iTTE4IDhMMjIgMTJMMTggMTYiLz48cGF0aCBkPSJNMiAxMkgyMiIvPjwvc3ZnPg==)}

.card-group-element .card-footer {margin-top: 12px}
div.swiper-container .swiper-wrapper .swiper-slide .card .card-footer a, html body .feature .btn, html body .feature .btn:hover {font-size: 1.125rem !important; font-weight: 600; background-repeat: no-repeat !important; background-position: calc(100% - 15px) center !important; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1tb3ZlLXJpZ2h0LWljb24gbHVjaWRlLW1vdmUtcmlnaHQiPjxwYXRoIGQ9Ik0xOCA4TDIyIDEyTDE4IDE2Ii8+PHBhdGggZD0iTTIgMTJIMjIiLz48L3N2Zz4=) !important; padding: 8px 45px 8px 28px !important}
.card-group-element .card-footer a,.card-group-element .card-footer a:hover,.col.card-container .card.h-100 a.btn, .col.card-container .card.h-100 a.btn:hover {font-size: 1.063rem !important;padding: 8px 45px 8px 28px !important; min-width: 215px;}

.c-form_formframework form label {margin-top: 12px} .c-form_formframework form .actions {margin-top: 24px}
/* Branded information alert */
.alert.alert-primary {
    position: relative;
    margin-block: 2rem;
    padding: clamp(1.25rem, 2.5vw, 2rem);
    overflow: hidden;

    color: #252525;
    background:
        linear-gradient(135deg, rgba(171, 37, 36, 0.08), transparent 55%),
        #fff;
    border: 1px solid #dedede;
    border-left: 5px solid #ab2524;
    border-radius: 0 4px 4px 0;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

.alert.alert-primary::after {
    position: absolute;
    top: 0;
    right: 0;
    width: 4rem;
    height: 4px;
    content: "";
    background: #a8cf45;
}

/* Inneres, zusätzlich gerendertes .alert neutralisieren */
.alert.alert-primary > .alert {
    margin: 0;
    padding: 0;
    color: inherit;
    background: transparent;
    border: 0;
    border-radius: 0;
}

.alert.alert-primary p {
    margin: 0;
    font-size: 1.125rem;
    line-height: 1.6;
}

.alert.alert-primary p + p {
    margin-top: 0.75rem;
}


/* Submenu Corrections */
ul.dropdown-menu li:not(.current) {background: transparent !important}
html body .navbar ul.dropdown-menu li.current, body .header-bg .header.fixed-top .dropdown-menu li.sub-item.current * {background: #ab2524 !important; color: #fff !important}
ul.dropdown-menu li:hover:not(.current), body .header-bg .header.fixed-top .dropdown-menu li:hover:not(.current).sub-item * {background: #f5f5f5 !important}
ul.navbar-nav li.nav-item.dropdown.first-level ul.dropdown-menu li.sub-item * {background: transparent !important}

/* Static active state for the company link in the meta navigation */
#blog-264 #meta264 > a {
    text-decoration-line: underline;
    text-decoration-color: var(--active-color);
    text-decoration-thickness: var(--default-text-decoration-thickness);
    text-underline-offset: var(--default-text-underline-offset);
}
/* Accordeon */
.c-basepackage_accordion .accordion-body ul li {list-style-type: square; margin-left: 15px}
.c-basepackage_accordion .accordion-button {font-size: 1.25rem; font-weight: 600}
.c-basepackage_accordion .accordion-button:not(.collapsed) {color: #fff}
.c-basepackage_accordion .accordion-button.collapsed {color: #ab2524}
.c-basepackage_accordion .accordion .accordion-item {border-radius: 6px !important; overflow: hidden; border-color: #d7d7d7}
.c-basepackage_accordion .accordion .accordion-button {
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23ab2524' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important; --bs-accordion-btn-active-icon: var(--bs-accordion-btn-icon);}
.c-basepackage_accordion .accordion-button:not(.collapsed) {--bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important; --bs-accordion-btn-active-icon: var(--bs-accordion-btn-icon);}
/* Fullwidth Carousel Section */
section.feature.feature-14 .container {min-width: calc(100% + 30px) !important; max-width: 150% !important; margin: 0 !important; margin-left: -15px !important; margin-right: 0px !important}
section.feature.feature-14 .container div.slide-content .container-outer > div > div {background: blue !important; max-width: 1160px; left: 50% !important;transform:translateX(-50%); right: auto !important}
/* Card Grid */
.cb-card-group .card-group-item .card {border: 1px solid #d7d7d7 !important;}
ul.card-group-element.layout-cg-layout-2 ul li {border-bottom: 2px solid #f5f5f5; padding-top: 9px; padding-bottom: 9px}
ul.card-group-element.layout-cg-layout-2 ul > li:last-of-type {border-bottom: none; padding-bottom: 0px}
@media (min-width:768px){.cb-card-group ul.layout-cg-layout-2{grid-template-columns:1fr 1fr !important;grid-template-rows:auto auto;gap:28px 28px !important;}}
ul.card-group-element.layout-cg-layout-2 .card {border-radius: 6px !important; box-shadow: 0 2px 5px 1px rgba(112, 112, 112, 0.2) !important;}
/* BUGS */
@media (max-width: 768.98px) {
.mobile-pt-2 {padding-top: 50px; padding-left: 20px; padding-right: 20px}
.text-sm-center {text-align: center; margin-left: auto; margin-right: auto}}
@media (max-width: 991.98px) {div#navbarSupportedContent ul.navbar-nav.ms-auto.ml-auto li *{background: transparent !important}
div#navbarSupportedContent ul li.active {border-left: 3px solid rgba(255,255,255,0.8);background: transparent !important; padding-left: 12px}
.header-bg .meta-header {background: #ab2524 !important; padding-bottom: 0 !important}
.header-bg .navbar.yamm {padding-top: 0}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .header-bg .navbar-toggler {
    position: relative;
    top: 20px;
  }

  body.hide .header-bg .navbar-toggler {
    top: 0;
  }
}
footer .gallery-item.gallery-item-size-1 {max-width: 300px}
footer .textpic.textpic-centered.textpic-left {padding-bottom: 20px}
.headl.ce-header-center .ce-headline-center {display: flex !important; flex-direction: column !important;}
.c-abstand-top {padding-top: 15px}
.accent-bg {background: #f5f5f5 !important}
/* IMMO */
.location-map {
    max-width: 1200px;
    margin-inline: auto;
    text-align: center;
}

.location-map iframe {
    display: block;
    width: 100%;
    max-width: 100%;
    border: 0;
}

.location-map figcaption {
    margin-top: 15px;
}
@media (max-width: 991.98px) {.mobile-reverse > div {padding-top: 50px !important; padding-bottom:4px} .mobile-reverse  > div {flex-direction: column !important}.mobile-reverse .textpic-text:before {content: ''; display: block; margin-left: auto; margin-right: auto; border-top: 2px solid #ab2524; margin-bottom: 30px; width: 50px}
.mobile-reverse .textpic-text {-webkit-box-ordinal-group:0;-ms-flex-order:-1 !important;order:-1 !important;margin-bottom:20px;}
.mobile-reverse .textpic-text * {text-align: center}}
.ce-div {; width: 100%; display: block; background-image: url(/fileadmin/logo/trenner-bau.svg); display: block; background-size: auto 40px; min-height: 42px !important; background-position: center 0px; z-index: 1; background-repeat: no-repeat; position: relative; bottom: 0; background-color: transparent}.blpagets__templateimmo01 .feature.feature-2 {padding-bottom: 0 !important; margin-bottom: -60px !important}@media (min-width: 768px) {.fullwidth.accent-bg.c-textpic.space-after-zero .textpic {overflow: hidden}}.fullwidth.accent-bg.c-textpic.space-after-zero .gallery-row > div {padding-bottom: 0 !important}@media (min-width: 768px) {.icongroup-columns-4 .icongroup-item {flex-basis: calc(50% - 13px);max-width: calc(50% - 13px);}}@media (min-width: 1200px) {.icongroup-columns-4 .icongroup-item {flex-basis: calc(25% - 18px) !important;    max-width: calc(25% - 18px) !important;}}@media (min-width: 1200px) {.icongroup-columns-5 .icongroup-columns-4  .icongroup-item {flex-basis: calc(20% - 21px) !important;   max-width: calc(20% - 21px) !important;}}ul.icongroup.icongroup-align-left {justify-content: center !important;}ul.icongroup.icongroup-align-left .icongroup-item {align-items: center !important;}ul.icongroup.icongroup-align-left .icongroup-item-text * {text-align: center !important;}.c-icon_group .icongroup{display:flex;flex-wrap:wrap;justify-content:center;gap:24px;margin:0 auto!important;padding:0}.c-icon_group .icongroup-item{background:#fff;border-radius:6px!important;border:1px solid rgb(0 0 0 / .06);padding:32px 24px 28px;min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;margin:0!important;overflow:hidden}.c-icon_group .icongroup-item-icon{width:64px!important;height:64px;margin:0 0 22px!important;display:flex!important;align-items:center;justify-content:center;color:#bf0e0e}.c-icon_group .icongroup-item-icon svg,.c-icon_group .icongroup-item-icon img{width:64px;height:64px;display:block;object-fit:contain}.c-icon_group .icongroup-item-text{width:100%;margin:0!important}.c-icon_group .icongroup-item-text *{text-align:center}.c-icon_group .icongroup-item-text-header{margin:0 0 4px;font-size:1.25rem;line-height:1.25;font-weight:600;hyphens:auto}.c-icon_group .icongroup-item-text p{margin:0;line-height:1.45}@media (max-width:767px){.c-icon_group .icongroup{gap:16px}.c-icon_group .icongroup-item{padding:26px 20px 24px;min-height:auto}}.fullwidth.accent-bg {background: #f5f5f5}.icongroup-item-icon {color: #bf0e0e;} .blpagets__templateimmo01 .hero-header-inner, .blpagets__templateimmo01 .hero-box h1, .blpagets__templateimmo01 .hero-box, .blpagets__templateimmo01 .hero-box h1, .blpagets__templateimmo01 .hero-box * {padding-left: 0;}.blpagets__templateimmo01 .hero-box h1, .blpagets__templateimmo01 .hero-box h1 strong {color: #fff !important; text-align: left}.blpagets__templateimmo01 .hero-box p {font-size: 1rem !important; text-align: left; font-family:Lato !important;line-height: 1.6 !important}@media (min-width:1200px){.blpagets__templateimmo01 .hero-header-inner{width:100%;max-width:1340px !important;}}

.blpagets__templateimmo01 .fullwidth {background: transparent}
div.col2-grid-wrapper .textpic-above .textpic-gallery {margin-bottom: 18px}

.blpagets__templateimmo01 #hero::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  height: 35%;
  background: linear-gradient(to top, rgba(24, 12, 10, 0.9) 0%, rgba(24, 12, 10, 0.5) 50%, rgba(24, 12, 10, 0) 100%);
  pointer-events: none;
}

.blpagets__templateimmo01 #hero .hero-header,
.blpagets__templateimmo01 #hero .icon-angle-down,
.blpagets__templateimmo01 #hero .text-angle-down {
  z-index: 2;
}
.header-top .play-pause-button, .header-top .c-swiper .stop-button  {opacity: 0.8}
.blpagets__templateimmo01 .c-swiper .alert {background: rgba(171, 37, 36, 1) !important; padding: 45px 35px 30px 35px !important} .blpagets__templateimmo01 .c-swiper .alert * {color: #fff !important}
@media (min-width: 769px) {.blpagets__templateimmo01 .c-swiper .alert {background: rgba(171, 37, 36, 0.7) !important; padding: 45px 35px 30px 35px !important}}
@media (min-width: 992px) {.blpagets__templateimmo01 .c-swiper .alert {max-width: 740px; max-width: fit-content !important; padding: 45px 35px 30px 35px !important}}

@media (max-width: 991.98px) {
  .blpagets__templateimmo01 .c-swiper .swiper-container,
  .blpagets__templateimmo01 .c-swiper .swiper-wrapper,
  .blpagets__templateimmo01 .c-swiper .swiper-slide {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  .blpagets__templateimmo01 .c-swiper .swiper-slide {
    overflow: visible !important;
  }

  .blpagets__templateimmo01 .c-swiper .swiper-slide .slide-content {
    display: flex !important;
    flex-direction: column !important;
  }

  .blpagets__templateimmo01 .c-swiper .swiper-slide .gallery-row {
    order: 1;
  }

  .blpagets__templateimmo01 .c-swiper .swiper-slide .container-outer {
    order: 2;
    position: static !important;
    width: 100% !important;
    height: auto !important;
    pointer-events: auto !important;
    z-index: 1;
  }

  .blpagets__templateimmo01 .c-swiper .swiper-slide .container-outer .container {
    position: static !important;
    height: auto !important;
    width: 100% !important;
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
  }

  .blpagets__templateimmo01 .c-swiper .swiper-slide .alert {
    position: static !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    border-radius: 0 !important;
  }
}


/* Overrides for migrated Eggersmann templates on top of the base package CSS. */
.c-shortcut .col.card-container .card {padding-bottom: 30px}
.card-group-element {
  display: flex;
  flex-wrap: wrap;
}

.card-group-element-item,
.card-group-element-item .card {
  min-width: 0;
}

.card-group-element-item .card,
.card-group-element .layout.c-shortcut > .card-container .card,
.layout.c-shortcut > .card-container .card,
.filter-group-element > .card-container .card,
.slider-container .card,
.carousel-block .card,
.swiper-slide .card {
  width: 100%;
  height: 100%;
  border: 1px solid #eee !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 5px 1px rgba(112, 112, 112, 0.2) !important;
  overflow: hidden;
}

/* The carousel adds 10px horizontal card margins; auto width keeps them inside the slide. */
.swiper-slide .card {
  width: auto;
}

.card-group-element-item .card img,
.card-group-element .layout.c-shortcut > .card-container .card img,
.layout.c-shortcut > .card-container .card img,
.filter-group-element > .card-container .card img,
.slider-container .card img,
.carousel-block .card img,
.swiper-slide .card img {
  width: 100%;
}

.card-group-element-columns-2 .card-group-element-item,
.card-group-element-columns-3 .card-group-element-item,
.card-group-element-columns-4 .card-group-element-item {
  width: 100%;
}

@media (min-width: 768px) {
  .card-group-element-columns-2 .card-group-element-item {
    width: calc(100% / 2);
  }

  .card-group-element-columns-3 .card-group-element-item {
    width: calc(100% / 3);
  }

  .card-group-element-columns-4 .card-group-element-item {
    width: calc(100% / 2);
  }

}

@media (min-width: 768px) and (max-width: 991px) {
  div.card-group-element.card-group-element-align-center.card-group-element-columns-3 .card-group-element-item {
    width: calc(100% / 2);
  }
}

@media (min-width: 1200px) {
  .card-group-element-columns-4 .card-group-element-item {
    width: calc(100% / 4);
  }
}

.header-bg .navbar.yamm .nav-item.first-level > .nav-link,
.header-bg .navbar.yamm .nav-item.first-level > .nav-link:focus,
.header-bg .navbar.yamm .nav-item.first-level > .nav-link:hover,
.header-bg .navbar.yamm .nav-item.active.first-level > .nav-link {
  background: transparent !important;
  color: #fff !important;
}

.header-bg .navbar.yamm .nav-item.first-level > .nav-link::after {
  border-top-color: currentColor;
}

.header-bg #logo {
  top: 0 !important;
}

@media (min-width: 992px) {
  .header-bg .meta-header,
  .header-bg .navbar.yamm,
  .header-bg #logo.navbar-brand img,
  .header-bg .navbar.yamm .nav-item.first-level > .nav-link {
    transition: height 0.2s ease, padding 0.2s ease, opacity 0.2s ease;
  }

  body.hide .header-bg .meta-header {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
  }

  .header-bg .navbar.yamm #navbarSupportedContent {
    align-self: stretch;
    align-items: flex-end;
    padding-bottom: 14px;
  }

  body.hide .header-bg .navbar.yamm #navbarSupportedContent {
    align-items: center;
    padding-bottom: 0;
  }

  .header-bg .navbar.yamm #navbarSupportedContent > .navbar-nav {
    align-items: center;
  }

  .header-bg .navbar.yamm .nav-item.first-level {
    display: flex;
    align-items: center;
  }

  body.hide .header-bg .navbar.yamm {
    height: 6rem !important;
  }

  body.hide .header-bg #logo.navbar-brand img {
    height: 3.375rem !important;
  }

  .header-bg .navbar.yamm .nav-item.first-level > .nav-link,
  body.hide .header-bg .navbar.yamm .nav-item.first-level > .nav-link {
    padding-top: 4px;
    padding-bottom: 4px;
  }

  .header-bg .navbar.yamm .dropdown-svg-toggle,
  body.hide .header-bg .navbar.yamm .dropdown-svg-toggle {
    color: #fff !important;
    top: 0 !important;
    transition: top 0.2s ease;
  }

  .header-bg .navbar.yamm .dropdown-menu-end {
    right: auto !important;
    left: 0 !important;
  }

  .header-bg .navbar.yamm .dropdown:not(.custom-link) > .dropdown-menu {
    top: calc(100% + 24px) !important;
  }

  .header-bg .navbar.yamm .dropdown:not(.custom-link):hover::after,
  .header-bg .navbar.yamm .dropdown:not(.custom-link):focus-within::after {
    content: "";
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    height: 24px;
  }

  body.hide .header-bg .navbar.yamm .dropdown:not(.custom-link) > .dropdown-menu {
    top: calc(100% + 30px) !important;
  }

  body.hide .header-bg .navbar.yamm .dropdown:not(.custom-link):hover::after,
  body.hide .header-bg .navbar.yamm .dropdown:not(.custom-link):focus-within::after {
    height: 30px;
  }
}

.header-bg .meta-navbar a:focus-visible,
.header-bg .navbar.yamm .nav-link:focus-visible,
.header-bg .navbar.yamm .dropdown-svg-toggle:focus-visible,
.c-footer-inner a:focus-visible {
  outline: 2px solid #fff !important;
  outline-offset: 2px;
  border-radius: 2px;
}

.navbar.yamm .dropdown:not(.custom-link) .dropdown-menu,
body.hide .navbar.yamm .dropdown:not(.custom-link) .dropdown-menu {
  border-top: 0 !important;
  margin-top: 0 !important;
}

.navbar.yamm .dropdown:not(.custom-link) .dropdown-menu::after,
.smartm.dropdown-menu li:first-of-type::before {
  display: none !important;
}

.header-top .c-swiper .swiper-container {
  padding-bottom: 0 !important;
}

/* Start page hero slider. */
#c212.c-swiper .swiper-slide .alert {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  bottom: 0;
  width: auto;
  max-width: min(580px, calc(100% - 48px)) !important;
  margin: 0;
  padding: 28px 42px 30px !important;
  color: #fff;
  background: rgba(171, 37, 36, 0.9) !important;
  border: 0;
  border-radius: 0 !important;
  box-shadow: 0 18px 42px rgba(12, 15, 20, 0.18);
  backdrop-filter: none;
}

#c212.c-swiper .swiper-slide .alert::before {
  content: "";
  display: block;
  order: 1;
  width: 44px;
  height: 2px;
  margin: 0 0 18px;
  background: rgba(255, 255, 255, 0.78);
}

#c212.c-swiper .swiper-slide .alert::after {
  content: "PLANEN \00b7  BAUEN \00b7  BETREIBEN";
  display: block;
  order: 2;
  margin: 0 0 10px;
  color: rgba(255, 255, 255, 0.86);
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 0.24em;
  line-height: 1.2;
  text-transform: uppercase;
}

#c212.c-swiper .swiper-slide .alert > h1,
#c212.c-swiper .swiper-slide .alert > h2,
#c212.c-swiper .swiper-slide .alert > p {
  order: 3;
  width: max-content;
  max-width: 340px;
  margin: 0 !important;
  color: inherit !important;
  font-size: clamp(1.55rem, 2.25vw, 2.2rem) !important;
  font-weight: 400;
  line-height: 1.08;
  text-shadow: none;
  white-space: normal;
}

@media (max-width: 767.98px) {
  #c212.c-swiper .swiper-slide .alert {
    right: 14px;
    bottom: 0;
    left: 14px;
    max-width: none !important;
    padding: 23px 22px 25px !important;
  }

  #c212.c-swiper .swiper-slide .alert::before {
    width: 38px;
    margin-bottom: 15px;
  }

  #c212.c-swiper .swiper-slide .alert::after {
    margin-bottom: 9px;
    font-size: 0.62rem;
    letter-spacing: 0.18em;
  }

  #c212.c-swiper .swiper-slide .alert > h1,
  #c212.c-swiper .swiper-slide .alert > h2,
  #c212.c-swiper .swiper-slide .alert > p {
    font-size: clamp(1.08rem, 4.8vw, 1.28rem) !important;
    line-height: 1.12;
    text-wrap: balance;
  }
}

/* Text box in fullscreen-image heroes on the regular Eggersmann pages. */
#hero.c-cogtail_fullscreen_image .hero-header-inner.row {
  display: flex;
  justify-content: flex-start;
  text-align: left;
}

#hero.c-cogtail_fullscreen_image .hero-box:has(> h1, > h2, > p) {
  display: flex;
  flex: 0 1 auto;
  flex-direction: column;
  align-items: flex-start;
  width: max-content;
  max-width: min(580px, calc(100% - 48px));
  padding: 28px 42px 30px !important;
  color: #fff;
  background: rgba(171, 37, 36, 0.9);
  border: 0;
  border-radius: 0;
  box-shadow: 0 18px 42px rgba(12, 15, 20, 0.18);
  text-align: left;
}

#hero.c-cogtail_fullscreen_image .hero-box:has(> h1, > h2, > p)::before {
  content: "";
  display: block;
  width: 44px;
  height: 2px;
  margin: 0 0 18px;
  background: rgba(255, 255, 255, 0.78);
}

#hero.c-cogtail_fullscreen_image .hero-box > h1,
#hero.c-cogtail_fullscreen_image .hero-box > h2,
#hero.c-cogtail_fullscreen_image .hero-box > p {
  width: max-content;
  max-width: 340px;
  margin: 0 !important;
  color: inherit !important;
  font-size: clamp(1.55rem, 2.25vw, 2.2rem) !important;
  font-weight: 400;
  line-height: 1.08;
  text-shadow: none;
  white-space: normal;
  text-align: left;
}

#hero.c-cogtail_fullscreen_image .hero-box > :is(h1, h2, p) > .light {
  display: block;
  width: max-content;
  max-width: 100%;
  margin: 0 0 10px;
  color: rgba(255, 255, 255, 0.86) !important;
  font-size: 0.76rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.24em;
  line-height: 1.2;
  text-transform: uppercase;
}

#hero.c-cogtail_fullscreen_image .hero-box > :is(h1, h2, p) > .light + br {
  display: none;
}

@media (min-width: 1200px) {
  #hero.c-cogtail_fullscreen_image .hero-header-inner.row {
    width: 100%;
    max-width: 1340px !important;
  }
}

@media (max-width: 767.98px) {
  #hero.c-cogtail_fullscreen_image .hero-box:has(> h1, > h2, > p) {
    width: calc(100% - 28px);
    max-width: calc(100% - 28px);
    padding: 23px 22px 25px !important;
  }

  #hero.c-cogtail_fullscreen_image .hero-box:has(> h1, > h2, > p)::before {
    width: 38px;
    margin-bottom: 15px;
  }

  #hero.c-cogtail_fullscreen_image .hero-box > :is(h1, h2, p) > .light {
    margin-bottom: 9px;
    font-size: 0.62rem !important;
    letter-spacing: 0.18em;
  }

  #hero.c-cogtail_fullscreen_image .hero-box > h1,
  #hero.c-cogtail_fullscreen_image .hero-box > h2,
  #hero.c-cogtail_fullscreen_image .hero-box > p {
    width: auto;
    max-width: 100%;
    font-size: clamp(1.08rem, 4.8vw, 1.28rem) !important;
    line-height: 1.12;
    text-wrap: balance;
  }
}

html body .swcarousel-layout-3.swiper-container {
  padding: 8px 0 16px !important;
}

html body .swcarousel-layout-3 .swiper-slide {
  overflow: visible !important;
}

html body .swcarousel-layout-3 .swiper-slide .card {
  height: calc(100% - 20px) !important;
}

.layout.c-shortcut {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}

.layout.c-shortcut > .headl {
  flex: 0 0 100%;
  max-width: 100%;
}

.layout.c-shortcut > .headl:empty {
  display: none;
}

.layout.c-shortcut.filter-group-element > .headl {
  display: none;
}

.layout.c-shortcut > .card-container {
  flex: 0 0 100%;
  max-width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.card-group-element .layout.c-shortcut > .card-container {
  box-shadow: none !important;
  overflow: visible !important;
}

.layout.c-shortcut .card-container .card {
  height: 100%;
}

.filter-group-element > .card-container {
  display: flex;
  box-shadow: none !important;
  overflow: visible !important;
  padding-bottom: 30px !important;
}

.filter-group-element > .card-container .card {
  display: flex;
  flex-direction: column;
}

.filter-group-element > .card-container .card-body {
  flex: 1 1 auto;
}

@media (min-width: 768px) {
  .layout.c-shortcut > .card-container {
    flex-basis: 50%;
    max-width: 50%;
  }
}

@media (min-width: 992px) {
  .layout.c-shortcut > .card-container {
    flex-basis: 33.333333%;
    max-width: 33.333333%;
  }
}

@media (min-width: 768px) {
  .layout.c-shortcut.filter-group-element > .card-container {
    flex-basis: 50%;
    max-width: 50%;
  }
}