.vt-start-contao,
.vt-start-contao *,
.vt-start-contao *::before,
.vt-start-contao *::after { box-sizing:border-box; }

.vt-nogrid { width:100%; max-width:1320px; margin:0 auto; padding:30px 24px 80px; }
.vt-nogrid > .vt-nogrid-card {
    width:100%;
    padding:34px;
    margin-top:28px;
    background:linear-gradient(145deg,rgba(22,50,86,.94) 0%,rgba(15,37,67,.90) 55%,rgba(13,33,60,.92) 100%);
    border:1px solid rgba(94,169,255,.24);
    border-radius:22px;
    box-shadow:0 12px 30px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.055);
    color:#fff;
}
.vt-nogrid > .vt-nogrid-card:first-child { margin-top:0; }
.vt-nogrid-section p { color:rgba(255,255,255,.92); }

.vt-nogrid > .vt-nogrid-card.vt-baukasten-card--version3 {
    background:linear-gradient(145deg,rgba(10,28,55,.97) 0%,rgba(9,25,49,.96) 55%,rgba(7,21,43,.97) 100%);
    border:1px solid rgba(94,169,255,.38);
    border-radius:22px;
    box-shadow:0 12px 30px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.075);
}

.vt-baukasten-watermark-wordmark-small-test { --vt-watermark-opacity:.16; }

@media (max-width:860px) {
    .vt-nogrid { padding:30px 16px 60px; }
    .vt-nogrid > .vt-nogrid-card { padding:20px; }
    .vt-nogrid-section { overflow-wrap:break-word; }
}
@media (min-width:861px) {
    .vt-nogrid { padding:30px 20px 80px; }
    .vt-nogrid > .vt-nogrid-card { padding:28px; }
}
@media (min-width:1400px) {
    .vt-nogrid { padding:30px 24px 80px; }
    .vt-nogrid > .vt-nogrid-card { padding:34px; }
}
@media (max-width:480px) {
    .vt-nogrid { padding-right:0; padding-left:0; }
    .vt-nogrid > .vt-nogrid-card { padding:16px; }
}

@media (max-width:1024px) { .vt-nogrid { margin-top:-80px; } }
@media (min-width:1025px) { .vt-nogrid { margin-top:0; } }





.vt-card.vt-ui-watermark-host > .vt-ui-watermark--visionthinks-wordmark.vt-ui-watermark--size-big { display:none; }

@media (max-width:860px) {
    .vt-card.vt-ui-watermark-host > .vt-ui-watermark--visionthinks-wordmark.vt-ui-watermark--size-small { display:none; }
    .vt-card.vt-ui-watermark-host > .vt-ui-watermark--visionthinks-wordmark.vt-ui-watermark--size-big { display:block; }
}





