/*
Theme Name: Vorsicht.info Theme
Theme URI: https://vorsicht.info/
Description: Professionelles STABLE Child-Theme für Avanta Pro. Optimiert für Vorsicht.info mit Logo-, Header- und Service-Feinschliff, responsiven Anpassungen und Avanta-Farbsteuerung. Plattform-Funktionen bleiben im Vorsicht.info Plugin.
Author: Vorsicht.info
Author URI: https://vorsicht.info/
Template: avanta-pro
Version: 2.0.10
Requires at least: 6.0
Requires PHP: 8.0
Text Domain: vorsicht-info-theme
*/

/*
 * Vorsicht.info Theme v2.0.10 – STABLE · Mobile-Header-Fix
 * Build: 2026.07.09.010
 * THEME = Darstellung | PLATFORM = Funktionen
 */

:root {
    --vorsicht-logo-desktop: 260px;
    --vorsicht-logo-tablet: 230px;
    --vorsicht-logo-mobile: 220px;
    --vorsicht-logo-offset-x: 0px;
    --vorsicht-ticker-offset-x: 80px;
    --vorsicht-ticker-label-offset-x: 0px;
    --vorsicht-ticker-text-offset-x: 0px;
    --vorsicht-ticker-speed: 12s;
    --vorsicht-ticker-bg: var(--dt-primary-color, var(--primary-color, var(--corpiva-primary-color, #e31e24)));
    --vorsicht-ticker-text: #ffffff;
    --vorsicht-ticker-label-bg: rgba(255,255,255,.14);
    --vorsicht-ticker-margin-top: 0px;
    --vorsicht-ticker-margin-bottom: 0px;
    --vorsicht-header-cta-offset-x: 42px;
}

/* Logo: Avanta-Begrenzung lösen, aber Farben/Layout nicht überschreiben */
.site--logo,
.logo,
.navbar-brand,
.site-branding,
.dt_navbar-brand,
.dt_header .site--logo,
.dt_header .logo {
    max-width: none !important;
    width: auto !important;
    flex: 0 0 auto !important;
    overflow: visible !important;
}

.site--logo a,
.logo a,
.navbar-brand a,
.custom-logo-link {
    display: inline-flex !important;
    align-items: center !important;
    max-width: none !important;
    width: auto !important;
    overflow: visible !important;
}

.site--logo img,
.logo img,
.navbar-brand img,
.custom-logo {
    width: auto !important;
    max-width: var(--vorsicht-logo-desktop, 260px) !important;
    max-height: none !important;
    height: auto !important;
    object-fit: contain;
}

.site--logo,
.logo,
.navbar-brand,
.custom-logo-link {
    transform: translateX(var(--vorsicht-logo-offset-x, 0px));
}

@media (max-width: 991px) {
    .site--logo img,
    .logo img,
    .navbar-brand img,
    .custom-logo {
        max-width: var(--vorsicht-logo-tablet, 230px) !important;
    }
}

@media (max-width: 767px) {
    .site--logo img,
    .logo img,
    .navbar-brand img,
    .custom-logo {
        max-width: var(--vorsicht-logo-mobile, 220px) !important;
    }
}

/* Lokaler Login */
.vorsicht-header-account .dt_user_btn { text-decoration: none; }
.vorsicht-login-box {
    max-width: 560px;
    margin: 28px auto;
    padding: 28px;
    background: #fff;
    border: 1px solid rgba(17,111,114,.18);
    border-radius: 18px;
    box-shadow: 0 18px 45px rgba(0,0,0,.08);
}
.vorsicht-login-box h3 { margin-top: 0; }
.vorsicht-login-box label { display:block; margin: 14px 0; font-weight: 600; }
.vorsicht-login-box input[type="text"],
.vorsicht-login-box input[type="password"] {
    width: 100%;
    max-width: 100%;
    padding: 12px 14px;
    border: 1px solid #ccd4d6;
    border-radius: 8px;
}
.vorsicht-login-box__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 10px 18px;
    border-radius: 8px;
    border: 0;
    background: var(--dt-primary-color, var(--primary-color, var(--corpiva-primary-color, #e31e24)));
    color: #fff !important;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
}
.vorsicht-login-box__link { margin-left: 12px; font-weight: 700; }
.vorsicht-login-box__notice {
    padding: 10px 12px;
    margin: 12px 0;
    background: #fff4f1;
    border-left: 4px solid #d63638;
}

/* News-Ticker: Darstellung im Theme, Inhalte aus Platform oder manuell */
.vorsicht-warning-ticker,
.vorsicht-news-ticker {
    width: 100%;
    background: var(--vorsicht-ticker-bg, var(--dt-primary-color, var(--primary-color, var(--corpiva-primary-color, #e31e24))));
    color: var(--vorsicht-ticker-text, #fff);
    margin-top: var(--vorsicht-ticker-margin-top, 0px);
    margin-bottom: var(--vorsicht-ticker-margin-bottom, 0px);
    position: relative;
    z-index: 3;
    border-top: 1px solid rgba(255,255,255,.16);
    border-bottom: 1px solid rgba(0,0,0,.08);
}
.vorsicht-warning-ticker__inner {
    max-width: 1240px;
    margin: 0 auto;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    gap: 34px;
    min-height: 44px;
}
@media (min-width: 1025px) {
    .vorsicht-warning-ticker__inner {
        transform: translateX(var(--vorsicht-ticker-offset-x, 80px));
        max-width: calc(1240px - max(var(--vorsicht-ticker-offset-x, 0px), 0px));
    }
}
.vorsicht-warning-ticker__label {
    flex: 0 0 auto;
    transform: translateX(var(--vorsicht-ticker-label-offset-x, 0px));
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 12px;
    border-radius: 8px;
    background: var(--vorsicht-ticker-label-bg, rgba(255,255,255,.14));
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
}
.vorsicht-news-ticker__stage {
    flex: 1 1 auto;
    transform: translateX(var(--vorsicht-ticker-text-offset-x, 0px));
    min-width: 0;
    position: relative;
}
.vorsicht-news-ticker__item {
    display: none;
    color: var(--vorsicht-ticker-text, #fff);
    font-weight: 700;
    line-height: 1.45;
}
.vorsicht-news-ticker__item.is-active,
.vorsicht-news-ticker__stage[data-count="1"] .vorsicht-news-ticker__item:first-child { display: block; }
.vorsicht-warning-ticker__link,
.vorsicht-warning-ticker__link:visited { color: var(--vorsicht-ticker-text, #fff) !important; text-decoration: none; }
.vorsicht-warning-ticker__link:hover,
.vorsicht-warning-ticker__link:focus { color: var(--vorsicht-ticker-text, #fff) !important; text-decoration: underline; }

@media (max-width: 1024px) {
    .vorsicht-warning-ticker__inner { gap: 26px; padding-left: 20px; padding-right: 20px; }
}
@media (max-width: 767px) {
    .vorsicht-warning-ticker__inner { display: block; padding: 12px 18px 14px; min-height: auto; }
    .vorsicht-warning-ticker__label { margin-bottom: 8px; font-size: 15px; padding: 7px 10px; }
    .vorsicht-news-ticker__stage { width: 100%; display: block; }
    .vorsicht-news-ticker__item { display: none; font-size: 17px; line-height: 1.35; white-space: normal; overflow: visible; text-overflow: clip; }
    .vorsicht-news-ticker__item.is-active,
    .vorsicht-news-ticker__stage[data-count="1"] .vorsicht-news-ticker__item:first-child { display: block; }
}

/* Eigene Icons: Theme fasst nur eigene Vorsicht-Icon-Ausgaben an, keine Admin-/Customizer-Stifte */
.vorsicht-custom-icon,
.vorsicht-icon,
.vorsicht-platform-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--vorsicht-icon-size, 48px);
    height: var(--vorsicht-icon-size, 48px);
    vertical-align: middle;
}
.vorsicht-custom-icon img,
.vorsicht-icon img,
.vorsicht-platform-icon img,
img.vorsicht-icon-img {
    max-width: 100%;
    max-height: 100%;
    width: var(--vorsicht-icon-size, 48px);
    height: var(--vorsicht-icon-size, 48px);
    object-fit: contain;
}


/* Vorsicht.info Theme v1.3.1 – Avanta Information Icon Bridge */
.dt_service .item-icon .vorsicht-avanta-info-icon,
.dt_service .item-icon img.vorsicht-avanta-info-icon,
.dt_service .item-icon svg.vorsicht-avanta-info-icon {
    display: inline-block !important;
    width: 54% !important;
    height: 54% !important;
    max-width: 54% !important;
    max-height: 54% !important;
    object-fit: contain !important;
    vertical-align: middle !important;
    position: relative !important;
    z-index: 2 !important;
}
.dt_service--nine .item-inner .item-content .item-icon { overflow: visible !important; }
.dt_service--nine .item-inner .item-content .item-icon .vorsicht-avanta-info-icon { margin-top: -4px !important; }


/* v1.4.0: Avanta-Icon-Bridge und Mobile-Feinschliff */
.dt_service .item-icon .vorsicht-avanta-info-icon,
.dt_service .item-icon img.vorsicht-avanta-info-icon,
.dt_service .item-icon .vorsicht-custom-icon,
.dt_service .clip .vorsicht-avanta-info-icon {
    display: inline-block !important;
    width: 58% !important;
    height: 58% !important;
    max-width: 58% !important;
    max-height: 58% !important;
    object-fit: contain !important;
    object-position: center center !important;
    vertical-align: middle !important;
    position: absolute !important;
    inset: 50% auto auto 50% !important;
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}
.dt_service .item-icon .vorsicht-custom-icon-missing { display:none !important; }
.dt_service.dt_service--nine .item-icon { position: relative !important; overflow: hidden !important; }
.dt_service.dt_service--nine .item-icon > i[class^="vorsicht-fa-"]::before,
.dt_service.dt_service--nine .item-icon > i[class*=" vorsicht-fa-"]::before { content: none !important; }
.dt_service .clip { position: relative !important; }
.dt_service .clip .vorsicht-avanta-info-icon { width: 62% !important; height: 62% !important; }
.dt_service .icon2 .vorsicht-avanta-info-icon { width: 62% !important; height: 62% !important; }

@media (max-width: 767px) {
    .vorsicht-warning-ticker,
    .vorsicht-news-ticker {
        min-height: 52px !important;
        padding: 6px 10px !important;
    }
    .vorsicht-warning-ticker__inner {
        gap: 8px !important;
        align-items: center !important;
    }
    .vorsicht-warning-ticker__label {
        font-size: 14px !important;
        padding: 5px 9px !important;
        white-space: nowrap !important;
        max-width: 45% !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
    .vorsicht-news-ticker__item,
    .vorsicht-warning-ticker__link {
        font-size: 17px !important;
        line-height: 1.25 !important;
    }

    .dt_slider .dt_slider-item,
    .dt_slider .dt_slider-item > img,
    .dt_slider .dt_slider-image,
    .dt_slider .dt_slider-inner {
        min-height: 520px !important;
    }
    .dt_slider .dt_slider-content,
    .dt_slider .dt_owl_carousel .dt_slider-content,
    .dt_slider .dt-container {
        max-width: 100% !important;
    }
    .dt_slider .title,
    .dt_slider h1,
    .dt_slider h2 {
        font-size: clamp(32px, 9vw, 46px) !important;
        line-height: 1.12 !important;
        letter-spacing: -0.02em !important;
    }
    .dt_slider .subtitle,
    .dt_slider p,
    .dt_slider .text {
        font-size: 17px !important;
        line-height: 1.45 !important;
        max-width: 92vw !important;
    }
    .dt_slider .dt_btn,
    .dt_slider .btn,
    .dt_slider a[class*="btn"] {
        padding: 13px 18px !important;
        font-size: 16px !important;
        min-width: 0 !important;
    }
    .dt_slider .video-btn,
    .dt_slider .play-btn,
    .dt_slider a[href*="youtube"],
    .dt_slider a[href*="youtu.be"] {
        margin-top: 10px !important;
    }

    .dt_service.dt_service--nine .dt-row,
    .dt_service .dt-row {
        row-gap: 22px !important;
    }
    .dt_service.dt_service--nine .item-inner {
        padding: 32px 24px 30px !important;
        margin-left: 10px !important;
        margin-right: 10px !important;
    }
    .dt_service.dt_service--nine .item-icon {
        width: 96px !important;
        height: 96px !important;
        margin-bottom: 22px !important;
    }
    .dt_service.dt_service--nine .item-icon .vorsicht-avanta-info-icon,
    .dt_service.dt_service--nine .item-icon img.vorsicht-avanta-info-icon {
        width: 56% !important;
        height: 56% !important;
        max-width: 56% !important;
        max-height: 56% !important;
    }
    .dt_service.dt_service--nine .item-title {
        font-size: 24px !important;
        line-height: 1.18 !important;
    }
    .dt_service.dt_service--nine .desc {
        font-size: 18px !important;
        line-height: 1.45 !important;
    }

    .dt_header .custom-logo,
    .dt_header .site--logo img,
    .site--logo img,
    .logo img,
    .navbar-brand img {
        max-width: 190px !important;
    }
    .dt_header .dt_navbar-right,
    .dt_header .dt_navbar-menu {
        gap: 8px !important;
    }
}

@media (max-width: 480px) {
    .dt_slider .dt_slider-item,
    .dt_slider .dt_slider-item > img,
    .dt_slider .dt_slider-image,
    .dt_slider .dt_slider-inner {
        min-height: 500px !important;
    }
    .dt_slider .title,
    .dt_slider h1,
    .dt_slider h2 {
        font-size: clamp(30px, 10vw, 42px) !important;
    }
    .dt_service.dt_service--nine .item-inner {
        padding: 28px 20px 28px !important;
    }
}


/* v1.4.2: finaler Avanta-Informationsbereich Icon-Fix */
#dt_information .item-icon {
    position: relative !important;
}
#dt_information .item-icon > i[class^="vorsicht-fa-"],
#dt_information .item-icon > i[class*=" vorsicht-fa-"],
#dt_information .item-icon > i[class^="vorsichticon-"],
#dt_information .item-icon > i[class*=" vorsichticon-"] {
    display: none !important;
}
#dt_information .item-icon img.vorsicht-avanta-info-icon,
#dt_information .item-icon svg.vorsicht-avanta-info-icon,
#dt_information .item-icon .vorsicht-avanta-info-icon {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 68% !important;
    height: 68% !important;
    max-width: 68% !important;
    max-height: 68% !important;
    object-fit: contain !important;
    object-position: center center !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    z-index: 3 !important;
}
@media (max-width: 767px) {
    #dt_information .item-icon img.vorsicht-avanta-info-icon,
    #dt_information .item-icon svg.vorsicht-avanta-info-icon,
    #dt_information .item-icon .vorsicht-avanta-info-icon {
        width: 64% !important;
        height: 64% !important;
        max-width: 64% !important;
        max-height: 64% !important;
    }
}


/* v1.4.2: Avanta Icon Engine Darstellung aus Plugin-Metadaten */
#dt_information .item-icon .vorsicht-avanta-info-icon-wrap {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: inherit !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: var(--vinfo-icon-bg, transparent) !important;
    overflow: hidden !important;
    z-index: 4 !important;
}
#dt_information .item-icon .vorsicht-avanta-info-icon-wrap img.vorsicht-avanta-info-icon {
    position: static !important;
    transform: none !important;
    width: var(--vinfo-icon-scale, 78%) !important;
    height: var(--vinfo-icon-scale, 78%) !important;
    max-width: var(--vinfo-icon-scale, 78%) !important;
    max-height: var(--vinfo-icon-scale, 78%) !important;
    object-fit: contain !important;
    object-position: center center !important;
    filter: var(--vinfo-icon-filter, none) !important;
    background: transparent !important;
    box-shadow: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}
#dt_information .item-icon:has(.vorsicht-avanta-info-icon-wrap.vinfo-bg-transparent) {
    background-color: transparent !important;
}

/* v1.4.3: Avanta Icon Engine – endgültiger Darstellungsfix */
#dt_information .item-icon {
    position: relative !important;
}
#dt_information .item-icon .vorsicht-avanta-info-icon-wrap {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: inherit !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    z-index: 9 !important;
    background-color: var(--vinfo-icon-bg, transparent) !important;
    background-image: none !important;
}
#dt_information .item-icon .vorsicht-avanta-info-icon-wrap.vinfo-bg-standard {
    background-color: transparent !important;
}
#dt_information .item-icon .vorsicht-avanta-info-icon-wrap.vinfo-bg-transparent {
    background-color: transparent !important;
}
#dt_information .item-icon:has(.vorsicht-avanta-info-icon-wrap.vinfo-bg-transparent) {
    background: transparent !important;
    background-color: transparent !important;
}
#dt_information .item-icon .vorsicht-avanta-info-icon-wrap img.vorsicht-avanta-info-icon,
#dt_information .item-icon .vorsicht-avanta-info-icon-wrap .vorsicht-avanta-info-icon {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    display: block !important;
    width: var(--vinfo-icon-scale, 78%) !important;
    height: var(--vinfo-icon-scale, 78%) !important;
    max-width: var(--vinfo-icon-scale, 78%) !important;
    max-height: var(--vinfo-icon-scale, 78%) !important;
    object-fit: contain !important;
    object-position: center center !important;
    filter: var(--vinfo-icon-filter, none) !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
#dt_information .item-icon .vorsicht-avanta-info-icon-wrap + i,
#dt_information .item-icon i[class^="vorsicht-fa-"],
#dt_information .item-icon i[class*=" vorsicht-fa-"] {
    display: none !important;
}
@media (max-width: 767px) {
    #dt_information .item-icon .vorsicht-avanta-info-icon-wrap img.vorsicht-avanta-info-icon,
    #dt_information .item-icon .vorsicht-avanta-info-icon-wrap .vorsicht-avanta-info-icon {
        width: min(var(--vinfo-icon-scale, 78%), 96%) !important;
        height: min(var(--vinfo-icon-scale, 78%), 96%) !important;
        max-width: min(var(--vinfo-icon-scale, 78%), 96%) !important;
        max-height: min(var(--vinfo-icon-scale, 78%), 96%) !important;
    }
}


