@charset "UTF-8";
/**
 * Stylesheets for the current nuevo child WordPress theme.
 *
 * @link https://nuevo-theme.de/
 *
 * @package nuevo
 * @subpackage nuevo-child
 * @since 1.0.0
 * @author Bastian Schröder <bastian@creative-feat.com>
 * @author 	Marvin Landau <marvin@creativessfeat.com>
 * @copyright Copyright (c) 2025, creative feat GmbH
 */
/**
 * nuevo Wordpress Child Theme
 *
 * @abstract
 * @author 	Bastian Schröder <bastian@creative-feat.com>
 * @author 	Marvin Landau <marvin@creative-feat.com>
 * @copyright Copyright (c) 2025, creative feat GmbH
 * @package cf-wp-theme-template
 * @version 2025-08-19
 */
/**
 * nuevo Wordpress Child Theme
 *
 * @abstract
 * @author 	Bastian Schröder <bastian@creative-feat.com>
 * @author 	Marvin Landau <marvin@creative-feat.com>
 * @copyright Copyright (c) 2025, creative feat GmbH
 * @package cf-wp-theme-template
 * @version 2025-05-18
 */
*:focus {
  outline: none;
}

/* --------------------------------- std_extra_large_width [xl] --------------------------------- */
/* ------------------------------------ std_large_width [lg] ------------------------------------ */
/* --------------------------------- std_middle_large_width [md] -------------------------------- */
/* --------------------------------- std_middle_small_width [ms] -------------------------------- */
/* ------------------------------------ std_small_width [sm] ------------------------------------ */
body header.nuevo--header {
  padding-top: 10px;
}
body header.nuevo--header .header-buttons-container .button {
  font-size: 0.7em;
  padding: 5px 10px;
}
body header.nuevo--header > .header-topBar {
  position: absolute;
  top: 0;
  right: 20px;
  width: fit-content;
  min-height: unset;
  padding: 0;
  background: transparent;
}
body header.nuevo--header > .header-topBar > .header-topBar-container {
  width: auto;
  display: flex;
  padding: 0;
}
body header.nuevo--header .header-container {
  align-items: flex-end;
}

/* --------------------------------- std_extra_large_width [xl] --------------------------------- */
/* ------------------------------------ std_large_width [lg] ------------------------------------ */
/* --------------------------------- std_middle_large_width [md] -------------------------------- */
@media screen and (max-width: 900px) {
  body header.nuevo--header {
    padding-top: 0;
  }
}
/* --------------------------------- $std_middle_small_width [ms] -------------------------------- */
@media screen and (max-width: 786px) {
  body header.nuevo--header .header-container .header-buttons-container .button {
    display: block;
  }
}
/* ------------------------------------ std_small_width [sm] ------------------------------------ */
body > footer.nuevo--footer .footer-wrapper > .footer-columns > .footer-container {
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center !important;
}
body > footer.nuevo--footer .footer-wrapper > .footer-columns > .footer-container a {
  text-align: center !important;
}
body > footer.nuevo--footer .footer-wrapper > .footer-legals {
  border-top: 3px solid var(--footer__bottomBar__textColor, var(--footer__textColor));
}

/* ------------------------------------ std_large_width [lg] ------------------------------------ */
/* --------------------------------- std_middle_large_width [md] -------------------------------- */
/* --------------------------------- std_middle_small_width [ms] -------------------------------- */
/* ------------------------------------ std_small_width [sm] ------------------------------------ */
body header .desktop-menu.desktop-menu.nuevo--menu {
  height: auto;
}

/* --------------------------------- std_extra_large_width [xl] --------------------------------- */
/* ------------------------------------ std_large_width [lg] ------------------------------------ */
/* --------------------------------- std_middle_large_width [md] -------------------------------- */
/* --------------------------------- $std_middle_small_width [ms] -------------------------------- */
/* ------------------------------------ std_small_width [sm] ------------------------------------ */
section.block.arrow-bottom {
  position: relative;
  overflow: visible;
}
section.block.arrow-bottom:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 200px 50vw 0 50vw;
  border-color: var(--colorscheme__background, var(--defaultcolor__background)) transparent transparent transparent;
  transform: translateY(199px);
  z-index: 3;
}
section.block.after-arrow-bottom {
  padding-top: 100px;
}

