.elementor-kit-10{--e-global-color-primary:#E2CAC4;--e-global-color-secondary:#475A2D;--e-global-color-text:#475A2D;--e-global-color-accent:#D4BD6D;--e-global-color-09be6e8:#B297A6;--e-global-color-9b25089:#B06C75;--e-global-typography-primary-font-family:"please-vf";--e-global-typography-primary-font-size:65px;--e-global-typography-primary-font-weight:300;--e-global-typography-secondary-font-family:"adelle-mono";--e-global-typography-secondary-font-size:42px;--e-global-typography-secondary-font-weight:700;--e-global-typography-text-font-family:"adelle-mono";--e-global-typography-text-font-size:31px;--e-global-typography-text-font-weight:300;--e-global-typography-accent-font-family:"adelle-mono";--e-global-typography-accent-font-size:31px;--e-global-typography-accent-font-weight:400;--e-global-typography-439553f-font-family:"adelle-mono";--e-global-typography-439553f-font-size:26px;--e-global-typography-439553f-font-weight:300;--e-global-typography-4a2b485-font-family:"please-vf";--e-global-typography-4a2b485-font-size:69px;--e-global-typography-4a2b485-font-weight:300;--e-global-typography-4a2b485-text-transform:none;--e-global-typography-4a2b485-font-style:normal;color:var( --e-global-color-primary );font-family:"adelle-mono", Sans-serif;font-size:11px;font-weight:300;line-height:30px;letter-spacing:-0.2px;}.elementor-kit-10 e-page-transition{background-color:#FFBC7D;}.elementor-kit-10 a{font-family:"adelle-mono", Sans-serif;font-size:63px;font-weight:400;}.elementor-kit-10 h1{font-family:"please-vf", Sans-serif;font-size:33px;font-weight:300;}.elementor-kit-10 h2{font-family:"please-vf", Sans-serif;font-size:43px;}.elementor-kit-10 h3{font-family:"adelle-mono", Sans-serif;font-size:10px;line-height:9px;}.elementor-kit-10 h4{font-family:"please-vf", Sans-serif;font-size:25px;}.elementor-kit-10 h6{font-family:"please-vf", Sans-serif;font-size:60px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =========================================================
   1) DINEX THEME OVERRIDE
   ========================================================= */

.elementor-widget-text-editor p,
.elementor-widget-text-editor p a,
.elementor-widget-text-editor p a:hover {
  font-size: unset !important;
  font-weight: unset !important;
  letter-spacing: unset !important;
  color: unset !important;
  line-height: unset !important;
  text-align: unset !important;
}

.elementor-widget-container p,
.elementor-widget-container p a,
.elementor-widget-container h1,
.elementor-widget-container h2,
.elementor-widget-container h3,
.elementor-widget-container h4,
.elementor-widget-container h5,
.elementor-widget-container h6 {
  font-size: unset !important;
  font-weight: unset !important;
  letter-spacing: unset !important;
  color: unset !important;
  line-height: unset !important;
}


/* =========================================================
   2) THEME HEADER / FOOTER
   ========================================================= */

header.elementor-location-header,
footer.elementor-location-footer,
.elementor-location-header,
.elementor-location-footer {
  display: block !important;
}

.main-header,
.sticky-header,
.header-area,
.header-wrapper,
.topbar,
.navbar,
.menu-area {
  display: none !important;
}

footer#colophon:not(.elementor-location-footer),
footer.site-footer:not(.elementor-location-footer),
footer.footer:not(.elementor-location-footer),
.footer:not(.elementor-location-footer),
.main-footer,
.footer-area,
.footer-wrapper,
.footer-bottom,
.footer-top,
#footer,
#footer-area,
#footer-wrapper,
#site-footer,
.site-footer-area,
.site-footer-wrap,
.footer-section,
.footer-widget-area,
.footer-widgets,
.footer-copyright,
.copyright-area {
  display: none !important;
}