/* v1.4.4: Avanta native Icon Engine Bridge
 * Das Plugin erzeugt .vorsicht-fa-name:before inklusive Bild, Farbe,
 * Hintergrund und Größe. Das Theme stellt im Avanta-Kreis nur die Fläche bereit.
 */
#dt_information .item-icon {
    position: relative !important;
    overflow: hidden !important;
}
#dt_information .item-icon > i.vinfo-avanta-icon-native,
#dt_information .item-icon > i[class^="vorsicht-fa-"],
#dt_information .item-icon > i[class*=" vorsicht-fa-"] {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    border-radius: inherit !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    font-size: 0 !important;
    text-align: center !important;
    color: transparent !important;
    font-style: normal !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    z-index: 10 !important;
}
#dt_information .item-icon > i.vinfo-avanta-icon-native:before,
#dt_information .item-icon > i[class^="vorsicht-fa-"]:before,
#dt_information .item-icon > i[class*=" vorsicht-fa-"]:before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    z-index: 11 !important;
}
#dt_information .item-icon > .vorsicht-avanta-info-icon-wrap,
#dt_information .item-icon > img.vorsicht-avanta-info-icon,
#dt_information .item-icon > svg.vorsicht-avanta-info-icon {
    display: none !important;
}

@media (max-width: 767px) {
    .vorsicht-warning-ticker,
    .vorsicht-news-ticker {
        min-height: 46px !important;
        padding: 5px 8px !important;
    }
    .vorsicht-warning-ticker__label {
        font-size: 13px !important;
        padding: 4px 8px !important;
        border-radius: 9px !important;
    }
    .vorsicht-news-ticker__item,
    .vorsicht-warning-ticker__link {
        font-size: 16px !important;
        line-height: 1.2 !important;
    }
    #dt_information.dt_service--nine .item-icon,
    #dt_information .item-icon {
        width: 92px !important;
        height: 92px !important;
        line-height: 92px !important;
    }
    .dt_slider .dt_slider-content,
    .dt_slider .dt_slider-content * {
        word-break: normal !important;
        overflow-wrap: normal !important;
    }
}


