/* /app_comps/cards/Hover_DartsOverview.razor.rz.scp.css */

.yellow-glass[b-hqk0dup7c0] {
    height: fit-content;
    background-color: #b6b422d6;
    border-radius: 8px;
    /*  backdrop-filter: blur(6px);*/
    /* border: 2px solid rgba(255, 255, 255, 0.1); */
    box-shadow: 0 8px 8px rgba(8, 7, 16, 0.6);
}

.card-hover-content[b-hqk0dup7c0] {
    transition: max-height 1s ease;
    max-height: 0px;
    opacity: 0;
}

.abt-cards[b-hqk0dup7c0] {
    transition: height 4s ease;
    color: black;
}

    .abt-cards:hover[b-hqk0dup7c0] {
    }

.yellow-glass[b-hqk0dup7c0] {
}

    .yellow-glass:hover[b-hqk0dup7c0] {
        transition: height 1s ease;
        height: fit-content;
    }

        .yellow-glass:hover .card-hover-content[b-hqk0dup7c0] {
            animation: growContent-b-hqk0dup7c0 1s ease;
            transition: max-height 1s ease
        }

.abt-cards:hover .card-hover-content[b-hqk0dup7c0] {
    max-height: 400px;
    animation: delayedOpacity-b-hqk0dup7c0 0.4s ease forwards;
    animation-delay: 0.4s;
    /*height: 200px;*/ /* Genug Platz für den Inhalt */
}

.ho-sub-heading[b-hqk0dup7c0] {
    display: none !important;
}

.abt-cards:hover .ho-sub-heading[b-hqk0dup7c0] {
    display: flex !important;
    ;
}

.abt-cards:hover .cap-hov-row[b-hqk0dup7c0] {
    border-bottom: 4px white solid
}

.card[b-hqk0dup7c0] {
    width: 250px;
    overflow: hidden;
    /*  transition: transform 0.3s;*/
}

.ho-content[b-hqk0dup7c0] {
}

.card:hover .content[b-hqk0dup7c0] {
}


.card-hover-bg:hover[b-hqk0dup7c0] {
    background-color: #000000a6;
    color: white;
}

.caption-hover_card[b-hqk0dup7c0] {
    /*text-decoration: underline solid white 1px;*/
    font-size: 20px
}

.caption-on-hover[b-hqk0dup7c0] {
    height: 0;
    display: none !important;
}


.abt-cards:hover .caption-hover_card[b-hqk0dup7c0] {
    display: none;
}

.abt-cards:hover .caption-on-hover[b-hqk0dup7c0] {
    min-height: fit-content;
    opacity: 1;
    /* text-decoration: underline solid white 1px;*/
    font-size: 20px;
    display: block !important;
}

@keyframes growContent-b-hqk0dup7c0 {
    to {
        height: fit-content
    }
}

@keyframes delayedOpacity-b-hqk0dup7c0 {
    to {
        opacity: 1
    }
}

.hov-scale:hover[b-hqk0dup7c0] {
    transition: 1s ease;
    transform: scale(1.02)
}
/* /app_comps/cards/Hover_TeamsOverview.razor.rz.scp.css */

.yellow-glass[b-asl6nbxxji] {
    height: fit-content;
    background-color: #b6b422d6;
    border-radius: 8px;
  /*  backdrop-filter: blur(6px);*/
    /* border: 2px solid rgba(255, 255, 255, 0.1); */
    box-shadow: 0 8px 8px rgba(8, 7, 16, 0.6);
}

.card-hover-content[b-asl6nbxxji] {
    transition: max-height 1s ease;
    max-height: 0px;
    opacity: 0;
}

.abt-cards[b-asl6nbxxji] {
    transition: height 4s ease;
    color:black;
}

    .abt-cards:hover[b-asl6nbxxji] {
    }

.yellow-glass[b-asl6nbxxji] {
}

    .yellow-glass:hover[b-asl6nbxxji] {
        transition: height 1s ease;
        height: fit-content;
    }

        .yellow-glass:hover .card-hover-content[b-asl6nbxxji] {
            animation: growContent-b-asl6nbxxji 1s ease;
            transition: max-height 1s ease
        }

