/* Vantarion Design: aus dem Canvas-Export erzeugt, nicht von Hand bearbeiten. Quelle: build_css.py */
/* Der Beitragsinhalt (Widget theme-post-content) behält sein eigenes Elementor-Layout, deshalb die :where-Ausnahmen. */
/* ===== Zwischenschicht: Elementor und Blocksy neutralisieren =====
   Steht vor dem Design-CSS. Gleiche Spezifität wie die Design-Regeln,
   deshalb gewinnen die Design-Regeln, wo sie etwas festlegen. */
body.vt .e-con:where(:not(.elementor-widget-theme-post-content *)){display:block;margin:0;padding:0;gap:0;width:auto;max-width:none;min-width:0;min-height:0;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;justify-content:normal;align-items:normal;align-content:normal;border-radius:0;transition:none;text-align:inherit}
body.vt .elementor-element:where(:not(.elementor-widget-theme-post-content *)){width:auto;max-width:none;align-self:auto;order:0;flex:0 1 auto}
body.vt .elementor-widget:where(:not(.elementor-widget-theme-post-content *)){position:static;margin:0}
body.vt .elementor-widget-container{height:auto}
body.vt :is(h1,h2,h3,h4,h5,h6){color:inherit;font-family:inherit;letter-spacing:normal;margin:0}
body.vt .elementor-widget-text-editor{color:inherit;font-family:inherit;font-size:inherit;line-height:inherit}
body.vt .elementor-widget-text-editor p:last-child{margin-bottom:0}
body.vt .k [hidden],body.vt .k-mega[hidden],body.vt .k-mnav[hidden]{display:none!important}
body.vt .card > .elementor-element:has(.lnk:only-child){margin-top:auto}
body.vt .elementor-widget-html > svg,body.vt .elementor-widget-html > .elementor-widget-container > svg{display:block}
/* FAQ: Elementor-Akkordeon (wegen FAQ-Schema) im Look der details-Liste aus dem Design */
body.vt .faq .e-n-accordion-item{margin:0;gap:0}
body.vt .faq .e-n-accordion-item-title{border:0;border-radius:0;background:none;color:inherit;margin:0;padding:16px 0}
body.vt .faq .e-n-accordion-item-title-text{font-size:inherit;color:inherit}
body.vt .faq .e-n-accordion-item > .e-con{border:0;padding:0;margin:0}
/* Blocksy setzt dt fett, im Design sind Begriffe normal */
body.vt dt{font-weight:400}
/* Elementor-Editor: Rahmen um den Texteditor erbt sonst die weiße Kit-Schrift */
body.vt .elementor-text-editor{color:inherit;font-family:inherit;font-size:inherit;line-height:inherit}
/* TinyMCE hängt leere Absätze an */
body.vt .elementor-widget-text-editor p:empty{display:none}
/* Kit-Vorgaben für Textfarbe und Textschrift (Weiß auf dunklem Kit) auf neuen Seiten aufheben.
   Elementor setzt sie im Editor auf jedes Texteditor-Widget, initial macht var() ungültig und der Text erbt. */
body.vt{--e-global-color-text:initial;--e-global-typography-text-font-family:initial;--e-global-typography-text-font-size:initial;--e-global-typography-text-font-weight:initial;--e-global-typography-text-line-height:initial;--e-global-typography-text-letter-spacing:initial}
/* Steckt ein Element allein in einem Texteditor, verschwindet die Hülle im Frontend: Das Element ist dann
   selbst Grid- oder Flex-Kind wie im Design (gleich hohe Karten, sticky Navigation, align-self).
   Im Editor braucht Elementor die Hülle zum Anklicken, dort füllt das Element sie stattdessen aus. */
body.vt:not(.elementor-editor-active) .e-con:where(:not(.elementor-widget-theme-post-content *)) > :is(.elementor-widget-text-editor,.elementor-widget-html):has(> :only-child){display:contents}
body.vt.elementor-editor-active .e-con > .elementor-widget-text-editor:has(> :only-child){display:flex;flex-direction:column}
body.vt.elementor-editor-active .e-con > .elementor-widget-text-editor > :only-child{flex:1 1 auto}
body.vt .card .vt-b:has(> .lnk:only-child){margin-top:auto}
/* Theme und Elementor erben overflow-wrap: break-word, das Design nicht (sonst bricht z. B. ein Punkt allein um) */
body.vt,body.vt .elementor-widget-text-editor{overflow-wrap:normal;word-wrap:normal}
/* Blocksy setzt an blockquote einen Strich links, Einzug und Kursiv, das Design nicht */
body.vt blockquote{margin:0;padding:0;border:0;background:none;font-style:normal}
body.vt blockquote::before,body.vt blockquote::after{content:none}


