.elementor-kit-9{--e-global-color-primary:#000000;--e-global-color-secondary:#F8F8F8;--e-global-color-text:#000000;--e-global-color-accent:#00F829;--e-global-color-7252c85:#C4C4C4;--e-global-color-6cc5467:#FFFFFF;--e-global-typography-primary-font-family:"Ridley Grotesk";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Ridley Grotesk";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Ridley Grotesk";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:600;--e-global-typography-accent-font-family:"Ridley Grotesk";--e-global-typography-accent-font-size:18px;--e-global-typography-accent-font-weight:600;--e-global-typography-91c8b04-font-family:"Ridley Grotesk";--e-global-typography-91c8b04-font-size:18px;--e-global-typography-91c8b04-font-weight:600;--e-global-typography-3380d76-font-family:"Ridley Grotesk";--e-global-typography-3380d76-font-size:12px;--e-global-typography-3380d76-font-weight:700;--e-global-typography-3380d76-line-height:12px;--e-global-typography-9af6047-font-family:"Ridley Grotesk";--e-global-typography-9af6047-font-size:38px;--e-global-typography-9af6047-font-weight:600;--e-global-typography-9af6047-line-height:42px;--e-global-typography-ff9e18a-font-family:"Ridley Grotesk";--e-global-typography-ff9e18a-font-size:24px;--e-global-typography-ff9e18a-font-weight:600;--e-global-typography-ff9e18a-line-height:30px;--e-global-typography-849c15c-font-family:"Ridley Grotesk";--e-global-typography-849c15c-font-size:16px;--e-global-typography-849c15c-font-weight:500;--e-global-typography-849c15c-line-height:20px;--e-global-typography-fd568c8-font-family:"Ridley Grotesk";--e-global-typography-fd568c8-font-size:18px;--e-global-typography-fd568c8-font-weight:700;--e-global-typography-2775039-font-family:"Ridley Grotesk";--e-global-typography-2775039-font-size:12px;--e-global-typography-2775039-font-weight:400;--e-global-typography-2775039-line-height:12px;color:var( --e-global-color-text );font-family:"Ridley Grotesk", Sans-serif;font-size:18px;font-weight:600;line-height:22px;}.elementor-kit-9 button,.elementor-kit-9 input[type="button"],.elementor-kit-9 input[type="submit"],.elementor-kit-9 .elementor-button{background-color:#02010100;font-family:"Ridley Grotesk", Sans-serif;font-size:18px;font-weight:600;color:var( --e-global-color-primary );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );border-radius:0px 0px 0px 0px;padding:18px 22px 18px 22px;}.elementor-kit-9 button:hover,.elementor-kit-9 button:focus,.elementor-kit-9 input[type="button"]:hover,.elementor-kit-9 input[type="button"]:focus,.elementor-kit-9 input[type="submit"]:hover,.elementor-kit-9 input[type="submit"]:focus,.elementor-kit-9 .elementor-button:hover,.elementor-kit-9 .elementor-button:focus{background-color:var( --e-global-color-accent );color:var( --e-global-color-text );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );border-radius:0px 0px 0px 0px;}.elementor-kit-9 e-page-transition{background-color:#FFBC7D;}.elementor-kit-9 h2{font-family:"Ridley Grotesk", Sans-serif;font-size:18px;font-weight:600;}.elementor-kit-9 input:not([type="button"]):not([type="submit"]),.elementor-kit-9 textarea,.elementor-kit-9 .elementor-field-textual{color:var( --e-global-color-primary );background-color:#02010100;border-style:solid;border-color:var( --e-global-color-text );border-radius:0px 0px 0px 0px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1240px;}.e-con{--container-max-width:1240px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.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:1366px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}}@media(max-width:1200px){.elementor-kit-9{--e-global-typography-849c15c-font-size:14px;--e-global-typography-849c15c-line-height:18px;--e-global-typography-2775039-font-size:14px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1040px;}.e-con{--container-max-width:1040px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}}@media(max-width:1024px){.elementor-kit-9{--e-global-typography-text-font-size:16px;--e-global-typography-3380d76-font-size:20px;--e-global-typography-9af6047-font-size:28px;--e-global-typography-9af6047-line-height:34px;--e-global-typography-ff9e18a-font-size:16px;--e-global-typography-ff9e18a-line-height:20px;--e-global-typography-2775039-font-size:14px;font-size:16px;line-height:22px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:90%;}.e-con{--container-max-width:90%;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}}@media(max-width:880px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:90%;}.e-con{--container-max-width:90%;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:86%;}.e-con{--container-max-width:86%;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}}@media(min-width:2400px){.elementor-kit-9{--e-global-typography-text-font-size:18px;--e-global-typography-accent-font-size:18px;--e-global-typography-91c8b04-font-size:18px;--e-global-typography-3380d76-font-size:12px;--e-global-typography-9af6047-font-size:38px;--e-global-typography-ff9e18a-font-size:24px;--e-global-typography-849c15c-font-size:12px;--e-global-typography-fd568c8-font-size:18px;--e-global-typography-2775039-font-size:12px;font-size:18px;}.elementor-kit-9 input:not([type="button"]):not([type="submit"]),.elementor-kit-9 textarea,.elementor-kit-9 .elementor-field-textual{border-width:0px 0px 1px 0px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}}/* Start custom CSS *//* =========================
   Parent Container (Basis)
   ========================= */

.hover-parent,
.hover-parent-grid {
  position: relative;
  overflow: hidden;
}

/* =========================
   Mobile & Tablet ≤1200px
   Beide nutzen Gradient
   ========================= */

.hover-parent::after,
.hover-parent-grid::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(102, 102, 102, 0.00) 0%,
    rgba(0, 0, 0, 0.30) 100%
  );
  opacity: 1;
  pointer-events: none;
}

