.elementor-kit-7{--e-global-color-primary:#0064DE;--e-global-color-secondary:#FFA32B;--e-global-color-text:#262626;--e-global-color-accent:#262626CC;--e-global-color-eb086d4:#FFFFFF;--e-global-color-cfbe740:#E5E5E5;--e-global-color-d616a66:#FFFFFF00;--e-global-typography-primary-font-family:"Plus Jakarta Sans";--e-global-typography-primary-font-size:60px;--e-global-typography-primary-font-weight:600;--e-global-typography-primary-letter-spacing:-0.2px;--e-global-typography-secondary-font-family:"Plus Jakarta Sans";--e-global-typography-secondary-font-size:48px;--e-global-typography-secondary-font-weight:500;--e-global-typography-secondary-line-height:1.2em;--e-global-typography-secondary-letter-spacing:-0.2px;--e-global-typography-text-font-family:"Plus Jakarta Sans";--e-global-typography-text-font-size:48px;--e-global-typography-text-font-weight:800;--e-global-typography-text-line-height:1.1em;--e-global-typography-text-letter-spacing:-0.2px;--e-global-typography-accent-font-family:"Plus Jakarta Sans";--e-global-typography-accent-font-size:40px;--e-global-typography-accent-font-weight:400;--e-global-typography-accent-line-height:1.3em;--e-global-typography-accent-letter-spacing:-0.2px;--e-global-typography-55ce213-font-family:"Plus Jakarta Sans";--e-global-typography-55ce213-font-size:32px;--e-global-typography-55ce213-line-height:1.3em;--e-global-typography-0a6a73d-font-family:"Plus Jakarta Sans";--e-global-typography-0a6a73d-font-size:24px;--e-global-typography-0a6a73d-font-weight:500;--e-global-typography-0a6a73d-line-height:1.3em;--e-global-typography-0a6a73d-letter-spacing:-0.2px;--e-global-typography-11429cb-font-family:"Inter";--e-global-typography-11429cb-font-size:20px;--e-global-typography-85f25a8-font-family:"Inter";--e-global-typography-85f25a8-font-size:18px;--e-global-typography-85f25a8-font-weight:400;--e-global-typography-85f25a8-line-height:1.4em;--e-global-typography-85f25a8-letter-spacing:0.02em;--e-global-typography-b000bc8-font-family:"Inter";--e-global-typography-b000bc8-font-size:16px;--e-global-typography-b000bc8-font-weight:500;--e-global-typography-b000bc8-line-height:1.4em;--e-global-typography-9cb6849-font-family:"Inter";--e-global-typography-9cb6849-font-size:14px;--e-global-typography-9cb6849-font-weight:400;--e-global-typography-9cb6849-line-height:1em;--e-global-typography-9cb6849-letter-spacing:0.02em;--e-global-typography-9aae387-font-family:"Inter";--e-global-typography-9aae387-font-size:14px;--e-global-typography-9aae387-font-weight:500;--e-global-typography-9aae387-font-style:normal;background-color:var( --e-global-color-cfbe740 );}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1400px;}.e-con{--container-max-width:1400px;--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:1024px){.elementor-kit-7{--e-global-typography-text-font-size:40px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-7{--e-global-typography-text-font-size:32px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --widget-space-default:20px; --blue:#0064DE; --yellow:#FFA32B; --headline-text:#262626; --text:#262626CC; --white:#FFFFFF; --background:#E5E5E5; --Jakarta:Plus Jakarta Sans; --Inter:Inter; --section-border:0px; --Halb-transparent:#939393; --dark-blue:#003C85; --basic-background:#F1F1F1; --card-space-big:7.5rem; --card-space-small:2rem; --transparent:#FFFFFF00; --Text-Secondary:#262626CC; --hero-height:46rem; --card-light:#FAFAFA; }
/* Start custom CSS *//* PROJECT SETTINGS - SET UP HERE */
:root {
    
    /* Content max width to prevent sticking text at sides: e.g. 94vW => padding 3% left and 3% right */
    --custom-content-maxwidth: 94vW;
    
    /* Padding top added to all .padding-top sections at */
    --custom-padding-top: 10%;
    
    /* Padding bottom added to all .padding-bottom sections */
    --custom-padding-bottom: 10%;
    
    /* Padding added to all .padding-card containers */
    --custom-padding-card: 20px;
    
    /* Padding added to all .padding-section sections */
    --custom-padding-section: 20px;
    
    /* Margin top added to all .margin-top sections  */
    --custom-margin-top: 10%;
    
    /* Margin bottom added to all .margin-bottom sections */
    --custom-margin-bottom: 10%;
    
    --container-default-padding-top: 0px;
    --container-default-padding-right: 0px;
    --container-default-padding-bottom: 0px;
    --container-default-padding-left: 0px;
    
}
/* Mobile optimizations: If you want to change values for smaller devices, copy them here and change values */
/* 2st Breakpoint: Laptop */
:root [data-elementor-device-mode="laptop"] {
    /* copy inside here */
}
/* 3rd Breakpoint: Tablet */
:root [data-elementor-device-mode="tablet"] {
    /* copy inside here */
}
/* 4st Breakpoint: Mobile */
:root [data-elementor-device-mode="mobile"] {
    /* copy inside here */
}

/* Applying project settings - DO NOT CHANGE */
/* General: Limit boxed container width to avaid sticking elements on sides*/ 
section.e-parent.e-con-boxed>div.e-con-inner, main>header>div.e-con-inner, main.e-parent.e-con-boxed>div.e-con-inner, div header.e-parent.e-con-boxed>div.e-con-inner, header.elementor-location-header>div.e-con-boxed {
    max-width: min( var(--custom-content-maxwidth), var(--content-width) ) !important;
}
section.e-parent.e-con-boxed, main.e-parent.e-con-boxed, header.elementor-location-header>div.e-parent {
    overflow-x: clip;
    overflow-y: visible;
    max-width: 100vW;
}
    /* Padding top added to all .padding-top sections at */
.padding-top {
    padding-top: var(--custom-padding-top);
}
    
/* Padding bottom added to all .padding-bottom sections */
.padding-bottom {
    padding-bottom: var(--custom-padding-bottom);
}

/* Padding added to all .padding-card containers */
.padding-card {
    padding: var(--custom-padding-card);
}

/* Padding added to all .padding-section sections */
.padding-section {
    padding: var(--custom-padding-section);
}

/* Margin top added to all .margin-top sections  */
.margin-top {
    margin-top: var(--custom-margin-top);
}

/* Margin bottom added to all .margin-bottom sections */
.margin-bottom {
    margin-bottom: var(--custom-margin-bottom);
}

/* Last p in text-editor field: prevent margin-bottom */
.elementor-widget.elementor-widget-text-editor > .elementor-widget-container p:last-child {
    margin-bottom: 0px;
}


/* Elementor V4 */
section.section-boxed > div {
    max-width: min( var(--custom-content-maxwidth), var(--content-width) ) !important;
}

.elementor-widget.elementor-widget-form .elementor-field-type-text:not(.elementor-field-group):before {
    content: "";
    display: flex;
    width: 220px;
    height: 48px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='48' fill='none'%3E%3Cg clip-path='url(%23A)'%3E%3Cg stroke='%23000'%3E%3Crect x='-.5' y='.5' width='65' height='47' rx='4.5' transform='matrix(-1 0 0 1 219 0)' fill='%23000'/%3E%3Crect x='.5' y='.5' width='167' height='47' rx='4.5' fill='%23fff'/%3E%3C/g%3E%3Ctext fill='%23000' xml:space='preserve' style='white-space:pre' font-family='Neue Montreal, Helvetica Neue, Open Sans, sans-serif' font-size='13' letter-spacing='0em'%3E%3Ctspan x='56' y='28.875'%3EPrivacy protected%3C/tspan%3E%3C/text%3E%3Cg fill='%23fff'%3E%3Cpath d='M185.631 25.937h5.386l3.007-8.123v-3.996h-12.119v4.339h6.586l-2.86 7.78zm13.738-3.878h-5.211l-3.043 7.969v4.15h12.119v-4.347h-6.836l2.971-7.772z'/%3E%3C/g%3E%3Cg stroke='%23000' stroke-width='1.5' stroke-linejoin='round'%3E%3Cpath d='M36.819 15.016c.555.194.926.718.926 1.306v8.603c0 2.404-.874 4.7-2.417 6.478-.776.895-1.758 1.593-2.801 2.157L28.008 36l-4.527-2.443c-1.044-.564-2.027-1.26-2.804-2.157-1.545-1.778-2.421-4.075-2.421-6.482v-8.598c0-.588.371-1.111.926-1.306l8.36-2.938c.297-.104.621-.104.917 0l8.36 2.938z'/%3E%3Cpath opacity='.4' d='M24.698 23.645l2.403 2.404 4.951-4.951' stroke-linecap='round'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='A'%3E%3Cpath fill='%23fff' d='M0 0h220v48H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    margin: 15px 0px 15px 7.5px;
}

.elementor-widget.elementor-widget-form .elementor-field-type-acceptance.elementor-field-group-gdpr>label {
    display: none !important;
}


.elementor-widget.elementor-widget-form .elementor-field-type-html.elementor-field-group-gdpr_text, .elementor-kit-7 .elementor-field-type-html.elementor-field-group-gdpr_text p {
    margin-bottom: 0em !important;
}

.elementor-widget.elementor-widget-form .elementor-field-type-acceptance.elementor-field-group-gdpr.elementor-mark-required .elementor-field-label:after {
    content: "";
    display: none;
}

.elementor-widget.elementor-widget-form .elementor-field-type-acceptance.elementor-field-group-gdpr.elementor-mark-required .elementor-field-subgroup:after {
    content: "*";
    color: red;
    padding-left: 0.2em;
}
.elementor-widget.elementor-widget-form .elementor-field-type-acceptance.elementor-field-group-gdpr.elementor-mark-required .elementor-field-subgroup>span {
    flex-basis: unset;
}

/*Ligaturen deaktivieren*/
body {
    font-variant-ligatures: none !important;
    font-feature-settings: "liga" 0, "clig" 0 !important;
}


/* Yellow Highlight */
span.highlights {
    position: relative;
    display: inline-block; 
    z-index: 1;
    padding: 0 5px;
}

span.highlights::after {
    content: "";
    position: absolute;
    bottom: -15px; 
    left: 50%;
    transform: translateX(-50%);
    width: 105%;  
    height: 50px; 
    background-image: url(https://nextplus.timetac.com/content/uploads/2026/04/vector.webp);
    background-repeat: no-repeat;
    background-size: 100% 100%; 
    background-position: center;
    z-index: -1;
    pointer-events: none;

    /* Initialzustand */
    clip-path: inset(0 0 0 0);
}

/* Hover-Effekt mit geschmeidiger Kurve */
span.highlights:hover::after {
    /* 0.8s Dauer mit deiner Cubic-Bezier Kurve */
    animation: draw 0.8s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

@keyframes draw {
    0% {
        /* Startpunkt: Komplett ausgeblendet */
        clip-path: inset(0 100% 0 0);
        opacity: 0;
    }
    1% {
        /* Sofortige Sichtbarkeit, aber immer noch beschnitten */
        opacity: 1;
    }
    100% {
        /* Ende: Vollständig gezeichnet */
        clip-path: inset(0 0 0 0);
        opacity: 1;
    }
}



/*Gradient*/
/* Gemeinsame Basis-Styles für beide Gradients */
.gradient-yellow, 
.gradient-blue {
    position: relative;
    overflow-x: hidden;
}

.gradient-yellow::before,
.gradient-blue::before {
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    width: 1200px;  /* Hier kannst du die Größe global anpassen */
    height: 1200px;
    z-index: 0;
    opacity: 0.5;   /* Deckkraft nach Geschmack */
    pointer-events: none;
    transition: all 0.3s ease; /* Weicher Übergang bei Resizing */
}

/* Spezifisch: Gelber Gradient */
.gradient-yellow::before {
    background-image: url('https://nextplus.timetac.com/content/uploads/2026/04/gradient01.svg');
    /* Massive Größe, damit es weich wirkt */
    width: 1800px;  /* Hier war vorher 1000px */
    height: 1800px;
    
    /* Positionierung relativ zum rechten Rand */
    top: -200px;    /* Leicht nach oben versetzt */
    right: -850px;  /* Schiebt ihn weich über den Rand hinaus */
    left: auto;     /* Hebt alte left-Werte auf */
    
    /* Optional: Deckkraft anpassen, falls er zu stark ist */
    opacity: 0.7;   
    
    /* Sicherstellen, dass er nicht verzerrt wird */
    background-size: contain;
}

/* Spezifisch: Blauer Gradient */
.gradient-blue::before {
    background-image: url('https://nextplus.timetac.com/content/uploads/2026/04/gradient02.svg');
    /* Positionierung: Kleinerer/Negativerer Wert schiebt es höher */
    top: -200px;
    left: -400px;   /* Ein Stück weiter nach links/außen schieben */
    
    /* Größe: Massiv lassen für den weichen Look */
    width: 2000px;
    height: 2000px;
    
    
    opacity: 0.7;   /* Etwas dezenter, damit es "weiter hinten" wirkt */
    
    pointer-events: none; 
    
    /* Sicherstellen, dass er nicht verzerrt wird */
    background-size: contain;
}

/* Responsive Optimierung: Auf Handys kleiner machen */
@media (max-width: 768px) {
   
    .gradient-blue::before {
        width: 600px;
        height: 800px;
        z-index: 2;
        opacity: 0.3; /* Weniger intensiv auf kleinen Screens */
    }
    .gradient-yellow::before {
        width: 800px;
        height: 600px;
        z-index: 2;
        opacity: 0.3; /* Weniger intensiv auf kleinen Screens */
    }
   
}

/* Einrückung und Icon Austausch bei Aufzählung von WYSIWYG Editor*/

.elementor-widget-text-editor ul, .elementor-widget-jet-listing-dynamic-field ul, p[data-e-type="widget"] ul {
    list-style: none; 
    padding-left: 0;
    margin-left: 0;
}

.elementor-widget-text-editor ul li, .elementor-widget-jet-listing-dynamic-field ul li, p[data-e-type="widget"] ul li {
    position: relative;
    padding-left: 1.6em;
    margin-bottom: 10px;
    list-style: none; 
}

.elementor-widget-text-editor ul li::before, .elementor-widget-jet-listing-dynamic-field ul li::before, p[data-e-type="widget"] ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.15em;
    width: 1.2em;
    height: 1.2em;
    
    background-image: url('https://nextplus.timetac.com/content/uploads/2026/04/check.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}


/*Extra Tipp Box Blog*/
.custom-tipp-box {
    background-color: var(--e-global-color-primary);
    color: white;
    padding: 30px !important;
    border-radius: 20px;
    position: relative;
    margin: 40px 0;
}
.tipp-content{
    margin: 0 !important;
    padding: 0 !important;
}


/* classic Button styling*/
.elementor-kit-7 .test-animation {
    display: flex; /* Laut Screenshot flex: 0 1 auto */
    flex: 0 1 auto;
    align-self: center;
    
    
    
    /* Abstände aus Screenshot 2 */
    padding-block-start: 8px;
    padding-block-end: 8px;
    padding-inline-start: 24px;
    padding-inline-end: 24px;
    
    /* Abrundung aus Screenshot 2 */
    border-radius: 240px;
    
    /* Animation-Setup */
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    z-index: 1;
    background-color: transparent !important; 
    border: none;
    text-decoration: none;
    justify-content: center;
}

/* Statischer Hintergrund (Hellblau) */
.elementor-kit-7 .test-animation::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0064DE; 
    border-radius: 240px;
    z-index: -2;
    transition: all 0.3s;
}

/* Hover-Hintergrund (Dunkelblau - Slide-In) */
.elementor-kit-7 .test-animation::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background-color: #80B2EF; 
    transition: all 0.3s ease;
    border-radius: 240px;
    z-index: -1;
}

/* Hover-Logik */
.elementor-kit-7 .test-animation:hover {
    color: #ffffff !important;
}

.elementor-kit-7 .test-animation:hover::before {
    width: 100%;
}


.glow-on-hover {
    /* Maße & Flex aus Bild 11 */
    display: flex !important;
    padding: 9px 16px !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;
    
    /* Styling aus Bild 11 */
    border-radius: 100px !important;
    background: #003C85;
    /*background: #0064DE; blauer hg*/
    position: relative;
    z-index: 0;
    cursor: pointer;
    text-decoration: none !important;
    border: none !important;
    
}

.glow-on-hover:before {
    content: '';
    /* Gradient mit Abstufungen deiner Farben */
    background: linear-gradient(45deg, 
        #0064DE, #004fb0, #FFA32B, #e68a12, 
        #0064DE, #FFA32B, #004fb0);
        
    
    position: absolute;
    top: -2px;
    left: -2px;
    background-size: 400%;
    z-index: -1;
    filter: blur(5px);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    animation: glowing 20s linear infinite;
    opacity: 0;
    transition: opacity .3s ease-in-out;
    border-radius: 100px;
}

.glow-on-hover:hover:before {
    opacity: 1;
}

.glow-on-hover:after {
    z-index: -1;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
   background: #003C85;
    /*background: #0064DE; blauer HG*/
    left: 0;
    top: 0;
    border-radius: 100px;
}

/* Animation */
@keyframes glowing {
    0% { background-position: 0 0; }
    50% { background-position: 400% 0; }
    100% { background-position: 0 0; }
}

/* Sicherstellen, dass Text/Icons oben liegen */
.glow-on-hover * {
    position: relative;
    z-index: 2;
}


/*Button Animation mit Pfeil*/
/* Klasse für den Button */
.arrow-move {
    display: inline-flex !important;
    align-items: center;
    gap: 6px; /* Platz für den kommenden Pfeil */
}

/* Wir erstellen den Pfeil per CSS */
.arrow-move::after {
    content: "→";
    display: inline-block;
    margin-left: 5px;
    transition: transform 0.3s ease-in-out;
}

/* Beim Hover bewegt sich nur der erzeugte Pfeil */
.arrow-move:hover::after {
    transform: translateX(8px);
}
.link-login-button {
    /* Basis-Styling */
    display: inline-flex !important;
    border-radius: 100px !important;
    background: #F1F1F1 !important; /* Dein Hintergrund aus dem Bild */
    border: none !important;
    text-decoration: none !important;
    
    /* Animation für den Glow */
    transition: box-shadow 0.3s ease, transform 0.2s ease !important;
}

.link-login-button:hover {
    /* Der blaue Glow-Effekt */
    box-shadow: 0 0 15px rgba(0, 100, 222, 0.4) !important;
    
    /* Optional: Minimales "Abheben" des Buttons beim Hover */
    transform: translateY(-1px);
}/* End custom CSS */