body,
.site,
.site-content,
#page,
#content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}


/* =========================================================
   3) DESIGN VARIABLES
   ========================================================= */

:root {
  --c-olive: #475a2d;
  --c-rose: #e2cac4;

  --hero-size-desktop: 200px;
  --hero-size-tablet: 86px;
  --hero-size-mobile: 100px;

  --hero-line-desktop: 1.08;
  --hero-line-tablet: 1.08;
  --hero-line-mobile: 1.05;

  --hero-space-desktop: 0.01em;
  --hero-space-tablet: 0.02em;
  --hero-space-mobile: 0.01em;

  --sub-size-desktop: 14px;
  --sub-size-tablet: 13px;
  --sub-size-mobile: 11px;

  --sub-space-desktop: 0.22em;
  --sub-space-tablet: 0.18em;
  --sub-space-mobile: 0.16em;
}


/* =========================================================
   4) GLOBALER HINTERGRUND
   ========================================================= */

html,
body {
  background-color: var(--c-olive) !important;
}

body {
  color: var(--c-rose);
}

.elementor-section,
.elementor-container,
.elementor-column,
.elementor-widget-wrap {
  background-color: transparent !important;
}

.site,
.site-content,
.main-content,
.page-wrapper,
#page {
  background-color: var(--c-olive) !important;
}


/* =========================================================
   5) ELEMENTOR FREIGEBEN
   ========================================================= */

.elementor-widget-container p,
.elementor-widget-container span,
.elementor-widget-container div,
.elementor-widget-container li,
.elementor-widget-container a,
.elementor-widget-container h1,
.elementor-widget-container h2,
.elementor-widget-container h3,
.elementor-widget-container h4,
.elementor-widget-container h5,
.elementor-widget-container h6 {
  font-family: unset;
  font-size: unset;
  font-weight: unset;
  line-height: unset;
  letter-spacing: unset;
  text-transform: unset;
  color: unset;
}


/* =========================================================
   6) HERO HEADLINE
   ========================================================= */

.hero-bg-show .hero-heading,
.hero-bg-show .hero-heading span,
.hero-bg-show .hero-heading-home,
.hero-bg-show .hero-heading-home span,
.hero-bg-show .section-title,
.hero-bg-show .section-title span {
  white-space: normal !important;
  overflow-wrap: break-word !important;
  word-break: break-word !important;
  word-spacing: normal !important;
  hyphens: none !important;
}

.hero-bg-show h1.hero-heading,
.hero-bg-show h2.hero-heading,
.hero-bg-show .hero-heading,
.hero-bg-show .hero-heading-home,
.hero-bg-show h1.hero-heading-home,
.hero-bg-show .hero-heading span,
.hero-bg-show .hero-heading-home span {
  font-family: "please-vf", serif !important;
  font-weight: 300 !important;
  text-transform: lowercase !important;
  color: var(--c-rose) !important;
  -webkit-text-stroke: 0 !important;
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 92vw !important;
  display: block !important;
  width: 100% !important;
}

.hero-bg-show h2.hero-heading span,
.hero-bg-show h1.hero-heading-home span {
  color: var(--c-rose) !important;
  -webkit-text-stroke: 0 !important;
  text-stroke: 0 !important;
  text-shadow: none !important;
}


/* =========================================================
   7) SUBHEADLINE — Dinex Striche entfernen
   ========================================================= */

.hero-bg-show .section-title,
.hero-bg-show .section-title-home,
.hero-bg-show .section-title span,
.hero-bg-show .section-title-home span {
  font-family: "adelle-mono", monospace !important;
  font-weight: 400 !important;
  color: var(--c-rose) !important;
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: block !important;
  word-spacing: normal !important;
  padding: 0 !important;
}

.hero-bg-show .section-title-home {
  text-align: center !important;
  width: 100% !important;
}

.hero-bg-show .section-title-line > span::before,
.hero-bg-show .section-title-line > span::after {
  display: none !important;
  content: none !important;
  width: 0 !important;
  background: none !important;
}


