.kyno-fortbildungen,
.kyno-fortbildungen *{
box-sizing:border-box;
}

.kyno-fortbildungen{
display:flex;
flex-direction:column;
gap:12px;
position:relative;
width:100%;
max-width:100%;
overflow:visible;
}

.kyno-fortbildung-card{
width:100%;
max-width:100%;
background:#fff;
border-radius:16px;
padding:14px 18px;
box-shadow:0 5px 18px rgba(0,0,0,.07);
position:relative;
transition:.2s ease;
overflow:visible;
z-index:1;
}

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

.kyno-fortbildung-top{
display:flex;
align-items:flex-start;
gap:14px;
min-width:0;
}

.kyno-fortbildung-name{
flex:1;
font-size:1rem;
font-weight:700;
line-height:1.2;
min-width:0;
}

.kyno-fortbildung-name a{
color:#111827;
text-decoration:none;
overflow-wrap:anywhere;
}

.kyno-fortbildung-name a:hover{
color:#1E3A8A;
}

.kyno-fortbildung-info{
font-size:.9rem;
color:#374151;
white-space:nowrap;
}

.kyno-fortbildung-top .kyno-status-wrapper{
flex-shrink:0;
position:relative;
z-index:20;
}

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

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

.status-eingereicht,
.status-bestaetigt{
background:#DBEAFE;
color:#1E3A8A;
}

.status-validiert{
background:#DCFCE7;
color:#2E7D32;
}

.status-abgelehnt{
background:#FFF7ED;
color:#F97316;
}

.kyno-status-popover{
position:absolute;
top:calc(100% + 5px);
right:0;
width:190px;
background:#fff!important;
border-radius:10px;
padding:10px 12px;
box-shadow:0 15px 40px rgba(0,0,0,.18);
opacity:0;
visibility:hidden;
transform:translateY(4px);
transition:.15s ease;
z-index:10000;
}

.kyno-status-wrapper:hover .kyno-status-popover,
.kyno-status-wrapper:focus-within .kyno-status-popover{
opacity:1;
visibility:visible;
transform:translateY(0);
}

.kyno-process{
padding:2px 0;
font-size:.85rem;
font-weight:600;
background:none!important;
color:#9CA3AF;
}

.kyno-process.status-eingereicht,
.kyno-process.status-bestaetigt{
color:#1E3A8A;
}

.kyno-process.status-validiert{
color:#2E7D32;
}

.kyno-process.status-abgelehnt{
color:#F97316;
}

.kyno-status-text{
margin-top:7px;
padding-top:7px;
border-top:1px solid #E5E7EB;
font-size:.72rem;
line-height:1.25;
color:#6B7280;
}

.kyno-fortbildung-bottom{
margin-top:6px;
display:flex;
gap:8px;
align-items:center;
font-size:.9rem;
color:#6B7280;
min-width:0;
}

.kyno-fortbildung-bottom a{
color:#374151;
text-decoration:none;
overflow-wrap:anywhere;
}

.kyno-fortbildung-bottom a:hover{
color:#1E3A8A;
text-decoration:underline;
}

.kyno-fortbildung-bottom span{
min-width:0;
}

.kyno-fortbildung-bottom span:not(:last-child)::after{
content:" |";
margin-left:8px;
color:#9CA3AF;
}

.kyno-more-fortbildungen{
display:flex;
flex-direction:column;
gap:12px;
margin-top:12px;
width:100%;
max-width:100%;
}

.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{
background:none!important;
color:#244B94;
text-decoration:underline;
}

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

@media(max-width:768px){

.kyno-fortbildungen{
width:100%;
max-width:100%;
overflow:visible;
}

.kyno-fortbildung-card{
padding:14px;
padding-bottom:52px;
border-radius:16px;
overflow:visible;
}

.kyno-fortbildung-top{
display:block;
}

.kyno-fortbildung-name{
width:100%;
font-size:.98rem;
}

.kyno-fortbildung-top .kyno-status-wrapper{
position:absolute;
right:14px;
bottom:14px;
width:auto;
max-width:calc(100% - 28px);
z-index:50;
}

.kyno-fortbildung-top .kyno-ausbildung-badge{
width:max-content;
max-width:100%;
}

.kyno-fortbildungen .kyno-status-popover{
position:absolute!important;
bottom:calc(100% + 8px)!important;
top:auto!important;
right:0!important;
left: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;
transform:translateY(-4px);
z-index:10000!important;
}

.kyno-fortbildungen .kyno-status-wrapper:hover .kyno-status-popover,
.kyno-fortbildungen .kyno-status-wrapper:focus-within .kyno-status-popover{
opacity:1!important;
visibility:visible!important;
transform:translateY(0)!important;
}

.kyno-fortbildung-bottom{
flex-wrap:wrap;
gap:4px 7px;
font-size:.86rem;
line-height:1.35;
padding-right:0;
margin-top:8px;
}

.kyno-fortbildung-bottom span:not(:last-child)::after{
margin-left:7px;
}

}

@media(max-width:480px){

.kyno-fortbildung-card{
padding:13px;
padding-bottom:52px;
}

.kyno-fortbildung-top .kyno-status-wrapper{
right:13px;
bottom:13px;
}

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

.kyno-fortbildung-bottom{
font-size:.84rem;
}

}