.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-11429cb-letter-spacing:0.02em;--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; }
/* 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;
    /* inline-block ist oft stabiler für Text-Dekorationen als inline-flex */
    display: inline-block; 
    z-index: 1;
    padding: 0 5px;
}

span.highlights::after {
    content: "";
    position: absolute;
    
    /* VERTIKALE POSITION */
    bottom: -15px; /* Leicht angepasst, damit es nicht zu tief sitzt */
    
    /* ZENTRIERUNG */
    left: 50%;
    transform: translateX(-50%);
    
    /* BREITE DYNAMISCH ANPASSEN */
    /* 105% sorgt dafür, dass der Strich links und rechts minimal übersteht */
    width: 105%;  
    
    /* WICHTIG: Entferne oder setze min/max auf Werte, die nicht einschränken */
    min-width: 0; 
    max-width: none; 
    
    /* HÖHE */
    height: 50px; 
    
    background-image: url(https://nextplus.timetac.com/content/uploads/2026/04/vector.webp);
    background-repeat: no-repeat;
    
    /* 100% 100% zwingt das Bild, sich genau in die Breite des Wortes zu quetschen/dehnen */
    background-size: 100% 100%; 
    background-position: center;
    
    z-index: -1;
    pointer-events: none;
}
/*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 {
    list-style: none; 
    padding-left: 0;
    margin-left: 0;
}

.elementor-widget-text-editor ul li {
    position: relative;
    padding-left: 2em;   /* Etwas mehr Platz für das Icon */
    margin-bottom: 16px;
    list-style: none;    /* Sicherstellen, dass nichts anderes stört */
}

.elementor-widget-text-editor ul li::before {
    content: "";
    position: absolute;
    left: 0;
    
    /* ZENTRIERUNG AUF DIE ERSTE ZEILE */
    top: 0.15em;         /* Richtet das Icon an der Oberkante der ersten Zeile aus */
    
    width: 1.2em;        /* Relative Größe (skaliert mit der Schriftgröße) */
    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;
}/* End custom CSS */