/* --------------------------------- std_extra_large_width [xl] --------------------------------- */
/* ------------------------------------ std_large_width [lg] ------------------------------------ */
@media screen and (max-width: 1025px) {
  section.block.arrow-bottom:after {
    border-width: 100px 50vw 0 50vw;
    transform: translateY(99px);
  }
  section.block.after-arrow-bottom {
    padding-top: 50px;
  }
}
/* --------------------------------- std_middle_large_width [md] -------------------------------- */
/* --------------------------------- std_middle_small_width [ms] -------------------------------- */
@media screen and (max-width: 786px) {
  section.block.arrow-bottom:after {
    border-width: 50px 50vw 0 50vw;
    transform: translateY(49px);
  }
  section.block.after-arrow-bottom {
    padding-top: 25px;
  }
}
/* ------------------------------------ std_small_width [sm] ------------------------------------ */
section.block.nuevo--block-banner .slick-slider.height-viewport:before, section.block.nuevo--block-banner .slick-slider.height-viewport:after {
  content: "";
  position: absolute;
  bottom: 0;
  background: var(--colorscheme__body);
  width: 50vw;
  height: 200px;
  z-index: 1;
}
section.block.nuevo--block-banner .slick-slider.height-viewport:before {
  left: 0;
  clip-path: polygon(0 0, 0% 100%, 100% 100%);
}
section.block.nuevo--block-banner .slick-slider.height-viewport:after {
  right: 0;
  clip-path: polygon(100% 100%, 0 100%, 100% 0);
}

/* ------------------------------------ std_large_width [lg] ------------------------------------ */
/* --------------------------------- std_middle_large_width [md] -------------------------------- */
/* --------------------------------- std_middle_small_width [ms] -------------------------------- */
/* ------------------------------------ std_small_width [sm] ------------------------------------ */
@media screen and (max-width: 480px) {
  section.block.nuevo--block-banner .slick__slider.height-viewport:before, section.block.nuevo--block-banner .slick__slider.height-viewport:after {
    display: none;
  }
  section.block.nuevo--block-banner .slick__slider > .slick-list > .slick-track > .slick-slide .banner-content {
    position: relative;
    overflow: visible;
  }
  section.block.nuevo--block-banner .slick__slider > .slick-list > .slick-track > .slick-slide .banner-content:before, section.block.nuevo--block-banner .slick__slider > .slick-list > .slick-track > .slick-slide .banner-content:after {
    content: "";
    position: absolute;
    top: 0;
    background: var(--colorscheme__background, var(--defaultcolor__background));
    width: 50vw;
    height: 100px;
    z-index: 1;
    transform: translateY(-100%);
  }
  section.block.nuevo--block-banner .slick__slider > .slick-list > .slick-track > .slick-slide .banner-content:before {
    left: 0;
    clip-path: polygon(0 0, 0% 100%, 100% 100%);
  }
  section.block.nuevo--block-banner .slick__slider > .slick-list > .slick-track > .slick-slide .banner-content:after {
    right: 0;
    clip-path: polygon(100% 100%, 0 100%, 100% 0);
  }
}
/* ------------------------------------ std_large_width [lg] ------------------------------------ */
/* --------------------------------- std_middle_large_width [md] -------------------------------- */
/* --------------------------------- std_middle_small_width [ms] -------------------------------- */
/* ------------------------------------ std_small_width [sm] ------------------------------------ */
section.block.nuevo--block-teaser > .content-container.product-teaser > .gridWrapper > .grid .grid-content.boxBg {
  background: none !important;
}
section.block.nuevo--block-teaser > .content-container.product-teaser > .gridWrapper > .grid .grid-content.boxBg:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 80px;
  right: 80px;
  background: var(--colorscheme__boxbackground);
  transition: all 400ms;
  z-index: -1;
}
section.block.nuevo--block-teaser > .content-container.product-teaser > .gridWrapper > .grid .grid-content.boxBg .teaser-img {
  object-fit: contain;
  padding: 40px 0;
}
section.block.nuevo--block-teaser > .content-container.product-teaser > .gridWrapper > .grid .grid-content.boxBg .teaser-content {
  background: var(--colorscheme__background);
  flex: 1;
}
section.block.nuevo--block-teaser > .content-container.product-teaser > .gridWrapper > .grid .grid-content.boxBg .teaser-content .teaser-headline {
  order: 1;
  padding: 0;
  text-decoration: underline;
  text-decoration-color: transparent;
  text-decoration-thickness: 3px;
  transition: all 400ms;
}
section.block.nuevo--block-teaser > .content-container.product-teaser > .gridWrapper > .grid .grid-content.boxBg .teaser-content .teaser-subheadline {
  order: 2;
  padding: 10px 0 0 0;
}
section.block.nuevo--block-teaser > .content-container.product-teaser > .gridWrapper > .grid .grid-content.boxBg:hover:before {
  background: var(--colorscheme__highlight);
}
section.block.nuevo--block-teaser > .content-container.product-teaser > .gridWrapper > .grid .grid-content.boxBg:hover .teaser-content .teaser-headline {
  text-decoration-color: var(--colorscheme__highlight);
}