/* v1.4.6: Avanta Icon Engine – direkte Theme-Ausgabe mit Plugin-Metadaten */
#dt_information .item-icon {
    position: relative !important;
    overflow: hidden !important;
}
#dt_information .item-icon > .vorsicht-avanta-info-icon-wrap {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: inherit !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    z-index: 20 !important;
    background-color: var(--vinfo-icon-bg, transparent) !important;
    background-image: none !important;
    line-height: 1 !important;
}
#dt_information .item-icon > .vorsicht-avanta-info-icon-wrap.vinfo-bg-standard {
    background-color: transparent !important;
}
#dt_information .item-icon > .vorsicht-avanta-info-icon-wrap.vinfo-bg-transparent {
    background-color: transparent !important;
}
#dt_information .item-icon:has(> .vorsicht-avanta-info-icon-wrap.vinfo-bg-transparent) {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
}
#dt_information .item-icon > .vorsicht-avanta-info-icon-wrap img.vorsicht-avanta-info-icon {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    display: block !important;
    width: var(--vinfo-icon-scale, 78%) !important;
    height: var(--vinfo-icon-scale, 78%) !important;
    max-width: var(--vinfo-icon-scale, 78%) !important;
    max-height: var(--vinfo-icon-scale, 78%) !important;
    object-fit: contain !important;
    object-position: center center !important;
    filter: var(--vinfo-icon-filter, none) !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
#dt_information .item-icon > .vorsicht-avanta-info-icon-wrap ~ i,
#dt_information .item-icon > i.vinfo-avanta-icon-native,
#dt_information .item-icon > i[class^="vorsicht-fa-"],
#dt_information .item-icon > i[class*=" vorsicht-fa-"] {
    display: none !important;
}
@media (max-width: 767px) {
    #dt_information .item-icon > .vorsicht-avanta-info-icon-wrap img.vorsicht-avanta-info-icon {
        width: min(var(--vinfo-icon-scale, 78%), 105%) !important;
        height: min(var(--vinfo-icon-scale, 78%), 105%) !important;
        max-width: min(var(--vinfo-icon-scale, 78%), 105%) !important;
        max-height: min(var(--vinfo-icon-scale, 78%), 105%) !important;
    }
}

/* v1.4.6: nativer Renderer im Child-Template */
#dt_information .item-icon.vorsicht-info-avanta-icon-native,
#dt_information .item-icon.vinfo-avanta-controlled {
    box-sizing: border-box !important;
}
#dt_information .item-icon.vorsicht-info-avanta-icon-native img.vorsicht-avanta-info-icon,
#dt_information .item-icon.vinfo-avanta-controlled img.vorsicht-avanta-info-icon {
    transform: none !important;
    position: static !important;
    inset: auto !important;
}


/* v1.4.7: Vorsicht.info Icon Engine - Avanta-Renderer erzwingen */
#dt_information .vinfo-avanta-controlled {
  display:flex !important; align-items:center !important; justify-content:center !important; overflow:hidden !important; line-height:1 !important;
}
#dt_information .vinfo-avanta-controlled > img.vorsicht-avanta-info-icon {
  position:static !important; transform:none !important; object-fit:contain !important; object-position:center center !important; margin:0 !important; padding:0 !important; border:0 !important; box-shadow:none !important; background:transparent !important; z-index:5 !important;
}


/* v1.4.8 Endspurt: Avanta-Informations-Icon pixelgenau an Original-Kreis ausrichten */
.dt_service--nine .item-inner .item-content .item-icon.vinfo-avanta-controlled,
.dt_service--nine .item-inner .item-content .vinfo-avanta-controlled.item-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 9rem !important;
    height: 9rem !important;
    min-width: 9rem !important;
    min-height: 9rem !important;
    max-width: 9rem !important;
    max-height: 9rem !important;
    line-height: 1 !important;
    border-radius: 50% !important;
    margin: 0 auto 25px auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    text-align: center !important;
    vertical-align: top !important;
    overflow: hidden !important;
}
.dt_service--nine .item-inner .item-content .item-icon.vinfo-avanta-controlled::before,
.dt_service--nine .item-inner .item-content .vinfo-avanta-controlled.item-icon::before {
    top: -6px !important;
    right: -6px !important;
    bottom: -6px !important;
    left: -6px !important;
}
.dt_service--nine .item-inner .item-content .item-icon.vinfo-avanta-controlled .vorsicht-avanta-info-icon,
.dt_service--nine .item-inner .item-content .vinfo-avanta-controlled.item-icon .vorsicht-avanta-info-icon {
    display: block !important;
    position: static !important;
    inset: auto !important;
    transform: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: var(--vinfo-icon-scale, 78%) !important;
    height: var(--vinfo-icon-scale, 78%) !important;
    max-width: var(--vinfo-icon-scale, 78%) !important;
    max-height: var(--vinfo-icon-scale, 78%) !important;
    object-fit: contain !important;
    object-position: center center !important;
    filter: var(--vinfo-icon-filter, none) !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}
@media (max-width: 767px) {
    .dt_service--nine .item-inner .item-content .item-icon.vinfo-avanta-controlled,
    .dt_service--nine .item-inner .item-content .vinfo-avanta-controlled.item-icon {
        width: 8rem !important;
        height: 8rem !important;
        min-width: 8rem !important;
        min-height: 8rem !important;
        max-width: 8rem !important;
        max-height: 8rem !important;
        margin-bottom: 20px !important;
    }
}


/* v1.5.0: Globale Vorsicht.info Icon Engine
 * Ziel: eigene vorsicht-fa-* Icons nicht nur im Informationsbereich,
 * sondern an möglichst allen Avanta-Icon-Plätzen sauber anzeigen.
 */
.vinfo-global-icon,
.vinfo-global-icon-img,
.vorsicht-avanta-info-icon {
    box-sizing: border-box !important;
}

.vinfo-global-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    vertical-align: middle !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}
.vinfo-global-icon-img {
    display: block !important;
    width: var(--vinfo-global-icon-scale, 1em) !important;
    height: var(--vinfo-global-icon-scale, 1em) !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    filter: var(--vinfo-global-icon-filter, none) !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Informationskarten: Kreis exakt wie Avanta, Icon pixelgenau in die Mitte */
#dt_information .item-icon.vinfo-avanta-controlled,
.dt_service--nine .item-inner .item-content .item-icon.vinfo-avanta-controlled,
.dt_service--nine .item-inner .item-content .vinfo-avanta-controlled.item-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 84px !important;
    height: 84px !important;
    min-width: 84px !important;
    min-height: 84px !important;
    max-width: 84px !important;
    max-height: 84px !important;
    border-radius: 50% !important;
    line-height: 1 !important;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 !important;
    overflow: hidden !important;
}
#dt_information .item-icon.vinfo-avanta-controlled img.vorsicht-avanta-info-icon,
.dt_service--nine .item-inner .item-content .item-icon.vinfo-avanta-controlled img.vorsicht-avanta-info-icon {
    display: block !important;
    position: static !important;
    width: var(--vinfo-icon-scale, 78%) !important;
    height: var(--vinfo-icon-scale, 78%) !important;
    max-width: var(--vinfo-icon-scale, 78%) !important;
    max-height: var(--vinfo-icon-scale, 78%) !important;
    object-fit: contain !important;
    object-position: center center !important;
    filter: var(--vinfo-icon-filter, none) !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    transform: translate(2px, 1px) !important;
}
#dt_information .item-icon.vinfo-avanta-controlled:has(img.vorsicht-avanta-info-icon) > i,
.dt_service--nine .item-inner .item-content .item-icon.vinfo-avanta-controlled:has(img.vorsicht-avanta-info-icon) > i {
    display: none !important;
}

@media (max-width: 767px) {
    #dt_information .item-icon.vinfo-avanta-controlled,
    .dt_service--nine .item-inner .item-content .item-icon.vinfo-avanta-controlled {
        width: 82px !important;
        height: 82px !important;
        min-width: 82px !important;
        min-height: 82px !important;
        max-width: 82px !important;
        max-height: 82px !important;
    }
}

