.elementor-kit-7{--e-global-color-primary:#DA4B13;--e-global-color-secondary:#F4D027;--e-global-color-text:#FFFFFF;--e-global-color-accent:#B7261F;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-size:40px;--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-size:27px;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-size:14px;--e-global-typography-text-font-weight:300;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-size:18px;--e-global-typography-accent-font-weight:700;color:#FFFFFF;font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:300;background-color:#000000;}.elementor-kit-7 a{color:var( --e-global-color-text );}.elementor-kit-7 h1{color:var( --e-global-color-text );font-size:47px;font-weight:300;text-transform:uppercase;}.elementor-kit-7 h2{color:var( --e-global-color-accent );font-family:"Montserrat", Sans-serif;font-size:27px;font-weight:400;}.elementor-kit-7 h3{color:var( --e-global-color-accent );font-family:"Montserrat", Sans-serif;font-size:22px;font-weight:500;text-transform:uppercase;}.elementor-kit-7 h4{color:var( --e-global-color-primary );font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:400;text-transform:none;}.elementor-kit-7 h6{color:var( --e-global-color-text );font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:300;text-transform:uppercase;}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{color:var( --e-global-color-text );background-color:#DA9713;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-7 e-page-transition{background-color:#000000;}.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-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-7 h4{font-size:15px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Grundstile für das Bild und das Menü */
.hover-image {
  transition: transform 0.8s ease-in-out, opacity 0.8s ease-in-out;
  transform: rotate(0deg);
  opacity: 1;
}

/* Stiländerungen, wenn über das Bild gehovert wird */
.hover-image:hover, .hover-menu:hover + .hover-image {
  transform: rotate(180deg);
  opacity: 0.5;
}

/* Verstecke das Menü standardmäßig und definiere Transition */
.hover-menu {
  display: none;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}

/* Zeige das Menü, wenn über das Bild gehovert wird */
.hover-image:hover + .hover-menu, .hover-menu:hover {
  display: block;
  opacity: 1;
}


/* Basisstil für Links im Container */
.content-area a {
    color: #fff;            /* Weiße Farbe für den Link */
    font-size: 18px;        /* Schriftgröße des Links */
    font-weight: bold;      /* Fette Schrift */
    text-decoration: none;  /* Keine Unterstreichung */
    transition: color 0.3s; /* Glatte Farbübergänge */
}

/* Hover-Stil für Links im Container */
.content-area a:hover {
    color: #DA4B13;         /* Dunkleres Blau beim Hover */
}

/* Media Query für Mobilgeräte */
@media (max-width: 600px) {
    .content-area a {
        font-size: 12px;   /* Kleinere Schriftgröße für mobile Geräte */
        line-height: 1.0;  /* Geringerer Zeilenabstand für eine bessere Lesbarkeit */
    }
}










.heading-1, .heading-2, .heading-3 {
    opacity: 0; /* Start with all headings hidden */
    transition: opacity 0.5s ease-in-out;
}


.skew-section-1 {
    transform: skewY(-5deg);
}
.skew-section-2 {
    transform: skewY(5deg);
}


@media (max-width: 768px) {
    body {
        overflow-x: hidden;
    }
}

html, body {
    overflow-x: hidden;
}

.elementor-kit-7.active .v-video {
    background-color: #FFD700 !important; /* Gelber Hintergrund */
}


body {
    background-color: black !important;
   
}



/* Text vor dem Doppelpunkt */
.orange-title {
    font-family: 'Montserrat', cursive;
    font-size: 20px;
    text-transform: uppercase;
    color: orange;
}

/* Text in den Klammern */
.light-text {
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: 300; /* Light */
}/* End custom CSS */