.vt-ad {
    --vt-ad-dark: linear-gradient(145deg, rgba(10,28,55,.97) 0%, rgba(9,25,49,.96) 55%, rgba(7,21,43,.97) 100%);
    --vt-ad-light: linear-gradient(145deg, rgba(22,50,86,.94) 0%, rgba(15,37,67,.90) 55%, rgba(13,33,60,.92) 100%);
    --vt-ad-gap: clamp(30px, 3vw, 44px);
    --vt-ad-pad: clamp(22px, 3vw, 40px);
    --vt-ad-accent: #78beff;
}



@media (min-width:1025px) {
    .vt-page-contao-arztdemo.vt-small-header .vt-header-gap { position:static; }
    .vt-page-contao-arztdemo.vt-small-header .vt-header-divider {
        display:block; position:absolute; top:auto; bottom:-50px; left:50%;
        margin:0 !important; padding:0 !important; transform:translateX(-50%);
    }
}





.vt-ad-card {
    position:relative;
    margin-top:var(--vt-ad-gap);
    padding:var(--vt-ad-pad);
    border:0;
    border-radius:22px;
    color:#fff;
}
.vt-ad-card--dark  { background:var(--vt-ad-dark);  box-shadow:0 12px 30px rgba(0,0,0,.26); }
.vt-ad-card--light { background:var(--vt-ad-light); box-shadow:0 12px 30px rgba(0,0,0,.16); }





.vt-ad .vt-ad-title {
    margin:0 0 14px;
    font-size:1.5rem;
    font-weight:700;
    line-height:1.3;
    text-transform:none;
    color:#fff;
}
.vt-ad .vt-ad-title--lead { font-size:1.65rem; margin-bottom:18px; }

.vt-ad .vt-ad-title--formula {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:4px 14px;
}
.vt-ad-ne {
    font-size:1.6em;
    font-weight:300;
    line-height:1;
    color:var(--vt-ad-accent);
}

.vt-ad .vt-ad-subtitle {
    margin:26px 0 6px;
    font-size:1.05rem;
    font-weight:700;
    color:#fff;
}

.vt-ad .vt-ad-lead { margin:0; font-size:19px; line-height:1.6; color:rgba(255,255,255,.92); }
.vt-ad .vt-ad-text { margin:0 0 14px; font-size:16px; line-height:1.6; color:rgba(255,255,255,.84); }
.vt-ad .vt-ad-text--strong { font-size:17px; color:rgba(255,255,255,.9); }
.vt-ad .vt-ad-note { margin:0 0 10px; font-size:15px; line-height:1.6; color:rgba(255,255,255,.68); }
.vt-ad .vt-ad-note--intro { margin-bottom:26px; font-size:16px; }




.vt-ad-names {
    display:flex;
    flex-wrap:wrap;
    gap:8px 0;
    margin:0 0 14px;
    padding:0;
    list-style:none;
    font-size:15px;
    letter-spacing:.03em;
    color:rgba(255,255,255,.66);
}
.vt-ad-names li { margin:0; padding:0; }
.vt-ad-names li:not(:last-child)::after {
    content:"|";
    margin:0 12px;
    color:rgba(255,255,255,.28);
}

.vt-ad-plain { margin:0; padding:0; list-style:none; font-size:15px; line-height:1.75; color:rgba(255,255,255,.72); }
.vt-ad-plain li { margin:0; }





.vt-ad-intro {
    display:grid;
    grid-template-columns:repeat(12, minmax(0,1fr));
    column-gap:24px;
    align-items:center;
}
.vt-ad-intro__card { grid-column:span 8; margin-top:0; }
.vt-ad-intro__motif {
    grid-column:span 4;
    display:flex;
    justify-content:flex-start;
    padding-left:clamp(10px, 2.4vw, 34px);
    margin:-48px 0 calc(-1 * var(--vt-ad-gap) - 10px);
    pointer-events:none;
}
.vt-ad-intro__motif img {
    display:block;
    width:auto;
    height:clamp(380px, 34vw, 480px);
    opacity:.42;
}





.vt-ad-split {
    display:grid;
    grid-template-columns:repeat(12, minmax(0,1fr));
    column-gap:24px;
    align-items:start;
}
.vt-ad-split--2-10 > :nth-child(1) { grid-column:span 2; }
.vt-ad-split--2-10 > :nth-child(2) { grid-column:span 10; }

.vt-ad-split--7-5 > div    { grid-column:span 7; }
.vt-ad-split--7-5 > figure { grid-column:8 / span 5; }