.abt-cards:hover .card-hover-content[b-asl6nbxxji] {
    max-height: 400px;
    animation: delayedOpacity-b-asl6nbxxji 0.4s ease forwards;
    animation-delay: 0.4s;
    /*height: 200px;*/ /* Genug Platz für den Inhalt */
}

.ho-sub-heading[b-asl6nbxxji] {
    display: none !important;
}

.abt-cards:hover .ho-sub-heading[b-asl6nbxxji] {
    display: flex !important;
    ;
}

.abt-cards:hover .cap-hov-row[b-asl6nbxxji] {
    border-bottom: 4px white solid
}

.card[b-asl6nbxxji] {
    width: 250px;
    overflow: hidden;
    /*  transition: transform 0.3s;*/
}

.ho-content[b-asl6nbxxji] {
}

.card:hover .content[b-asl6nbxxji] {
}


.card-hover-bg:hover[b-asl6nbxxji] {
    background-color: #000000a6;
    color: white;
}

.caption-hover_card[b-asl6nbxxji] {
    /*text-decoration: underline solid white 1px;*/
    font-size: 20px
}

.caption-on-hover[b-asl6nbxxji] {
    height: 0;
    display: none !important;
}


.abt-cards:hover .caption-hover_card[b-asl6nbxxji] {
    display: none;
}

.abt-cards:hover .caption-on-hover[b-asl6nbxxji] {
    min-height: fit-content;
    opacity: 1;
   /* text-decoration: underline solid white 1px;*/
    font-size: 20px;
    display: block !important;
}

@keyframes growContent-b-asl6nbxxji {
    to {
        height: fit-content
    }
}

@keyframes delayedOpacity-b-asl6nbxxji {
    to {
        opacity: 1
    }
}

.hov-scale:hover[b-asl6nbxxji] {
    transition: 1s ease;
    transform: scale(1.02)
}
/* /app_comps/cards/ShimmerGlass_Card.razor.rz.scp.css */
.shimmer-glass-card[b-nkao58j11b] {
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    background-color:rgb(59 59 45 / 17%) ;
    border-radius: 16px;
    max-width: 700px;
    min-width:380px;
    position:relative;
}

.fball:hover[b-nkao58j11b] {
    z-index: 13;
    background-color: rgb(244 244 37 / 0.3);
    margin-top:24px;
    
}

.dart:hover[b-nkao58j11b] {
    z-index: 14;
    background-color: rgb(244 244 37 / 0.3);
    margin-bottom:24px;
}

.kturn:hover[b-nkao58j11b] {
    z-index: 12;
    background-color: rgb(244 244 37 / 0.3);
    margin-top: 24px;
}



.transition-all[b-nkao58j11b] {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.cursor-pointer[b-nkao58j11b] {
    cursor: pointer;
}

.ca-head[b-nkao58j11b] {
    font-size: 1.25rem;
    line-height: 1.75rem;
}

.ca-txt[b-nkao58j11b] {
    line-height: 1.625;
    font-size: 0.875rem;
}

/* /comps/HoverFlipCard.razor.rz.scp.css */
.card-con[b-kexjcczxw5] {
    width: 100%;
    
    max-width:800px;
    height: 240px;
    min-height:220px;
    max-height: 300px;
    perspective: 1000px;
    cursor: pointer;
    padding:8px;
}

@media(min-width:600px){
    .card-con[b-kexjcczxw5] {
        min-width: 380px;
    }
})

.card-con:hover[b-kexjcczxw5]{z-index:100;position:relative;}

.card-inner[b-kexjcczxw5] {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
    transform-style: preserve-3d;
}

    /* Drehung bei Hover ODER wenn die C#-Variable greift */
    .card-con:hover .card-inner[b-kexjcczxw5],
    .card-inner.is-flipped[b-kexjcczxw5] {
        transform: rotateY(180deg);
      
    }

.card-front[b-kexjcczxw5], .card-back[b-kexjcczxw5] {
    padding:8px;
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    border-radius: 16px; /* Schöne moderne Ecken */
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 8px rgba(0,0,0.4,0.4);
}

.card-front[b-kexjcczxw5] {
    background-color: #0000001a;
    backdrop-filter: blur(8px);
}

.card-back[b-kexjcczxw5] {
    background-color: #b4e4bd0d;
    backdrop-filter: blur(8px);
    transform: rotateY(180deg);
    height: fit-content;
    min-height:220px;
}