/* ------------------------------------ std_large_width [lg] ------------------------------------ */
/* --------------------------------- std_middle_large_width [md] -------------------------------- */
/* --------------------------------- std_middle_small_width [ms] -------------------------------- */
@media screen and (max-width: 786px) {
  section.block.nuevo--block-teaser > .content-container.product-teaser > .gridWrapper > .grid .grid-content.boxBg .teaser-img {
    padding: 20px 0;
    width: 60vw !important;
    min-width: unset;
    aspect-ratio: 1/1;
  }
}
/* ------------------------------------ std_small_width [sm] ------------------------------------ */
/**
 * nuevo Wordpress Theme
 *
 * @abstract
 * @author 	Bastian Schröder <bastian@creative-feat.com>
 * @author 	Marvin Landau <marvin@creative-feat.com>
 * @copyright Copyright (c) 2025, creative feat GmbH
 * @package cf-wp-theme-template
 * @version 2025-08-20
 */
section.block.lippischefb--block-leistungen > .content-container .leistungen-slider {
  width: calc(100% + 20px);
  margin: 0 -10px 20px -10px;
}
section.block.lippischefb--block-leistungen > .content-container .leistungen-slider .leistung-element {
  margin: 0 10px;
  padding-bottom: 40px;
}
section.block.lippischefb--block-leistungen > .content-container .leistungen-slider .leistung-element .leistung-element-inner {
  height: 500px;
  position: relative;
  padding: 40px 20px;
  box-sizing: border-box;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
}
section.block.lippischefb--block-leistungen > .content-container .leistungen-slider .leistung-element .leistung-element-inner:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: var(--colorscheme__background, #000);
  opacity: 0.4;
  z-index: 2;
}
section.block.lippischefb--block-leistungen > .content-container .leistungen-slider .leistung-element .leistung-element-inner .image {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  object-fit: cover;
  object-position: center;
  overflow: hidden;
  z-index: 1;
}
section.block.lippischefb--block-leistungen > .content-container .leistungen-slider .leistung-element .leistung-element-inner h3 {
  position: relative;
  z-index: 3;
}
section.block.lippischefb--block-leistungen > .content-container .leistungen-slider .leistung-element .leistung-element-inner .button {
  z-index: 3;
  width: auto;
  align-self: flex-start;
  margin-bottom: -40px;
  transform: translateY(50%);
}
section.block.lippischefb--block-leistungen > .content-container .slider-controls {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
section.block.lippischefb--block-leistungen > .content-container .slider-controls .slider-nav {
  display: flex;
  gap: 20px;
}
section.block.lippischefb--block-leistungen > .content-container .slider-controls .slider-nav .slider-prev,
section.block.lippischefb--block-leistungen > .content-container .slider-controls .slider-nav .slider-next {
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--colorscheme__buttonBg, var(--defaultcolor__buttonBg));
  border: 2px solid var(--colorscheme__buttonBorder, var(--defaultcolor__buttonBorder));
  color: var(--colorscheme__buttonText, var(--defaultcolor__buttonText));
  width: 40px;
  height: 40px;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.3s ease;
}
section.block.lippischefb--block-leistungen > .content-container .slider-controls .slider-nav .slider-prev:after,
section.block.lippischefb--block-leistungen > .content-container .slider-controls .slider-nav .slider-next:after {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  background: var(--colorscheme__buttonText, var(--defaultcolor__buttonText));
  transition: all 0.3s ease;
}
section.block.lippischefb--block-leistungen > .content-container .slider-controls .slider-nav .slider-prev:hover,
section.block.lippischefb--block-leistungen > .content-container .slider-controls .slider-nav .slider-next:hover {
  background-color: var(--colorscheme__buttonHoverBg, var(--defaultcolor__buttonHoverBg));
  color: var(--colorscheme__buttonHoverText, var(--defaultcolor__buttonHoverText));
  border-color: var(--colorscheme__buttonHoverBorder, var(--defaultcolor__buttonHoverBorder));
}
section.block.lippischefb--block-leistungen > .content-container .slider-controls .slider-nav .slider-prev:hover:after,
section.block.lippischefb--block-leistungen > .content-container .slider-controls .slider-nav .slider-next:hover:after {
  background: var(--colorscheme__buttonHoverText, var(--defaultcolor__buttonHoverText));
}
section.block.lippischefb--block-leistungen > .content-container .slider-controls .slider-nav .slider-prev:after {
  mask-image: url(img/icon-arrow-left.svg);
}
section.block.lippischefb--block-leistungen > .content-container .slider-controls .slider-nav .slider-next:after {
  mask-image: url(img/icon-arrow-right.svg);
}
section.block.lippischefb--block-leistungen > .content-container .slider-controls .slider-progress {
  flex-grow: 1;
  height: 4px;
  background-color: #333;
  position: relative;
  overflow: hidden;
  border-radius: 2px;
}
section.block.lippischefb--block-leistungen > .content-container .slider-controls .slider-progress .progress-bar {
  height: 100%;
  width: 0%;
  background-color: var(--colorscheme__buttonBorder, var(--colorscheme__body));
  transition: width 0.4s ease;
}