.vt-ad-split--6-6 { column-gap:32px; align-items:center; }
.vt-ad-split--6-6 > * { grid-column:span 6; }

.vt-ad-split__motif { display:flex; justify-content:center; padding-top:4px; }
.vt-ad-syringe { display:block; width:clamp(80px, 9vw, 125px); height:auto; opacity:.45; }



.vt-ad-privacy { overflow:visible; }
.vt-ad-privacy__shield {
    position:absolute;
    top:-17px;
    right:56px;
    width:96px;
    height:auto;
    opacity:.42;
    pointer-events:none;
}

.vt-ad-quote { margin:44px 0 0; }
.vt-ad-quote__mark {
    display:block;
    height:34px;
    margin-bottom:6px;
    overflow:hidden;
    font:700 84px/.4 Georgia, "Times New Roman", serif;
    color:rgba(255,255,255,.3);
}
.vt-ad-quote blockquote {
    margin:0;
    padding:0;
    border:0;
    font-size:17px;
    font-style:italic;
    line-height:1.6;
    color:rgba(255,255,255,.9);
}
.vt-ad-quote figcaption { margin-top:12px; font-size:14px; color:rgba(255,255,255,.6); }



.vt-ad-compare { margin:0; }
.vt-ad-compare img { display:block; width:100%; height:auto; border-radius:12px; }
.vt-ad-compare figcaption {
    display:flex;
    justify-content:space-between;
    margin-top:10px;
    font-size:13px;
    color:rgba(255,255,255,.6);
}





.vt-ad-demos {
    display:grid;
    grid-template-columns:repeat(2, minmax(0,1fr));
    gap:40px;
}
.vt-ad-demo { display:flex; flex-direction:column; align-items:flex-start; }
.vt-ad-demo__tile {
    align-self:stretch;
    display:flex;
    align-items:center;
    justify-content:center;
    height:140px;
    margin-bottom:18px;
    border-radius:14px;
    background:var(--vt-ad-light);
}
.vt-ad-demo__plate {
    display:flex;
    align-items:center;
    justify-content:center;
    width:54%;
    min-width:220px;
    height:84px;
    border-radius:10px;
}
.vt-ad-demo__plate--koeln  { background:#e1ebe5; }
.vt-ad-demo__plate--aachen { background:#e3eaf0; }
.vt-ad-demo__plate img { display:block; max-width:86%; max-height:44px; width:auto; height:auto; }
.vt-ad-ext { font-size:.95em; }


.vt-ad .screen-reader-text {
    position:absolute !important; width:1px; height:1px; margin:-1px; padding:0;
    overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;
}





.vt-ad-closing {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    gap:20px 40px;
}
.vt-ad-closing .vt-ad-text { margin:0; }





@media (max-width:1024px) {
    .vt-ad-intro__card { grid-column:span 9; }
    .vt-ad-intro__motif { grid-column:span 3; padding-left:0; justify-content:center; }
    .vt-ad-intro__motif img { height:320px; }
}

@media (max-width:860px) {
    .vt-ad-intro { display:block; }
    .vt-ad-intro__motif { display:none; }

    .vt-ad-split,
    .vt-ad-split--6-6 { display:block; }
    .vt-ad-split__motif { justify-content:flex-start; margin-bottom:14px; }
    .vt-ad-syringe { width:72px; }

    .vt-ad-privacy__shield { right:20px; width:64px; top:-12px; }
    .vt-ad-privacy .vt-ad-title { padding-right:64px; }
    .vt-ad-quote { margin-top:28px; }

    .vt-ad-compare { margin-bottom:24px; }

    .vt-ad-demos { grid-template-columns:minmax(0,1fr); gap:34px; }
}

@media (max-width:480px) {
    .vt-ad .vt-ad-lead { font-size:17px; }
    .vt-ad-card { padding:18px; border-radius:18px; }
    .vt-ad-demo__plate { width:80%; min-width:0; }
    .vt-ad .vt-start-contao-cta { width:100%; }
}



@media (min-width:861px) {
    .vt-ad-intro { align-items:start; }
    .vt-ad-intro__motif { position:relative; align-self:stretch; margin:0; padding:0; }
    .vt-ad-intro__motif img {
        position:absolute;
        top:-70px;
        left:clamp(10px, 2.4vw, 34px);
        width:auto;
        height:calc(100% + 70px + var(--vt-ad-gap) + 10px);
    }
}