.elementor-kit-6{--e-global-color-primary:#FFFFFF;--e-global-color-secondary:#F02D96;--e-global-color-text:#000000;--e-global-color-accent:#6DCE97;--e-global-color-253c2a5:#12D3FD;--e-global-color-ed5751b:#FFF627;--e-global-color-95623bb:#8F5195;--e-global-color-d6b2ee4:#1F1F1F;--e-global-color-893448f:#656565;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-size:5vw;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-text-transform:uppercase;--e-global-typography-primary-line-height:0.9em;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-size:2.5vw;--e-global-typography-secondary-font-weight:700;--e-global-typography-secondary-line-height:1.2em;--e-global-typography-text-font-family:"Poppins";--e-global-typography-text-font-size:1.5vw;--e-global-typography-text-font-weight:400;--e-global-typography-text-text-transform:none;--e-global-typography-text-font-style:normal;--e-global-typography-text-text-decoration:none;--e-global-typography-text-line-height:1.4em;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-size:0.79em;--e-global-typography-accent-font-weight:bold;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-line-height:0.8em;--e-global-typography-8f1a94c-font-family:"Poppins";--e-global-typography-8f1a94c-font-size:2.4vw;--e-global-typography-8f1a94c-font-weight:400;--e-global-typography-8f1a94c-text-transform:none;--e-global-typography-8f1a94c-line-height:1.2em;--e-global-typography-a8c149a-font-family:"Poppins";--e-global-typography-a8c149a-font-size:4.8vw;--e-global-typography-a8c149a-font-weight:300;--e-global-typography-a8c149a-text-transform:uppercase;--e-global-typography-a8c149a-line-height:0.9em;--e-global-typography-8bc3705-font-family:"Poppins";--e-global-typography-8bc3705-font-size:1.6vw;--e-global-typography-8bc3705-font-weight:700;--e-global-typography-8bc3705-text-transform:none;--e-global-typography-8bc3705-font-style:normal;--e-global-typography-8bc3705-text-decoration:none;--e-global-typography-8bc3705-line-height:1.4em;font-family:"Poppins", Sans-serif;font-size:30px;font-weight:400;line-height:1.375em;}.elementor-kit-6 button:hover,.elementor-kit-6 button:focus,.elementor-kit-6 input[type="button"]:hover,.elementor-kit-6 input[type="button"]:focus,.elementor-kit-6 input[type="submit"]:hover,.elementor-kit-6 input[type="submit"]:focus,.elementor-kit-6 .elementor-button:hover,.elementor-kit-6 .elementor-button:focus{background-color:#02010100;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 p{margin-block-end:35px;}.elementor-kit-6 a{color:var( --e-global-color-secondary );}.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;}.elementor-widget:not(:last-child){--kit-widget-spacing:2.5vw;}.elementor-element{--widgets-spacing:2.5vw 2.5vw;--widgets-spacing-row:2.5vw;--widgets-spacing-column:2.5vw;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-6{--e-global-typography-primary-font-size:7.8vw;--e-global-typography-secondary-font-size:4.8vw;--e-global-typography-text-font-size:2.6vw;--e-global-typography-8f1a94c-font-size:4.6vw;--e-global-typography-a8c149a-font-size:7.6vw;--e-global-typography-8bc3705-font-size:2.7vw;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6{--e-global-typography-primary-font-size:10.8vw;--e-global-typography-secondary-font-size:6.8vw;--e-global-typography-text-font-size:5vw;--e-global-typography-8f1a94c-font-size:6.5vw;--e-global-typography-a8c149a-font-size:10.6vw;--e-global-typography-8bc3705-font-size:5.2vw;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Header Farbwechsel *********************/

.logo-container {
    max-width: 25vw;
    transition: max-width 0.4s ease-in-out;
}
.logo-container.scrolled {
    max-width: 8vw;
}
@media (max-width: 1024px){
.logo-container {
    max-width: 50vw;
    transition: max-width 0.4s ease-in-out;
}
}
@media (max-width: 767px){
.logo-container.scrolled {
    max-width: 35vw!important;
}
}
@media (max-width: 767px){
.logo-container {
    max-width: 70vw;
    transition: max-width 0.4s ease-in-out;
}
}
@media (max-width: 1024px){
.logo-container.scrolled {
    max-width: 16vw;
}
}
#logo-svg {
    width: 100%;
    height: auto;
    fill: white;
    transition: fill 0.4s ease-in-out;
}

#logo-svg.dark {
    fill: black;
}