body.vt-start-contao-stage-links-heller .webhosting-back {
    background:
        radial-gradient(ellipse at 10% 8%, rgba(40,139,245,.20) 0%, rgba(26,88,168,.11) 28%, rgba(20,62,120,.05) 62%, transparent 82%),
        radial-gradient(ellipse at 82% 42%, rgba(22,105,210,.08) 0%, rgba(22,105,210,.035) 36%, transparent 68%),
        radial-gradient(ellipse at 45% 78%, rgba(30,105,205,.35) 0%, transparent 62%),
        linear-gradient(180deg, #182b49 0%, #142540 30%, #12233e 65%, #12233e 100%) !important;
}





@media (min-width:1025px) {
    .vt-page-start-contao.vt-small-header .vt-header-gap { position:static; }

    .vt-page-start-contao.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-start-contao .vt-start-contao-title {
    margin:0 0 18px;
    font-size:1.5rem;
    font-weight:700;
    line-height:1.3;
    text-transform:none;
    color:#fff;
}

.vt-start-contao p { color:rgba(255,255,255,.92); }

.vt-start-contao-small {
    font-size:.92rem;
    color:rgba(255,255,255,.72) !important;
}





#vt-start-contao-einstieg { padding-right:190px; }
#vt-start-contao-einstieg p { font-size:20px; line-height:1.6; }

.vt-start-contao-notice {
    margin-top:24px;
    padding:16px 20px;
    border:1px solid rgba(83,171,235,.42);
    border-left:4px solid rgb(34,138,232);
    border-radius:10px;
    background:rgba(18,77,119,.42);
}
.vt-start-contao-notice p { margin:0; font-size:18px !important; }

@media (max-width:860px) {
    #vt-start-contao-einstieg { padding-right:0; }
    #vt-start-contao-einstieg p { font-size:18px; }
}






.vt-start-contao-features,
.vt-start-contao-project {
    display:grid;
    grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);
    gap:clamp(20px,2.6vw,44px);
    align-items:center;

    padding:clamp(22px,2.6vw,38px);
    margin-block:clamp(20px,2.4vw,34px);

    border:1px solid rgba(100,170,255,.18);
    border-radius:22px;
    background:linear-gradient(135deg,rgba(17,35,68,.96),rgba(11,23,47,.98));
    box-shadow:0 22px 55px rgba(0,0,0,.24);
    color:#fff;
}

.vt-start-contao-features__copy,
.vt-start-contao-project__copy { min-width:0; }

.vt-start-contao-features__media,
.vt-start-contao-project__media {
    min-width:0;
    overflow:hidden;
    border-radius:14px;
}

.vt-start-contao-features__media img,
.vt-start-contao-project__media img {
    display:block;
    width:100%;
    height:auto;
    aspect-ratio:16 / 9;
    object-fit:cover;
}


.vt-start-contao-project--reverse { grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr); }
.vt-start-contao-project--reverse .vt-start-contao-project__media { order:-1; }





