.elementor-kit-8{--e-global-color-primary:#456388;--e-global-color-secondary:#C6DBEF;--e-global-color-text:#3A3535;--e-global-color-accent:#3A3535;--e-global-color-f2ad2e9:#FFFFFF;--e-global-color-5a2987b:#F0F5FA;--e-global-typography-primary-font-family:"DM Serif Display";--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"DM Serif Display";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"DM Sans";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"DM Sans";--e-global-typography-accent-font-weight:400;--e-global-typography-15ab54f-font-family:"DM Serif Display";--e-global-typography-15ab54f-font-size:130px;--e-global-typography-15ab54f-font-weight:400;--e-global-typography-15ab54f-line-height:130px;--e-global-typography-55de71e-font-family:"DM Serif Display";--e-global-typography-55de71e-font-size:70px;--e-global-typography-55de71e-font-weight:400;--e-global-typography-55de71e-line-height:70px;--e-global-typography-1e463fe-font-family:"DM Serif Display";--e-global-typography-1e463fe-font-size:28px;--e-global-typography-1e463fe-font-weight:400;--e-global-typography-1e463fe-line-height:28px;--e-global-typography-4689193-font-family:"DM Sans";--e-global-typography-4689193-font-size:16px;--e-global-typography-4689193-font-weight:600;--e-global-typography-4689193-text-transform:uppercase;--e-global-typography-4689193-line-height:22px;--e-global-typography-4689193-letter-spacing:2px;--e-global-typography-647bf81-font-family:"DM Sans";--e-global-typography-647bf81-font-size:20px;--e-global-typography-647bf81-font-weight:600;--e-global-typography-647bf81-text-transform:uppercase;--e-global-typography-647bf81-line-height:27px;--e-global-typography-647bf81-letter-spacing:2px;font-family:"DM Sans", Sans-serif;font-size:18px;font-weight:400;line-height:26px;}.elementor-kit-8 button,.elementor-kit-8 input[type="button"],.elementor-kit-8 input[type="submit"],.elementor-kit-8 .elementor-button{background-color:var( --e-global-color-primary );font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:var( --e-global-color-f2ad2e9 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );border-radius:2px 2px 2px 2px;}.elementor-kit-8 button:hover,.elementor-kit-8 button:focus,.elementor-kit-8 input[type="button"]:hover,.elementor-kit-8 input[type="button"]:focus,.elementor-kit-8 input[type="submit"]:hover,.elementor-kit-8 input[type="submit"]:focus,.elementor-kit-8 .elementor-button:hover,.elementor-kit-8 .elementor-button:focus{background-color:var( --e-global-color-f2ad2e9 );color:var( --e-global-color-primary );box-shadow:4px 4px 0px 0px #456388;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1340px;}.e-con{--container-max-width:1340px;--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(min-width:2400px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1500px;}.e-con{--container-max-width:1500px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}}@media(max-width:1366px){.elementor-kit-8{--e-global-typography-15ab54f-font-size:120px;--e-global-typography-15ab54f-line-height:120px;}.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;}}@media(max-width:1200px){.elementor-kit-8{--e-global-typography-15ab54f-font-size:110px;--e-global-typography-15ab54f-line-height:110px;--e-global-typography-55de71e-font-size:60px;--e-global-typography-55de71e-line-height:60px;--e-global-typography-1e463fe-font-size:25px;--e-global-typography-1e463fe-line-height:25px;}.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:1024px){.elementor-kit-8{--e-global-typography-55de71e-font-size:50px;--e-global-typography-55de71e-line-height:50px;--e-global-typography-1e463fe-font-size:25px;--e-global-typography-1e463fe-line-height:25px;--e-global-typography-647bf81-font-size:18px;--e-global-typography-647bf81-letter-spacing:1.5px;}.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-kit-8{--e-global-typography-15ab54f-font-size:100px;--e-global-typography-15ab54f-line-height:100px;}.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-kit-8{--e-global-typography-15ab54f-font-size:80px;--e-global-typography-15ab54f-line-height:80px;--e-global-typography-55de71e-font-size:40px;--e-global-typography-55de71e-line-height:40px;--e-global-typography-1e463fe-font-size:20px;--e-global-typography-1e463fe-line-height:20px;--e-global-typography-647bf81-font-size:20px;--e-global-typography-647bf81-line-height:20px;}.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;}}
/* Start custom CSS */.glassy-box {background: #FFFFFF90 0% 0% no-repeat padding-box;
box-shadow: 0px 10px 20px #A078782E;
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px)}

/* verhindert Umbruch mitten im Wort */
.animated-word{
    white-space:nowrap;
}

/* einzelne Buchstaben */
.animated-word .char{
    display:inline-block;

    color:inherit;

    transition:
    color .45s ease,
    transform .45s ease;
}

/* Animation */
.animated-word .char.visible{
    transform:translateY(-2px);
}

/* Farbvariante 1 */
.animated-word.blue .char.visible{
    color:#456388;
}

/* Farbvariante 2 */
.animated-word.light-blue .char.visible{
    color:#C6DBEF;
}

/* ================================
   Vertical Nav – Click Toggle Only
   (für Wrapper mit .fix-vertical-sub)
   ================================ */