#star-group {
    transform-origin: center;
    transform-box: fill-box;
}

.header {
    background-color: black;
    transition: background-color 0.4s ease-in-out;
}

.header.white-bg:not(.elementor-motion-effects-element-type-background),
.header.white-bg > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: white;
    transition: background-color 0.4s ease-in-out;
}

.button-menu-open .burger-line {
    background-color: white;
    transition: background-color 0.4s ease-in-out;
}

.button-menu-open.dark .burger-line {
    background-color: black;
}
.button-menu-open.dark:hover .burger-line {
  background: black;
}

/* Menü-Styling *********************/
#bomMenu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 20;
  transform: translateY(-100vh);
  opacity: 1;
  visibility: hidden;
  transition: transform 0.8s ease-out, visibility 0s 0.8s;
  overflow: hidden;
}
/* Burger Button */
.button-menu-open, .button-menu-open:focus, .button-menu-open:visited, .button-menu-open.active {
    border: none;
} 
.button-menu-open.button:hover. {
  background: none;
  border: none;
}
.button-menu-open {
  width: 100%;
  height: 100%;
  position: relative;
  cursor: pointer;
  z-index: 600;
}
.burger-line {
  display: block;
  position: absolute;
  height: 0.45vw;
  width: 100%;
  background: white;
  transition: all 0.4s ease;
  left: 0px;
}
@media (max-width: 1024px){
    .burger-line {
  height: 1vw;
}
} 
@media (max-width: 767px){
    .burger-line {
  height: 1.8vw;
}
} 
.button-menu-open:hover .burger-line {
  background: white;
}
.burger-line.top {
  top: 0px;
}
.burger-line.bottom {
  top: 0.9vw;
}
@media (max-width: 1024px){
    .burger-line.bottom {
  top: 2vw;
}
}
@media (max-width: 767px){
    .burger-line.bottom {
  top: 3vw;
}
}
/* Animation zum "X" */
.button-menu-open.active .top {
  transform: rotate(45deg);
  top: 1.25vw;
}
.button-menu-open.active .middle {
  opacity: 0;
}
.button-menu-open.active .bottom {
  transform: rotate(-45deg);
  top: 1.25vw;
}
@media (max-width: 1024px){
    .button-menu-open.active .top, .button-menu-open.active .bottom {
  top: 2.5vw;
}
}
@media (max-width: 767px){
    .button-menu-open.active .top, .button-menu-open.active .bottom {
  top: 5vw;
}
}
/* Link-Styling *********************/
p a{
    color:black!important;
    background-color: white;
    border-radius: 2px;
    padding: 0 5px;
}
p a:hover, .bg-light p a:hover{
    color:white!important;
    background-color: #12D3FD;
}
.bg-light p a{
    color:white!important;
    background-color: black;
}

#footer p a{
    background-color: #000;
    color: white!important;
}

/* Button-Styling *********************/
.small-button .elementor-button-icon .e-font-icon-svg {
    height: 1.3em;
}

/* Bilder Galerie Arbeiten *********************/
.image-fill-container,
.image-fill-container .elementor-widget-container,
.image-fill-container img {
    height: 100% !important;
    width: 100% !important;
}

.image-fill-container img {
    object-fit: cover;
    object-position: center center; 
}
.square_ratio{
        aspect-ratio: 1/1;
}
.breit_ratio{
    aspect-ratio: 16/9;
}


/************************ Smooth Transitions für Loop Grid Items */
.elementor-loop-container .e-loop-item {
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 1;
}

/* Fade-out beim Filtern */
.elementor-loop-container.filtering .e-loop-item {
  opacity: 0;
  transform: scale(0.95);
}

/* Smooth Grid-Reorganisation */
.elementor-loop-container {
  transition: height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Einzelne Items beim Erscheinen animieren */
.e-loop-item {
  animation: fadeInUp 0.5s ease-out forwards;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}


/************************ Footer ***********************/
.elementor-kit-6 #footer p {
    margin-block-end: 0px!important;
}

/************************ Fade out HL ***********************/

.sticky-fade-wrapper .fade-target {
    transition: opacity 0.4s ease-in-out, visibility 0.4s;
    opacity: 1;
    visibility: visible;
}

.sticky-fade-wrapper.is-stuck .fade-target {
    opacity: 0;
    visibility: hidden;
}
/* Problembehebung vergfösserte Hintergrundbilder ************************/
.flip-navi .elementor-flip-box__back, .bg-image-position {
    background-size: cover !important;
}/* End custom CSS */