/* =========================================================
   8) PFEILE
   ========================================================= */

.hero-bg-show .swiper-slide-controls .circle-svg,
.hero-bg-show .swiper-slide-controls svg,
.hero-bg-show .swiper-slide-controls i,
.hero-bg-show .swiper-slide-controls .more-wraper-center,
.hero-bg-show .swiper-slide-controls .more-button-bg-center,
.hero-bg-show .swiper-slide-controls .more-button-circle,
.hero-bg-show .swiper-slide-controls .more-button-txt-center {
  display: none !important;
  visibility: hidden !important;
}

.hero-bg-show .more-wraper-center {
  display: none !important;
}

.hero-bg-show .swiper-slide-controls.slide-prev,
.hero-bg-show .swiper-slide-controls.slide-next {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  outline: none !important;
  width: 64px !important;
  height: 64px !important;
  box-sizing: border-box !important;
  border-radius: 50% !important;
  border: 1px dashed var(--c-rose) !important;
  border-style: dashed !important;
  position: absolute !important;
  top: 50% !important;
  bottom: auto !important;
  transform: translateY(-50%) !important;
  -webkit-transform: translateY(-50%) !important;
  z-index: 10 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 1 !important;
}

.hero-bg-show .swiper-slide-controls.slide-prev {
  left: 24px !important;
  right: auto !important;
}

.hero-bg-show .swiper-slide-controls.slide-next {
  right: 24px !important;
  left: auto !important;
}

.hero-bg-show .swiper-slide-controls.slide-prev::before,
.hero-bg-show .swiper-slide-controls.slide-next::before {
  display: none !important;
  content: none !important;
  border: none !important;
}

.hero-bg-show .swiper-slide-controls.slide-prev::after {
  content: "‹" !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  font-size: 32px !important;
  font-weight: 300 !important;
  line-height: 1 !important;
  color: var(--c-rose) !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  padding-bottom: 2px !important;
}

.hero-bg-show .swiper-slide-controls.slide-next::after {
  content: "›" !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  font-size: 32px !important;
  font-weight: 300 !important;
  line-height: 1 !important;
  color: var(--c-rose) !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  padding-bottom: 2px !important;
}

.hero-bg-show .swiper-slide-controls.slide-prev:hover,
.hero-bg-show .swiper-slide-controls.slide-next:hover {
  background-color: var(--c-rose) !important;
  border-style: solid !important;
}

.hero-bg-show .swiper-slide-controls.slide-prev:hover::after,
.hero-bg-show .swiper-slide-controls.slide-next:hover::after {
  color: var(--c-olive) !important;
}


/* =========================================================
   9) BREAKPOINTS
   ========================================================= */

@media (min-width: 1025px) {
  .hero-bg-show .hero-heading,
  .hero-bg-show .hero-heading-home,
  .hero-bg-show h1.hero-heading-home {
    font-size: var(--hero-size-desktop) !important;
    line-height: var(--hero-line-desktop) !important;
    letter-spacing: var(--hero-space-desktop) !important;
    max-width: 920px !important;
    word-spacing: normal !important;
  }

  .hero-bg-show .section-title-home,
  .hero-bg-show .section-title-home span {
    font-size: var(--sub-size-desktop) !important;
    letter-spacing: var(--sub-space-desktop) !important;
  }
}

@media (max-width: 1024px) and (min-width: 769px) {
  .hero-bg-show .hero-heading,
  .hero-bg-show .hero-heading-home,
  .hero-bg-show h1.hero-heading-home {
    font-size: var(--hero-size-tablet) !important;
    line-height: var(--hero-line-tablet) !important;
    letter-spacing: var(--hero-space-tablet) !important;
    word-spacing: normal !important;
  }

  .hero-bg-show .section-title-home,
  .hero-bg-show .section-title-home span {
    font-size: var(--sub-size-tablet) !important;
    letter-spacing: var(--sub-space-tablet) !important;
  }
}

