.elementor-kit-6{--e-global-color-primary:#003C71;--e-global-color-secondary:#E4002B;--e-global-color-text:#33445C;--e-global-color-accent:#E4002B;--e-global-color-vbnacht:#020F1F;--e-global-color-vbweiss:#FFFFFF;--e-global-color-vbnebel:#C9DAF0;--e-global-color-vbrothell:#FF5C74;--e-global-color-vbtinte:#0B1B33;--e-global-color-vbhorizont:#04203F;--e-global-color-vbhimmel:#9CC8FF;--e-global-color-vbboden:#F2F6FB;--e-global-color-vblinie:#D3DDEA;--e-global-color-vbleise:#5A6A82;--e-global-color-vbrotdunkel:#C80026;--e-global-color-vbnavyflaeche:#E6EEF7;--e-global-typography-primary-font-family:"Bricolage Grotesque";--e-global-typography-primary-font-size:48px;--e-global-typography-primary-font-weight:800;--e-global-typography-primary-line-height:1.05em;--e-global-typography-primary-letter-spacing:-0.025em;--e-global-typography-secondary-font-family:"Bricolage Grotesque";--e-global-typography-secondary-font-size:22px;--e-global-typography-secondary-font-weight:700;--e-global-typography-secondary-line-height:1.2em;--e-global-typography-secondary-letter-spacing:-0.01em;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:17px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.6em;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:600;--e-global-typography-accent-line-height:1.2em;--e-global-typography-vbh1-font-family:"Bricolage Grotesque";--e-global-typography-vbh1-font-size:64px;--e-global-typography-vbh1-font-weight:800;--e-global-typography-vbh1-line-height:1.02em;--e-global-typography-vbh1-letter-spacing:-0.03em;--e-global-typography-vbh4-font-family:"Inter";--e-global-typography-vbh4-font-size:18px;--e-global-typography-vbh4-font-weight:600;--e-global-typography-vbh4-line-height:1.35em;--e-global-typography-vblead-font-family:"Inter";--e-global-typography-vblead-font-size:20px;--e-global-typography-vblead-font-weight:400;--e-global-typography-vblead-line-height:1.55em;--e-global-typography-vbklein-font-family:"Inter";--e-global-typography-vbklein-font-size:14px;--e-global-typography-vbklein-font-weight:400;--e-global-typography-vbklein-line-height:1.5em;--e-global-typography-vbmarker-font-family:"JetBrains Mono";--e-global-typography-vbmarker-font-size:12px;--e-global-typography-vbmarker-font-weight:500;--e-global-typography-vbmarker-text-transform:uppercase;--e-global-typography-vbmarker-line-height:1.4em;--e-global-typography-vbmarker-letter-spacing:0.14em;color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1360px;}.e-con{--container-max-width:1360px;}.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);}.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:38px;--e-global-typography-secondary-font-size:21px;--e-global-typography-text-font-size:17px;--e-global-typography-accent-font-size:16px;--e-global-typography-vbh1-font-size:48px;--e-global-typography-vbh4-font-size:18px;--e-global-typography-vblead-font-size:19px;--e-global-typography-vbklein-font-size:14px;--e-global-typography-vbmarker-font-size:12px;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.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:30px;--e-global-typography-secondary-font-size:20px;--e-global-typography-text-font-size:16px;--e-global-typography-accent-font-size:16px;--e-global-typography-vbh1-font-size:38px;--e-global-typography-vbh4-font-size:17px;--e-global-typography-vblead-font-size:18px;--e-global-typography-vbklein-font-size:14px;--e-global-typography-vbmarker-font-size:12px;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* Vektorbit Baukasten v1 (28.10.2026). Gilt seitenweit. Farben und Schriften kommen aus den Globals des Kits, nichts hier fest verdrahten. Quelle: 05-bau/baukasten/ im Projektordner. */
.vb-b{--vb-r:8px;--vb-fg:var(--e-global-color-text);--vb-titel:var(--e-global-color-vbtinte);background-color:var(--e-global-color-vbweiss);color:var(--vb-fg)}
.vb-b.vb-boden{background-color:var(--e-global-color-vbboden)}
.vb-b.vb-nacht{background-color:var(--e-global-color-vbnacht);--vb-fg:var(--e-global-color-vbnebel);--vb-titel:var(--e-global-color-vbweiss)}
.vb-b .elementor-heading-title{color:var(--vb-titel)}
.vb-b .elementor-widget-text-editor{color:var(--vb-fg)}
.vb-b .elementor-widget-text-editor p:last-child{margin-bottom:0}
.vb-nacht a:not(.elementor-button){color:var(--e-global-color-vbweiss)}
.vb-b :focus-visible{outline:3px solid var(--e-global-color-secondary);outline-offset:2px}
.vb-nacht :focus-visible{outline-color:var(--e-global-color-vbrothell)}

/* Marker über Überschriften */
.vb-b .vb-marker .elementor-heading-title{font-family:var(--e-global-typography-vbmarker-font-family),ui-monospace,Menlo,Consolas,monospace;font-size:12px;font-weight:500;line-height:1.4;letter-spacing:.14em;text-transform:uppercase;color:var(--e-global-color-secondary)}
.vb-nacht .vb-marker .elementor-heading-title{color:var(--e-global-color-vbrothell)}

/* Textbreiten und Einleitung */
.vb-lead{font-size:clamp(18px,1.6vw,20px);line-height:1.55;max-width:62ch}
.vb-schmal{max-width:68ch}

/* Karten */
.vb-karte{background-color:var(--e-global-color-vbweiss);border:1px solid var(--e-global-color-vblinie);border-radius:var(--vb-r)}
.vb-boden .vb-karte{background-color:var(--e-global-color-vbweiss)}
.vb-nacht .vb-karte{background-color:rgb(255 255 255 / .04);border-color:rgb(255 255 255 / .16)}
.vb-karte-link{position:relative;transition:border-color .2s}
.vb-karte-link:hover{border-color:var(--e-global-color-primary)}
.vb-karte-link .vb-ganz a::after{content:"";position:absolute;inset:0;border-radius:var(--vb-r)}

/* Kennzahl */
.vb-b .vb-zahl .elementor-heading-title{font-family:var(--e-global-typography-primary-font-family),sans-serif;font-weight:800;font-size:clamp(28px,3vw,44px);line-height:1.1;letter-spacing:-.02em;color:var(--e-global-color-primary);font-variant-numeric:tabular-nums;overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto}
.vb-nacht .vb-zahl .elementor-heading-title{color:var(--e-global-color-vbweiss)}

/* Ablauf: Schritte an der Kurslinie */
.vb-schritte{counter-reset:vbs}
.vb-schritt{counter-increment:vbs;position:relative;padding-left:60px!important}
.vb-schritt::before{content:counter(vbs,decimal-leading-zero);position:absolute;left:0;top:0;width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--e-global-color-vblinie);border-radius:50%;background:var(--e-global-color-vbweiss);font:500 13px/1 var(--e-global-typography-vbmarker-font-family),ui-monospace,monospace;color:var(--e-global-color-secondary)}
.vb-schritt::after{content:"";position:absolute;left:20px;top:44px;bottom:-28px;width:1px;background:var(--e-global-color-vblinie)}
.vb-schritt:last-child::after{display:none}

