.mKa-dialog {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000;
    background-color: #1463bf52;
    backdrop-filter: blur(15px);
    border: 2px solid rgba(255, 255, 255, 0.1);
    border-radius: 16px;
    box-shadow: 0px 8px 16px rgba(0,0,0,0.5);
    padding: 1.5rem;
    width: clamp(400px, 50vw, 800px);
    max-width: 90vw;
    color: white;
}

.mKa-dialog  input {
    width: clamp(100%, 92%, 80%);
    min-width:380px; 
    max-width:680px;
}


.mKa-icard {
    background: #061b4430;
    gap: 8px;
    border-radius: 16px;
    border: solid #ffffff70 1px;
    
    backdrop-filter:blur(4px);
}

    .mKa-icard.clamp24vw {
        width: clamp(450px, 24vw, 660px);
    }

.kflex1 {
    flex: 1;
}

.txt-center{
    text-align:center;
}

@media(min-width:650px){
    .landing-card-col{
        gap:6rem;
    }
}

.mKa-icard.anfrage-card {

}

/* Animations for Dashboard Tabs */
.tab-content-container {
    position: relative;
    /* overflow: hidden; Removed to avoid cutting off box-shadows or absolutely positioned elements */
    min-height: 200px; /* Provides a base height during transitions */
}

.tab-pane {
    animation: smoothFadeIn 0.3s ease-out forwards;
    will-change: opacity, transform; /* Hardware acceleration hint */
}

@keyframes smoothFadeIn {
    0% {
        opacity: 0;
        transform: translateY(8px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.w180px{
    max-width:180px;
}

@media(max-width:650px) {


    .kflex1{
        width:100%;
        flex:none;
    }

    .mobile-hover{
        display:none;
    }

    .ltc:hover .mobile-hover{
        display:flex!important;
       
        animation: smoothFadeIn;
      
    }


    .landing-img{
        margin-top:-8rem;
        margin-left:-4%;
        margin-right:-4%;
        height:660px;
        
    }

    .landing-sub-txt{
        display:none;
    }

    .mobil-clm {
        flex-direction: column;
        align-content: start;
        align-items: start;
        justify-items: start;
        justify-content: start;
        font-size: 16px !important;
        max-width: 30vw !important;
        gap:32px;
            
    }
    .mbl-row{
        flex-direction:row!important;
    }

    .icon-size {
        font-size: 22px !important
    }

    .ltc {
        align-content: start;
        align-items: start;
        justify-items: start;
        justify-content: start;
        flex-wrap:nowrap;
        flex:content;
        font-size:12px;
        width:33vw;
        gap:32px;   
    }

    .tab-pane > div {
        flex-direction: column!important;
        align-content: start;
     
        justify-items: start;
        justify-content: start;
    }
}