/* Basis/Stacking: Header/Wrapper dürfen nicht clippen */
.header-nav-wrap,
.elementor-location-header,
.elementor-section-wrap{
  position: relative;
  overflow: visible !important;
  z-index: 9999;
}

/* Nur dort aktiv, wo du .fix-vertical-sub am Menü-Widget setzt */
.fix-vertical-sub .elementor-nav-menu--layout-vertical{ overflow: visible; }

/* Eltern-LI als Bezugspunkt */
.fix-vertical-sub .elementor-nav-menu--layout-vertical .menu-item-has-children{
  position: relative;
}

/* ---- Submenu-Positionierung ---- */
.fix-vertical-sub .elementor-nav-menu--layout-vertical
  .menu-item-has-children > .sub-menu{
  --submenu-offset: 45px;           /* ← Abstand nach unten bei Bedarf ändern */
  position: absolute;
  left: 0;
  right: 0;
  top: var(--submenu-offset);
  min-width: 100%;
  margin: 0 !important;
  z-index: 10000;

  /* Elementor/Theme-Overrides neutralisieren */
  transform: none !important;
  height: auto !important;
  max-height: none !important;
  clip: auto !important;
  pointer-events: auto !important;
}

/* ---- Click-Toggle Logik ---- */
/* Standard: zu */
.fix-vertical-sub .elementor-nav-menu--layout-vertical
  .menu-item-has-children > .sub-menu{
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* Offen: sichtbar – auch während :hover / :focus-within */
.fix-vertical-sub .elementor-nav-menu--layout-vertical
  .menu-item-has-children.is-open > .sub-menu,
.fix-vertical-sub .elementor-nav-menu--layout-vertical
  .menu-item-has-children.is-open:hover > .sub-menu,
.fix-vertical-sub .elementor-nav-menu--layout-vertical
  .menu-item-has-children.is-open:focus-within > .sub-menu{
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Hover/Fokus-Öffnen verhindern – aber nur, wenn NICHT offen */
.fix-vertical-sub .elementor-nav-menu--layout-vertical
  .menu-item-has-children:not(.is-open):hover > .sub-menu,
.fix-vertical-sub .elementor-nav-menu--layout-vertical
  .menu-item-has-children:not(.is-open):focus-within > .sub-menu{
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* ---- Caret/Icon & Toggle-Button ---- */
/* Elementor-Caret im Link ausblenden (kein Doppel-Icon) */
.fix-vertical-sub .elementor-nav-menu--layout-vertical
  .menu-item-has-children > a svg.e-font-icon-svg{
  display: none !important;
}

/* Platz rechts für unseren Toggle */
.fix-vertical-sub .elementor-nav-menu--layout-vertical
  .menu-item-has-children > a{
  position: relative;
  z-index: 1;
  padding-right: 2.25rem;  /* Platz für den Button */
}

/* Unser injizierter Toggle-Button (wird per JS hinzugefügt) */
.fix-vertical-sub .menu-item-has-children > .nav-sub-toggle{
  position: absolute;
  right: .5rem;
  top: 50%;
  transform: translateY(-50%);
  width: 28px;
  height: 28px;
  border: 0;
  background: transparent;
  padding: 0;
  cursor: pointer;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  z-index: 3;
  color: #fff;
}

/* Caret (rein via CSS, kein externes Icon nötig) */
.fix-vertical-sub .menu-item-has-children > .nav-sub-toggle::before{
  content: "";
  width: 9px;
  height: 9px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg);
  opacity: .95;
  transition: transform .2s ease, opacity .2s ease;
}
.fix-vertical-sub .menu-item-has-children.is-open > .nav-sub-toggle::before{
  transform: rotate(225deg); /* nach oben */
}

/* Tastatur-Fokus sichtbar */
.fix-vertical-sub .menu-item-has-children > .nav-sub-toggle:focus-visible{
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

/* ---- (Optional) Hover bewusst aktivieren ----
   Nur wenn der Wrapper zusätzlich .enable-hover erhält */
@media (hover:hover){
  .fix-vertical-sub.enable-hover
  .elementor-nav-menu--layout-vertical
  .menu-item-has-children:hover > .sub-menu{
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'DM Serif Display';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://sabrina-sieck.de/wp-content/uploads/2026/05/DMSerifDisplay-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'DM Serif Display';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://sabrina-sieck.de/wp-content/uploads/2026/05/DMSerifDisplay-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'DM Sans';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://sabrina-sieck.de/wp-content/uploads/2026/05/DMSans_18pt-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'DM Sans';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://sabrina-sieck.de/wp-content/uploads/2026/05/DMSans_18pt-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'DM Sans';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://sabrina-sieck.de/wp-content/uploads/2026/05/DMSans_18pt-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'DM Sans';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://sabrina-sieck.de/wp-content/uploads/2026/05/DMSans_18pt-SemiBold.ttf') format('truetype');
}
@font-face {
	font-family: 'DM Sans';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://sabrina-sieck.de/wp-content/uploads/2026/05/DMSans_18pt-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'DM Sans';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: ;
}
/* End Custom Fonts CSS */