/* ------------------------------------ std_large_width [lg] ------------------------------------ */
/* --------------------------------- std_middle_large_width [md] -------------------------------- */
/* --------------------------------- std_middle_small_width [ms] -------------------------------- */
@media screen and (max-width: 786px) {
  section.block.lippischefb--block-leistungen > .content-container .leistungen-slider .leistung-element {
    padding-bottom: 20px;
  }
  section.block.lippischefb--block-leistungen > .content-container .leistungen-slider .leistung-element .leistung-element-inner {
    height: auto;
    aspect-ratio: 1/1;
    padding: 20px;
  }
  section.block.lippischefb--block-leistungen > .content-container .leistungen-slider .leistung-element .leistung-element-inner .button {
    margin-bottom: 0;
    transform: translateY(0);
  }
  section.block.lippischefb--block-leistungen > .content-container .slider-controls .slider-nav .slider-prev,
  section.block.lippischefb--block-leistungen > .content-container .slider-controls .slider-nav .slider-next {
    width: 30px;
    height: 30px;
  }
  section.block.lippischefb--block-leistungen > .content-container .slider-controls .slider-nav .slider-prev:after,
  section.block.lippischefb--block-leistungen > .content-container .slider-controls .slider-nav .slider-next:after {
    width: 30px;
    height: 30px;
  }
}
/* ------------------------------------ std_small_width [sm] ------------------------------------ */
/**
 * nuevo Wordpress Theme
 *
 * @abstract
 * @author 	Bastian Schröder <bastian@creative-feat.com>
 * @author 	Marvin Landau <marvin@creative-feat.com>
 * @copyright Copyright (c) 2025, creative feat GmbH
 * @package cf-wp-theme-template
 * @version 2025-10-30
 */
section.block.nuevo--block-text-and-gallery {
  overflow: hidden;
}
section.block.nuevo--block-text-and-gallery > .text-image_wrapper > .content-container {
  z-index: 3;
}
section.block.nuevo--block-text-and-gallery > .text-image_wrapper > .content-container > .gridWrapper {
  margin: calc(var(--block_text_image__gridSpace, var(--blocks__gridSpace, 30px)) / -2);
  align-items: center;
}
section.block.nuevo--block-text-and-gallery > .text-image_wrapper > .content-container > .gridWrapper > .grid {
  padding: calc(var(--block_text_image__gridSpace, var(--blocks__gridSpace, 30px)) / 2);
  min-height: 100%;
}
section.block.nuevo--block-text-and-gallery > .text-image_wrapper > .content-container > .gridWrapper > .grid > .grid-content {
  height: 100%;
}
section.block.nuevo--block-text-and-gallery > .text-image_wrapper > .content-container > .gridWrapper > .grid > .grid-content.gc-text {
  padding: 0;
  padding: 0;
  box-sizing: border-box;
}
section.block.nuevo--block-text-and-gallery > .text-image_wrapper > .content-container > .gridWrapper > .grid > .grid-content.gc-text h2 {
  margin: 0;
}
/* --------------------------------- std_extra_large_width [xl] --------------------------------- */
/* ------------------------------------ std_large_width [lg] ------------------------------------ */
/* --------------------------------- std_middle_large_width [md] -------------------------------- */
/* --------------------------------- std_middle_small_width [ms] -------------------------------- */
@media screen and (max-width: 786px) {
  section.block.nuevo--block-text-and-gallery > .text-image_wrapper[layout=viewport] > .content-container > .gridWrapper > .grid .gc-image .img-wrap {
    position: unset;
    top: unset;
    bottom: unset;
  }
  section.block.nuevo--block-text-and-gallery > .text-image_wrapper[layout=viewport] > .content-container > .gridWrapper > .grid .gc-image .img-wrap .img {
    min-height: auto;
    object-fit: contain;
    width: 100%;
  }
  section.block.nuevo--block-text-and-gallery > .text-image_wrapper > .content-container > .gridWrapper {
    flex-direction: column-reverse !important;
  }
  section.block.nuevo--block-text-and-gallery > .text-image_wrapper > .content-container > .gridWrapper > .grid > .grid-content.gc-text {
    padding: 0;
    margin: 0 !important;
  }
}
/* ------------------------------------ std_small_width [sm] ------------------------------------ */
body .content {
  overflow: hidden;
}

/* ------------------------------------ std_large_width [lg] ------------------------------------ */
/* --------------------------------- std_middle_large_width [md] -------------------------------- */
/* --------------------------------- std_middle_small_width [ms] -------------------------------- */
/* ------------------------------------ std_small_width [sm] ------------------------------------ */

/*# sourceMappingURL=default.css.map */