/* v1.5.0: Back-to-top als Vorsicht.info Floating Shield vorbereiten */
.vinfo-floating-shield,
.vorsicht-floating-shield,
#scrollUp.vinfo-floating-shield,
.scroll-top.vinfo-floating-shield,
.scrollup.vinfo-floating-shield,
.back-to-top.vinfo-floating-shield {
    width: 48px !important;
    height: 48px !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #ffffff !important;
    border: 2px solid #e31e24 !important;
    box-shadow: 0 10px 24px rgba(0,0,0,.18) !important;
    color: #111 !important;
    cursor: pointer !important;
    transition: transform .22s ease, box-shadow .22s ease, background-color .22s ease !important;
    overflow: visible !important;
    z-index: 9999 !important;
}
.vinfo-floating-shield:hover,
.vorsicht-floating-shield:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 14px 30px rgba(0,0,0,.24) !important;
}
.vinfo-floating-shield svg,
.vorsicht-floating-shield svg {
    width: 30px !important;
    height: 30px !important;
    display: block !important;
}
.vinfo-floating-shield i,
.vorsicht-floating-shield i,
.vinfo-floating-shield:before,
.vorsicht-floating-shield:before {
    display: none !important;
    content: none !important;
}

.vinfo-floating-action-stack {
    position: fixed !important;
    right: 24px !important;
    bottom: 24px !important;
    z-index: 9999 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    align-items: center !important;
}
@media (max-width: 767px) {
    .vinfo-floating-action-stack {
        right: 18px !important;
        bottom: 18px !important;
    }
    .vinfo-floating-shield,
    .vorsicht-floating-shield {
        width: 46px !important;
        height: 46px !important;
    }
}


/* v1.5.1 FINAL: Kontextabhängige Icon-Feinjustierung + Floating Action Button
 * - Service-/Feature-Iconboxen verwenden eigene Vorsicht-Icons in passender Größe.
 * - Informationskarten bleiben nah am Avanta-Original.
 * - Back-to-top wird als vorbereiteter Floating Action Button mit Schild dargestellt.
 */
.vinfo-global-iconbox-controlled {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    line-height: 1 !important;
}
.vinfo-global-iconbox-controlled > .vinfo-global-icon-img {
    width: 68% !important;
    height: 68% !important;
    max-width: 68% !important;
    max-height: 68% !important;
    object-fit: contain !important;
    object-position: center center !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}
/* Große, eckige Avanta-Service-Kacheln: Icons etwas kräftiger darstellen */
[class*="service"] .vinfo-global-iconbox-controlled > .vinfo-global-icon-img,
[class*="feature"] .vinfo-global-iconbox-controlled > .vinfo-global-icon-img,
[class*="process"] .vinfo-global-iconbox-controlled > .vinfo-global-icon-img {
    width: 72% !important;
    height: 72% !important;
    max-width: 72% !important;
    max-height: 72% !important;
}
/* Informationsbereich: Kreis wie Avanta, Icon sauber mittig */
#dt_information .item-icon.vinfo-avanta-controlled,
.dt_service--nine .item-inner .item-content .item-icon.vinfo-avanta-controlled {
    width: 84px !important;
    height: 84px !important;
    min-width: 84px !important;
    min-height: 84px !important;
    max-width: 84px !important;
    max-height: 84px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
}
#dt_information .item-icon.vinfo-avanta-controlled img.vorsicht-avanta-info-icon,
.dt_service--nine .item-inner .item-content .item-icon.vinfo-avanta-controlled img.vorsicht-avanta-info-icon {
    transform: translate(1px, 0px) !important;
    transform-origin: center center !important;
}
/* Floating Action Button: Avanta-Pfeil vollständig in Vorsicht-Schild verwandeln */
#scrollUp.vinfo-floating-shield,
.scroll-top.vinfo-floating-shield,
.scrollup.vinfo-floating-shield,
.back-to-top.vinfo-floating-shield,
.vinfo-floating-shield,
.vorsicht-floating-shield {
    position: fixed !important;
    right: 24px !important;
    bottom: 24px !important;
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    min-height: 52px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #ffffff !important;
    background-image: none !important;
    border: 2px solid #e31e24 !important;
    color: #111111 !important;
    box-shadow: 0 10px 24px rgba(0,0,0,.18) !important;
    padding: 0 !important;
    margin: 0 !important;
    text-indent: 0 !important;
    font-size: 0 !important;
    line-height: 1 !important;
    overflow: visible !important;
    z-index: 99999 !important;
}
#scrollUp.vinfo-floating-shield:before,
#scrollUp.vinfo-floating-shield:after,
.scroll-top.vinfo-floating-shield:before,
.scroll-top.vinfo-floating-shield:after,
.scrollup.vinfo-floating-shield:before,
.scrollup.vinfo-floating-shield:after,
.back-to-top.vinfo-floating-shield:before,
.back-to-top.vinfo-floating-shield:after,
.vinfo-floating-shield:before,
.vinfo-floating-shield:after {
    content: none !important;
    display: none !important;
}
#scrollUp.vinfo-floating-shield > *,
.scroll-top.vinfo-floating-shield > *,
.scrollup.vinfo-floating-shield > *,
.back-to-top.vinfo-floating-shield > * {
    font-size: 0 !important;
}
.vinfo-floating-shield svg,
.vorsicht-floating-shield svg {
    width: 34px !important;
    height: 34px !important;
    display: block !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
}
.vinfo-floating-shield:hover,
.vorsicht-floating-shield:hover {
    transform: translateY(-3px) scale(1.03) !important;
    box-shadow: 0 14px 30px rgba(0,0,0,.24) !important;
}
.vinfo-floating-action-stack {
    position: fixed !important;
    right: 24px !important;
    bottom: 24px !important;
    z-index: 99999 !important;
}
@media (max-width: 767px) {
    #scrollUp.vinfo-floating-shield,
    .scroll-top.vinfo-floating-shield,
    .scrollup.vinfo-floating-shield,
    .back-to-top.vinfo-floating-shield,
    .vinfo-floating-shield,
    .vorsicht-floating-shield {
        right: 18px !important;
        bottom: 18px !important;
        width: 48px !important;
        height: 48px !important;
        min-width: 48px !important;
        min-height: 48px !important;
    }
    .vinfo-floating-shield svg,
    .vorsicht-floating-shield svg {
        width: 31px !important;
        height: 31px !important;
    }
}


/* v1.5.2: Feinschliff Service-Icons + Floating Shield standardmäßig deaktivierbar */
.vinfo-service-icon-controlled {
    transform: translateY(var(--vinfo-service-icon-offset-y, -18px)) !important;
}
.vinfo-service-icon-controlled > .vinfo-global-icon-img {
    width: 76% !important;
    height: 76% !important;
    max-width: 76% !important;
    max-height: 76% !important;
    object-fit: contain !important;
    object-position: center center !important;
}
/* Nur wenn die Floating-Schild-Testfunktion aktiv ist, greift die Schild-Optik. */
body:not(.vinfo-floating-shield-enabled) .vinfo-floating-action-stack {
    display: none !important;
}
@media (max-width: 767px) {
    .vinfo-service-icon-controlled {
        transform: translateY(calc(var(--vinfo-service-icon-offset-y, -18px) * .75)) !important;
    }
}


/* v1.9.1: Avanta-Service-Höhe angleichen
 * Nur Layout-Angleichung für eigene Vorsicht.info-Icons im Avanta-Service-Layout 10.
 * Die Icon-Engine bleibt unverändert. Ziel: Der eigene Icon-Kasten sitzt wieder
 * wie das Avanta-Original oben auf der Kachel und vergrößert die Karte nicht.
 */
.dt_service--ten .services-item .services-content .services-info .services-icon.vinfo-avanta-controlled,
.dt_service--ten .services-item .services-content .services-info .services-icon.vorsicht-info-avanta-icon-native,
.dt_service--ten .services-item .services-content .services-info .services-icon:has(.vorsicht-avanta-info-icon-wrap),
.dt_service--ten .services-item .services-content .services-info .services-icon:has(img.vorsicht-avanta-info-icon),
.dt_service--ten .services-item .services-content .services-info .services-icon:has(i[class^="vorsicht-fa-"]),
.dt_service--ten .services-item .services-content .services-info .services-icon:has(i[class*=" vorsicht-fa-"]) {
    position: absolute !important;
    top: -22px !important;
    left: 18px !important;
    width: 90px !important;
    height: 87px !important;
    min-width: 90px !important;
    min-height: 87px !important;
    max-width: 90px !important;
    max-height: 87px !important;
    line-height: 87px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: none !important;
    border-radius: 0 !important;
    z-index: 2 !important;
    overflow: hidden !important;
}

.dt_service--ten .services-item .services-content .services-info .services-icon.vinfo-avanta-controlled > .vorsicht-avanta-info-icon-wrap,
.dt_service--ten .services-item .services-content .services-info .services-icon:has(.vorsicht-avanta-info-icon-wrap) > .vorsicht-avanta-info-icon-wrap {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    overflow: hidden !important;
}