@media(max-width:920px){
    .card-con[b-kexjcczxw5]{
        width: 100%!important;
    }
}
/* /comps/IconCard.razor.rz.scp.css */
.icon-card[b-eedpw2t2qr] {
    width: 68%
}

.icon-card-border[b-eedpw2t2qr] {
    border-radius: 24px;
    border: 2px solid #050f12;
    border-left: 6px solid black;
}

.icon-card-spacing[b-eedpw2t2qr] {
    margin-bottom: 1rem;
}

    .icon-card-spacing > h4[b-eedpw2t2qr] {
        margin-left: 1rem !important;
    }

    .icon-card-spacing > .child-content[b-eedpw2t2qr] {
        margin-left: 1rem !important;
    }

.i-card-bp[b-eedpw2t2qr] {
    padding-right: 250px !important;
    max-width: 85% !important;
    justify-self: end;
}

@media (max-width: 880px) {
    /* .landing-content-card {
        height: 30vh;
    } */
    .icon-card[b-eedpw2t2qr] {
        margin-left: 2rem !important;
        margin-right: 2rem !important;
        min-width: 90% !important;
        max-width: 90% !important
    }

    .i-card-bp[b-eedpw2t2qr] {
        padding-right: 1rem !important;
        max-width: 90% !important;
        justify-self: unset;
    }

    .c-landing-card[b-eedpw2t2qr] {
        width: unset;
        margin: -1rem;
        padding: 0;
    }
}
/* /comps/SpCard.razor.rz.scp.css */
.sp-card:hover[b-flnr9mnhr1] {
    background-color: rgb(244 244 37 / 0.3);
}

.sp-card-sizing[b-flnr9mnhr1]{
    flex: 1 1 360px;
    max-width: 560px;border: solid 0.4px rgba(255, 255, 255, 0.1)
}
/* /Layout/MainLayout.razor.rz.scp.css */
h1[b-65ixbk67fa], h2[b-65ixbk67fa], h3[b-65ixbk67fa], h4[b-65ixbk67fa]{
    text-shadow: 1px 1px darkgrey;
}

body[b-65ixbk67fa]{
    text-shadow: 1px 0 darkgrey;
}
/* /Layout/NavMenu.razor.rz.scp.css */

.mobile-nav-links[b-oyddjjc5io] {
    display: none;
   
  
 
    border-radius: 16px;
  
    min-width: fit-content;
    width: 98vw;
    white-space: nowrap;
    list-style: none;
  
    color: white;
    z-index: 11;
    height:fit-content
}

.mo-link[b-oyddjjc5io]{
    padding: 16px;
    
   backdrop-filter:blur(20px);
    align-items:center;
    height:fit-content;
    display:flex;
    justify-content:center;
}

    .mo-link:has(.m-active)[b-oyddjjc5io] {
        background: #a3cbc159
    }

    .scale-hover.m-active > div > div.link-txt[b-oyddjjc5io]{
        transform: scale(1.06);
        text-decoration: underline solid white 2px;
        font-weight:bold;
        
    }
.nav-mobile-links:hover  .mobile-nav-links[b-oyddjjc5io] {
    display: block;
    background: #1c5748bd;
    backdrop-filter: blur(15px);
}

.ws-row:has(.nav-mobile-links:hover) .flrow  .mobile-nav-links[b-oyddjjc5io] {
    display: flex;
    background: black;
    backdrop-filter: blur(15px);
    margin-top:-16px;
}

.mobile-nav-links:hover[b-oyddjjc5io] {
    
    display: flex;
    background-color: black;
    backdrop-filter: blur(15px);
    margin-top: -16px;
}

.nav-links[b-oyddjjc5io] {
    display: none;
}

.nav-mobile-links[b-oyddjjc5io] {
    display: flex;
}




.navbar-brand[b-oyddjjc5io] {
    font-size: 1.1rem;
}



.nav-item[b-oyddjjc5io] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-oyddjjc5io] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-oyddjjc5io] {
        padding-bottom: 1rem;
    }

    .nav-item[b-oyddjjc5io]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-oyddjjc5io]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-oyddjjc5io]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

