.kyno-zulassung-title{
font-size:1rem;
font-weight:700;
color:#111827;
margin-bottom:12px;
}

.kyno-zulassungen{
display:flex;
flex-direction:row;
align-items:flex-start;
gap:16px;
flex-wrap:nowrap;
position:relative;
z-index:1;
overflow:visible;
}

.kyno-zulassung-card{
width:190px;
background:#fff;
border-radius:16px;
padding:6px 10px;
box-shadow:0 5px 18px rgba(0,0,0,.07);
display:flex;
flex-direction:column;
align-items:center;
position:relative;
transition:.2s ease;
z-index:1;
overflow:visible;
}

.kyno-zulassung-card:hover{
transform:translateY(-1px);
box-shadow:0 8px 25px rgba(0,0,0,.1);
z-index:5000;
}

.kyno-zulassung-icon{
font-size:1.3rem;
width:100%;
text-align:center;
margin-bottom:0;
opacity:.65;
}

.kyno-zulassung-title a,
.kyno-zulassung-link{
font-size:1rem;
font-weight:700;
line-height:1;
color:#111827;
text-decoration:none;
text-align:center;
display:block;
}

.kyno-zulassung-title a:hover,
.kyno-zulassung-link:hover{
color:#1E3A8A;
}

.kyno-zulassung-card .kyno-status-wrapper{
margin-top:2px;
position:relative;
z-index:1000;
}

.kyno-zulassung-card .kyno-ausbildung-badge{
padding:6px 11px;
border-radius:999px;
font-size:.75rem;
font-weight:600;
white-space:nowrap;
cursor:pointer;
}

.kyno-zulassung-card .kyno-status-popover{
position:absolute;
top:calc(100% + 6px);
left:50%;
right:auto;
width:210px;
max-width:calc(100vw - 32px);
background:#fff!important;
border-radius:10px;
padding:10px 12px;
box-shadow:0 15px 40px rgba(0,0,0,.18);
opacity:0;
visibility:hidden;
pointer-events:none;
transform:translateX(-50%) translateY(4px);
transition:.15s ease;
z-index:10000;
box-sizing:border-box;
}

.kyno-zulassung-card .kyno-status-wrapper:hover .kyno-status-popover,
.kyno-zulassung-card .kyno-status-wrapper:focus-within .kyno-status-popover{
opacity:1;
visibility:visible;
pointer-events:auto;
transform:translateX(-50%) translateY(0);
}

.kyno-more-zulassung{
display:flex;
gap:16px;
flex-wrap:wrap;
}

.kyno-show-more{
display:inline;
margin-top:4px;
padding:0!important;
background:none!important;
border:none!important;
box-shadow:none!important;
outline:none!important;
font-size:.9rem;
font-weight:600;
color:#1E3A8A;
cursor:pointer;
text-decoration:none;
}

.kyno-show-more:hover{
color:#244B94;
text-decoration:underline;
}

.kyno-show-more:focus,
.kyno-show-more:active{
outline:none!important;
box-shadow:none!important;
}

.status-nicht_eingereicht{
background:#F3F4F6;
color:#6B7280;
}

@media(max-width:768px){

.kyno-zulassungen{
gap:12px;
overflow:visible;
}

.kyno-zulassung-card{
width:calc(50% - 6px);
padding:12px;
overflow:visible;
}

.kyno-zulassung-card .kyno-status-popover{
position:fixed!important;
top:50%!important;
left:50%!important;
right:auto!important;
bottom:auto!important;
width:190px!important;
max-width:calc(100vw - 32px)!important;
min-width:0!important;
padding:10px 12px!important;
background:#fff!important;
border-radius:10px!important;
box-shadow:0 15px 40px rgba(0,0,0,.18)!important;
opacity:0;
visibility:hidden;
pointer-events:none;
transform:translate(-50%,-50%) scale(.98)!important;
z-index:999999!important;
box-sizing:border-box!important;
}

.kyno-zulassung-card .kyno-status-wrapper:hover .kyno-status-popover,
.kyno-zulassung-card .kyno-status-wrapper:focus-within .kyno-status-popover{
opacity:1!important;
visibility:visible!important;
pointer-events:auto!important;
transform:translate(-50%,-50%) scale(1)!important;
}

}

@media(max-width:480px){

.kyno-zulassung-card .kyno-status-popover{
width:180px!important;
max-width:calc(100vw - 28px)!important;
}

}