/* 1. Layout & Standard-Elemente */
.elementor-icon-list-item {
    max-width: fit-content;
}
/* Einheitlicher und erzwungener Fokus-Rahmen */
/* 1. Globaler Standard-Fokus (Grau) */

.drvMenuDesktop .e-link:focus, .drvMenuDesktop a:focus-visible {
    outline: 1px solid #fff !important;
    outline-offset: 8px 12px 8px 12px !important;
    box-shadow: none !important;
}

/* 2. Spezial-Fokus (Dunkelblau) */
/* Für deine Hover-Bilder */
.hoverImage:hover, 
.hoverImage a:focus, 
.hoverImage:focus-visible {
    outline: 1px solid #033672 !important;  
    outline-offset: 20px !important; /* Behält die 20px Abstand wie bei den Bildern */
}

/* Zusammengefasst: Alle identischen Text-Unterstreichungen gebündelt */
.drvMenuDesktop a:hover, 
.e-n-menu-title:hover, 
.e-current,
footer a:hover, 
footer .elementor-icon-list-item:hover,
.drvAccessList a:hover .elementor-icon-list-text {
    text-decoration-line: underline;
    text-decoration-style: solid; /* Gilt nun für alle, da standardmäßig aktiv */
    text-decoration-thickness: 9%; 
    text-underline-offset: 18%;
    text-underline-position: from-font;
    text-decoration-skip-ink: auto; /* Wurde für Footer definiert, schadet den anderen nicht */
}

.drvAccessList a:active, .drvAccessList a:focus {
  outline: 1px solid #033672 !important;  
}

footer .drvAccessList a:active, footer .drvAccessList a:focus {
  outline: 1px solid #ffffff !important;  
}

/* 3. Menü-Pseudo-Elemente (Struktur & Animation) */
.drvMenuDesktop li:has(.e-click)::after {
    content: '';
    background-color: #ffffff;
    opacity: 0.2;
    position: relative;
    right: 50%;
    top: 100%;
    width: 2px;
    height: 100%;
    margin-top: 14px;
    transition: opacity 0.2s ease; 
}

.drvMenuDesktop li:has(.e-click):hover::after {
    opacity: 1;
}

#e-n-menu-content-2212, 
#e-n-menu-content-2213 {
    top: 8px;
} 

/* 4. Elementor Element-Animationen */
.elementor-element.elementor-element-22ddb78,
.elementor-element.elementor-element-5d8aefc {
    transform-origin: top; 
}

.elementor-element.elementor-element-22ddb78.animated.fadeIn,
.elementor-element.elementor-element-5d8aefc.animated.fadeIn {
    animation: fluessigesAuffahren 0.3s ease-out forwards !important;
}

@keyframes fluessigesAuffahren {
    0% { transform: scaleY(0); }
    100% { transform: scaleY(1); }
}



/* 3. EIGENES STYLING FÜR DEN DYNAMIC LINK BUTTON */
/* Hier kannst du den Button jetzt völlig unabhängig gestalten */
.elementor-widget-jet-listing-dynamic-link .jet-listing-dynamic-link__link {
  /* Dein gewünschtes Design, z.B.: */
  color: #033672 !important;
  text-decoration: none !important;
}