/* MOBILE — Pfeile unten links und rechts am Rand */
@media (max-width: 880px) {
  .hero-bg-show .swiper-slide-controls.slide-prev,
  .hero-bg-show .swiper-slide-controls.slide-next {
    width: 48px !important;
    height: 48px !important;
    top: auto !important;
    bottom: 30px !important;
    transform: none !important;
    -webkit-transform: none !important;
  }

  .hero-bg-show .swiper-slide-controls.slide-prev::after,
  .hero-bg-show .swiper-slide-controls.slide-next::after {
    font-size: 24px !important;
  }

  .hero-bg-show .swiper-slide-controls.slide-prev {
    left: 10% !important;
    right: auto !important;
  }

  .hero-bg-show .swiper-slide-controls.slide-next {
    right: 10% !important;
    left: auto !important;
  }
}

@media (max-width: 768px) {
  .hero-bg-show .hero-heading,
  .hero-bg-show .hero-heading-home,
  .hero-bg-show h1.hero-heading-home,
  .hero-bg-show h1.hero-heading {
    font-size: var(--hero-size-mobile) !important;
    line-height: var(--hero-line-mobile) !important;
    letter-spacing: var(--hero-space-mobile) !important;
    padding: 0 16px !important;
    white-space: normal !important;
    word-break: normal !important;
    hyphens: none !important;
    word-spacing: normal !important;
  }

  .hero-bg-show .section-title-home,
  .hero-bg-show .section-title-home span {
    font-size: var(--sub-size-mobile) !important;
    letter-spacing: var(--sub-space-mobile) !important;
    word-spacing: normal !important;
  }

  .hero-bg-show .swiper-slide:not(.swiper-slide-active) .section-title-home,
  .hero-bg-show .swiper-slide:not(.swiper-slide-active) .section-title,
  .hero-bg-show .swiper-slide:not(.swiper-slide-active) .hero-heading,
  .hero-bg-show .swiper-slide:not(.swiper-slide-active) .hero-heading-home {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  .hero-bg-show .swiper-slide-duplicate .section-title-home,
  .hero-bg-show .swiper-slide-duplicate .section-title,
  .hero-bg-show .swiper-slide-duplicate .hero-heading,
  .hero-bg-show .swiper-slide-duplicate .hero-heading-home {
    display: none !important;
  }
}


/* =========================================================
   10) MAXIMUM SPEZIFITÄT — Hero Schriftgröße
   ========================================================= */

html body .upper-page .hero-fullscreen .hero-fullscreen-FIX .hero-bg.hero-bg-show .swiper-container-wrapper .swiper-container .swiper-wrapper .swiper-slide .swiper-slide-inner .swiper-slide-inner-txt h1.hero-heading.hero-heading-home {
  font-size: 180px !important;
  line-height: 1.05 !important;
}

@media (max-width: 768px) {
  html body .upper-page .hero-fullscreen .hero-fullscreen-FIX .hero-bg.hero-bg-show .swiper-container-wrapper .swiper-container .swiper-wrapper .swiper-slide .swiper-slide-inner .swiper-slide-inner-txt h1.hero-heading.hero-heading-home {
    font-size: 120px !important;
    line-height: 1.0 !important;
  }
}


/* =========================================================
   11) MOBILE — Hero Höhe reduzieren
   ========================================================= */

@media (max-width: 768px) {
  .hero-fullscreen,
  .hero-fullscreen-FIX,
  .upper-page .hero-fullscreen {
    height: 70vh !important;
    min-height: 70vh !important;
    max-height: 70vh !important;
    overflow: hidden !important;
  }

  .swiper-container-wrapper,
  .swiper-container.swiper1,
  .swiper-slide,
  .swiper-slide-inner {
    height: 70vh !important;
    min-height: 70vh !important;
  }
}/* End custom CSS */