.dt_service--ten .services-item .services-content .services-info .services-icon img.vorsicht-avanta-info-icon,
.dt_service--ten .services-item .services-content .services-info .services-icon .vorsicht-avanta-info-icon-wrap img.vorsicht-avanta-info-icon {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    width: var(--vinfo-icon-scale, 58%) !important;
    height: var(--vinfo-icon-scale, 58%) !important;
    max-width: 72% !important;
    max-height: 72% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    object-fit: contain !important;
    object-position: center center !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

/* Wenn Avanta das eigene Icon versehentlich im normalen Textfluss ausgibt,
   wird dieser Block wieder aus dem Fluss genommen. */
.dt_service--ten .services-item .services-content .services-info > .vorsicht-avanta-info-icon-wrap {
    position: absolute !important;
    top: -22px !important;
    left: 18px !important;
    width: 90px !important;
    height: 87px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 3 !important;
    background: var(--dt-main-color) !important;
}
.dt_service--ten .services-item .services-content .services-info > .vorsicht-avanta-info-icon-wrap img.vorsicht-avanta-info-icon {
    width: var(--vinfo-icon-scale, 58%) !important;
    height: var(--vinfo-icon-scale, 58%) !important;
    max-width: 72% !important;
    max-height: 72% !important;
}


/* v1.9.2: Avanta-Service-Höhe feinjustieren + Hover für eigene Vorsicht-Icons
 * Basis bleibt v1.9.1 / v1.5.2. Keine neue Icon-Engine.
 * Ziel: eigener Icon-Kasten minimal tiefer, Hover nicht mehr komplett weiß.
 */
.dt_service--ten .services-item .services-content .services-info {
    position: relative !important;
}
.dt_service--ten .services-item .services-content .services-info .services-icon.vinfo-avanta-controlled,
.dt_service--ten .services-item .services-content .services-info .services-icon.vorsicht-info-avanta-icon-native,
.dt_service--ten .services-item .services-content .services-info .services-icon:has(.vorsicht-avanta-info-icon-wrap),
.dt_service--ten .services-item .services-content .services-info .services-icon:has(img.vorsicht-avanta-info-icon),
.dt_service--ten .services-item .services-content .services-info .services-icon:has(i[class^="vorsicht-fa-"]),
.dt_service--ten .services-item .services-content .services-info .services-icon:has(i[class*=" vorsicht-fa-"]) {
    top: -14px !important;
    transform: none !important;
}
.dt_service--ten .services-item .services-content .services-info > .vorsicht-avanta-info-icon-wrap {
    top: -14px !important;
    transform: none !important;
}
/* Normale Darstellung: rote Avanta-Fläche, weißes eigenes Icon. */
.dt_service--ten .services-item .services-content .services-info .services-icon img.vorsicht-avanta-info-icon,
.dt_service--ten .services-item .services-content .services-info .services-icon .vorsicht-avanta-info-icon-wrap img.vorsicht-avanta-info-icon,
.dt_service--ten .services-item .services-content .services-info > .vorsicht-avanta-info-icon-wrap img.vorsicht-avanta-info-icon,
.dt_service--ten .services-item .services-content .services-info .vinfo-global-icon-img {
    filter: brightness(0) invert(1) !important;
    transform: none !important;
    transition: filter .25s ease, opacity .25s ease !important;
}
/* Hover: Avanta darf die Fläche weiß setzen; das eigene Icon wird rot statt unsichtbar. */
.dt_service--ten .services-item:hover .services-content .services-info .services-icon img.vorsicht-avanta-info-icon,
.dt_service--ten .services-item:hover .services-content .services-info .services-icon .vorsicht-avanta-info-icon-wrap img.vorsicht-avanta-info-icon,
.dt_service--ten .services-item:hover .services-content .services-info > .vorsicht-avanta-info-icon-wrap img.vorsicht-avanta-info-icon,
.dt_service--ten .services-item:hover .services-content .services-info .vinfo-service-icon-controlled > .vinfo-global-icon-img,
.dt_service--ten .services-item:hover .services-content .services-info .vinfo-global-iconbox-controlled > .vinfo-global-icon-img {
    filter: brightness(0) saturate(100%) invert(18%) sepia(100%) saturate(6940%) hue-rotate(6deg) brightness(97%) contrast(108%) !important;
    opacity: 1 !important;
    transform: none !important;
}
/* Falls Avanta den Hover-Hintergrund am ausgelagerten Wrapper nicht mitnimmt. */
.dt_service--ten .services-item:hover .services-content .services-info > .vorsicht-avanta-info-icon-wrap,
.dt_service--ten .services-item:hover .services-content .services-info .services-icon:has(img.vorsicht-avanta-info-icon) {
    background: #fff !important;
    background-image: none !important;
}


/* v1.9.4: Avanta-Service-Höhe + Hover wirklich nachziehen
 * WICHTIG: Keine Änderung an der Icon-Engine. Nur Position und Hover-Darstellung.
 * Grund: v1.9.2 wurde im Browser teils nicht neu geladen, weil die Theme-Konstante
 * noch auf 1.9.1 stand. Ab v1.9.4 wird der CSS-Cache sauber gebrochen.
 */
body .dt_service--ten .services-item .services-content .services-info {
    position: relative !important;
}

/* Eigenes Vorsicht-Icon etwas tiefer setzen: nicht mehr ganz so hoch am Bildrand. */
body .dt_service--ten .services-item .services-content .services-info .services-icon.vinfo-avanta-controlled,
body .dt_service--ten .services-item .services-content .services-info .services-icon.vorsicht-info-avanta-icon-native,
body .dt_service--ten .services-item .services-content .services-info .services-icon:has(.vorsicht-avanta-info-icon-wrap),
body .dt_service--ten .services-item .services-content .services-info .services-icon:has(img.vorsicht-avanta-info-icon),
body .dt_service--ten .services-item .services-content .services-info > .vorsicht-avanta-info-icon-wrap {
    top: -6px !important;
    transform: none !important;
}

/* Normale Darstellung bleibt: rote Fläche, weißes eigenes Icon. */
body .dt_service--ten .services-item .services-content .services-info .services-icon img.vorsicht-avanta-info-icon,
body .dt_service--ten .services-item .services-content .services-info .services-icon .vorsicht-avanta-info-icon-wrap img.vorsicht-avanta-info-icon,
body .dt_service--ten .services-item .services-content .services-info > .vorsicht-avanta-info-icon-wrap img.vorsicht-avanta-info-icon,
body .dt_service--ten .services-item .services-content .services-info .vinfo-service-icon-controlled > .vinfo-global-icon-img,
body .dt_service--ten .services-item .services-content .services-info .vinfo-global-iconbox-controlled > .vinfo-global-icon-img {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    filter: brightness(0) invert(1) !important;
    transform: none !important;
    transition: filter .22s ease, opacity .22s ease !important;
}

/* Hover für eigene Vorsicht-Icons: weiße Fläche ist ok, aber Icon muss rot sichtbar bleiben. */
body .dt_service--ten .services-item:hover .services-content .services-info .services-icon:has(.vorsicht-avanta-info-icon-wrap),
body .dt_service--ten .services-item:hover .services-content .services-info .services-icon:has(img.vorsicht-avanta-info-icon),
body .dt_service--ten .services-item:hover .services-content .services-info > .vorsicht-avanta-info-icon-wrap {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
}
body .dt_service--ten .services-item:hover .services-content .services-info .services-icon img.vorsicht-avanta-info-icon,
body .dt_service--ten .services-item:hover .services-content .services-info .services-icon .vorsicht-avanta-info-icon-wrap img.vorsicht-avanta-info-icon,
body .dt_service--ten .services-item:hover .services-content .services-info > .vorsicht-avanta-info-icon-wrap img.vorsicht-avanta-info-icon,
body .dt_service--ten .services-item:hover .services-content .services-info .vinfo-service-icon-controlled > .vinfo-global-icon-img,
body .dt_service--ten .services-item:hover .services-content .services-info .vinfo-global-iconbox-controlled > .vinfo-global-icon-img {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    filter: brightness(0) saturate(100%) invert(18%) sepia(100%) saturate(6500%) hue-rotate(5deg) brightness(96%) contrast(110%) !important;
    transform: none !important;
}

/* Fallback: Falls Avanta/Browser :has() nicht wie erwartet greift, bleibt die Fläche rot,
   damit niemals ein komplett weißer leerer Kasten entsteht. */
body .dt_service--ten .services-item:hover .services-content .services-info .vinfo-avanta-controlled,
body .dt_service--ten .services-item:hover .services-content .services-info .vorsicht-info-avanta-icon-native {
    background-color: var(--dt-primary-color, var(--primary-color, #e31e24)) !important;
}


/* v1.9.4: Mini-Feinschliff – eigenes Avanta-Service-Icon ein paar Pixel höher.
 * Keine Änderung an Icon-Engine, Größe oder Hover. Nur vertikale Position.
 */
body .dt_service--ten .services-item .services-content .services-info .services-icon.vinfo-avanta-controlled,
body .dt_service--ten .services-item .services-content .services-info .services-icon.vorsicht-info-avanta-icon-native,
body .dt_service--ten .services-item .services-content .services-info .services-icon:has(.vorsicht-avanta-info-icon-wrap),
body .dt_service--ten .services-item .services-content .services-info .services-icon:has(img.vorsicht-avanta-info-icon),
body .dt_service--ten .services-item .services-content .services-info > .vorsicht-avanta-info-icon-wrap {
    top: -10px !important;
    transform: none !important;
}


/* v1.9.5: Feinschliff nach Sichtprüfung
 * Nur eigenes Vorsicht-Service-Icon: wenige Pixel höher und Icon-Inhalt etwas größer.
 * Keine Änderung an der Icon-Engine, keine Änderung an Avanta-Standard-Icons.
 */
body .dt_service--ten .services-item .services-content .services-info .services-icon.vinfo-avanta-controlled,
body .dt_service--ten .services-item .services-content .services-info .services-icon.vorsicht-info-avanta-icon-native,
body .dt_service--ten .services-item .services-content .services-info .services-icon:has(.vorsicht-avanta-info-icon-wrap),
body .dt_service--ten .services-item .services-content .services-info .services-icon:has(img.vorsicht-avanta-info-icon),
body .dt_service--ten .services-item .services-content .services-info > .vorsicht-avanta-info-icon-wrap {
    top: -15px !important;
    transform: none !important;
}

body .dt_service--ten .services-item .services-content .services-info .services-icon img.vorsicht-avanta-info-icon,
body .dt_service--ten .services-item .services-content .services-info .services-icon .vorsicht-avanta-info-icon-wrap img.vorsicht-avanta-info-icon,
body .dt_service--ten .services-item .services-content .services-info > .vorsicht-avanta-info-icon-wrap img.vorsicht-avanta-info-icon,
body .dt_service--ten .services-item .services-content .services-info .vinfo-service-icon-controlled > .vinfo-global-icon-img,
body .dt_service--ten .services-item .services-content .services-info .vinfo-global-iconbox-controlled > .vinfo-global-icon-img {
    width: 66% !important;
    height: 66% !important;
    max-width: 66% !important;
    max-height: 66% !important;
}


/* v1.9.6: Mini-Feinschliff nach Sichtprüfung
 * Nur eigenes Vorsicht-Service-Icon: Quadrat etwas höher, Icon-Inhalt etwas größer.
 * Keine Änderung an der Icon-Engine und keine Änderung an Avanta-Standard-Icons.
 */
body .dt_service--ten .services-item .services-content .services-info .services-icon.vinfo-avanta-controlled,
body .dt_service--ten .services-item .services-content .services-info .services-icon.vorsicht-info-avanta-icon-native,
body .dt_service--ten .services-item .services-content .services-info .services-icon:has(.vorsicht-avanta-info-icon-wrap),
body .dt_service--ten .services-item .services-content .services-info .services-icon:has(img.vorsicht-avanta-info-icon),
body .dt_service--ten .services-item .services-content .services-info > .vorsicht-avanta-info-icon-wrap {
    top: -21px !important;
    transform: none !important;
}

body .dt_service--ten .services-item .services-content .services-info .services-icon img.vorsicht-avanta-info-icon,
body .dt_service--ten .services-item .services-content .services-info .services-icon .vorsicht-avanta-info-icon-wrap img.vorsicht-avanta-info-icon,
body .dt_service--ten .services-item .services-content .services-info > .vorsicht-avanta-info-icon-wrap img.vorsicht-avanta-info-icon,
body .dt_service--ten .services-item .services-content .services-info .vinfo-service-icon-controlled > .vinfo-global-icon-img,
body .dt_service--ten .services-item .services-content .services-info .vinfo-global-iconbox-controlled > .vinfo-global-icon-img {
    width: 74% !important;
    height: 74% !important;
    max-width: 74% !important;
    max-height: 74% !important;
}


/* v1.9.7: finaler Mini-Feinschliff nach Sichtprüfung
 * Nur eigenes Vorsicht-Service-Icon: Quadrat deutlich höher und Inhalt größer.
 * Keine Änderung an der Icon-Engine, keine Änderung an Avanta-Standard-Icons.
 */
body .dt_service--ten .services-item .services-content .services-info .services-icon.vinfo-avanta-controlled,
body .dt_service--ten .services-item .services-content .services-info .services-icon.vorsicht-info-avanta-icon-native,
body .dt_service--ten .services-item .services-content .services-info .services-icon:has(.vorsicht-avanta-info-icon-wrap),
body .dt_service--ten .services-item .services-content .services-info .services-icon:has(img.vorsicht-avanta-info-icon),
body .dt_service--ten .services-item .services-content .services-info > .vorsicht-avanta-info-icon-wrap {
    top: -25px !important;
    transform: none !important;
}

body .dt_service--ten .services-item .services-content .services-info .services-icon img.vorsicht-avanta-info-icon,
body .dt_service--ten .services-item .services-content .services-info .services-icon .vorsicht-avanta-info-icon-wrap img.vorsicht-avanta-info-icon,
body .dt_service--ten .services-item .services-content .services-info > .vorsicht-avanta-info-icon-wrap img.vorsicht-avanta-info-icon,
body .dt_service--ten .services-item .services-content .services-info .vinfo-service-icon-controlled > .vinfo-global-icon-img,
body .dt_service--ten .services-item .services-content .services-info .vinfo-global-iconbox-controlled > .vinfo-global-icon-img {
    width: 88% !important;
    height: 88% !important;
    max-width: 88% !important;
    max-height: 88% !important;
    object-fit: contain !important;
    opacity: 1 !important;
    filter: brightness(0) invert(1) !important;
    transform: none !important;
}

body .dt_service--ten .services-item:hover .services-content .services-info .services-icon img.vorsicht-avanta-info-icon,
body .dt_service--ten .services-item:hover .services-content .services-info .services-icon .vorsicht-avanta-info-icon-wrap img.vorsicht-avanta-info-icon,
body .dt_service--ten .services-item:hover .services-content .services-info > .vorsicht-avanta-info-icon-wrap img.vorsicht-avanta-info-icon,
body .dt_service--ten .services-item:hover .services-content .services-info .vinfo-service-icon-controlled > .vinfo-global-icon-img,
body .dt_service--ten .services-item:hover .services-content .services-info .vinfo-global-iconbox-controlled > .vinfo-global-icon-img {
    width: 88% !important;
    height: 88% !important;
    max-width: 88% !important;
    max-height: 88% !important;
    object-fit: contain !important;
    opacity: 1 !important;
    filter: brightness(0) saturate(100%) invert(18%) sepia(100%) saturate(6500%) hue-rotate(5deg) brightness(96%) contrast(110%) !important;
    transform: none !important;
}


/* v1.9.8: finaler Positions-Feinschliff nach Sichtprüfung
 * Nur eigenes Vorsicht-Service-Icon: Quadrat ein Stück höher.
 * Inhalt/Männle bleibt wie in v1.9.7, keine Änderung an Icon-Engine oder Avanta-Standard-Icons.
 */
body .dt_service--ten .services-item .services-content .services-info .services-icon.vinfo-avanta-controlled,
body .dt_service--ten .services-item .services-content .services-info .services-icon.vorsicht-info-avanta-icon-native,
body .dt_service--ten .services-item .services-content .services-info .services-icon:has(.vorsicht-avanta-info-icon-wrap),
body .dt_service--ten .services-item .services-content .services-info .services-icon:has(img.vorsicht-avanta-info-icon),
body .dt_service--ten .services-item .services-content .services-info > .vorsicht-avanta-info-icon-wrap {
    top: -50px !important;
    transform: none !important;
}

body .dt_service--ten .services-item:hover .services-content .services-info .services-icon.vinfo-avanta-controlled,
body .dt_service--ten .services-item:hover .services-content .services-info .services-icon.vorsicht-info-avanta-icon-native,
body .dt_service--ten .services-item:hover .services-content .services-info .services-icon:has(.vorsicht-avanta-info-icon-wrap),
body .dt_service--ten .services-item:hover .services-content .services-info .services-icon:has(img.vorsicht-avanta-info-icon),
body .dt_service--ten .services-item:hover .services-content .services-info > .vorsicht-avanta-info-icon-wrap {
    top: -50px !important;
    transform: none !important;
}


/* v1.9.10: Rücknahme der zu aggressiven v1.9.9-Anhebung.
 * Basis bleibt v1.9.8. Nur das eigene Vorsicht-Service-Icon wird sanft höher gesetzt.
 * Hover bleibt sichtbar: keine leere weiße Fläche mehr.
 */
body .dt_service--ten .services-item .services-content .services-info .services-icon.vinfo-avanta-controlled,
body .dt_service--ten .services-item .services-content .services-info .services-icon.vorsicht-info-avanta-icon-native,
body .dt_service--ten .services-item .services-content .services-info .services-icon:has(.vorsicht-avanta-info-icon-wrap),
body .dt_service--ten .services-item .services-content .services-info .services-icon:has(img.vorsicht-avanta-info-icon),
body .dt_service--ten .services-item .services-content .services-info > .vorsicht-avanta-info-icon-wrap {
    top: -60px !important;
    transform: none !important;
}

body .dt_service--ten .services-item:hover .services-content .services-info .services-icon.vinfo-avanta-controlled,
body .dt_service--ten .services-item:hover .services-content .services-info .services-icon.vorsicht-info-avanta-icon-native,
body .dt_service--ten .services-item:hover .services-content .services-info .services-icon:has(.vorsicht-avanta-info-icon-wrap),
body .dt_service--ten .services-item:hover .services-content .services-info .services-icon:has(img.vorsicht-avanta-info-icon),
body .dt_service--ten .services-item:hover .services-content .services-info > .vorsicht-avanta-info-icon-wrap {
    top: -60px !important;
    transform: none !important;
    background: var(--dt-main-color, #e51b0f) !important;
    border-color: var(--dt-main-color, #e51b0f) !important;
}

body .dt_service--ten .services-item:hover .services-content .services-info .services-icon img.vorsicht-avanta-info-icon,
body .dt_service--ten .services-item:hover .services-content .services-info .services-icon .vorsicht-avanta-info-icon-wrap img.vorsicht-avanta-info-icon,
body .dt_service--ten .services-item:hover .services-content .services-info > .vorsicht-avanta-info-icon-wrap img.vorsicht-avanta-info-icon,
body .dt_service--ten .services-item:hover .services-content .services-info .vinfo-service-icon-controlled > .vinfo-global-icon-img,
body .dt_service--ten .services-item:hover .services-content .services-info .vinfo-global-iconbox-controlled > .vinfo-global-icon-img {
    opacity: 1 !important;
    visibility: visible !important;
    filter: brightness(0) invert(1) !important;
}


/* v1.9.12: Hover sichtbar halten
 * Korrektur nach Sichtprüfung: Bei eigenen Vorsicht-Service-Icons darf der Hover
 * nicht als leerer weißer Kasten erscheinen. Avanta darf Standard-Icons weiter
 * normal steuern; diese Regeln greifen nur bei gerenderten vorsicht-fa-* Icons.
 */
body .dt_service--ten .services-item .services-content .services-info .vinfo-service-icon-controlled,
body .dt_service--ten .services-item .services-content .services-info .vinfo-global-iconbox-controlled.vorsicht-fa-rendered,
body .dt_service--ten .services-item .services-content .services-info .vinfo-global-iconbox-controlled[class*="vorsicht-fa-rendered-"],
body .dt_service--ten .services-item .services-content .services-info .vinfo-avanta-controlled,
body .dt_service--ten .services-item .services-content .services-info .vorsicht-info-avanta-icon-native {
    background: var(--dt-main-color, var(--dt-primary-color, #e51b0f)) !important;
    background-color: var(--dt-main-color, var(--dt-primary-color, #e51b0f)) !important;
    background-image: none !important;
    border-color: var(--dt-main-color, var(--dt-primary-color, #e51b0f)) !important;
    color: #ffffff !important;
}

body .dt_service--ten .services-item:hover .services-content .services-info .vinfo-service-icon-controlled,
body .dt_service--ten .services-item:hover .services-content .services-info .vinfo-global-iconbox-controlled.vorsicht-fa-rendered,
body .dt_service--ten .services-item:hover .services-content .services-info .vinfo-global-iconbox-controlled[class*="vorsicht-fa-rendered-"],
body .dt_service--ten .services-item:hover .services-content .services-info .vinfo-avanta-controlled,
body .dt_service--ten .services-item:hover .services-content .services-info .vorsicht-info-avanta-icon-native,
body .dt_service--ten .services-item .services-content .services-info .vinfo-service-icon-controlled:hover,
body .dt_service--ten .services-item .services-content .services-info .vinfo-global-iconbox-controlled.vorsicht-fa-rendered:hover,
body .dt_service--ten .services-item .services-content .services-info .vinfo-global-iconbox-controlled[class*="vorsicht-fa-rendered-"]:hover,
body .dt_service--ten .services-item .services-content .services-info .vinfo-avanta-controlled:hover,
body .dt_service--ten .services-item .services-content .services-info .vorsicht-info-avanta-icon-native:hover {
    background: var(--dt-main-color, var(--dt-primary-color, #e51b0f)) !important;
    background-color: var(--dt-main-color, var(--dt-primary-color, #e51b0f)) !important;
    background-image: none !important;
    border-color: var(--dt-main-color, var(--dt-primary-color, #e51b0f)) !important;
    color: #ffffff !important;
    opacity: 1 !important;
    visibility: visible !important;
}

body .dt_service--ten .services-item .services-content .services-info .vinfo-service-icon-controlled > img,
body .dt_service--ten .services-item .services-content .services-info .vinfo-service-icon-controlled > .vinfo-global-icon-img,
body .dt_service--ten .services-item .services-content .services-info .vinfo-global-iconbox-controlled.vorsicht-fa-rendered > img,
body .dt_service--ten .services-item .services-content .services-info .vinfo-global-iconbox-controlled[class*="vorsicht-fa-rendered-"] > img,
body .dt_service--ten .services-item .services-content .services-info .vinfo-avanta-controlled img.vorsicht-avanta-info-icon,
body .dt_service--ten .services-item .services-content .services-info .vorsicht-info-avanta-icon-native img.vorsicht-avanta-info-icon,
body .dt_service--ten .services-item:hover .services-content .services-info .vinfo-service-icon-controlled > img,
body .dt_service--ten .services-item:hover .services-content .services-info .vinfo-service-icon-controlled > .vinfo-global-icon-img,
body .dt_service--ten .services-item:hover .services-content .services-info .vinfo-global-iconbox-controlled.vorsicht-fa-rendered > img,
body .dt_service--ten .services-item:hover .services-content .services-info .vinfo-global-iconbox-controlled[class*="vorsicht-fa-rendered-"] > img,
body .dt_service--ten .services-item:hover .services-content .services-info .vinfo-avanta-controlled img.vorsicht-avanta-info-icon,
body .dt_service--ten .services-item:hover .services-content .services-info .vorsicht-info-avanta-icon-native img.vorsicht-avanta-info-icon {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    filter: brightness(0) invert(1) !important;
    transform: none !important;
    mix-blend-mode: normal !important;
}

/* v1.9.12: Hover wieder aktiv, aber sichtbar
 * Nach Sichtprüfung: v1.9.11 hielt den Kasten rot und dadurch wirkte der Hover weg.
 * Jetzt wieder Avanta-artig: normal roter Kasten mit weißem Icon,
 * Hover weißer Kasten mit rotem Icon. Keine Änderung an der Icon-Engine.
 */
body .dt_service--ten .services-item .services-content .services-info .vinfo-service-icon-controlled,
body .dt_service--ten .services-item .services-content .services-info .vinfo-global-iconbox-controlled.vorsicht-fa-rendered,
body .dt_service--ten .services-item .services-content .services-info .vinfo-global-iconbox-controlled[class*="vorsicht-fa-rendered-"],
body .dt_service--ten .services-item .services-content .services-info .vinfo-avanta-controlled,
body .dt_service--ten .services-item .services-content .services-info .vorsicht-info-avanta-icon-native {
    background: var(--dt-main-color, var(--dt-primary-color, #e51b0f)) !important;
    background-color: var(--dt-main-color, var(--dt-primary-color, #e51b0f)) !important;
    border-color: var(--dt-main-color, var(--dt-primary-color, #e51b0f)) !important;
    color: #ffffff !important;
    opacity: 1 !important;
    visibility: visible !important;
}

body .dt_service--ten .services-item:hover .services-content .services-info .vinfo-service-icon-controlled,
body .dt_service--ten .services-item:hover .services-content .services-info .vinfo-global-iconbox-controlled.vorsicht-fa-rendered,
body .dt_service--ten .services-item:hover .services-content .services-info .vinfo-global-iconbox-controlled[class*="vorsicht-fa-rendered-"],
body .dt_service--ten .services-item:hover .services-content .services-info .vinfo-avanta-controlled,
body .dt_service--ten .services-item:hover .services-content .services-info .vorsicht-info-avanta-icon-native,
body .dt_service--ten .services-item .services-content .services-info .vinfo-service-icon-controlled:hover,
body .dt_service--ten .services-item .services-content .services-info .vinfo-global-iconbox-controlled.vorsicht-fa-rendered:hover,
body .dt_service--ten .services-item .services-content .services-info .vinfo-global-iconbox-controlled[class*="vorsicht-fa-rendered-"]:hover,
body .dt_service--ten .services-item .services-content .services-info .vinfo-avanta-controlled:hover,
body .dt_service--ten .services-item .services-content .services-info .vorsicht-info-avanta-icon-native:hover {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    border-color: #ffffff !important;
    color: var(--dt-main-color, var(--dt-primary-color, #e51b0f)) !important;
    opacity: 1 !important;
    visibility: visible !important;
}

body .dt_service--ten .services-item .services-content .services-info .vinfo-service-icon-controlled > img,
body .dt_service--ten .services-item .services-content .services-info .vinfo-service-icon-controlled > .vinfo-global-icon-img,
body .dt_service--ten .services-item .services-content .services-info .vinfo-global-iconbox-controlled.vorsicht-fa-rendered > img,
body .dt_service--ten .services-item .services-content .services-info .vinfo-global-iconbox-controlled[class*="vorsicht-fa-rendered-"] > img,
body .dt_service--ten .services-item .services-content .services-info .vinfo-avanta-controlled img.vorsicht-avanta-info-icon,
body .dt_service--ten .services-item .services-content .services-info .vorsicht-info-avanta-icon-native img.vorsicht-avanta-info-icon {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    filter: brightness(0) invert(1) !important;
    transform: none !important;
    mix-blend-mode: normal !important;
}

body .dt_service--ten .services-item:hover .services-content .services-info .vinfo-service-icon-controlled > img,
body .dt_service--ten .services-item:hover .services-content .services-info .vinfo-service-icon-controlled > .vinfo-global-icon-img,
body .dt_service--ten .services-item:hover .services-content .services-info .vinfo-global-iconbox-controlled.vorsicht-fa-rendered > img,
body .dt_service--ten .services-item:hover .services-content .services-info .vinfo-global-iconbox-controlled[class*="vorsicht-fa-rendered-"] > img,
body .dt_service--ten .services-item:hover .services-content .services-info .vinfo-avanta-controlled img.vorsicht-avanta-info-icon,
body .dt_service--ten .services-item:hover .services-content .services-info .vorsicht-info-avanta-icon-native img.vorsicht-avanta-info-icon,
body .dt_service--ten .services-item .services-content .services-info .vinfo-service-icon-controlled:hover > img,
body .dt_service--ten .services-item .services-content .services-info .vinfo-service-icon-controlled:hover > .vinfo-global-icon-img,
body .dt_service--ten .services-item .services-content .services-info .vinfo-global-iconbox-controlled.vorsicht-fa-rendered:hover > img,
body .dt_service--ten .services-item .services-content .services-info .vinfo-global-iconbox-controlled[class*="vorsicht-fa-rendered-"]:hover > img,
body .dt_service--ten .services-item .services-content .services-info .vinfo-avanta-controlled:hover img.vorsicht-avanta-info-icon,
body .dt_service--ten .services-item .services-content .services-info .vorsicht-info-avanta-icon-native:hover img.vorsicht-avanta-info-icon {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    filter: brightness(0) saturate(100%) invert(18%) sepia(100%) saturate(6500%) hue-rotate(5deg) brightness(96%) contrast(110%) !important;
    transform: none !important;
    mix-blend-mode: normal !important;
}


/* v1.9.15: Service-Icon-Quadrat etwas tiefer als v1.9.14
 * Ausgangspunkt bleibt v1.9.12: Hover bleibt aktiv und sichtbar.
 * Nur Position des eigenen Vorsicht-Service-Iconkastens wird angepasst.
 */
body .dt_service--ten .services-item .services-content .services-info .services-icon.vinfo-avanta-controlled,
body .dt_service--ten .services-item .services-content .services-info .services-icon.vorsicht-info-avanta-icon-native,
body .dt_service--ten .services-item .services-content .services-info .services-icon:has(.vorsicht-avanta-info-icon-wrap),
body .dt_service--ten .services-item .services-content .services-info .services-icon:has(img.vorsicht-avanta-info-icon),
body .dt_service--ten .services-item .services-content .services-info > .vorsicht-avanta-info-icon-wrap,
body .dt_service--ten .services-item .services-content .services-info .vinfo-service-icon-controlled,
body .dt_service--ten .services-item .services-content .services-info .vinfo-global-iconbox-controlled.vorsicht-fa-rendered,
body .dt_service--ten .services-item .services-content .services-info .vinfo-global-iconbox-controlled[class*="vorsicht-fa-rendered-"] {
    top: -61px !important;
    transform: none !important;
}

body .dt_service--ten .services-item:hover .services-content .services-info .services-icon.vinfo-avanta-controlled,
body .dt_service--ten .services-item:hover .services-content .services-info .services-icon.vorsicht-info-avanta-icon-native,
body .dt_service--ten .services-item:hover .services-content .services-info .services-icon:has(.vorsicht-avanta-info-icon-wrap),
body .dt_service--ten .services-item:hover .services-content .services-info .services-icon:has(img.vorsicht-avanta-info-icon),
body .dt_service--ten .services-item:hover .services-content .services-info > .vorsicht-avanta-info-icon-wrap,
body .dt_service--ten .services-item:hover .services-content .services-info .vinfo-service-icon-controlled,
body .dt_service--ten .services-item:hover .services-content .services-info .vinfo-global-iconbox-controlled.vorsicht-fa-rendered,
body .dt_service--ten .services-item:hover .services-content .services-info .vinfo-global-iconbox-controlled[class*="vorsicht-fa-rendered-"],
body .dt_service--ten .services-item .services-content .services-info .vinfo-service-icon-controlled:hover,
body .dt_service--ten .services-item .services-content .services-info .vinfo-global-iconbox-controlled.vorsicht-fa-rendered:hover,
body .dt_service--ten .services-item .services-content .services-info .vinfo-global-iconbox-controlled[class*="vorsicht-fa-rendered-"]:hover {
    top: -61px !important;
    transform: none !important;
}


/* v1.9.17: Service-Icon Position auf -25px gesetzt
 * Gewünschte Feinkorrektur: eigener Vorsicht-Service-Iconkasten etwas tiefer als -38px.
 * Hover und Icon-Inhalt bleiben unverändert.
 */
body .dt_service--ten .services-item .services-content .services-info .services-icon.vinfo-avanta-controlled,
body .dt_service--ten .services-item .services-content .services-info .services-icon.vorsicht-info-avanta-icon-native,
body .dt_service--ten .services-item .services-content .services-info .services-icon:has(.vorsicht-avanta-info-icon-wrap),
body .dt_service--ten .services-item .services-content .services-info .services-icon:has(img.vorsicht-avanta-info-icon),
body .dt_service--ten .services-item .services-content .services-info > .vorsicht-avanta-info-icon-wrap,
body .dt_service--ten .services-item .services-content .services-info .vinfo-service-icon-controlled,
body .dt_service--ten .services-item .services-content .services-info .vinfo-global-iconbox-controlled.vorsicht-fa-rendered,
body .dt_service--ten .services-item .services-content .services-info .vinfo-global-iconbox-controlled[class*="vorsicht-fa-rendered-"] {
    top: -25px !important;
    transform: none !important;
}

body .dt_service--ten .services-item:hover .services-content .services-info .services-icon.vinfo-avanta-controlled,
body .dt_service--ten .services-item:hover .services-content .services-info .services-icon.vorsicht-info-avanta-icon-native,
body .dt_service--ten .services-item:hover .services-content .services-info .services-icon:has(.vorsicht-avanta-info-icon-wrap),
body .dt_service--ten .services-item:hover .services-content .services-info .services-icon:has(img.vorsicht-avanta-info-icon),
body .dt_service--ten .services-item:hover .services-content .services-info > .vorsicht-avanta-info-icon-wrap,
body .dt_service--ten .services-item:hover .services-content .services-info .vinfo-service-icon-controlled,
body .dt_service--ten .services-item:hover .services-content .services-info .vinfo-global-iconbox-controlled.vorsicht-fa-rendered,
body .dt_service--ten .services-item:hover .services-content .services-info .vinfo-global-iconbox-controlled[class*="vorsicht-fa-rendered-"],
body .dt_service--ten .services-item .services-content .services-info .vinfo-service-icon-controlled:hover,
body .dt_service--ten .services-item .services-content .services-info .vinfo-global-iconbox-controlled.vorsicht-fa-rendered:hover,
body .dt_service--ten .services-item .services-content .services-info .vinfo-global-iconbox-controlled[class*="vorsicht-fa-rendered-"]:hover {
    top: -25px !important;
    transform: none !important;
}











/* ==========================================================================
   Vorsicht.info Theme v2.0.10 – Mobile-Header-Fix
   Mobile/Tablet wird wieder vom Avanta-Pro-Parent gesteuert.
   Die früheren Vorsicht.info-Mobile-Header-Overrides aus 2.0.8/2.0.9
   wurden entfernt, weil sie den mobilen Header, Logo und CTA-Bereich
   überlagert haben. Desktop-Anpassungen bleiben erhalten.
   ========================================================================== */

@media (max-width: 1024px) {
    html, body {
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    /* Keine eigenen Header-Geometrie-Eingriffe mehr auf Mobil/Tablet. */
    body .dt_header,
    body .main-header,
    body .site-header,
    body .navbar-area,
    body .dt_navbar-wrapper {
        transform: none !important;
        max-width: 100vw !important;
    }

    /* Logo nur begrenzen, aber Avanta-Layout nicht umbauen. */
    body .site--logo img,
    body .site-logo img,
    body .logo img,
    body .navbar-brand img,
    body .dt_logo img,
    body .custom-logo {
        max-width: 190px !important;
        height: auto !important;
        object-fit: contain !important;
    }
}

@media (max-width: 480px) {
    body .site--logo img,
    body .site-logo img,
    body .logo img,
    body .navbar-brand img,
    body .dt_logo img,
    body .custom-logo {
        max-width: 176px !important;
    }
}



/* v2.0.9: Header-Hilfe/Button + Opfer-Telefon auf Desktop etwas weiter nach rechts schieben */
@media (min-width: 1200px) {
    body .dt_header .dt_navbar-right {
        transform: translateX(var(--vorsicht-header-cta-offset-x, 42px)) !important;
    }
}

/* ========================================================================== 
   Vorsicht.info – kompakte Warnkacheln in der nativen Avanta-Features-2-Optik
   Die responsive Anordnung übernimmt Avanta Pro über dt-col-* und dt-row.
   ========================================================================== */
.front-features2 .vorsicht-warning-tile {
    position: relative;
    height: 100%;
    overflow: hidden;
    border-top: 5px solid var(--vorsicht-warning-accent, #e31e24);
    transition: transform .2s ease, box-shadow .2s ease;
}

.front-features2 .vorsicht-warning-tile:hover,
.front-features2 .vorsicht-warning-tile:focus-within {
    transform: translateY(-4px);
}

.front-features2 .vorsicht-warning-tile__link {
    display: block;
    height: 100%;
    color: inherit;
    text-decoration: none;
}

.front-features2 .vorsicht-warning-tile__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 190px;
}

.front-features2 .vorsicht-warning-tile__top {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
}

.front-features2 .vorsicht-warning-tile__icon {
    flex: 0 0 auto;
    color: var(--vorsicht-warning-accent, #e31e24);
}

.front-features2 .vorsicht-warning-tile__icon span {
    display: block;
    font-size: 30px;
    line-height: 1;
}

.front-features2 .vorsicht-warning-tile__icon-image {
    display: block;
    width: 38px;
    height: 38px;
    object-fit: contain;
}

.front-features2 .vorsicht-warning-tile__level {
    color: var(--vorsicht-warning-accent, #e31e24);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .075em;
    line-height: 1.25;
    text-transform: uppercase;
}

.front-features2 .vorsicht-warning-tile__title {
    margin: 0;
    color: inherit;
    font-size: 20px;
    line-height: 1.35;
}

.front-features2 .vorsicht-warning-tile__link:focus-visible {
    outline: 3px solid var(--vorsicht-warning-accent, #e31e24);
    outline-offset: -3px;
}