/* =========================
   Desktop Hover-Verhalten
   ========================= */

@media (min-width: 1201px) {

  /* hover-parent bleibt Gradient */
  .hover-parent::after {
    background: linear-gradient(
      180deg,
      rgba(102, 102, 102, 0.00) 0%,
      rgba(0, 0, 0, 0.20) 100%
    );
    opacity: 0;
    transition: opacity 0.4s ease;
  }

  .hover-parent:hover::after {
    opacity: 1;
  }

  /* Grid bekommt dunkles Overlay */
  .hover-parent-grid::after {
    background: rgba(0, 0, 0, 0.40);
    opacity: 0;
    transition: opacity 0.4s ease;
  }

  .hover-parent-grid:hover::after {
    opacity: 1;
  }

  /* Child Container */
  .hover-child {
    position: absolute;
    left: 50%;
    bottom: 35px;
    transform: translateX(-50%);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 2;
  }

  .hover-parent:hover .hover-child,
  .hover-parent-grid:hover .hover-child {
    opacity: 1;
    visibility: visible;
  }

}

/* Elementor Popup: Overlay + Window immer fix und stabil */
@media (max-width: 1024px){
  .dialog-widget,
  .dialog-lightbox-widget,
  .elementor-popup-modal{
    position: fixed !important;
    inset: 0 !important;
    transform: translateZ(0) !important;
    -webkit-transform: translateZ(0) !important;
    will-change: transform;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
  }

  /* Der eigentliche Popup-Container */
  .dialog-widget .dialog-widget-content,
  .dialog-lightbox-widget .dialog-widget-content{
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    will-change: transform;
  }
}

/* Accordion Titel – Icon oben ausrichten */
.elementor-widget-n-accordion .e-n-accordion-item-title {
  align-items: flex-start !important;
}

/* Optional: kleines Feintuning */
.elementor-widget-n-accordion .e-n-accordion-item-title-icon {
  margin-top: 4px; /* bei Bedarf anpassen */
}/* Accordion Titel – Icon oben ausrichten */
.elementor-widget-n-accordion .e-n-accordion-item-title {
  align-items: flex-start !important;
}

/* Optional: kleines Feintuning */
.elementor-widget-n-accordion .e-n-accordion-item-title-icon {
  margin-top: 4px; /* bei Bedarf anpassen */
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Ridley Grotesk';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://herr-stuebler.de/wp-content/uploads/2026/02/Ridley-Regular-font.ttf') format('truetype');
}
@font-face {
	font-family: 'Ridley Grotesk';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://herr-stuebler.de/wp-content/uploads/2026/02/Ridley-Regular-font.ttf') format('truetype');
}
@font-face {
	font-family: 'Ridley Grotesk';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://herr-stuebler.de/wp-content/uploads/2026/02/Ridley-Medium-font.ttf') format('truetype');
}
@font-face {
	font-family: 'Ridley Grotesk';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://herr-stuebler.de/wp-content/uploads/2026/02/font_1.ttf') format('truetype');
}
@font-face {
	font-family: 'Ridley Grotesk';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://herr-stuebler.de/wp-content/uploads/2026/02/Ridley-Bold-font.ttf') format('truetype');
}
/* End Custom Fonts CSS */