.vt-start-contao-list {
    margin:0 0 20px;
    padding:0;
    list-style:none;
}
.vt-start-contao-list li {
    position:relative;
    margin:0 0 14px;
    padding-left:22px;
    color:rgba(255,255,255,.88);
    line-height:1.55;
}
.vt-start-contao-list li::before {
    content:"";
    position:absolute;
    top:.6em;
    left:0;
    width:8px;
    height:8px;
    border-radius:50%;
    background:rgb(34,138,232);
}
.vt-start-contao-list strong { color:#fff; }





.vt-start-contao-heading { margin:clamp(40px,4vw,64px) 0 0; }
.vt-start-contao-heading .vt-start-contao-title { margin-bottom:6px; font-size:1.75rem; }
.vt-start-contao-heading p { margin:0; }

.vt-start-contao-project__logo {
    display:block;
    max-width:220px;
    max-height:64px;
    margin:0 0 16px;
}

.vt-start-contao-project__actions {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:14px 22px;
    margin-top:22px;
}

.vt-start-contao-more {
    color:#9fd0ff;
    text-decoration:underline;
    text-underline-offset:3px;
}
.vt-start-contao-more:hover,
.vt-start-contao-more:focus-visible { color:#fff; }





.vt-start-contao-badge {
    display:inline-block;
    margin-bottom:14px;
    padding:4px 12px;
    border-radius:999px;
    font-size:13px;
    font-weight:600;
    letter-spacing:.05em;
    text-transform:uppercase;
    line-height:1.4;
}
.vt-start-contao-badge--kunde {
    border:1px solid rgba(94,169,255,.55);
    background:rgba(40,139,245,.18);
    color:#cfe6ff;
}
.vt-start-contao-badge--demo {
    border:1px solid rgba(255,255,255,.30);
    background:rgba(255,255,255,.08);
    color:rgba(255,255,255,.85);
}
.vt-start-contao-badge--entwicklung {
    border:1px solid rgba(245,190,90,.55);
    background:rgba(245,170,40,.14);
    color:#ffe2a8;
}





.vt-start-contao-cta {
    display:inline-flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;

    min-height:52px;
    padding:0 28px;

    background-color:rgba(10,20,45,.72);
    border:1px solid rgb(19,81,137);
    border-radius:20px;
    backdrop-filter:blur(6px);

    color:#fff;
    text-decoration:none;
}
.vt-start-contao-cta:hover,
.vt-start-contao-cta:focus-visible {
    background-color:rgb(12,35,77);
    border-color:rgb(34,138,232);
    color:#fff;
}
.vt-start-contao-cta:focus-visible {
    outline:2px solid rgb(120,190,255);
    outline-offset:3px;
}
.vt-start-contao-cta__arrow {
    flex:0 0 auto;
    width:8px;
    height:8px;
    border-top:2px solid currentColor;
    border-right:2px solid currentColor;
    transform:rotate(45deg);
}
.vt-start-contao-cta--disabled {
    border-style:dashed;
    color:rgba(255,255,255,.65);
    cursor:default;
}





.vt-start-contao-themes__grid {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:clamp(16px,2vw,28px);
    margin-top:24px;
}
.vt-start-contao-theme { margin:0; }
.vt-start-contao-theme img {
    display:block;
    width:100%;
    height:auto;
    border-radius:12px;
    box-shadow:0 12px 30px rgba(0,0,0,.28);
}
.vt-start-contao-theme figcaption { margin-top:12px; line-height:1.4; }
.vt-start-contao-theme figcaption strong { display:block; color:#fff; letter-spacing:.06em; }
.vt-start-contao-theme figcaption span { color:rgba(255,255,255,.72); font-size:.92rem; }
.vt-start-contao-theme figcaption .vt-start-contao-more { display:inline-block; margin-top:6px; font-size:.92rem; }
.vt-start-contao-theme__link { display:block; border-radius:12px; }
.vt-start-contao-theme__link:focus-visible { outline:2px solid rgb(120,190,255); outline-offset:3px; }





.vt-nogrid > .vt-start-contao-closing {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    gap:20px 40px;
}
.vt-start-contao-closing p { margin:0; }





@media (max-width:860px) {
    .vt-start-contao-features,
    .vt-start-contao-project,
    .vt-start-contao-project--reverse {
        grid-template-columns:minmax(0,1fr);
    }

    
    .vt-start-contao-features__media,
    .vt-start-contao-project__media { order:-1; }

    .vt-start-contao-themes__grid { grid-template-columns:minmax(0,1fr); }
}

@media (max-width:480px) {
    .vt-start-contao-features,
    .vt-start-contao-project {
        padding:16px;
        border-color:rgba(255,255,255,.05);
    }
    .vt-start-contao-cta { width:100%; }
    .vt-start-contao-heading { padding:0 16px; }
}

@media (prefers-reduced-motion:reduce) {
    .vt-start-contao-cta { transition:none; }
}




.vt-start-contao-project__actions .vt-start-contao-more {
    display:inline-flex;
    align-items:center;
    min-height:52px;
    padding:0 28px;
    border:1px solid rgba(94,169,255,.45);
    border-radius:20px;
    background:transparent;
    color:#cfe6ff;
    text-decoration:none;
}
.vt-start-contao-project__actions .vt-start-contao-more:hover,
.vt-start-contao-project__actions .vt-start-contao-more:focus-visible {
    border-color:rgb(34,138,232);
    background:rgba(12,35,77,.55);
    color:#fff;
}

.vt-start-contao-cta,
.vt-start-contao-project__actions .vt-start-contao-more {
    transition:transform .18s ease, background-color .18s ease, border-color .18s ease;
}
.vt-start-contao-cta:not(.vt-start-contao-cta--disabled):hover,
.vt-start-contao-cta:not(.vt-start-contao-cta--disabled):focus-visible,
.vt-start-contao-project__actions .vt-start-contao-more:hover,
.vt-start-contao-project__actions .vt-start-contao-more:focus-visible {
    transform:translateY(-2px);
}

@media (max-width:480px) {
    .vt-start-contao-project__actions .vt-start-contao-more { width:100%; justify-content:center; }
}
@media (prefers-reduced-motion:reduce) {
    .vt-start-contao-cta,
    .vt-start-contao-project__actions .vt-start-contao-more { transition:none; transform:none !important; }
}



.vt-start-contao a[target="_blank"] .vt-start-contao-cta__arrow { display:none; }
.vt-start-contao a[target="_blank"]:not(.vt-start-contao-theme__link)::after {
    content:"↗";
    margin-left:6px;
    font-size:.95em;
    line-height:1;
}
.vt-start-contao a.vt-start-contao-cta[target="_blank"]::after { margin-left:0; }


@media (max-width:860px) { #webhosting-faq { padding-right:20px; padding-left:20px; } }
@media (max-width:480px) { #webhosting-faq { padding-right:5px;  padding-left:5px;  } }






.vt-start-contao-ihrdesign {
    margin-block:clamp(20px,2.4vw,34px);
    padding:clamp(22px,2.6vw,38px);
    border-radius:22px;
    background:linear-gradient(145deg, rgba(22,50,86,.94) 0%, rgba(15,37,67,.90) 55%, rgba(13,33,60,.92) 100%);
    box-shadow:0 12px 30px rgba(0,0,0,.16);
    color:#fff;
}
.vt-start-contao-ihrdesign__copy { max-width:62ch; }
.vt-start-contao-ihrdesign__copy p:not(.vt-start-contao-small) { font-size:18px; line-height:1.6; }

.vt-start-contao-badge--erweiterung {
    border:1px solid rgba(94,169,255,.55);
    background:rgba(40,139,245,.18);
    color:#cfe6ff;
}


.vt-start-contao-ihrdesign__vergleich {
    display:grid;
    grid-template-columns:minmax(0,500fr) 34px minmax(0,625fr);
    grid-template-rows:auto 1fr;
    column-gap:20px;
    row-gap:26px;
    margin-top:30px;
}
.vt-start-contao-ihrdesign__vorher  { grid-column:1; grid-row:1 / span 2; }
.vt-start-contao-ihrdesign__pfeil   { grid-column:2; grid-row:1; align-self:center; }
.vt-start-contao-ihrdesign__nachher { grid-column:3; grid-row:1; }
.vt-start-contao-ihrdesign__punkte  { grid-column:3; grid-row:2; }

.vt-start-contao-ihrdesign figure { margin:0; text-align:center; }
.vt-start-contao-ihrdesign figure img {
    display:block;
    width:100%;
    height:auto;
    border-radius:10px;
    box-shadow:0 14px 34px rgba(0,0,0,.45);
}
.vt-start-contao-ihrdesign figcaption {
    margin-top:12px;
    font-size:12px;
    font-weight:700;
    letter-spacing:.08em;
    line-height:1.4;
    text-transform:uppercase;
    color:#8fb4e8;
}
.vt-start-contao-ihrdesign figcaption span {
    display:block;
    font-size:13px;
    font-weight:400;
    letter-spacing:0;
    text-transform:none;
    color:rgba(255,255,255,.72);
}

.vt-start-contao-ihrdesign__pfeil {
    display:grid;
    place-items:center;
    width:34px;
    height:34px;
    border-radius:50%;
    background:rgb(34,138,232);
}
.vt-start-contao-ihrdesign__pfeil::before {
    content:"";
    margin-left:3px;
    border-style:solid;
    border-width:7px 0 7px 11px;
    border-color:transparent transparent transparent #fff;
}

.vt-start-contao-ihrdesign__punkte {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px 28px;
    margin:0;
    padding:0;
    list-style:none;
    text-align:left;
}
.vt-start-contao-ihrdesign__punkte strong {
    display:block;
    margin-bottom:4px;
    font-size:18px;
    line-height:1.3;
    color:#fff;
}
.vt-start-contao-ihrdesign__punkte span {
    font-size:15px;
    line-height:1.45;
    color:rgba(255,255,255,.80);
}

.vt-start-contao-ihrdesign__fuss { margin:28px 0 0; }


@media (max-width:860px) {
    .vt-start-contao-ihrdesign__vergleich {
        grid-template-columns:minmax(0,1fr);
        grid-template-rows:none;
        justify-items:center;
        row-gap:20px;
    }
    .vt-start-contao-ihrdesign__vorher,
    .vt-start-contao-ihrdesign__pfeil,
    .vt-start-contao-ihrdesign__nachher,
    .vt-start-contao-ihrdesign__punkte { grid-column:1; grid-row:auto; }
    .vt-start-contao-ihrdesign figure,
    .vt-start-contao-ihrdesign__punkte { width:100%; max-width:640px; }
    .vt-start-contao-ihrdesign__pfeil { transform:rotate(90deg); }
    .vt-start-contao-ihrdesign__copy p:not(.vt-start-contao-small) { font-size:17px; }
}
@media (max-width:480px) {
    .vt-start-contao-ihrdesign { padding:16px; }
    .vt-start-contao-ihrdesign__punkte { grid-template-columns:minmax(0,1fr); }
}






.vt-start-contao-ihrdesign {
    background:linear-gradient(145deg, rgba(10,28,55,.97) 0%, rgba(9,25,49,.96) 55%, rgba(7,21,43,.97) 100%);
    box-shadow:0 12px 30px rgba(0,0,0,.26);
}

.vt-start-contao-a11y {
    margin-block:clamp(20px,2.4vw,34px);
    padding:clamp(22px,2.6vw,38px);
    border-radius:22px;
    background:linear-gradient(145deg, rgba(22,50,86,.94) 0%, rgba(15,37,67,.90) 55%, rgba(13,33,60,.92) 100%);
    box-shadow:0 12px 30px rgba(0,0,0,.16);
    color:#fff;
}
.vt-start-contao-a11y__intro { max-width:62ch; }
.vt-start-contao-a11y__intro p { font-size:18px; line-height:1.6; }

.vt-start-contao-a11y__teil { margin-top:clamp(28px,3vw,44px); }
.vt-start-contao-a11y__teil--kontrast {
    display:grid;
    grid-template-columns:minmax(0,5fr) minmax(0,7fr);
    gap:clamp(20px,2.6vw,40px);
    align-items:start;
}
.vt-start-contao-a11y__h3 {
    margin:0 0 12px;
    font-size:1.2rem;
    font-weight:700;
    line-height:1.3;
    color:#fff;
}
.vt-start-contao-a11y__text p { line-height:1.6; }
.vt-start-contao-a11y__text--breit { max-width:70ch; }

.vt-start-contao-a11y__werte { margin:0 0 14px; padding:0; list-style:none; }
.vt-start-contao-a11y__werte li {
    display:flex;
    justify-content:space-between;
    gap:16px;
    padding:8px 0;
    border-bottom:1px solid rgba(255,255,255,.10);
}
.vt-start-contao-a11y__werte strong { color:#fff; }
.vt-start-contao-a11y__werte span { color:#cfe6ff; font-variant-numeric:tabular-nums; white-space:nowrap; }

.vt-start-contao-a11y__paar {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
    align-items:start;
}
.vt-start-contao-a11y__stufen {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
    margin-top:22px;
}

.vt-start-contao-a11y figure { margin:0; text-align:center; }
.vt-start-contao-zoom { display:block; border-radius:10px; }
.vt-start-contao-zoom:focus-visible { outline:2px solid rgb(120,190,255); outline-offset:3px; }
.vt-start-contao-a11y figure img {
    display:block;
    width:100%;
    height:auto;
    border-radius:10px;
    box-shadow:0 14px 34px rgba(0,0,0,.40);
}
.vt-start-contao-a11y figcaption {
    margin-top:10px;
    font-size:12px;
    font-weight:700;
    letter-spacing:.08em;
    line-height:1.4;
    text-transform:uppercase;
    color:#8fb4e8;
}
.vt-start-contao-a11y figcaption span {
    display:block;
    font-size:13px;
    font-weight:400;
    letter-spacing:0;
    text-transform:none;
    color:rgba(255,255,255,.72);
}

.vt-start-contao a.vt-start-contao-zoom[target="_blank"]::after { content:none; }

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

@media (max-width:860px) {
    .vt-start-contao-a11y__teil--kontrast { grid-template-columns:minmax(0,1fr); }
    .vt-start-contao-a11y__intro p { font-size:17px; }
}
@media (max-width:480px) {
    .vt-start-contao-a11y { padding:16px; }
    .vt-start-contao-a11y__paar,
    .vt-start-contao-a11y__stufen { grid-template-columns:minmax(0,1fr); }
}


@media (max-width:480px) {
    .vt-start-contao-project__actions .vt-start-contao-more { justify-content:space-between; }
}







.vt-start-contao-einstieg-wm { position:relative; overflow:hidden; }
.vt-start-contao-einstieg-wm > .vt-ui-watermark--taschenmesser {
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    pointer-events:none;
    z-index:0;
}
.vt-start-contao-einstieg-wm > .vt-ui-watermark--taschenmesser img {
    display:block;
    width:auto;
    height:92%;
    max-height:620px;
}
.vt-start-contao-einstieg-wm > .vt-nogrid-section { position:relative; z-index:1; }

#vt-start-contao-einstieg { padding-right:0; }
#vt-start-contao-einstieg .vt-start-contao-einstieg__lead { font-size:20px; line-height:1.6; margin-bottom:22px; max-width:70ch; }
.vt-start-contao-einstieg__punkte { margin:0 0 22px; padding:0; list-style:none; columns:2; column-gap:40px; }
.vt-start-contao-einstieg__punkte li { break-inside:avoid; margin-bottom:18px; line-height:1.55; color:rgba(255,255,255,.86); }
.vt-start-contao-einstieg__punkte strong { display:block; margin-bottom:4px; font-size:18px; color:#fff; }
#vt-start-contao-einstieg .vt-start-contao-einstieg__update { margin:0; font-size:17px; color:rgba(255,255,255,.80); }

@media (max-width:860px) {
    #vt-start-contao-einstieg .vt-start-contao-einstieg__lead { font-size:18px; }
    .vt-start-contao-einstieg__punkte { columns:1; }
    .vt-start-contao-einstieg-wm > .vt-ui-watermark--taschenmesser img { height:auto; width:70%; max-width:420px; max-height:none; }
}




.vt-start-contao-einstieg-wm { --vt-watermark-opacity:.06; }
.vt-start-contao-einstieg-wm > .vt-ui-watermark--taschenmesser img { opacity:1; }


.vt-start-contao .vt-start-contao-a11y h3.vt-start-contao-a11y__h3 {
    font-size:1.2rem;
    line-height:1.3;
    letter-spacing:normal;
    text-transform:none;
}




.vt-start-contao-einstieg-wm > .vt-start-contao-wm {
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    pointer-events:none;
    z-index:0;
    opacity:.10;
}
.vt-start-contao-einstieg-wm > .vt-start-contao-wm img {
    display:block;
    width:auto;
    height:92%;
    max-height:620px;
}
@media (max-width:860px) {
    .vt-start-contao-einstieg-wm > .vt-start-contao-wm img { height:auto; width:70%; max-width:420px; max-height:none; }
}


#vt-start-contao-einstieg ul.vt-start-contao-einstieg__punkte { margin-left:0; padding-left:0; }
#vt-start-contao-einstieg ul.vt-start-contao-einstieg__punkte > li { margin-left:0; padding-left:0; }