@media (min-width: 641px) {
    .navbar-toggler[b-oyddjjc5io] {
        display: none;
    }

 
    
 
}


.nav-mobile-links[b-oyddjjc5io] {
    display: none;
}





  


@media only screen and (max-width: 768px) {

    .nav-links[b-oyddjjc5io] {
        display: none!important;
    }

    .nav-mobile-links[b-oyddjjc5io] {
        display: flex;
    }



}
/* /Pages/Landing_Page.razor.rz.scp.css */
.vCard-container[b-2g0gyndmum] {
    /*width: 420px;*/
}


.vCard-row[b-2g0gyndmum]{
    display:flex; flex-direction:row; gap:16px;justify-content:space-around;flex-wrap: wrap
}

@media(max-width:950px) {
    .vCard-container[b-2g0gyndmum] {
        width: 100% !important;
    }
}


.hero-container[b-2g0gyndmum] {
    position: relative;
    width: 100%;
    max-height: fit-content;
    height:500px!important;
    overflow: hidden;
}

.hero-image[b-2g0gyndmum] {
    width: 100%;
    display: block;
}

.hero-overlay-right[b-2g0gyndmum] {
    position: absolute;
    top: 10%;
    left: 80%;
    transform: translate(-50%, -50%);
    color: white;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.5); /* Optional für bessere Lesbarkeit */
    padding: 20px;
}

.hero-overlay-left[b-2g0gyndmum] {
    position: absolute;
    top: 80%;
    left: 15%;
    transform: translate(-50%, -50%);
    color: white;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.5); /* Optional für bessere Lesbarkeit */
    padding: 20px;
}

.hero-overlay[b-2g0gyndmum] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.5); /* Optional für bessere Lesbarkeit */
    padding: 20px;
}

.card-hover-content[b-2g0gyndmum] {
    transition: max-height 1s ease; max-height:0px;
    opacity: 0;
    
}

.abt-cards[b-2g0gyndmum]{
    transition: height 4s ease;
}

.abt-cards:hover[b-2g0gyndmum]{
     
}

.yellow-glass[b-2g0gyndmum] {
    
}

.yellow-glass:hover[b-2g0gyndmum]{
    transition:height 1s ease;
    height:fit-content;
}

.yellow-glass:hover .card-hover-content[b-2g0gyndmum]{
    animation: growContent-b-2g0gyndmum 1s ease;
 
    transition: max-height 1s ease
}

    .abt-cards:hover  .card-hover-content[b-2g0gyndmum] {
       max-height:400px;
        animation: delayedOpacity-b-2g0gyndmum 0.4s ease forwards;
        animation-delay: 0.4s;
        
        /*height: 200px;*/ /* Genug Platz für den Inhalt */
        
        
       
    }

    .ho-sub-heading[b-2g0gyndmum]{
        display:none!important;
    }

.abt-cards:hover .ho-sub-heading[b-2g0gyndmum]{
    display:flex!important;;
}

.abt-cards:hover .cap-hov-row[b-2g0gyndmum] {
    border-bottom: 4px white solid
}
.card[b-2g0gyndmum] {
    width: 250px;
    overflow: hidden;
  /*  transition: transform 0.3s;*/
}

.ho-content[b-2g0gyndmum] {
    
}

.card:hover .content[b-2g0gyndmum] {
   
}


.card-hover-bg:hover[b-2g0gyndmum] {
    background-color: #000000a6
}

.caption-hover_card[b-2g0gyndmum] {
    text-decoration: underline solid white 1px;
    font-size: 20px
}

.caption-on-hover[b-2g0gyndmum]{
    height:0; 
   display:none!important;
}


.abt-cards:hover .caption-hover_card[b-2g0gyndmum]{
    display:none;
}

.abt-cards:hover .caption-on-hover[b-2g0gyndmum] {
 
    min-height: fit-content;
    opacity: 1;
    text-decoration: underline solid white 1px;
    font-size: 20px;
    display:block!important;
}

@keyframes growContent-b-2g0gyndmum{
    to{height:fit-content}
}

@keyframes delayedOpacity-b-2g0gyndmum {
   to{opacity:1}
}

.hov-icon:hover[b-2g0gyndmum]{
    transform: scale(2)
}

.abt-row:has()[b-2g0gyndmum]