/* Zweiter Knopf (Rand) */
.vb-b .vb-knopf-rand .elementor-button{background-color:transparent;color:var(--e-global-color-primary);border:1px solid var(--e-global-color-primary)}
.vb-b .vb-knopf-rand .elementor-button:hover,.vb-b .vb-knopf-rand .elementor-button:focus-visible{background-color:var(--e-global-color-primary);color:var(--e-global-color-vbweiss)}
.vb-nacht .vb-b .vb-knopf-rand .elementor-button{color:var(--e-global-color-vbweiss);border-color:#9FB3CF}
.vb-b.vb-nacht .vb-knopf-rand .elementor-button:hover{background-color:var(--e-global-color-vbweiss);color:var(--e-global-color-primary)}

/* Hinweis-Kasten (Werkzeug, Partner, Rechtliches) */
.vb-hinweis{border-left:3px solid var(--e-global-color-secondary);background-color:var(--e-global-color-vbboden);border-radius:0 var(--vb-r) var(--vb-r) 0}
.vb-offen{font-size:14px;line-height:1.5;color:var(--e-global-color-vbleise)}
.vb-nacht .vb-offen{color:var(--e-global-color-vbnebel)}

/* Brotkrumen (Rank Math) */
.vb-brotkrumen .rank-math-breadcrumb p{margin:0;font-size:14px;line-height:1.5}
.vb-brotkrumen a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.vb-nacht .vb-brotkrumen{color:var(--e-global-color-vbnebel)}

/* Fragen (Akkordeon mit FAQ-Schema) */
.vb-fragen .e-n-accordion-item{border-top:1px solid var(--e-global-color-vblinie)}
.vb-fragen .e-n-accordion-item:last-child{border-bottom:1px solid var(--e-global-color-vblinie)}
.vb-fragen .e-n-accordion-item-title{padding:18px 0;background:transparent;border:0}
.vb-fragen .e-n-accordion-item-title-text{font-family:var(--e-global-typography-text-font-family),sans-serif;font-weight:600;font-size:18px;color:var(--e-global-color-vbtinte)}
.vb-fragen .e-n-accordion-item > [role="region"]{padding:0 0 20px;max-width:72ch}

/* Platzhalter zum Ausfüllen: im Text als <mark class="vb-ph">[…]</mark> */
mark.vb-ph{background:#FFF1BF;color:#4A3B00;padding:0 4px;border-radius:4px}

/* Rechtstexte */
.vb-recht{max-width:78ch}
.vb-recht h2{font-size:26px;margin:1.6em 0 .5em}
.vb-recht h3{font-size:20px;margin:1.4em 0 .4em}


/* Grundstil im Baukasten (nur innerhalb von .vb-b, damit Kopf-Plugin und Startseite unberührt bleiben) */
.vb-b :is(h1,h2,h3,h4,h5,h6){color:var(--vb-titel);margin-top:0}
.vb-b h1:not(.elementor-heading-title){font-family:var(--e-global-typography-vbh1-font-family),sans-serif;font-weight:800;font-size:var(--e-global-typography-vbh1-font-size);line-height:1.02;letter-spacing:-.03em}
.vb-b .elementor-widget-text-editor h2,.vb-b .elementor-widget-theme-post-content h2{font-family:var(--e-global-typography-primary-font-family),sans-serif;font-weight:800;font-size:clamp(28px,3vw,36px);line-height:1.1;letter-spacing:-.02em;margin:1.4em 0 .5em}
.vb-b .elementor-widget-text-editor h3,.vb-b .elementor-widget-theme-post-content h3{font-family:var(--e-global-typography-secondary-font-family),sans-serif;font-weight:700;font-size:22px;line-height:1.2;margin:1.2em 0 .4em}
.vb-b .elementor-widget-text-editor h4,.vb-b .elementor-widget-theme-post-content h4{font-family:var(--e-global-typography-text-font-family),sans-serif;font-weight:600;font-size:18px;margin:1em 0 .3em}
.vb-b .elementor-widget-text-editor :is(ul,ol),.vb-b .elementor-widget-theme-post-content :is(ul,ol){padding-left:1.2em}
.vb-b .elementor-widget-text-editor li+li,.vb-b .elementor-widget-theme-post-content li+li{margin-top:.35em}
.vb-b a:not(.elementor-button){color:var(--e-global-color-primary);text-underline-offset:3px}
.vb-b a:not(.elementor-button):hover{color:var(--e-global-color-secondary)}
.vb-b.vb-nacht a:not(.elementor-button){color:var(--e-global-color-vbweiss)}
.vb-b .elementor-button{border-radius:8px;padding:14px 22px;line-height:1.2;transition:background-color .2s,color .2s}
.vb-b .elementor-button:hover{background-color:var(--e-global-color-vbrotdunkel)}
.vb-b :is(input:not([type=checkbox]):not([type=radio]):not([type=submit]),textarea,select){border:1px solid var(--e-global-color-vbleise);border-radius:8px;padding:12px 14px;font:inherit;color:var(--e-global-color-vbtinte);background:var(--e-global-color-vbweiss)}
.vb-b :is(input,textarea,select):focus{border-color:var(--e-global-color-primary);outline:2px solid var(--e-global-color-primary);outline-offset:1px}
.vb-b .vb-bild img{border-radius:8px}

/* Raster für Karten (Klasse am Container: vb-raster, optional vb-2 oder vb-4) */
.vb-raster{display:grid!important;gap:20px;grid-template-columns:repeat(3,minmax(0,1fr))}
.vb-raster.vb-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.vb-raster.vb-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.vb-raster > .e-con{width:auto!important;min-width:0}
@media (max-width:1024px){.vb-raster,.vb-raster.vb-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767px){.vb-raster,.vb-raster.vb-2,.vb-raster.vb-4{grid-template-columns:1fr}}
.vb-zweispaltig{display:grid!important;gap:clamp(24px,4vw,64px);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start}
.vb-zweispaltig > .e-con{width:auto!important;min-width:0}
@media (max-width:900px){.vb-zweispaltig{grid-template-columns:1fr}}

@media (prefers-reduced-motion:reduce){.vb-b *{transition:none!important;animation:none!important}}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Bricolage Grotesque';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://vektorbit.de/wp-content/uploads/2026/10/bricolage-grotesque-latin-700-normal.woff2') format('woff2');
}
@font-face {
	font-family: 'Bricolage Grotesque';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://vektorbit.de/wp-content/uploads/2026/10/bricolage-grotesque-latin-800-normal.woff2') format('woff2');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://vektorbit.de/wp-content/uploads/2026/10/inter-latin-400-normal.woff2') format('woff2');
}
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://vektorbit.de/wp-content/uploads/2026/10/inter-latin-600-normal.woff2') format('woff2');
}
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://vektorbit.de/wp-content/uploads/2026/10/inter-latin-700-normal.woff2') format('woff2');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'JetBrains Mono';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://vektorbit.de/wp-content/uploads/2026/10/jetbrains-mono-latin-500-normal.woff2') format('woff2');
}
@font-face {
	font-family: 'JetBrains Mono';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://vektorbit.de/wp-content/uploads/2026/10/jetbrains-mono-latin-700-normal.woff2') format('woff2');
}
/* End Custom Fonts CSS */