/* ===== basis ===== */
body.vt{margin: 0;}
body.vt a{color: #3B7A1C;}
body.vt a:hover{color: #2C5E14;}
body.vt{--r-btn: 6px; --r-card: 10px; --ease: cubic-bezier(.2,.7,.2,1); background: var(--bg); color: var(--text); font-family: 'Barlow Semi Condensed', Arial, sans-serif; font-size: 18px; line-height: 1.55; -webkit-font-smoothing: antialiased; overflow-x: clip;}
body.vt.t-light,
body.vt .t-light{--bg: #FFFFFF; --bg2: #F5F7F8; --surface: #FFFFFF; --line: #E3E8EC; --line2: #CDD5DC; --text: #1E2A33; --muted: #5A6B78; --acc: #3B7A1C; --acc-bg: rgba(92,175,47,.10); --cta: #81C23F; --cta-h: #73B232; --on-cta: #1E2A33; --ui-bg: #F5F7F8; --ui-card: #FFFFFF; --shadow: 0 1px 2px rgba(16,24,40,.05), 0 28px 56px -28px rgba(16,24,40,.22); --ok: #23672B; --ok-bg: #E6F4E7; --wip: #8A5A00; --wip-bg: #FDF1DC; --open: #A3302A; --open-bg: #FBE7E5;}
body.vt.t-dark,
body.vt .t-dark{--bg: #28343E; --bg2: #22303B; --surface: #2F3D49; --line: #3E5060; --line2: #52667A; --text: #EEF2F5; --muted: #A9B8C4; --acc: #8ED973; --acc-bg: rgba(142,217,115,.10); --cta: #8ED973; --cta-h: #A3E48B; --on-cta: #1F2C37; --ui-bg: #22303B; --ui-card: #2F3D49; --shadow: none; --ok: #8ED973; --ok-bg: rgba(142,217,115,.12); --wip: #E8C27A; --wip-bg: rgba(217,164,65,.14); --open: #F0A49E; --open-bg: rgba(240,120,110,.14);}
body.vt.t-light,
body.vt .t-light,
body.vt.t-dark,
body.vt .t-dark{color: var(--text);}
body.vt *,
body.vt *::before,
body.vt *::after{box-sizing: border-box;}
body.vt .wrap{max-width: 1240px; margin: 0 auto; padding: 0 40px;}
body.vt .narrow{max-width: 800px;}
body.vt .sr{position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;}
body.vt .ic{width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0;}
body.vt .ic-sm{width: 18px; height: 18px;}
body.vt a:focus-visible,
body.vt button:focus-visible,
body.vt summary:focus-visible,
body.vt input:focus-visible,
body.vt textarea:focus-visible,
body.vt select:focus-visible{outline: 3px solid var(--acc); outline-offset: 3px; border-radius: 6px;}
body.vt .eyebrow{margin: 0 0 16px; color: var(--acc); font-weight: 700; font-size: 15px; letter-spacing: 2px; text-transform: uppercase;}
body.vt .h1{margin: 0; font-family: 'Jost', sans-serif; font-weight: 600; text-transform: uppercase; line-height: 1.0; font-size: clamp(36px, 3.9vw, 54px); overflow-wrap: break-word; hyphens: manual;}
body.vt .h2{margin: 0; font-family: 'Jost', sans-serif; font-weight: 600; text-transform: uppercase; line-height: 1.04; font-size: clamp(28px, 2.7vw, 40px); max-width: 26ch; overflow-wrap: break-word;}
body.vt .h3{margin: 0; font-family: 'Jost', sans-serif; font-weight: 600; text-transform: uppercase; line-height: 1.15; font-size: 20px;}
body.vt .lead{margin: 24px 0 0; font-size: 21px; line-height: 32px; max-width: 56ch;}
body.vt .body{margin: 20px 0 0; font-size: 19px; color: var(--muted); max-width: 62ch;}
body.vt .muted{color: var(--muted);}
body.vt .vis{font-family: 'Jost', sans-serif; font-weight: 600; letter-spacing: .02em; text-transform: uppercase; white-space: nowrap; color: var(--text);}
body.vt .vis b{color: #5CAF2F; font-weight: inherit;}
body.vt .cta .vis{color: #FFFFFF;}
body.vt .btn{display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 48px; padding: 0 22px; border-radius: var(--r-btn); font-family: 'Barlow Semi Condensed', sans-serif; font-weight: 600; font-size: 17px; letter-spacing: .05em; text-transform: uppercase; text-decoration: none; cursor: pointer; transition: background-color .2s, border-color .2s, color .2s;}
body.vt .btn-p{background: var(--cta); color: var(--on-cta); border: 1px solid var(--cta);}
body.vt .btn-p:hover{background: var(--cta-h); border-color: var(--cta-h); color: var(--on-cta);}
body.vt .btn-s{background: transparent; color: var(--text); border: 1px solid var(--line2);}
body.vt .btn-s:hover{border-color: var(--text); color: var(--text);}
body.vt .btn-sm{min-height: 44px; padding: 0 16px; font-size: 15px;}
body.vt .cta-row{display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px;}
body.vt .lnk{display: inline-flex; align-items: center; gap: 8px; margin-top: 20px; color: var(--acc); font-weight: 600; font-size: 17px; text-decoration: none;}
body.vt .lnk:hover{color: var(--acc); text-decoration: underline; text-underline-offset: 3px;}
body.vt .tag{display: inline-flex; align-items: center; padding: 5px 10px; border-radius: 6px; border: 1px solid var(--line); background: var(--surface); font-size: 14px; font-weight: 600; color: var(--text);}
body.vt .tags{display: flex; flex-wrap: wrap; gap: 6px; margin-top: 16px;}
body.vt .pill{display: inline-flex; align-items: center; gap: 6px; padding: 3px 10px; border-radius: 999px; font-size: 14px; font-weight: 600; white-space: nowrap;}
body.vt .pill::before{content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor;}
body.vt .p-ok{color: var(--ok); background: var(--ok-bg);}
body.vt .p-wip{color: var(--wip); background: var(--wip-bg);}
body.vt .sec{padding: 104px 0; background: var(--bg);}
body.vt .sec-alt{background: var(--bg2);}
body.vt .sec-tight{padding: 72px 0;}
body.vt .sec-head{margin-bottom: 48px;}
body.vt .split-head{display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 56px; align-items: end; margin-bottom: 48px;}
body.vt .split-head .body{margin: 0;}
body.vt .ph{padding: 56px 0 88px; background: var(--bg);}
body.vt .crumb{display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 40px; padding: 0; list-style: none; font-size: 15px; color: var(--muted);}
body.vt .crumb a{color: var(--muted); text-decoration: none;}
body.vt .crumb a:hover{color: var(--acc);}
body.vt .crumb li + li::before{content: "/"; margin-right: 8px; color: var(--line2);}
body.vt .ph-grid{display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: 64px; align-items: center;}
body.vt .facts{padding: 28px; border: 1px solid var(--line); border-radius: 14px; background: var(--surface);}
body.vt .facts-k{margin: 0 0 6px; font-size: 14px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--muted);}
body.vt .facts dl{margin: 0;}
body.vt .facts dl div{display: grid; grid-template-columns: 140px minmax(0, 1fr); gap: 16px; padding: 13px 0; border-top: 1px solid var(--line); font-size: 16px;}
body.vt .facts dl div:first-child{border-top: 0;}
body.vt .facts dt{color: var(--muted);}
body.vt .facts dd{margin: 0; font-weight: 600;}
body.vt .g2{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px;}
body.vt .g3{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px;}
body.vt .g4{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px;}
body.vt .card{display: flex; flex-direction: column; padding: 28px; border: 1px solid var(--line); border-radius: 14px; background: var(--surface);}
body.vt .card > .ic,
body.vt .card > .elementor-element > .ic,
body.vt .card > .elementor-element > .elementor-widget-container > .ic{width: 26px; height: 26px; color: var(--acc);}
body.vt .card .h3{margin-top: 16px;}
body.vt .card p{margin: 10px 0 0; font-size: 16px; color: var(--muted);}
body.vt .card .lnk{margin-top: auto; padding-top: 18px;}
body.vt .card-k{margin: 0 0 8px; color: var(--acc); font-weight: 700; font-size: 14px; letter-spacing: 2px; text-transform: uppercase;}
body.vt .card ul,
body.vt .list{list-style: none; margin: 16px 0 0; padding: 0;}
body.vt .card li,
body.vt .list li{display: flex; gap: 10px; align-items: flex-start; padding: 9px 0; border-top: 1px solid var(--line); font-size: 16px;}
body.vt .card li .ic,
body.vt .list li .ic{width: 16px; height: 16px; margin-top: 4px; color: var(--acc);}
body.vt .line{padding-top: 20px; border-top: 2px solid var(--acc);}
body.vt .line-t{margin: 0 0 10px; font-weight: 700; font-size: 19px; line-height: 1.25;}
body.vt .line-d{margin: 0; font-size: 16px; color: var(--muted);}
body.vt .steps{display: grid; grid-template-columns: repeat(var(--n, 4), minmax(0, 1fr)); gap: 0; margin: 0; padding: 0; list-style: none; counter-reset: st;}
body.vt .step{position: relative; padding: 0 24px 0 0;}
body.vt .step::before{counter-increment: st; content: counter(st, decimal-leading-zero); display: grid; place-items: center; width: 44px; height: 44px; border: 2px solid var(--acc); border-radius: 50%; background: var(--bg); color: var(--acc); font-weight: 700; font-size: 16px; position: relative; z-index: 1;}
body.vt .step::after{content: ""; position: absolute; left: 44px; right: 0; top: 21px; height: 2px; background: var(--line);}
body.vt .step:last-child::after{display: none;}
body.vt .step-w{margin: 18px 0 4px; color: var(--acc); font-weight: 700; font-size: 14px; letter-spacing: 2px; text-transform: uppercase;}
body.vt .step-t{margin: 0; font-weight: 700; font-size: 19px; line-height: 1.25;}
body.vt .step-d{margin: 6px 0 0; font-size: 16px; color: var(--muted);}
body.vt .tbl{border: 1px solid var(--line); border-radius: 12px; overflow: hidden; background: var(--surface); font-size: 16px;}
body.vt .tr{display: grid; grid-template-columns: var(--cols, minmax(0, 1.2fr) repeat(3, minmax(0, 1fr))); gap: 16px; align-items: center; padding: 14px 20px; border-top: 1px solid var(--line);}
body.vt .tr:first-child{border-top: 0;}
body.vt .th{font-size: 14px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: var(--muted); background: var(--bg2);}
body.vt .tr .ic{width: 18px; height: 18px; color: var(--acc);}
body.vt .tbl-wrap{overflow-x: auto;}
body.vt .note{display: flex; gap: 14px; padding: 20px 22px; border: 1px solid var(--line); border-left: 3px solid var(--acc); border-radius: 10px; background: var(--surface); font-size: 16px; color: var(--muted);}
body.vt .note .ic{color: var(--acc);}
body.vt .note b{color: var(--text);}
body.vt .faq-grid{display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 64px; align-items: start;}
body.vt .faq{border-top: 1px solid var(--line);}
body.vt .faq details{border-bottom: 1px solid var(--line);}
body.vt .faq summary{list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 18px; min-height: 64px; padding: 16px 0; font-weight: 700; font-size: 19px;}
body.vt .faq summary::-webkit-details-marker{display: none;}
body.vt .faq summary .ic{color: var(--acc); transition: transform .25s var(--ease);}
body.vt .faq details[open] summary .ic{transform: rotate(45deg);}
body.vt .faq .ans{margin: 0; padding: 0 0 22px; color: var(--muted); font-size: 17px; max-width: 64ch;}
body.vt .cta{padding: 96px 0; background: #28343E; color: #EEF2F5;}
body.vt .cta-in{display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); gap: 48px; align-items: end;}
body.vt .cta .eyebrow{color: #8ED973;}
body.vt .cta p{margin: 20px 0 0; color: #A9B8C4; font-size: 19px; max-width: 54ch;}
body.vt .cta .cta-row{justify-content: flex-end; margin: 0;}
body.vt .cta .btn-p{background: #8ED973; border-color: #8ED973; color: #1F2C37;}
body.vt .cta .btn-p:hover{background: #A3E48B; border-color: #A3E48B;}
body.vt .cta .btn-s{color: #EEF2F5; border-color: rgba(238,242,245,.4);}
body.vt .form{display: grid; gap: 16px; padding: 28px; border: 1px solid var(--line); border-radius: 14px; background: var(--surface);}
body.vt .fld{display: grid; gap: 6px; font-size: 15px; font-weight: 600;}
body.vt .fld input,
body.vt .fld textarea,
body.vt .fld select{width: 100%; min-height: 48px; padding: 10px 14px; border: 1px solid var(--line2); border-radius: 6px; background: var(--bg); color: var(--text); font: inherit; font-weight: 400;}
body.vt .fld textarea{min-height: 120px; resize: vertical;}
body.vt .chk{display: flex; gap: 10px; align-items: flex-start; font-size: 15px; color: var(--muted);}
body.vt .chk input{width: 20px; height: 20px; margin-top: 2px; accent-color: #5CAF2F;}
body.vt .reveal{animation: rise .6s var(--ease) both;}
@keyframes rise{from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; }}
@media (max-width: 1100px){
body.vt .ph-grid,
body.vt .split-head,
body.vt .faq-grid,
body.vt .cta-in{grid-template-columns: minmax(0, 1fr); gap: 40px;}
body.vt .cta .cta-row{justify-content: flex-start;}
body.vt .g3,
body.vt .g4{grid-template-columns: repeat(2, minmax(0, 1fr));}
body.vt .steps{grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 36px;}
body.vt .step:nth-child(2n)::after{display: none;}
}
@media (max-width: 720px){
body.vt .wrap{padding: 0 20px;}
body.vt .sec{padding: 72px 0;}
body.vt .ph{padding: 32px 0 64px;}
body.vt .crumb{margin-bottom: 28px;}
body.vt .lead{font-size: 19px; line-height: 29px;}
body.vt .g2,
body.vt .g3,
body.vt .g4{grid-template-columns: minmax(0, 1fr);}
body.vt .steps{grid-template-columns: minmax(0, 1fr);}
body.vt .step::after{display: none;}
body.vt .facts dl div{grid-template-columns: minmax(0, 1fr); gap: 2px;}
body.vt .tr{grid-template-columns: minmax(0, 1fr) !important; gap: 4px;}
body.vt .cta-row .btn{width: 100%;}
}
@media (prefers-reduced-motion: reduce){
body.vt *,
body.vt *::before,
body.vt *::after{animation: none !important; transition-duration: .01ms !important;}
}
body.vt .vis,
body.vt .vis b{display: inline !important; margin: 0 !important; padding: 0 !important; font-size: inherit !important; line-height: inherit !important; letter-spacing: .02em !important; text-transform: uppercase !important; font-family: 'Jost', sans-serif !important; font-weight: 600 !important;}
body.vt .vis b{color: #5CAF2F !important;}
body.vt .duties{display: grid; grid-template-columns: repeat(var(--dn, 3), minmax(0, 1fr)); gap: 12px;}
body.vt .duty{display: flex; gap: 14px; align-items: flex-start; padding: 20px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface);}
body.vt .duty i{display: grid; place-items: center; flex-shrink: 0; width: 32px; height: 32px; border-radius: 8px; background: var(--acc-bg); color: var(--acc); font-style: normal; font-weight: 700; font-size: 14px;}
body.vt .duty b{display: block; font-size: 17px; line-height: 1.3;}
body.vt .duty span{display: block; margin-top: 4px; color: var(--muted); font-size: 15px;}
body.vt .split2{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px;}
body.vt .split2 .card{padding: 32px;}
body.vt .split2 .card.t-dark{background: #28343E; border-color: #3E5060;}
body.vt .chkbox{display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 48px; align-items: start;}
body.vt .q{padding: 18px 0; border-top: 1px solid var(--line);}
body.vt .q p{margin: 0 0 10px; font-weight: 700; font-size: 17px;}
body.vt .opts{display: flex; flex-wrap: wrap; gap: 8px;}
body.vt .opt{min-height: 40px; padding: 0 16px; border: 1px solid var(--line2); border-radius: 999px; background: transparent; color: var(--text); font-family: 'Barlow Semi Condensed', sans-serif; font-size: 15px; font-weight: 600; cursor: pointer;}
body.vt .opt.on{border-color: var(--acc); background: var(--acc-bg);}
body.vt .res{padding: 28px; border-radius: 14px; border: 1px solid var(--line); background: var(--surface);}
body.vt .res-k{margin: 0; color: var(--acc); font-weight: 700; font-size: 14px; letter-spacing: 2px; text-transform: uppercase;}
body.vt .res-t{margin: 10px 0 0; font-family: 'Jost', sans-serif; font-weight: 600; font-size: 24px; line-height: 1.15; text-transform: uppercase;}
body.vt .res-d{margin: 12px 0 0; color: var(--muted); font-size: 17px;}
body.vt .res .btn{margin-top: 20px;}
body.vt .res-n{margin: 14px 0 0; font-size: 14px; color: var(--muted);}
body.vt .rel{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px;}
body.vt .rel a{display: block; padding: 24px; border: 1px solid var(--line); border-radius: 14px; background: var(--surface); color: var(--text); text-decoration: none; font-weight: 700; font-size: 19px; line-height: 1.3; transition: border-color .2s;}
body.vt .rel a:hover{border-color: var(--line2); color: var(--text);}
body.vt .rel a span{display: block; margin-bottom: 10px; color: var(--acc); font-size: 14px; letter-spacing: 2px; text-transform: uppercase;}
body.vt .tl{position: relative; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; margin-top: 40px; padding: 22px 0 0; border-top: 2px solid var(--line); list-style: none;}
body.vt .tl li{position: relative; padding-right: 18px;}
body.vt .tl li::before{content: ""; position: absolute; top: -31px; left: 0; width: 16px; height: 16px; border-radius: 50%; border: 2px solid var(--acc); background: var(--bg);}
body.vt .tl b{display: block; color: var(--acc); font-size: 14px; letter-spacing: 1.5px; text-transform: uppercase;}
body.vt .tl span{display: block; margin-top: 4px; font-weight: 700; font-size: 17px; line-height: 1.25;}
@media (max-width: 1100px){
body.vt .duties{grid-template-columns: repeat(2, minmax(0, 1fr));}
body.vt .split2,
body.vt .chkbox{grid-template-columns: minmax(0, 1fr);}
body.vt .rel{grid-template-columns: minmax(0, 1fr);}
}
@media (max-width: 720px){
body.vt .duties{grid-template-columns: minmax(0, 1fr);}
body.vt .tl{grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 40px;}
}
body.vt .show{position: relative; padding: 56px 0 0; background: #28343E; color: #FFFFFF; overflow: hidden;}
body.vt .show .wrap{position: relative;}
body.vt .show .vis{color: #FFFFFF;}
body.vt .ux .vis{color: #1E2A33;}
body.vt .show-head{display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; margin-bottom: 28px;}
body.vt .show-head .eyebrow{color: #8ED973;}
body.vt .show-head h2{margin: 6px 0 0; font-family: 'Jost', sans-serif; font-weight: 600; font-size: 28px; line-height: 1.15; text-transform: uppercase; color: #FFFFFF;}
body.vt .show-head p.sh-d{max-width: 460px; margin: 0; color: #C9D3DA; font-size: 17px;}
body.vt .ux{display: grid; grid-template-columns: 56px minmax(0, 1fr); border: 1px solid #52667A; border-bottom: 0; border-radius: 14px 14px 0 0; overflow: hidden; background: #F5F7F8; color: #1E2A33; font-family: 'Barlow Semi Condensed', sans-serif; font-size: 14px; line-height: 1.35; box-shadow: 0 -24px 64px -24px rgba(0,0,0,.5);}
body.vt .ux.solo{grid-template-columns: minmax(0, 1fr);}
body.vt .ux-rail{display: flex; flex-direction: column; align-items: center; gap: 14px; padding: 12px 0; background: #28343E; color: #A9B8C4;}
body.vt .ux-rail img{width: 32px; height: auto; margin-bottom: 6px;}
body.vt .ux-rail .ic{width: 16px; height: 16px;}
body.vt .ux-rail .on{color: #8ED973;}
body.vt .ux-top{display: flex; align-items: center; gap: 10px; min-height: 46px; padding: 0 16px; background: #FFFFFF; border-bottom: 1px solid #E3E8EC;}
body.vt .ux-search{width: 150px; height: 28px; padding: 0 12px; border: 1px solid #CDD5DC; border-radius: 999px; color: #5A6B78; display: flex; align-items: center;}
body.vt .ux-crumb{color: #5A6B78;}
body.vt .ux-crumb b{color: #1E2A33;}
body.vt .ux-demo{margin-left: auto; padding: 2px 8px; border-radius: 999px; background: #FDF1DC; color: #8A5A00; font-weight: 600;}
body.vt .ux-av{width: 28px; height: 28px; border-radius: 50%; background: #E6F4E7; color: #23672B; font-weight: 700; display: grid; place-items: center;}
body.vt .ux-body{display: grid; grid-template-columns: var(--uxc, 1.6fr 1fr); gap: 12px; padding: 16px;}
body.vt .ux-col{display: grid; gap: 12px; align-content: start; min-width: 0;}
body.vt .ux-body > *,
body.vt .ux-body > .elementor-element > *,
body.vt .ux-body > .elementor-element > .elementor-widget-container > *,
body.vt .ux-card{min-width: 0;}
body.vt .ux-card{padding: 14px; border: 1px solid #E3E8EC; border-radius: 10px; background: #FFFFFF;}
body.vt .ux-h{display: flex; justify-content: space-between; align-items: center; gap: 10px; margin: 0 0 10px; font-weight: 700; font-size: 15px;}
body.vt .ux-h small{color: #5A6B78; font-weight: 500; font-size: 14px;}
body.vt .ux-sub{margin: -6px 0 10px; color: #5A6B78;}
body.vt .ux-row{display: grid; grid-template-columns: var(--rc, minmax(0, 1fr) auto); gap: 10px; align-items: center; padding: 7px 0; border-top: 1px solid #E3E8EC;}
body.vt .ux-row.th{border-top: 0; padding-top: 0; color: #5A6B78; font-weight: 600; text-transform: none; letter-spacing: 0; font-size: 14px; background: none;}
body.vt .ux-row > span,
body.vt .ux-row > .elementor-element > span,
body.vt .ux-row > .elementor-element > .elementor-widget-container > span{min-width: 0;}
body.vt .ux-row b{font-weight: 600;}
body.vt .ux-row a{color: #3B7A1C; font-weight: 600; text-decoration: none;}
body.vt .ux-mut{color: #5A6B78;}
body.vt .ux-bar{position: relative; height: 6px; border-radius: 3px; background: #E3E8EC; overflow: hidden;}
body.vt .ux-bar i{position: absolute; inset: 0 auto 0 0; border-radius: 3px; background: #5CAF2F;}
body.vt .ux-bar.w i{background: #D9A441;}
body.vt .ux-bar.r i{background: #D9534F;}
body.vt .c{display: inline-flex; align-items: center; gap: 4px; padding: 1px 8px; border-radius: 5px; font-weight: 600; white-space: nowrap;}
body.vt .c-ok{background: #E6F4E7; color: #23672B;}
body.vt .c-w{background: #FDF1DC; color: #8A5A00;}
body.vt .c-r{background: #FBE7E5; color: #A3302A;}
body.vt .c-n{background: #EEF1F3; color: #1E2A33;}
body.vt .c-b{background: #E5EEF8; color: #23507F;}
body.vt .ux-kpis{display: grid; grid-template-columns: repeat(var(--kn, 4), minmax(0, 1fr)); gap: 8px;}
body.vt .ux-kpi{padding: 10px; border: 1px solid #E3E8EC; border-radius: 8px; background: #FFFFFF;}
body.vt .ux-kpi b{display: block; font-family: 'Jost', sans-serif; font-weight: 600; font-size: 22px; line-height: 1.1;}
body.vt .ux-kpi span{color: #5A6B78;}
body.vt .ux-kpi.ok b{color: #23672B;}
body.vt .ux-kpi.w b{color: #8A5A00;}
body.vt .ux-kpi.r b{color: #A3302A;}
body.vt .ux-steps{display: grid; gap: 6px;}
body.vt .ux-step{display: grid; grid-template-columns: 26px minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 8px 10px; border: 1px solid #E3E8EC; border-radius: 8px; background: #FFFFFF;}
body.vt .ux-step i{display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; background: #EEF1F3; font-style: normal; font-weight: 700;}
body.vt .ux-step.done i{background: #5CAF2F; color: #FFFFFF;}
body.vt .ux-step.now{border-color: #5CAF2F; box-shadow: inset 3px 0 0 #5CAF2F;}
body.vt .ux-btn{display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 6px; background: #28343E; color: #FFFFFF; font-weight: 600;}
body.vt .ux-btn.g{background: #5CAF2F;}
body.vt .ux-btn.o{background: #FFFFFF; color: #1E2A33; border: 1px solid #CDD5DC;}
body.vt .sq{display: grid; grid-template-columns: repeat(var(--sq, 8), 14px); gap: 4px;}
body.vt .sq span{width: 14px; height: 14px; border-radius: 3px; background: #E3E8EC;}
body.vt .sq .g{background: #5CAF2F;}
body.vt .sq .y{background: #E8C06A;}
body.vt .sq .x{background: #CDD5DC;}
body.vt .theme{display: grid; gap: 8px; padding: 12px; border: 1px solid #E3E8EC; border-radius: 8px; background: #FFFFFF;}
body.vt .theme b{font-size: 15px;}
body.vt .legend{display: flex; flex-wrap: wrap; gap: 12px; margin-top: 10px; color: #5A6B78;}
body.vt .legend span::before{content: ""; display: inline-block; width: 10px; height: 10px; margin-right: 6px; border-radius: 2px; background: var(--lc);}
body.vt .bars{display: grid; gap: 8px;}
body.vt .bar-r{display: grid; grid-template-columns: 190px minmax(0, 1fr) 34px; gap: 10px; align-items: center;}
body.vt .bar-t{position: relative; height: 12px; border-radius: 3px; background: #EEF1F3;}
body.vt .bar-t i{position: absolute; inset: 0 auto 0 0; border-radius: 3px; background: #5CAF2F;}
body.vt .bar-t i.w{background: #D9A441;}
body.vt .bar-t .tgt{position: absolute; top: -4px; bottom: -4px; width: 0; border-left: 2px dashed #28343E;}
body.vt .vbars{display: flex; align-items: flex-end; gap: 10px; height: 120px; padding-top: 8px; border-bottom: 1px solid #CDD5DC;}
body.vt .vbars div{flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; gap: 4px; height: 100%;}
body.vt .vbars i{display: block; width: 100%; max-width: 34px; border-radius: 4px 4px 0 0; background: #5CAF2F;}
body.vt .vbars i.w{background: #D9A441;}
body.vt .vbars b{font-weight: 600;}
body.vt .vlab{display: flex; gap: 10px; margin-top: 6px; color: #5A6B78;}
body.vt .vlab span{flex: 1; text-align: center;}
body.vt .mx7{display: grid; grid-template-columns: 180px repeat(7, minmax(0, 1fr)); gap: 4px; align-items: center;}
body.vt .mx7 span{display: grid; place-items: center; height: 26px; border-radius: 4px; font-weight: 700;}
body.vt .mx7 .h{height: auto; color: #5A6B78; font-weight: 600;}
body.vt .mx7 .t{place-items: center start; height: auto; font-weight: 500;}
body.vt .l1{background: #E6F4E7; color: #23672B;}
body.vt .l2{background: #FDF1DC; color: #8A5A00;}
body.vt .l3{background: #FBE2CF; color: #8A3B00;}
body.vt .l4{background: #FBE7E5; color: #A3302A;}
body.vt .flowv{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; align-items: stretch;}
body.vt .flowv > div,
body.vt .flowv > .elementor-element > div,
body.vt .flowv > .elementor-element > .elementor-widget-container > div{position: relative; display: grid; gap: 8px; align-content: start; padding: 0 22px 0 0;}
body.vt .flowv > div:not(:last-child)::after,
body.vt .flowv > .elementor-element > div:not(:last-child)::after,
body.vt .flowv > .elementor-element > .elementor-widget-container > div:not(:last-child)::after{content: "→"; position: absolute; right: 2px; top: 28px; color: #5A6B78; font-size: 16px;}
body.vt .flowv h5{margin: 0; color: #5A6B78; font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px;}
body.vt .node{padding: 8px 10px; border: 1px solid #E3E8EC; border-radius: 8px; background: #FFFFFF;}
body.vt .node b{display: block;}
body.vt .browser{border: 1px solid #52667A; border-bottom: 0; border-radius: 14px 14px 0 0; overflow: hidden; background: #F5F7F8; box-shadow: 0 -24px 64px -24px rgba(0,0,0,.5);}
body.vt .br-bar{display: flex; align-items: center; gap: 8px; height: 38px; padding: 0 14px; background: #E9EDF0; color: #1E2A33; font-size: 14px;}
body.vt .br-bar i{width: 10px; height: 10px; border-radius: 50%; background: #CDD5DC;}
body.vt .br-url{flex: 1; max-width: 420px; margin-left: 10px; padding: 3px 12px; border-radius: 999px; background: #FFFFFF; color: #5A6B78;}
body.vt .ux.wl .ux-rail{background: #1F3B57;}
body.vt .ux.wl .ux-rail .on{color: #9CC7F2;}
body.vt .wl-logo{display: grid; place-items: center; width: 36px; height: 36px; margin-bottom: 6px; border: 1px dashed #9CC7F2; border-radius: 8px; color: #9CC7F2; font-size: 14px; font-weight: 700;}
body.vt .ux.wl .ux-av{background: #E5EEF8; color: #23507F;}
body.vt .ux.wl .ux-bar i{background: #2F6FB0;}
body.vt .pillars{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; padding-bottom: 56px;}
body.vt .pillar{padding: 24px; border: 1px solid #52667A; border-radius: 14px; background: rgba(255,255,255,.04);}
body.vt .pillar .ic{width: 26px; height: 26px; color: #8ED973;}
body.vt .pillar h3{margin: 14px 0 8px; font-family: 'Jost', sans-serif; font-weight: 600; font-size: 20px; text-transform: uppercase; color: #FFFFFF;}
body.vt .pillar ul{list-style: none; margin: 0; padding: 0; color: #C9D3DA; font-size: 16px;}
body.vt .pillar li{padding: 6px 0; border-top: 1px solid #3E5060;}
body.vt .pill-base{grid-column: 1 / -1; display: flex; justify-content: center; align-items: center; gap: 12px; padding: 16px; border: 1px dashed #8ED973; border-radius: 14px; color: #FFFFFF; font-weight: 600; font-size: 17px;}
body.vt .tlx{display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0; padding-bottom: 56px; list-style: none; margin: 0;}
body.vt .tlx li{position: relative; padding: 26px 16px 0 0; border-top: 2px solid #52667A;}
body.vt .tlx li::before{content: ""; position: absolute; top: -9px; left: 0; width: 16px; height: 16px; border-radius: 50%; background: #28343E; border: 2px solid #8ED973;}
body.vt .tlx b{display: block; font-family: 'Jost', sans-serif; font-weight: 600; font-size: 24px; color: #8ED973;}
body.vt .tlx span{display: block; margin-top: 4px; color: #FFFFFF; font-weight: 600; font-size: 17px;}
body.vt .tlx small{display: block; margin-top: 4px; color: #C9D3DA; font-size: 15px;}
body.vt .phases{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin: 28px 0;}
body.vt .phase{position: relative; padding: 18px; border-radius: 12px; background: #28343E; color: #FFFFFF;}
body.vt .phase:not(:last-child)::after{content: ""; position: absolute; right: -8px; top: 50%; width: 14px; height: 14px; background: #28343E; transform: translateY(-50%) rotate(45deg); z-index: 1;}
body.vt .phase b{display: block; color: #8ED973; font-size: 14px; letter-spacing: 1.5px; text-transform: uppercase;}
body.vt .phase span{display: block; margin-top: 6px; font-weight: 700; font-size: 17px;}
body.vt .phase small{display: block; margin-top: 4px; color: #C9D3DA; font-size: 15px;}
body.vt .pt-mock{margin-top: 28px; padding: 18px; border-radius: 12px; background: #FFFFFF; color: #1E2A33; font-size: 14px;}
@media (max-width: 1100px){
body.vt .ux-body{grid-template-columns: minmax(0, 1fr);}
body.vt .show-head{flex-direction: column; align-items: flex-start;}
body.vt .pillars{grid-template-columns: minmax(0, 1fr);}
}
@media (max-width: 720px){
body.vt .ux{grid-template-columns: minmax(0, 1fr);}
body.vt .ux-rail{display: none;}
body.vt .ux-search,
body.vt .ux-crumb{display: none;}
body.vt .ux-scroll.wide{overflow-x: auto;}
body.vt .ux-scroll.wide > *,
body.vt .ux-scroll.wide > .elementor-element > *,
body.vt .ux-scroll.wide > .elementor-element > .elementor-widget-container > *{min-width: 560px;}
body.vt .ux-kpis{grid-template-columns: repeat(2, minmax(0, 1fr));}
body.vt .bar-r{grid-template-columns: 120px minmax(0, 1fr) 30px;}
body.vt .flowv{grid-template-columns: minmax(0, 1fr); gap: 12px;}
body.vt .flowv > div::after,
body.vt .flowv > .elementor-element > div::after,
body.vt .flowv > .elementor-element > .elementor-widget-container > div::after{display: none;}
body.vt .tlx{grid-template-columns: minmax(0, 1fr); row-gap: 8px;}
body.vt .tlx li{border-top: 0; border-left: 2px solid #52667A; padding: 0 0 18px 24px;}
body.vt .tlx li::before{top: 0; left: -9px;}
body.vt .phases{grid-template-columns: minmax(0, 1fr);}
body.vt .phase::after{display: none;}
}
body.vt .kai{padding: 12px; border: 1px solid #BFE0AE; border-radius: 10px; background: #F3FAEF;}
body.vt .kai-k{display: flex; align-items: center; gap: 6px; margin: 0 0 6px; color: #3B7A1C; font-weight: 700;}
body.vt .kai-k .ic{width: 16px; height: 16px;}
body.vt .kai p.kai-t{margin: 0; color: #1E2A33;}
body.vt .kai-act{display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px;}
body.vt .fld{display: grid; gap: 4px; margin-bottom: 10px;}
body.vt .fld-l{color: #5A6B78; font-weight: 600;}
body.vt .fld-v{min-height: 32px; padding: 6px 10px; border: 1px solid #CDD5DC; border-radius: 6px; background: #FFFFFF;}
body.vt .fld-v.empty{color: #9AA8B3;}
body.vt .chat{display: grid; gap: 10px;}
body.vt .msg{max-width: 88%; padding: 10px 12px; border-radius: 12px;}
body.vt .msg.u{justify-self: end; background: #28343E; color: #FFFFFF; border-bottom-right-radius: 4px;}
body.vt .msg.b{justify-self: start; background: #FFFFFF; border: 1px solid #E3E8EC; border-bottom-left-radius: 4px;}
body.vt .msg ul{margin: 6px 0 0; padding-left: 18px;}
body.vt .tool{display: inline-flex; align-items: center; gap: 6px; justify-self: start; padding: 4px 10px; border: 1px dashed #9AA8B3; border-radius: 999px; color: #5A6B78; font-weight: 600;}
body.vt .tool .ic{width: 14px; height: 14px; color: #5CAF2F;}
body.vt .ask{display: flex; align-items: center; gap: 8px; margin-top: 4px; padding: 8px 12px; border: 1px solid #CDD5DC; border-radius: 10px; background: #FFFFFF; color: #9AA8B3;}
body.vt .calc{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px;}
body.vt .calc-box{padding: 24px; border: 1px solid var(--line); border-radius: 14px; background: var(--surface);}
body.vt .calc-row{display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 16px; font-weight: 600;}
body.vt .calc-row span{padding: 6px 10px; border: 1px solid var(--line2); border-radius: 8px; background: var(--bg2);}
body.vt .calc-row i{font-style: normal; color: var(--muted);}
body.vt .calc-row span.calc-res{border-color: #5CAF2F; background: rgba(92,175,47,.12); color: var(--text); font-weight: 700;}
@media (max-width: 1100px){
body.vt .calc{grid-template-columns: minmax(0, 1fr);}
}
body.vt .promise{display: flex; flex-wrap: wrap; gap: 8px 22px; margin-top: 22px; color: var(--muted); font-size: 16px;}
body.vt .promise span{display: inline-flex; align-items: center; gap: 8px;}
body.vt .promise .ic{width: 16px; height: 16px; color: var(--acc);}
body.vt .trust{border-bottom: 1px solid var(--line); background: var(--bg);}
body.vt .tr-in{display: flex; flex-wrap: wrap; align-items: center; gap: 18px 40px; padding-top: 26px; padding-bottom: 26px;}
body.vt .tr-k{margin: 0; font-weight: 700; font-size: 13px; letter-spacing: 2px; text-transform: uppercase; color: var(--muted);}
body.vt .tr-logos{display: flex; flex-wrap: wrap; align-items: center; gap: 18px 36px;}
body.vt .tr-logos img{display: block; width: auto;}
body.vt .tr-logos .m-cloud{height: 52px;}
body.vt .tr-logos .m-hm{height: 14px;}
body.vt .tr-logos .m-itk{height: 27px;}
body.vt .tr-logos .m-sv{height: 38px;}
body.vt .tr-f{display: inline-flex; align-items: flex-start; gap: 8px; max-width: 330px; margin: 0 0 0 auto; color: var(--muted); font-size: 16px; line-height: 1.4;}
body.vt .tr-f .ic{width: 16px; height: 16px; margin-top: 3px; color: var(--acc); flex-shrink: 0;}
body.vt .mcta{padding: 48px 0;}
body.vt .mc-in{display: flex; align-items: center; justify-content: space-between; gap: 20px 40px; padding: 28px 36px; border: 1px solid var(--line); border-left: 6px solid var(--acc); background: var(--bg2);}
body.vt .mc-t{margin: 0; max-width: 46ch; font-weight: 700; font-size: 22px; line-height: 1.3; color: var(--text);}
body.vt .mc-in .btn{flex-shrink: 0;}
body.vt .art-cta{display: flex; align-items: center; justify-content: space-between; gap: 16px 28px; margin: 36px 0; padding: 22px 26px; border: 1px solid var(--line); border-left: 6px solid var(--acc); background: var(--bg2);}
body.vt .art-cta p{margin: 0; font-weight: 700; font-size: 19px; line-height: 1.35; color: var(--text);}
body.vt .toc-cta{margin-top: 28px; padding-top: 22px; border-top: 1px solid var(--line);}
body.vt .toc .toc-cta p{margin: 0 0 14px; font-weight: 700; font-size: 17px; letter-spacing: 0; text-transform: none; line-height: 1.35; color: var(--text);}
body.vt .toc .toc-cta a.btn{display: inline-flex; margin: 0; padding: 0 20px; border-left: 0; color: var(--on-cta); font-size: 16px; font-weight: 600; line-height: 1;}
body.vt .toc-cta .promise{margin-top: 12px; font-size: 14px;}
body.vt .sg-steps span.k{position: static; z-index: auto; background: none; border: 0;}
body.vt .h1{text-wrap: balance;}
@media (max-width: 720px){
body.vt .tr-in{gap: 14px 24px; padding-top: 22px; padding-bottom: 22px;}
body.vt .tr-k{flex-basis: 100%;}
body.vt .tr-logos{gap: 14px 24px;}
body.vt .tr-logos .m-cloud{height: 42px;}
body.vt .tr-logos .m-hm{height: 11px;}
body.vt .tr-logos .m-itk{height: 22px;}
body.vt .tr-logos .m-sv{height: 30px;}
body.vt .tr-f{max-width: none; margin-left: 0; font-size: 15px;}
body.vt .mcta{padding: 32px 0;}
body.vt .mc-in,
body.vt .art-cta{flex-direction: column; align-items: flex-start; padding: 22px;}
body.vt .mc-t{font-size: 19px;}
}
body.vt.t-light,
body.vt .t-light{--edge: #5CAF2F;}
body.vt.t-dark,
body.vt .t-dark{--edge: #8ED973;}
body.vt .eyebrow::before{content: ""; display: inline-block; width: .73em; height: .95em; margin: 0 .78em 0 .1em; vertical-align: -.16em; background: linear-gradient(90deg, currentColor 0 .15em, transparent .15em .29em, currentColor .29em .44em, transparent .44em .58em, currentColor .58em .73em, transparent .73em); transform: skewX(-28deg);}
body.vt .st3{display: inline-flex; gap: .13em; height: .74em; margin-right: .6em; vertical-align: -.03em; color: var(--acc);}
body.vt .st3 i{display: block; width: .15em; background: currentColor; transform: skewX(-28deg);}
body.vt .flash{position: relative; display: inline-block; padding-right: .42em;}
body.vt .flash .fl{position: absolute; right: -.06em; top: -.2em; display: flex; gap: .075em; height: .52em;}
body.vt .flash .fl i{display: block; width: .09em; background: linear-gradient(180deg, var(--cta), #5CAF2F); transform: skewX(-28deg);}
body.vt .btn{border-radius: 0; --cx: 10px; --cy: 19px; clip-path: polygon(var(--cx) 0, 100% 0, 100% calc(100% - var(--cy)), calc(100% - var(--cx)) 100%, 0 100%, 0 var(--cy));}
body.vt .btn-s{--bc: var(--edge);}
body.vt .btn-s:hover{--bc: var(--text);}
body.vt .cta .btn-s{--bc: #8ED973;}
body.vt .btn-p{position: relative; overflow: hidden;}
body.vt .btn-p::after{content: ""; position: absolute; top: 0; bottom: 0; left: -90px; width: 64px; background: repeating-linear-gradient(118deg, rgba(31,44,55,.22) 0 7px, transparent 7px 15px); transition: left .6s var(--ease); pointer-events: none;}
body.vt .btn-p:hover::after{left: calc(100% + 30px);}
body.vt .card,
body.vt .facts,
body.vt .layer,
body.vt .price,
body.vt .tm,
body.vt .res,
body.vt .sc-card,
body.vt .stat,
body.vt .duty,
body.vt .pt-item,
body.vt .rel a,
body.vt .art,
body.vt .col,
body.vt .check,
body.vt .cmp,
body.vt .voice{border-radius: 0; --cx: 22px; --cy: 41px; --bc: var(--edge); clip-path: polygon(var(--cx) 0, 100% 0, 100% calc(100% - var(--cy)), calc(100% - var(--cx)) 100%, 0 100%, 0 var(--cy));}
body.vt .duty,
body.vt .pt-item{--cx: 14px; --cy: 26px;}
body.vt .price.hl{--bc: #5CAF2F;}
body.vt .btn-s,
body.vt .card,
body.vt .facts,
body.vt .layer,
body.vt .price,
body.vt .tm,
body.vt .res,
body.vt .sc-card,
body.vt .stat,
body.vt .duty,
body.vt .pt-item,
body.vt .rel a,
body.vt .art,
body.vt .col,
body.vt .check,
body.vt .cmp,
body.vt .voice{background-image: linear-gradient(to bottom right, transparent calc(50% - 2px), var(--bc) calc(50% - 2px), var(--bc) calc(50% + 2px), transparent calc(50% + 2px)), linear-gradient(to bottom right, transparent calc(50% - 2px), var(--bc) calc(50% - 2px), var(--bc) calc(50% + 2px), transparent calc(50% + 2px)) !important; background-size: var(--cx) var(--cy) !important; background-position: left top, right bottom !important; background-repeat: no-repeat !important; background-origin: border-box !important;}
body.vt .cta-k{position: relative; margin-top: -64px;}
body.vt .cta-k .cta{position: relative; overflow: hidden; padding-top: 160px; clip-path: polygon(0 64px, 40% 64px, calc(40% + 34px) 0, 100% 0, 100% 100%, 0 100%);}
body.vt .cta-bars{position: absolute; z-index: 2; top: 0; left: calc(40% - 112px); display: flex; gap: 14px; height: 64px; pointer-events: none;}
body.vt .cta-bars i{display: block; width: 20px; background: linear-gradient(180deg, #A3E48B, #5CAF2F); transform: skewX(-28deg); transform-origin: bottom left;}
body.vt .cta-st{position: absolute; right: 12%; top: 50%; display: flex; gap: 30px; height: 260px; transform: translateY(-42%); pointer-events: none;}
body.vt .cta-st i{display: block; width: 42px; background: linear-gradient(180deg, #A3E48B, #5CAF2F); transform: skewX(-28deg);}
body.vt .cta-k .wrap{position: relative; z-index: 1;}
body.vt .cta-k .cta-in{grid-template-columns: minmax(0, 1fr);}
body.vt .cta-k .cta-in > div,
body.vt .cta-k .cta-in > .elementor-element > div,
body.vt .cta-k .cta-in > .elementor-element > .elementor-widget-container > div{max-width: 640px;}
body.vt .cta-k .cta .cta-row{justify-content: flex-start; margin-top: 8px;}
body.vt .fb-wrap{position: relative; z-index: 2; margin: -44px 0;}
body.vt .fb{position: relative; transform: rotate(-1.4deg); filter: drop-shadow(0 22px 26px rgba(16,24,40,.28));}
body.vt .fb-g{position: absolute; left: -1%; right: 2%; top: 14px; bottom: -16px; background: #8ED973;}
body.vt .fb-d{position: relative; overflow: hidden; padding: 112px 0 122px; background: #1F2C37; color: #EEF2F5;}
body.vt .fb-d .brush{position: absolute; right: -30px; top: 50%; height: 140%; width: auto; transform: translateY(-50%); mix-blend-mode: lighten; pointer-events: none;}
body.vt .fb-d.has-list .brush{right: -330px;}
body.vt .fb-d::after{content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, #1F2C37 0%, #1F2C37 48%, rgba(31,44,55,0) 74%); pointer-events: none;}
body.vt .fb-d .wrap{position: relative; z-index: 1;}
body.vt .fb-q{margin: 0; max-width: 820px; font-family: 'Jost', sans-serif; font-weight: 600; text-transform: uppercase;}
body.vt .fb-q .a{display: block; font-size: clamp(18px, 2vw, 26px); line-height: 1.25; letter-spacing: .04em; color: #8ED973;}
body.vt .fb-q .b{display: block; margin-top: 14px; font-size: clamp(40px, 6vw, 88px); line-height: .95; letter-spacing: -.005em; color: #FFFFFF;}
body.vt .fb-q .vis{color: #EEF2F5;}
body.vt .fdl{position: absolute; right: 40px; top: 50%; transform: translateY(-50%); display: flex; flex-direction: column; align-items: flex-end; gap: 16px; filter: drop-shadow(0 16px 18px rgba(0,0,0,.35));}
body.vt .fdl .stk{position: relative; display: inline-flex; align-items: center; gap: 12px; padding: 14px 18px; background: #FFFFFF; font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 18px; color: #1E2A33; transform: rotate(var(--r)); clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 18px), calc(100% - 10px) 100%, 0 100%, 0 18px);}
body.vt .fdl .stk .ic{color: #5A6B78;}
body.vt .fdl .stk s{text-decoration-thickness: 2px; text-decoration-color: #5A6B78;}
body.vt .tick{position: relative; z-index: 3; width: 106%; margin-left: -3%; transform: rotate(-1.6deg); background: #8ED973; color: #1F2C37; overflow: hidden; box-shadow: 0 14px 30px -16px rgba(0,0,0,.45);}
body.vt .tick-run{display: flex; align-items: center; width: max-content; animation: sg-tick 30.7s linear infinite;}
body.vt .tick-run span.t{padding: 0 22px; font-family: 'Jost', sans-serif; font-weight: 600; font-size: 26px; letter-spacing: .03em; text-transform: uppercase; white-space: nowrap; line-height: 66px;}
body.vt .tick .st3{color: #1F2C37; margin: 0; height: 24px;}
@keyframes sg-tick{to { transform: translateX(-50%); }}
body.vt .tick-run .cp{display: contents;}
body.vt .tick-run{animation-duration: 30.7s;}
body.vt .tick:hover .tick-run,
body.vt.paused .tick-run{animation-play-state: paused;}
@media (max-width: 900px){
body.vt .tick-run{animation-duration: 24.8s;}
}
@media (max-width: 720px){
body.vt .tick-run{animation-duration: 32s;}
}
@media (max-width: 900px){
body.vt .cta-st{display: none;}
body.vt .cta-bars{left: 18px;}
body.vt .cta-k .cta{clip-path: polygon(0 64px, 130px 64px, 164px 0, 100% 0, 100% 100%, 0 100%);}
body.vt .fb-d{padding: 76px 0 84px;}
body.vt .fb-d .brush{right: -260px; opacity: .55;}
body.vt .fdl{position: static; transform: none; align-items: flex-start; margin-top: 32px;}
body.vt .fdl .stk{font-size: 14px; padding: 10px 14px;}
body.vt .tick-run span.t{font-size: 20px; line-height: 54px;}
}
@media (prefers-reduced-motion: reduce){
body.vt .tick-run{animation: none; width: 100%; flex-wrap: wrap; justify-content: center; padding: 8px 4%;}
body.vt .tick-run span.t{font-size: 20px; line-height: 48px;}
body.vt .tick-run .tk-dup,
body.vt .tick-run .cp > .st3:last-child,
body.vt .tick-run .cp > .elementor-element > .st3:last-child,
body.vt .tick-run .cp > .elementor-element > .elementor-widget-container > .st3:last-child{display: none;}
body.vt .btn-p::after{display: none;}
}
body.vt .btn:focus-visible{outline: 3px solid var(--acc); outline-offset: -6px;}
body.vt .cta .btn:focus-visible,
body.vt.t-dark .btn-p:focus-visible,
body.vt .t-dark .btn-p:focus-visible{outline-color: #1F2C37;}
body.vt .rel a:focus-visible,
body.vt a.art:focus-visible{outline-offset: -7px;}
body.vt .mem{display: flex; flex-wrap: wrap; align-items: center; gap: 20px 52px; margin-top: 44px; padding-top: 30px; border-top: 1px solid var(--line);}
body.vt .mem-k{margin: 0; flex-basis: 100%; font-weight: 700; font-size: 14px; letter-spacing: 2px; text-transform: uppercase; color: var(--muted);}
body.vt .mem img{display: block; width: auto;}
body.vt .mem a{display: block; border-radius: 4px; transition: opacity .2s;}
body.vt .mem a:hover{opacity: .7;}
body.vt .mem .m-cloud{height: 72px;}
body.vt .mem .m-hm{height: 20px;}
body.vt .mem .m-itk{height: 38px;}
body.vt .mem .m-sv{height: 52px;}
@media (max-width: 720px){
body.vt .mem{gap: 18px 32px;}
body.vt .mem .m-cloud{height: 60px;}
body.vt .mem .m-hm{height: 16px;}
body.vt .mem .m-itk{height: 30px;}
body.vt .mem .m-sv{height: 44px;}
}
body.vt .mem-sec{padding: 40px 0 96px;}
body.vt .mem-sec .mem{margin-top: 0;}
body.vt .mem .m-asc{height: 58px;}
@media (max-width: 720px){
body.vt .mem .m-asc{height: 48px;}
body.vt .mem-sec{padding: 44px 0 104px;}
}

/* ===== kopf ===== */
body.vt .k{position: relative; z-index: 60; background: #28343E; color: #EEF2F5; border-bottom: 1px solid #3E5060; font-family: 'Barlow Semi Condensed', Arial, sans-serif; -webkit-font-smoothing: antialiased;}
body.vt .k *,
body.vt .k *::before,
body.vt .k *::after{box-sizing: border-box;}
body.vt .k-in{display: flex; align-items: center; gap: 28px; max-width: 1240px; height: 72px; margin: 0 auto; padding: 0 40px;}
body.vt .k-logo{display: inline-flex; align-items: center; min-height: 44px; flex-shrink: 0;}
body.vt .k-logo img{display: block; height: 42px; width: auto;}
body.vt .k-nav{display: flex; align-items: center; gap: 4px; margin-left: auto;}
body.vt .k-a,
body.vt .k-btn{position: relative; display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 0 12px; border: 0; border-radius: 6px; background: none; color: #EEF2F5; font-family: 'Barlow Semi Condensed', sans-serif; font-size: 16px; font-weight: 600; text-decoration: none; cursor: pointer;}
body.vt .k-a:hover,
body.vt .k-btn:hover{color: #8ED973;}
body.vt .k-a.on::after,
body.vt .k-btn.on::after{content: ""; position: absolute; left: 12px; right: 12px; bottom: 6px; height: 2px; border-radius: 1px; background: #8ED973;}
body.vt .k-btn .ic{transition: transform .25s;}
body.vt .k-btn[aria-expanded="true"] .ic{transform: rotate(180deg);}
body.vt .k-cta{display: inline-flex; align-items: center; min-height: 44px; padding: 0 16px; border-radius: 6px; background: #8ED973; color: #1F2C37; font-size: 15px; font-weight: 600; letter-spacing: .05em; text-transform: uppercase; text-decoration: none; white-space: nowrap;}
body.vt .k-cta:hover{background: #A3E48B; color: #1F2C37;}
body.vt .k-cta{border-radius: 0; clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 19px), calc(100% - 10px) 100%, 0 100%, 0 19px);}
body.vt .k-cta:focus-visible{outline-offset: -6px;}
body.vt .k-menu{display: none; align-items: center; justify-content: center; width: 44px; height: 44px; margin-left: auto; border: 1px solid #3E5060; border-radius: 6px; background: none; color: #EEF2F5; cursor: pointer;}
body.vt .ic{width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0;}
body.vt .k a:focus-visible,
body.vt .k button:focus-visible{outline: 3px solid #8ED973; outline-offset: 3px;}
body.vt .k-mega{position: absolute; left: 0; right: 0; top: 100%; background: #22303B; border-bottom: 1px solid #3E5060; box-shadow: 0 32px 64px -24px rgba(0,0,0,.6);}
body.vt .k-mega-in{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(0, 1.1fr); gap: 32px; max-width: 1240px; margin: 0 auto; padding: 32px 40px 36px;}
body.vt .k-col-h{margin: 0 0 10px; font-size: 14px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: #A9B8C4;}
body.vt .k-link{display: block; padding: 8px 10px; margin: 0 -10px; border-radius: 6px; color: #EEF2F5; text-decoration: none;}
body.vt .k-link:hover{background: rgba(142,217,115,.08); color: #EEF2F5;}
body.vt .k-link b{display: block; font-size: 16px; font-weight: 600;}
body.vt .k-link span{display: block; font-size: 14px; color: #A9B8C4;}
body.vt .k-promo{padding: 22px; border: 1px solid #3E5060; border-radius: 12px; background: #2F3D49;}
body.vt .k-promo p{margin: 0;}
body.vt .k-promo .k-col-h{color: #8ED973;}
body.vt .k-promo-t{font-family: 'Jost', sans-serif; font-weight: 600; font-size: 20px; line-height: 1.15; text-transform: uppercase;}
body.vt .k-promo-d{margin-top: 10px !important; font-size: 15px; color: #A9B8C4;}
body.vt .k-promo a{display: inline-flex; align-items: center; gap: 8px; margin-top: 16px; color: #8ED973; font-weight: 600; text-decoration: none;}
body.vt .k-mnav{display: none; padding: 8px 20px 20px; border-top: 1px solid #3E5060; background: #28343E;}
body.vt .k-mnav a{display: flex; align-items: center; min-height: 48px; border-bottom: 1px solid #3E5060; color: #EEF2F5; font-size: 18px; font-weight: 600; text-decoration: none;}
body.vt .k-mnav .k-cta{justify-content: center; margin-top: 16px; border: 0; color: #1F2C37; font-size: 16px;}
@media (max-width: 1180px){
body.vt .k-nav,
body.vt .k-in > .k-cta,
body.vt .k-in > .elementor-element > .k-cta,
body.vt .k-in > .elementor-element > .elementor-widget-container > .k-cta{display: none;}
body.vt .k-menu{display: inline-flex;}
body.vt .k-mnav{display: block;}
body.vt .k-mega{display: none;}
}
@media (max-width: 720px){
body.vt .k-in{padding: 0 20px;}
body.vt .k-logo img{height: 36px;}
}

/* ===== fuss ===== */
body.vt .f{background: #1A252E; color: #EEF2F5; border-top: 1px solid #2E3D49; padding: 64px 0 30px; font-family: 'Barlow Semi Condensed', Arial, sans-serif; font-size: 16px; line-height: 1.5; -webkit-font-smoothing: antialiased;}
body.vt .f *,
body.vt .f *::before,
body.vt .f *::after{box-sizing: border-box;}
body.vt .f-in{max-width: 1240px; margin: 0 auto; padding: 0 40px;}
body.vt .f-grid{display: grid; grid-template-columns: 1.4fr repeat(4, minmax(0, 1fr)) 1.3fr; gap: 36px;}
body.vt .f-logo{display: inline-flex; min-height: 44px; align-items: center;}
body.vt .f-logo img{display: block; height: 46px; width: auto;}
body.vt .f-claim{margin: 16px 0 0; color: #A9B8C4; max-width: 30ch;}
body.vt .f-h{margin: 0 0 14px; font-size: 14px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: #A9B8C4;}
body.vt .f ul{list-style: none; margin: 0; padding: 0; display: grid; gap: 2px;}
body.vt .f ul a{display: inline-flex; align-items: center; gap: 8px; min-height: 32px; color: #EEF2F5; text-decoration: none;}
body.vt .f ul a:hover{color: #8ED973;}
body.vt .f-contact li{display: flex; gap: 10px; align-items: flex-start; padding: 5px 0;}
body.vt .ic{width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0;}
body.vt .f-contact .ic{color: #8ED973; margin-top: 3px;}
body.vt .f-trust{display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px;}
body.vt .f-trust span{padding: 4px 10px; border: 1px solid #3A4B59; border-radius: 6px; font-size: 14px; font-weight: 600; color: #C5D0D8;}
body.vt .f-bottom{display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px 28px; margin-top: 52px; padding-top: 22px; border-top: 1px solid #3A4B59; color: #A9B8C4; font-size: 15px;}
body.vt .f-bottom nav{display: flex; flex-wrap: wrap; gap: 6px 22px;}
body.vt .f-bottom a{color: #A9B8C4; text-decoration: none;}
body.vt .f-bottom a:hover{color: #8ED973;}
body.vt .f a:focus-visible{outline: 3px solid #8ED973; outline-offset: 3px;}
@media (max-width: 1100px){
body.vt .f-grid{grid-template-columns: repeat(3, minmax(0, 1fr));}
body.vt .f-brand,
body.vt .f-con{grid-column: 1 / -1;}
}
@media (max-width: 720px){
body.vt .f-in{padding: 0 20px;}
body.vt .f-grid{grid-template-columns: repeat(2, minmax(0, 1fr));}
}

/* ===== übernommen aus plattform.html ===== */
body.vt .pl-trust{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 6px 0 0; padding: 0; list-style: none;}
body.vt .pl-trust li{--cx: 14px; --cy: 26px; --bc: var(--line2); position: relative; display: flex; flex-direction: column; gap: 4px; padding: 18px 20px 20px; border: 1px solid var(--line); background-color: var(--surface); clip-path: polygon(var(--cx) 0, 100% 0, 100% calc(100% - var(--cy)), calc(100% - var(--cx)) 100%, 0 100%, 0 var(--cy)); background-image: linear-gradient(to bottom right, transparent calc(50% - 1.5px), var(--bc) calc(50% - 1.5px), var(--bc) calc(50% + 1.5px), transparent calc(50% + 1.5px)), linear-gradient(to bottom right, transparent calc(50% - 1.5px), var(--bc) calc(50% - 1.5px), var(--bc) calc(50% + 1.5px), transparent calc(50% + 1.5px)); background-size: var(--cx) var(--cy); background-position: left top, right bottom; background-repeat: no-repeat; background-origin: border-box; animation: trIn .6s var(--ease) both; transition: border-color .25s var(--ease), translate .25s var(--ease);}
body.vt .pl-trust li:nth-child(2){animation-delay: .08s;}
body.vt .pl-trust li:nth-child(3){animation-delay: .16s;}
body.vt .pl-trust li:nth-child(4){animation-delay: .24s;}
body.vt .pl-trust li:nth-child(5){animation-delay: .32s;}
body.vt .pl-trust li:hover{--bc: var(--acc); border-color: var(--acc); translate: 0 -3px;}
body.vt .pl-trust .tr-i{display: grid; place-items: center; width: 40px; height: 40px; margin-bottom: 10px; background: var(--acc-bg); color: var(--acc); clip-path: polygon(8px 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 8px); transition: background .25s var(--ease), color .25s var(--ease);}
body.vt .pl-trust li:hover .tr-i{background: var(--acc); color: #1F2C37;}
body.vt .pl-trust .tr-i .ic{width: 22px; height: 22px;}
body.vt .pl-trust b{font-size: 18px; font-weight: 700; line-height: 1.25; color: var(--text);}
body.vt .pl-trust small{font-size: 15px; line-height: 1.4; color: var(--muted);}
body.vt .pl-trust .tr-de{grid-column: 1 / -1; flex-direction: row; align-items: center; gap: 16px; padding: 18px 96px 18px 20px; overflow: hidden; background-color: #8ED973; border-color: #8ED973; --bc: #8ED973;}
body.vt .pl-trust .tr-de::after{content: ""; position: absolute; top: 0; bottom: 0; right: 22px; width: 58px; background: repeating-linear-gradient(118deg, rgba(31,44,55,.28) 0 7px, transparent 7px 15px);}
body.vt .pl-trust .tr-de .tr-i,
body.vt .pl-trust .tr-de:hover .tr-i{margin: 0; flex-shrink: 0; background: #1F2C37; color: #8ED973;}
body.vt .pl-trust .tr-de b{font-family: 'Jost', sans-serif; font-weight: 600; font-size: 19px; letter-spacing: .04em; text-transform: uppercase; color: #1F2C37;}
body.vt .pl-trust .tr-de:hover{border-color: #8ED973;}
@keyframes trIn{from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; }}
@media (max-width: 720px){
body.vt .pl-trust{grid-template-columns: minmax(0, 1fr); gap: 10px;}
body.vt .pl-trust li{display: grid; grid-template-columns: 40px minmax(0, 1fr); column-gap: 14px; row-gap: 2px; padding: 14px 16px;}
body.vt .pl-trust .tr-i{grid-row: span 2; margin: 0;}
body.vt .pl-trust .tr-de{display: flex; gap: 12px; padding-right: 44px;}
body.vt .pl-trust .tr-de::after{right: 12px; width: 24px;}
body.vt .pl-trust .tr-de b{font-size: 15px; letter-spacing: .03em;}
}

/* ===== übernommen aus index.html ===== */
body.vt .marquee{position: relative; overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent, #000 9%, #000 91%, transparent); mask-image: linear-gradient(90deg, transparent, #000 9%, #000 91%, transparent);}
body.vt .mq-track{display: flex; width: max-content; list-style: none; margin: 0; padding: 0; animation: marquee 56s linear infinite;}
body.vt .marquee:hover .mq-track,
body.vt.paused .mq-track{animation-play-state: paused;}
body.vt .mq-item{flex: 0 0 auto; padding-right: 40px;}
body.vt .mq-item:hover .seal{transform: scale(1.08);}
body.vt .voices{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px;}
body.vt .voice{display: flex; flex-direction: column; justify-content: space-between; gap: 28px; padding: 36px; border: 1px solid var(--line); border-radius: 14px; background: var(--surface);}
body.vt .voice-k{margin: 0 0 16px; color: var(--acc); font-weight: 700; font-size: 14px; letter-spacing: 2px; text-transform: uppercase;}
body.vt .voice-q{margin: 0; font-family: 'Jost', sans-serif; font-weight: 500; font-size: 22px; line-height: 1.4;}
body.vt .voice-who{display: flex; align-items: center; gap: 14px; padding-top: 22px; border-top: 1px solid var(--line);}
body.vt .avatar{display: grid; place-items: center; width: 48px; height: 48px; border-radius: 50%; background: var(--bg2); border: 1px solid var(--line); font-family: 'Jost', sans-serif; font-weight: 600; font-size: 16px; color: var(--text);}
body.vt .who-n{font-weight: 700; font-size: 17px;}
body.vt .who-r{font-size: 15px; color: var(--muted);}
@keyframes marquee{from { transform: translateX(0); } to { transform: translateX(-50%); }}
@media (max-width: 720px){
body.vt .mq-item{padding-right: 28px;}
body.vt .diffs,
body.vt .voices{grid-template-columns: minmax(0, 1fr);}
body.vt .voice{padding: 26px;}
body.vt .voice-q{font-size: 20px;}
}
@media (prefers-reduced-motion: reduce){
body.vt .marquee{-webkit-mask-image: none; mask-image: none;}
body.vt .mq-track{width: auto; flex-wrap: wrap; justify-content: center; row-gap: 16px; padding: 0 20px;}
body.vt .mq-dup{display: none;}
}
body.vt .card,
body.vt .facts,
body.vt .layer,
body.vt .price,
body.vt .tm,
body.vt .res,
body.vt .sc-card,
body.vt .stat,
body.vt .duty,
body.vt .pt-item,
body.vt .rel a,
body.vt .art,
body.vt .col,
body.vt .check,
body.vt .cmp,
body.vt .voice,
body.vt .lg-strip{border-radius: 0; --cx: 22px; --cy: 41px; --bc: var(--edge); clip-path: polygon(var(--cx) 0, 100% 0, 100% calc(100% - var(--cy)), calc(100% - var(--cx)) 100%, 0 100%, 0 var(--cy));}
body.vt .btn-s,
body.vt .card,
body.vt .facts,
body.vt .layer,
body.vt .price,
body.vt .tm,
body.vt .res,
body.vt .sc-card,
body.vt .stat,
body.vt .duty,
body.vt .pt-item,
body.vt .rel a,
body.vt .art,
body.vt .col,
body.vt .check,
body.vt .cmp,
body.vt .voice,
body.vt .lg-strip{background-image: linear-gradient(to bottom right, transparent calc(50% - 2px), var(--bc) calc(50% - 2px), var(--bc) calc(50% + 2px), transparent calc(50% + 2px)), linear-gradient(to bottom right, transparent calc(50% - 2px), var(--bc) calc(50% - 2px), var(--bc) calc(50% + 2px), transparent calc(50% + 2px)) !important; background-size: var(--cx) var(--cy) !important; background-position: left top, right bottom !important; background-repeat: no-repeat !important; background-origin: border-box !important;}
body.vt .lg-strip{margin-top: 20px; padding: 30px 0 32px; border: 1px solid var(--line); background-color: var(--bg);}
body.vt .lg-k{margin: 0 0 20px; text-align: center; color: var(--muted); font-weight: 700; font-size: 14px; letter-spacing: 2px; text-transform: uppercase;}
body.vt .lg-mq .mq-item{padding-right: 32px;}
body.vt .lg-slot{display: flex; align-items: center; justify-content: center; width: 180px; height: 68px; padding: 0 14px; border: 1px dashed var(--line2); border-radius: 8px; color: var(--muted); font-family: 'Jost', sans-serif; font-weight: 600; font-size: 17px; white-space: nowrap; transition: color .2s, border-color .2s;}
body.vt .lg-slot img{max-width: 100%; max-height: 44px; object-fit: contain; display: block;}
body.vt .lg-mq .mq-item:hover .lg-slot{color: var(--text); border-color: var(--muted);}
@media (max-width: 720px){
body.vt .lg-strip{padding: 22px 0 24px;}
body.vt .lg-slot{width: 144px; height: 56px; font-size: 15px;}
body.vt .lg-mq .mq-item{padding-right: 20px;}
}

/* ===== Icons per CSS =====
   Der Elementor-Texteditor entfernt SVG. Die wiederkehrenden Icons kommen deshalb als Maske. */
body.vt{--vi-check:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4 8-9'/%3E%3C/svg%3E");--vi-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");--vi-plus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E")}
body.vt .card li::before,body.vt .list li::before{content:"";flex-shrink:0;width:16px;height:16px;margin-top:4px;background:var(--acc);-webkit-mask:var(--vi-check) center/contain no-repeat;mask:var(--vi-check) center/contain no-repeat}
body.vt .promise span::before{content:"";flex-shrink:0;width:16px;height:16px;background:var(--acc);-webkit-mask:var(--vi-check) center/contain no-repeat;mask:var(--vi-check) center/contain no-repeat}
body.vt a.lnk::after{content:"";flex-shrink:0;width:18px;height:18px;background:currentColor;-webkit-mask:var(--vi-arrow) center/contain no-repeat;mask:var(--vi-arrow) center/contain no-repeat}
body.vt .faq .e-n-accordion-item-title-icon{display:none}
body.vt .faq summary::after{content:"";flex-shrink:0;width:22px;height:22px;background:var(--acc);transition:transform .25s var(--ease);-webkit-mask:var(--vi-plus) center/contain no-repeat;mask:var(--vi-plus) center/contain no-repeat}
body.vt .faq details[open] summary::after{transform:rotate(45deg)}
@media (prefers-reduced-motion: reduce){body.vt .faq summary::after{transition:none}}
/* Haken-Geste in der H1 per CSS: TinyMCE entfernt den leeren Span mit den 3 Balken */
body.vt .flash::after{content:"";position:absolute;right:-.06em;top:-.2em;width:.42em;height:.52em;background:linear-gradient(180deg,var(--cta),#5CAF2F) 0 0/.09em 100% no-repeat,linear-gradient(180deg,var(--cta),#5CAF2F) .165em 0/.09em 100% no-repeat,linear-gradient(180deg,var(--cta),#5CAF2F) .33em 0/.09em 100% no-repeat;transform:skewX(-28deg)}
/* ===== Elementor-Formular im Look der Design-Formulare (.form, .fld, .chk, .btn-p) ===== */
body.vt .elementor-form .elementor-form-fields-wrapper{display:grid;gap:16px;margin:0}
body.vt .elementor-form .elementor-field-group{display:grid;gap:6px;width:100%;max-width:none;margin:0;padding:0;flex:none}
body.vt .elementor-form .elementor-field-group.elementor-field-type-hidden{display:none}
body.vt .elementor-form .elementor-field-label{margin:0;padding:0;color:var(--text);font-size:15px;font-weight:600}
body.vt .elementor-form .elementor-field-textual{width:100%;min-height:48px;padding:10px 14px;border:1px solid var(--line2);border-radius:6px;background:var(--bg);color:var(--text);font:inherit;font-size:16px;font-weight:400;line-height:1.4}
body.vt .elementor-form textarea.elementor-field-textual{min-height:120px;resize:vertical}
body.vt .elementor-form .elementor-field-textual:focus{border-color:var(--acc);outline:3px solid var(--acc);outline-offset:1px}
body.vt .elementor-form .elementor-field-subgroup{display:flex;flex-wrap:wrap;gap:8px 22px}
body.vt .elementor-form .elementor-field-option{display:flex;gap:10px;align-items:flex-start;margin:0;color:var(--muted);font-size:15px}
body.vt .elementor-form .elementor-field-option input{flex-shrink:0;width:20px;height:20px;margin:2px 0 0;accent-color:#5CAF2F}
body.vt .elementor-form .elementor-field-option label{color:var(--muted);font-weight:400}
body.vt .elementor-form .elementor-mark-required .elementor-field-label::after{color:var(--open)}
body.vt .elementor-form .elementor-field-type-submit{justify-items:start}
body.vt .elementor-form .elementor-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border:1px solid var(--cta);border-radius:0;background:var(--cta);color:var(--on-cta);font-family:'Barlow Semi Condensed',sans-serif;font-size:17px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;clip-path:polygon(10px 0,100% 0,100% calc(100% - 19px),calc(100% - 10px) 100%,0 100%,0 19px);transition:background-color .2s}
body.vt .elementor-form .elementor-button:hover{background:var(--cta-h);border-color:var(--cta-h);color:var(--on-cta)}
body.vt .elementor-message{margin-top:12px;font-size:15px}
/* Mail-Symbol im Kasten .mail (Sicherheitslücke melden) */
body.vt .mail::before{content:"";flex-shrink:0;width:26px;height:26px;background:var(--acc);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 5h14a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2zM3 7l9 6 9-6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 5h14a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2zM3 7l9 6 9-6'/%3E%3C/svg%3E") center/contain no-repeat}
/* ===== Wissensbereich: echte Suche im Feld .search, ausgeblendete Karten ===== */
body.vt .search input{flex:1;min-width:0;min-height:54px;padding:0;border:0;background:none;color:var(--text);font:inherit;outline:none}
body.vt .search input::placeholder{color:var(--muted);opacity:1}
body.vt .search:focus-within{border-color:var(--acc);outline:3px solid var(--acc);outline-offset:2px}
body.vt [hidden]{display:none!important}
body.vt .vt-ratgeber-leer{margin:20px 0 0;color:var(--muted)}
/* ===== Wissen: Grafik zum hervorgehobenen Ratgeber Incident Management ===== */
body.vt .vt-ir{display:flex;flex-direction:column;justify-content:center;gap:16px;padding:36px 40px;color:#EEF2F5}
body.vt .vt-ir-k{margin:0;color:#8ED973;font-weight:700;font-size:13px;letter-spacing:2px;text-transform:uppercase}
body.vt .vt-ir-flow{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}
body.vt .vt-ir-flow::before{content:"";position:absolute;left:12%;right:12%;top:31px;height:2px;background:repeating-linear-gradient(90deg,#8ED973 0 8px,transparent 8px 14px);opacity:.6}
body.vt .vt-ir-ph{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 8px 16px;border:1px solid #3E5060;border-radius:10px;background:#2F3D49;font-size:15px;font-weight:600;text-align:center}
body.vt .vt-ir-ph i{display:grid;place-items:center;width:36px;height:36px;margin-bottom:6px;background:rgba(142,217,115,.14);color:#8ED973;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px)}
body.vt .vt-ir-ph i .ic{width:20px;height:20px}
body.vt .vt-ir-ph b{color:#8ED973;font-size:13px}
body.vt .vt-ir-tl{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-top:22px}
body.vt .vt-ir-tl::before{content:"";position:absolute;left:0;right:0;top:6px;height:2px;background:linear-gradient(90deg,#8ED973,#5CAF2F 60%,#3E5060)}
body.vt .vt-ir-ms{position:relative;display:flex;flex-direction:column;gap:2px;color:#A9B8C4;font-size:14px}
body.vt .vt-ir-ms::before{content:"";position:absolute;left:0;top:-21px;width:12px;height:12px;border-radius:50%;background:#1F2C37;border:2px solid #8ED973}
body.vt .vt-ir-ms b{color:#FFFFFF;font-family:'Jost',sans-serif;font-weight:600;font-size:22px;line-height:1.1}
@media (max-width:720px){body.vt .vt-ir{padding:24px 20px}body.vt .vt-ir-flow{grid-template-columns:repeat(2,minmax(0,1fr))}body.vt .vt-ir-flow::before{display:none}}
/* ===== Logo-Laufband mit echten Logos, Plattform-Kacheln auf Landingpages, Zitat mit Foto ===== */
body.vt .lg-slot:has(img),body.vt .lg-slot.lg-name{border-color:transparent}
body.vt .lg-slot img{filter:grayscale(1);opacity:.75;transition:filter .25s,opacity .25s}
body.vt .lg-mq .mq-item:hover .lg-slot img{filter:none;opacity:1}
body.vt .pl-trust li:last-child:nth-child(even){grid-column:1 / -1}
body.vt .pl-trust small a{color:inherit;text-decoration:underline;text-underline-offset:2px}
body.vt .avatar{overflow:hidden}
body.vt .avatar img{width:100%;height:100%;object-fit:cover;display:block}
/* Download-Pfeil an Textlinks (PDF) */
body.vt a.lnk.lnk-dl::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v12M6 10l6 6 6-6M4 20h16'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v12M6 10l6 6 6-6M4 20h16'/%3E%3C/svg%3E")}
/* Pinselstrich im Einstieg der Startseite: unteren Bildrand weich ausblenden, sonst ist auf hohen Bildschirmen eine Kante sichtbar */
body.vt .hero-brush{-webkit-mask-image:linear-gradient(to bottom,#000 62%,transparent 96%);mask-image:linear-gradient(to bottom,#000 62%,transparent 96%)}
/* Kundenlogos größer (Wunsch Tobias 31.10.2026) */
body.vt .lg-mq .lg-slot{width:230px;height:92px}
body.vt .lg-mq .lg-slot img{max-height:60px}
body.vt .lg-mq .lg-slot.lg-name{font-size:22px;letter-spacing:.02em}
@media (max-width:720px){body.vt .lg-mq .lg-slot{width:170px;height:72px}body.vt .lg-mq .lg-slot img{max-height:46px}body.vt .lg-mq .lg-slot.lg-name{font-size:18px}}
/* ===== Beitragsinhalt (Elementor-Beiträge) in der Artikel-Vorlage ===== */
/* Der alte Beitragskopf (Thema, H1, Beitragsbild) steckt in allen Beiträgen im ersten Container, die Vorlage zeigt ihn neu */
body.vt .prose .elementor-widget-theme-post-content .elementor > .e-con:first-child:has(h1,.vt-alter-h1){display:none}
body.vt .prose .elementor-widget-theme-post-content .elementor-widget-theme-post-featured-image{display:none}
body.vt .prose .elementor-widget-theme-post-content .elementor-widget-text-editor{color:var(--text);font-family:'Barlow Semi Condensed',Arial,sans-serif;font-size:19px;line-height:1.7}
body.vt .prose .elementor-widget-theme-post-content .elementor-widget-text-editor p{margin:16px 0 0}
body.vt .prose .elementor-widget-theme-post-content .elementor-widget-text-editor a{color:var(--acc)}
body.vt .prose .elementor-widget-theme-post-content .elementor-heading-title{color:var(--text);font-family:'Jost',sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:normal;line-height:1.2}
body.vt .prose .elementor-widget-theme-post-content h2.elementor-heading-title{margin:32px 0 0;font-size:26px;scroll-margin-top:24px}
body.vt .prose .elementor-widget-theme-post-content :is(h3,h4).elementor-heading-title{margin:24px 0 0;font-size:20px}
/* Zwischenzeile (früher Hellgrün auf Dunkel): im hellen Design als Zitat mit grünem Strich */
body.vt .prose .elementor-widget-theme-post-content .elementor > .e-con:nth-child(3):not(:has(.elementor-widget:not(.elementor-widget-heading))):not(:has(.elementor-widget-heading ~ .elementor-widget-heading)) h2.elementor-heading-title{margin:8px 0 0;padding:4px 0 4px 20px;border-left:4px solid var(--acc);color:var(--acc);font-size:22px}
body.vt .prose .elementor-widget-theme-post-content .elementor-button{border:1px solid var(--cta);border-radius:0;background:var(--cta);color:var(--on-cta);font-family:'Barlow Semi Condensed',sans-serif;font-size:16px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;clip-path:polygon(10px 0,100% 0,100% calc(100% - 19px),calc(100% - 10px) 100%,0 100%,0 19px)}
body.vt .prose .elementor-widget-theme-post-content .elementor-button:hover{background:var(--cta-h);border-color:var(--cta-h)}
/* Akkordeons im Beitrag im Look der FAQ des Designs */
body.vt .prose .elementor-widget-theme-post-content .e-n-accordion{border-top:1px solid var(--line)}
body.vt .prose .elementor-widget-theme-post-content .e-n-accordion-item{margin:0!important;border-bottom:1px solid var(--line)}
body.vt .prose .elementor-widget-theme-post-content .e-n-accordion-item-title{padding:16px 0!important;border:0!important;border-radius:0!important;background:none!important;color:var(--text)!important;font-family:'Barlow Semi Condensed',sans-serif!important;font-size:19px!important;font-weight:700!important;justify-content:space-between}
body.vt .prose .elementor-widget-theme-post-content .e-n-accordion-item-title-text{color:var(--text)!important;font-size:19px!important}
body.vt .prose .elementor-widget-theme-post-content .e-n-accordion-item-title-icon :is(i,svg){color:var(--acc)!important;fill:var(--acc)!important}
body.vt .prose .elementor-widget-theme-post-content .e-n-accordion-item > .e-con{border:0!important;background:none!important;padding:0 0 18px!important}
body.vt .prose .elementor-widget-theme-post-content .e-n-accordion-item > .e-con .elementor-widget-text-editor{color:var(--muted);font-size:17px}
/* In den Beiträgen ist „VANTAR“ der Wortmarke fest weiß gesetzt (für den alten dunklen Hintergrund) */
body.vt .prose .elementor-widget-theme-post-content :is([style*="#ffffff" i],[style*="#fff;" i],[style*="rgb(255, 255, 255)"]){color:var(--text)!important}
/* ===== Bewegung beim Hineinscrollen (vantarion.js, aktivitaeten). Nur mit Skript, ohne Skript bleibt alles sichtbar. ===== */
@keyframes vtIn{from{opacity:0;translate:0 16px}to{opacity:1;translate:none}}
body.vt .vt-rv:not(.vt-rv-in){opacity:0}
body.vt .vt-rv.vt-rv-in{animation:vtIn .6s cubic-bezier(.2,.7,.2,1) var(--vt-d,0ms) both}
@media (prefers-reduced-motion:reduce){body.vt .vt-rv:not(.vt-rv-in){opacity:1}body.vt .vt-rv.vt-rv-in{animation:none}}
/* Zwei Logo-Laufbänder untereinander (Über uns: Kunden und Partner) */
body.vt .lg-strip + .lg-strip{margin-top:16px}
/* ===== Statement-Band: Excel-Zettel fallen ein, werden durchgestrichen und schweben (vantarion.js setzt .vt-fdl) ===== */
@keyframes vtStk{from{opacity:0;transform:translateY(-34px) rotate(calc(var(--r) - 9deg))}to{opacity:1;transform:rotate(var(--r))}}
@keyframes vtSchweben{0%,100%{transform:rotate(var(--r)) translateY(0)}50%{transform:rotate(var(--r)) translateY(-5px)}}
body.vt .fdl.vt-fdl .stk{opacity:0;transition:translate .25s cubic-bezier(.2,.7,.2,1)}
body.vt .fdl.vt-fdl-in .stk{animation:vtStk .7s cubic-bezier(.2,.7,.2,1) calc(var(--i,0) * .22s) both,vtSchweben 6s ease-in-out calc(1.8s + var(--i,0) * .7s) infinite}
body.vt .fdl .stk:hover{translate:0 -6px}
body.vt .fdl.vt-fdl s{position:relative;text-decoration:none}
body.vt .fdl.vt-fdl s::after{content:"";position:absolute;left:0;top:54%;width:0;height:2px;background:#5A6B78;transition:width .45s ease calc(.75s + var(--i,0) * .22s)}
body.vt .fdl.vt-fdl-in s::after{width:100%}
body.vt.paused .fdl .stk{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){body.vt .fdl.vt-fdl .stk{opacity:1;animation:none}body.vt .fdl.vt-fdl s::after{width:100%;transition:none}}
/* Logos als ruhige Gesamtansicht (Über uns): Kunden und Partner in einem Kasten */
body.vt .lg-static{padding:28px 32px}
body.vt .lg-static .lg-k{text-align:left;margin:0 0 12px}
body.vt .lg-gruppe + .lg-gruppe{margin-top:22px;padding-top:22px;border-top:1px solid var(--line)}
body.vt .lg-reihe{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 24px;margin:0;padding:0;list-style:none}
body.vt .lg-static .lg-slot{width:100%;height:92px}
body.vt .lg-static .lg-slot img{max-height:60px;filter:grayscale(1);opacity:.75;transition:filter .25s,opacity .25s}
body.vt .lg-static li:hover .lg-slot img{filter:none;opacity:1}
body.vt .lg-static .lg-slot.lg-name{font-size:22px}
@media (max-width:720px){body.vt .lg-static{padding:20px}body.vt .lg-reihe{grid-template-columns:repeat(2,minmax(0,1fr))}body.vt .lg-static .lg-slot{height:72px}}
/* Mobiles Menü: „Themen“ klappt ein Untermenü mit allen Themenseiten auf */
body.vt .k-mthemen{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;padding:0;border:0;border-bottom:1px solid #3E5060;background:none;color:#EEF2F5;font-family:'Barlow Semi Condensed',sans-serif;font-size:18px;font-weight:600;text-align:left;cursor:pointer}
body.vt .k-mthemen .ic{transition:transform .25s}
body.vt .k-mthemen[aria-expanded="true"] .ic{transform:rotate(180deg)}
body.vt .k-msub{padding:4px 0 10px 14px;border-bottom:1px solid #3E5060}
body.vt .k-msub-h{margin:14px 0 2px;color:#A9B8C4;font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase}
body.vt .k-mnav .k-msub a{min-height:42px;border-bottom:0;font-size:17px;font-weight:500}
body.vt .k-mnav .k-msub .k-msub-check{margin-top:6px;color:#8ED973;font-weight:600}
/* Logos gleich groß: Höhe je Logo aus gleicher Fläche (--h aus patches/_logos.py) */
body.vt .lg-mq .lg-slot img[style*="--h"]{height:calc(var(--h) * 1px);width:auto;max-height:none;max-width:100%}
@media (max-width:720px){body.vt .lg-mq .lg-slot img[style*="--h"]{height:calc(var(--h) * .78px)}}
/* Plattform-Dashboard mobil: Die Risikomatrix spannt am Desktop 2 Spalten. Mobil ist das Raster einspaltig,
   die Spannweite würde eine zweite schmale Spalte erzeugen und die Kacheln zerreißen (Fehler im Export). */
@media (max-width:1100px){body.vt .d-grid > .d-card{grid-column:auto!important}}
/* ===== KI-Seite: Statement-Band mit KI-Vorschlägen, die nacheinander freigegeben werden ===== */
body.vt .fdl-ki .stk{gap:10px;font-family:'Barlow Semi Condensed',Arial,sans-serif;font-size:17px;font-weight:600}
body.vt .fdl-ki .stk > .ic{color:#5CAF2F}
body.vt .fdl-ki .stk-s{display:inline-flex;align-items:center;gap:4px;margin-left:6px;padding:3px 9px;border-radius:999px;background:#E6F4E7;color:#23672B;font-style:normal;font-size:13px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}
body.vt .fdl-ki .stk-s .ic{width:14px;height:14px;color:#23672B}
@keyframes vtFreigabe{0%{opacity:0;transform:scale(.4)}70%{opacity:1;transform:scale(1.15)}100%{opacity:1;transform:scale(1)}}
body.vt .fdl-ki.vt-fdl .stk-s{opacity:0}
body.vt .fdl-ki.vt-fdl-in .stk-s{animation:vtFreigabe .45s cubic-bezier(.2,.7,.2,1) calc(1s + var(--i,0) * .45s) both}
@media (max-width:720px){body.vt .fdl-ki .stk{font-size:14px;flex-wrap:wrap}body.vt .fdl-ki .stk-s{margin-left:0}}
@media (prefers-reduced-motion:reduce){body.vt .fdl-ki.vt-fdl .stk-s{opacity:1;animation:none}}
/* Aussage schmaler, damit die Vorschläge rechts daneben Platz haben */
@media (min-width:721px){body.vt .fb-d:has(.fdl-ki) .fb-q{max-width:600px}}
/* EU AI Act: Kacheln als Gegenüberstellung (links AI Act, rechts ISO/IEC 42001) */
body.vt .pl-vergleich .tr-kopf{background-color:#28343E;border-color:#28343E;--bc:#8ED973}
body.vt .pl-vergleich .tr-kopf b{color:#FFFFFF;font-family:'Jost',sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.02em}
body.vt .pl-vergleich .tr-kopf small,body.vt .pl-vergleich .tr-kopf small a{color:#A9B8C4}
body.vt .pl-vergleich .tr-kopf .tr-i{background:rgba(142,217,115,.14);color:#8ED973}
body.vt .pl-vergleich li:last-child:nth-child(even){grid-column:auto}
@media (max-width:1100px){body.vt .pl-vergleich .tr-a{order:1}body.vt .pl-vergleich .tr-b{order:2}body.vt .pl-vergleich .tr-de{order:0}body.vt .pl-vergleich .tr-kopf.tr-b{margin-top:10px}}
/* Vergleichstabelle: Kopfzeile mit den beiden Regelwerken */
body.vt #iso-42001 .tr.th span{font-family:'Jost',sans-serif;font-weight:600;text-transform:uppercase;color:var(--text)}
/* KI-Band: Vorschläge schießen schnell herein (Tempo-Statement), danach Freigabe-Status */
@keyframes vtSchuss{0%{opacity:0;transform:translateX(160px) rotate(var(--r));filter:blur(6px)}60%{opacity:1;filter:blur(0)}100%{opacity:1;transform:rotate(var(--r));filter:none}}
body.vt .fdl-ki.vt-fdl-in .stk{animation:vtSchuss .42s cubic-bezier(.12,.9,.25,1) calc(.15s + var(--i,0) * .14s) both,vtSchweben 6s ease-in-out calc(1.6s + var(--i,0) * .7s) infinite}
body.vt .fdl-ki.vt-fdl-in .stk-s{animation:vtFreigabe .35s cubic-bezier(.2,.7,.2,1) calc(.75s + var(--i,0) * .18s) both}
body.vt .fdl-ki .stk::before{content:"";position:absolute;right:100%;top:50%;width:0;height:2px;margin-right:8px;background:linear-gradient(90deg,transparent,#8ED973);opacity:0}
@keyframes vtSpur{0%{width:0;opacity:0}30%{width:90px;opacity:.9}100%{width:0;opacity:0}}
body.vt .fdl-ki.vt-fdl-in .stk::before{animation:vtSpur .6s ease-out calc(.15s + var(--i,0) * .14s) both}
@media (prefers-reduced-motion:reduce){body.vt .fdl-ki.vt-fdl-in .stk,body.vt .fdl-ki.vt-fdl-in .stk::before{animation:none;opacity:1}}
/* Das Statement-Band ragt mit -44px in die Nachbarn. Ein Zwischen-CTA darunter braucht deshalb mehr Luft. */
body.vt .fb-wrap + .mcta{padding-top:96px}
@media (max-width:720px){body.vt .fb-wrap + .mcta{padding-top:72px}}
/* KI-Band: längere Aussage, deshalb eine Stufe kleiner */
body.vt .fb-d:has(.fdl-ki) .fb-q .b{font-size:clamp(32px,4.2vw,62px)}
/* Mobil: Textlinks mit Pfeil als Tippfläche mindestens 44 px hoch (Landing-Page-Audit) */
@media (max-width:720px){body.vt a.lnk{min-height:44px}}

/* ===== Beitragsinhalt an die Artikel-Vorlage angleichen (Tabellen, Kästen, Listen, Abstände) ===== */
/* Abstände wie in der Vorlage: Abschnitte trennt der Außenabstand der H2 (48 px), nicht Container-Innenabstand und Widget-Lücke */
body.vt .prose .elementor-widget-theme-post-content .elementor > .e-con{--padding-top:0px;--padding-bottom:0px}
body.vt .prose .elementor-widget-theme-post-content .e-con:not(.e-n-accordion .e-con){--row-gap:0px;--gap:0px 0px;row-gap:0}
body.vt .prose .elementor-widget-theme-post-content h2.elementor-heading-title{margin:48px 0 0}
body.vt .prose .elementor-widget-theme-post-content .elementor-widget-text-editor > :first-child,
body.vt .prose .elementor-widget-theme-post-content .elementor-widget-text-editor .elementor-widget-container > :first-child{margin-top:16px}
/* Einstieg: größer wie .intro der Vorlage */
body.vt .prose .elementor-widget-theme-post-content .elementor > .e-con:nth-child(2):not(:has(.elementor-widget-heading)) .elementor-widget-text-editor{font-size:21px;line-height:1.6}
body.vt .prose .elementor-widget-theme-post-content .elementor > .e-con:nth-child(2):not(:has(.elementor-widget-heading)) .elementor-widget-text-editor p:first-child{margin-top:0}
/* Zitat-Zeile: Abstand wie ein Abschnitt */
body.vt .prose .elementor-widget-theme-post-content .elementor > .e-con:nth-child(3):not(:has(.elementor-widget:not(.elementor-widget-heading))):not(:has(.elementor-widget-heading ~ .elementor-widget-heading)) h2.elementor-heading-title{margin-top:0}
body.vt .prose .elementor-widget-theme-post-content .elementor > .e-con:nth-child(3){margin-top:40px}

/* Tabellen (.vant-table aus dem mu-Plugin) wie .tbl der Vorlage: feine Linien, heller Kopf, keine Farbfläche */
body.vt .prose .elementor-widget-theme-post-content table.vant-table{width:100%;margin:24px 0 0;border:1px solid var(--line);border-collapse:separate;border-spacing:0;border-radius:12px;overflow:hidden;box-shadow:none;background:var(--bg);font-size:16px;line-height:1.45}
body.vt .prose .elementor-widget-theme-post-content table.vant-table :is(th,td){padding:14px 20px;border:0;border-top:1px solid var(--line);text-align:left;vertical-align:middle;background:none;color:var(--text);font-size:16px}
body.vt .prose .elementor-widget-theme-post-content table.vant-table thead th{border-top:0;background:var(--bg2);color:var(--muted);font-size:14px;font-weight:700;letter-spacing:1px;text-transform:uppercase}
body.vt .prose .elementor-widget-theme-post-content table.vant-table:not(:has(thead)) tr:first-child > *{border-top:0}
body.vt .prose .elementor-widget-theme-post-content table.vant-table td:first-child{font-weight:700}
body.vt .prose .elementor-widget-theme-post-content table.vant-table tbody tr:hover td{background:none}
body.vt .prose .elementor-widget-theme-post-content table.vant-table td.vmit{color:var(--acc);font-weight:700}
body.vt .prose .elementor-widget-theme-post-content table.vant-table tr:is(.vsum,.vtot) td{background:var(--bg2);font-weight:700}
body.vt .prose .elementor-widget-theme-post-content table.vant-table tr.vtot td{font-size:17px}

/* Kästen mit Überschrift, Text und Button. Standard wie .box-prod (hell, Zweitbutton), Gesprächsangebote wie .box-cta (dunkel) */
body.vt .prose .elementor-widget-theme-post-content .e-con:has(> .elementor-widget-button, > .e-con-inner > .elementor-widget-button){margin-top:32px;--padding-top:26px;--padding-bottom:26px;--padding-left:28px;--padding-right:28px;--border-radius:14px;border:1px solid var(--line);border-radius:14px;background:var(--bg2);box-shadow:none}
body.vt .prose .elementor-widget-theme-post-content .e-con:has(> .elementor-widget-button, > .e-con-inner > .elementor-widget-button) .elementor-heading-title{margin:0;font-size:20px;line-height:1.15}
body.vt .prose .elementor-widget-theme-post-content .e-con:has(> .elementor-widget-button, > .e-con-inner > .elementor-widget-button) .elementor-widget-text-editor{color:var(--muted);font-size:17px;line-height:1.55}
body.vt .prose .elementor-widget-theme-post-content .e-con:has(> .elementor-widget-button, > .e-con-inner > .elementor-widget-button) .elementor-widget-text-editor p{margin-top:8px}
body.vt .prose .elementor-widget-theme-post-content .e-con:has(> .elementor-widget-button, > .e-con-inner > .elementor-widget-button) .elementor-widget-button{margin-top:16px}
body.vt .prose .elementor-widget-theme-post-content .e-con:has(> .elementor-widget-button, > .e-con-inner > .elementor-widget-button) .elementor-button{--bc:var(--edge);border-color:var(--line2);background-color:transparent;background-image:linear-gradient(to bottom right,transparent calc(50% - 1.5px),var(--bc) calc(50% - 1.5px),var(--bc) calc(50% + 1.5px),transparent calc(50% + 1.5px)),linear-gradient(to bottom right,transparent calc(50% - 1.5px),var(--bc) calc(50% - 1.5px),var(--bc) calc(50% + 1.5px),transparent calc(50% + 1.5px));background-size:10px 19px;background-position:left top,right bottom;background-repeat:no-repeat;background-origin:border-box;color:var(--text);font-size:17px}
body.vt .prose .elementor-widget-theme-post-content .e-con:has(> .elementor-widget-button, > .e-con-inner > .elementor-widget-button) .elementor-button:hover{--bc:var(--text);border-color:var(--text);background-color:transparent}
/* Gesprächsangebot dunkel */
body.vt .prose .elementor-widget-theme-post-content .e-con:has(.elementor-button:is([href*="strategiegespraech"],[href*="/beratung"])):has(> .elementor-widget-button, > .e-con-inner > .elementor-widget-button){border-color:#28343E;background:#28343E}
body.vt .prose .elementor-widget-theme-post-content .e-con:has(.elementor-button:is([href*="strategiegespraech"],[href*="/beratung"])):has(> .elementor-widget-button, > .e-con-inner > .elementor-widget-button) .elementor-heading-title{color:#FFFFFF}
body.vt .prose .elementor-widget-theme-post-content .e-con:has(.elementor-button:is([href*="strategiegespraech"],[href*="/beratung"])):has(> .elementor-widget-button, > .e-con-inner > .elementor-widget-button) .elementor-widget-text-editor{color:#A9B8C4}
body.vt .prose .elementor-widget-theme-post-content .e-con:has(.elementor-button:is([href*="strategiegespraech"],[href*="/beratung"])):has(> .elementor-widget-button, > .e-con-inner > .elementor-widget-button) .elementor-widget-text-editor a{color:#8ED973}
body.vt .prose .elementor-widget-theme-post-content .e-con:has(.elementor-button:is([href*="strategiegespraech"],[href*="/beratung"])):has(> .elementor-widget-button, > .e-con-inner > .elementor-widget-button) .elementor-button{border-color:#8ED973;background:#8ED973;color:#1F2C37;background-image:none}
body.vt .prose .elementor-widget-theme-post-content .e-con:has(.elementor-button:is([href*="strategiegespraech"],[href*="/beratung"])):has(> .elementor-widget-button, > .e-con-inner > .elementor-widget-button) .elementor-button:hover{border-color:#A3E48B;background:#A3E48B}

/* Verschachtelter Kasten nur mit Text („Das könnte Sie auch interessieren“, Hinweise): ruhige Karte wie .srcs */
body.vt .prose .elementor-widget-theme-post-content .elementor .e-con .e-con:not(.e-n-accordion .e-con):not(:has(.elementor-widget-heading,.elementor-widget-button)):has(.elementor-widget-text-editor){margin-top:40px;--padding-top:24px;--padding-bottom:24px;--padding-left:28px;--padding-right:28px;--border-radius:14px;border:1px solid var(--line);border-radius:14px;background:var(--bg);box-shadow:none}
body.vt .prose .elementor-widget-theme-post-content .elementor .e-con .e-con:not(.e-n-accordion .e-con):not(:has(.elementor-widget-heading,.elementor-widget-button)):has(.elementor-widget-text-editor) .elementor-widget-text-editor{font-size:17px;line-height:1.5}
body.vt .prose .elementor-widget-theme-post-content .elementor .e-con .e-con:not(.e-n-accordion .e-con):not(:has(.elementor-widget-heading,.elementor-widget-button)):has(.elementor-widget-text-editor) .elementor-widget-text-editor :first-child{margin-top:0}

/* Fakten auf einen Blick: Karte wie .facts/.srcs */
body.vt .prose .elementor-widget-theme-post-content .vant-faktenbox{margin-top:40px;--padding-top:4px;--padding-bottom:4px;--padding-left:28px;--padding-right:28px;--border-radius:14px;border:1px solid var(--line);border-radius:14px;background:var(--bg)}
body.vt .prose .elementor-widget-theme-post-content .vant-faktenbox .e-n-accordion{border-top:0}
body.vt .prose .elementor-widget-theme-post-content .vant-faktenbox .e-n-accordion-item{border-bottom:0}
body.vt .prose .elementor-widget-theme-post-content .vant-faktenbox .elementor-widget-text-editor{color:var(--text);font-size:16px;line-height:1.5}

/* Aufzählungen im Fließtext wie .list der Vorlage: Haken, feine Trennlinien */
body.vt .prose .elementor-widget-theme-post-content .elementor > .e-con :is(.elementor-widget-text-editor) ul:not(.e-n-accordion ul):not(body.vt .prose .elementor-widget-theme-post-content .elementor .e-con .e-con ul):not(.vant-faktenbox ul){list-style:none;margin:16px 0 0;padding:0}
body.vt .prose .elementor-widget-theme-post-content .elementor > .e-con :is(.elementor-widget-text-editor) ul:not(.e-n-accordion ul):not(body.vt .prose .elementor-widget-theme-post-content .elementor .e-con .e-con ul):not(.vant-faktenbox ul) > li{position:relative;margin:0;padding:9px 0 9px 26px;border-top:1px solid var(--line);font-size:17px;line-height:1.5}
body.vt .prose .elementor-widget-theme-post-content .elementor > .e-con :is(.elementor-widget-text-editor) ul:not(.e-n-accordion ul):not(body.vt .prose .elementor-widget-theme-post-content .elementor .e-con .e-con ul):not(.vant-faktenbox ul) > li:last-child{border-bottom:1px solid var(--line)}
body.vt .prose .elementor-widget-theme-post-content .elementor > .e-con :is(.elementor-widget-text-editor) ul:not(.e-n-accordion ul):not(body.vt .prose .elementor-widget-theme-post-content .elementor .e-con .e-con ul):not(.vant-faktenbox ul) > li::before{content:"";position:absolute;left:0;top:14px;width:16px;height:16px;background:var(--acc);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4 8-9'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4 8-9'/%3E%3C/svg%3E") center/contain no-repeat}
/* Linklisten in Karten: Pfeil statt Punkt */
body.vt .prose .elementor-widget-theme-post-content .elementor .e-con .e-con:not(.e-n-accordion .e-con) .elementor-widget-text-editor ul:has(> li > a:only-child){list-style:none;margin:10px 0 0;padding:0}
body.vt .prose .elementor-widget-theme-post-content .elementor .e-con .e-con:not(.e-n-accordion .e-con) .elementor-widget-text-editor ul:has(> li > a:only-child) > li{position:relative;padding:5px 0 5px 24px}
body.vt .prose .elementor-widget-theme-post-content .elementor .e-con .e-con:not(.e-n-accordion .e-con) .elementor-widget-text-editor ul:has(> li > a:only-child) > li::before{content:"";position:absolute;left:0;top:10px;width:16px;height:16px;background:var(--acc);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat}
/* Nummerierte Listen: eingerückt, Ziffern im Akzent */
body.vt .prose .elementor-widget-theme-post-content .elementor-widget-text-editor ol{margin:16px 0 0;padding-left:24px}
body.vt .prose .elementor-widget-theme-post-content .elementor-widget-text-editor ol > li{padding:4px 0 4px 4px}
body.vt .prose .elementor-widget-theme-post-content .elementor-widget-text-editor ol > li::marker{color:var(--acc);font-weight:700}

/* Schmal: Tabellenzeilen gestapelt wie .tr der Vorlage (erste Zelle als Titel), Kästen mit weniger Innenabstand */
@media (max-width:720px){
body.vt .prose .elementor-widget-theme-post-content .elementor > .e-con:nth-child(2):not(:has(.elementor-widget-heading)) .elementor-widget-text-editor{font-size:19px}
body.vt .prose .elementor-widget-theme-post-content table.vant-table,body.vt .prose .elementor-widget-theme-post-content table.vant-table :is(tbody,tr,td){display:block}
body.vt .prose .elementor-widget-theme-post-content table.vant-table thead{display:none}
body.vt .prose .elementor-widget-theme-post-content table.vant-table tr{padding:12px 16px;border-top:1px solid var(--line)}
body.vt .prose .elementor-widget-theme-post-content table.vant-table tbody tr:first-child{border-top:0}
body.vt .prose .elementor-widget-theme-post-content table.vant-table td{padding:2px 0;border:0;font-size:15px}
body.vt .prose .elementor-widget-theme-post-content table.vant-table td:first-child{padding-bottom:4px;font-size:16px}
body.vt .prose .elementor-widget-theme-post-content :is(.e-con:has(> .elementor-widget-button, > .e-con-inner > .elementor-widget-button),.vant-faktenbox,body.vt .prose .elementor-widget-theme-post-content .elementor .e-con .e-con:not(.e-n-accordion .e-con):not(:has(.elementor-widget-heading,.elementor-widget-button)):has(.elementor-widget-text-editor)){--padding-left:22px;--padding-right:22px}
}

/* Mega-Menü mit Spalte Branchen (Update 01.11.2026) */
body.vt .k-mega-in{grid-template-columns:repeat(4,minmax(0,1fr)) minmax(0,1.1fr);gap:28px}
/* Startseite, Reiter Lösungen: mehrere Links nebeneinander brauchen Abstand (Update 01.11.2026) */
body.vt .pnl .lnk{margin-right:28px}
/* Normen-Tabelle ohne Spalte Wer (Luftfahrt, Verteidigung) */
body.vt .ntbl.ohne-wer .tr{--cols:minmax(0,.8fr) minmax(0,2.8fr)}
/* Menü: Normnummern nicht am Bindestrich umbrechen */
body.vt .k-nb{white-space:nowrap}
/* ===== Beiträge: Umbrüche und Feinschliff (Wunsch Tobias 01.11.2026) ===== */
/* Lange Wörter in Titel und Überschriften nur an den Wortfugen trennen (weiche Trennzeichen aus vt_trennen() im Plugin) */
body.vt.single-post h1.h1,body.vt .prose .elementor-widget-theme-post-content .elementor-heading-title{hyphens:manual;-webkit-hyphens:manual;overflow-wrap:break-word;word-break:normal}
@media (min-width:721px){body.vt.single-post h1.h1{max-width:900px}}
/* Kernaussage: nur der Strich der Vorlage, der eigene Rahmen des Beitrags entfällt */
body.vt .prose .elementor-widget-theme-post-content .elementor > .e-con:nth-child(3):not(:has(.elementor-widget:not(.elementor-widget-heading))):not(:has(.elementor-widget-heading ~ .elementor-widget-heading)) .e-con{border-left-width:0;--border-left-width:0px;--padding-left:0px}
/* Alle Blöcke auf einer Kante: kein seitlicher Innenabstand an äußeren Containern ohne Kasten */
body.vt .prose .elementor-widget-theme-post-content .elementor > .e-con-boxed:not(.vant-faktenbox):not(:has(> .e-con-inner > .elementor-widget-button)){--padding-left:0px;--padding-right:0px}
/* Wortmarke im Fließtext wie .vis */
body.vt .prose .elementor-widget-theme-post-content span[style*="font-family: jost"]{font-family:'Jost',sans-serif!important;font-weight:600;letter-spacing:.02em}
/* Verbandslogos: Tippfläche mindestens 44 px */
body.vt .mem a{display:inline-flex;align-items:center;min-height:44px}
/* Beiträge: Kasten im Kasten (verschachtelte Container mit Linkliste) nur einmal umrahmen */
body.vt .prose .elementor-widget-theme-post-content .elementor .e-con .e-con:not(.e-n-accordion .e-con):not(:has(.elementor-widget-heading,.elementor-widget-button)):has(.elementor-widget-text-editor):has(.e-con){margin-top:0;border:0;border-radius:0;background:transparent;box-shadow:none;--padding-top:0px!important;--padding-bottom:0px!important;--padding-left:0px!important;--padding-right:0px!important}
/* Beiträge: helle Kästen wie .box-prod der Vorlage, Text links und Button rechts (Desktop) */
@media (min-width:900px){
body.vt .prose .elementor-widget-theme-post-content :is(.e-con,.e-con-inner):has(> .elementor-widget-button):has(> .elementor-widget-heading):not(:has(.elementor-button:is([href*="strategiegespraech"],[href*="/beratung"]))){display:grid!important;grid-template-columns:minmax(0,1fr) auto;column-gap:36px;align-items:center}
body.vt .prose .elementor-widget-theme-post-content :is(.e-con,.e-con-inner):has(> .elementor-widget-button):has(> .elementor-widget-heading):not(:has(.elementor-button:is([href*="strategiegespraech"],[href*="/beratung"]))) > :not(.elementor-widget-button){grid-column:1}
body.vt .prose .elementor-widget-theme-post-content :is(.e-con,.e-con-inner):has(> .elementor-widget-button):has(> .elementor-widget-heading):not(:has(.elementor-button:is([href*="strategiegespraech"],[href*="/beratung"]))) > .elementor-widget-button{grid-column:2;grid-row:1 / span 9;align-self:center;margin:0}
}
/* Beiträge: Linkzeilen als Absätze in Kästen bekommen denselben Pfeil wie die Linklisten */
body.vt .prose .elementor-widget-theme-post-content .elementor .e-con .e-con:not(.e-n-accordion .e-con) .elementor-widget-text-editor p:has(> a:only-child){position:relative;margin:0;padding:5px 0 5px 24px}
body.vt .prose .elementor-widget-theme-post-content .elementor .e-con .e-con:not(.e-n-accordion .e-con) .elementor-widget-text-editor p:has(> a:only-child)::before{content:"";position:absolute;left:0;top:10px;width:16px;height:16px;background:var(--acc);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat}
/* BSI-Beispielansicht: Spaltentitel (vorher H5) */
body.vt .flowv .fl-k{margin:0;color:#5A6B78;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1px}
/* Beiträge: Autorenkasten mit Foto */
body.vt .author.author-p img{width:64px;height:64px;padding:0;object-fit:cover;flex:none}
body.vt .author.author-p{align-items:flex-start}
/* Newsletter-Seite (/newsletter/): Meldungen des Plugins im Layout der Website */
body.vt .vt-nl-seite{padding:88px 24px 104px}
body.vt .vt-nl-seite .vt-nl{max-width:760px;margin:0 auto}
body.vt .vt-nl-seite .vt-nl .h1{margin:8px 0 18px}
body.vt .vt-nl-seite .vt-nl p{margin:0 0 16px;color:var(--muted);font-size:18px}
body.vt .vt-nl-seite .vt-nl p.lead{color:var(--text);font-size:21px}
body.vt .vt-nl-seite .vt-nl-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
body.vt .vt-nl-seite .vt-nl-ctas input[type=submit],body.vt .vt-nl-seite .vt-nl-ctas button{min-height:48px;padding:0 22px;border:1px solid var(--cta);border-radius:var(--r-btn);background:var(--cta);color:var(--on-cta);font-family:'Barlow Semi Condensed',sans-serif;font-weight:600;font-size:17px;letter-spacing:.05em;text-transform:uppercase;cursor:pointer}
body.vt .vt-nl-seite .tnp-profile form{display:grid;gap:14px;max-width:520px;margin-top:24px}
body.vt .vt-nl-seite .tnp-profile label{display:block;margin-bottom:6px;font-weight:600;color:var(--text)}
body.vt .vt-nl-seite .tnp-profile input[type=text],body.vt .vt-nl-seite .tnp-profile input[type=email]{width:100%;min-height:48px;padding:0 14px;border:1px solid var(--line2);border-radius:var(--r-btn);font-size:17px}
body.vt .vt-nl-seite .tnp-profile .tnp-submit,body.vt .vt-nl-seite .tnp-profile input[type=submit]{justify-self:start;min-height:48px;padding:0 22px;border:1px solid var(--cta);border-radius:var(--r-btn);background:var(--cta);color:var(--on-cta);font-weight:600;letter-spacing:.05em;text-transform:uppercase;cursor:pointer}
@media (max-width:720px){body.vt .vt-nl-seite{padding:56px 20px 72px}body.vt .vt-nl-seite .vt-nl p.lead{font-size:19px}}