.kyno-hero{
display:flex;
gap:30px;
align-items:stretch;
width:100%;
}

/* Profilbild */

.kyno-hero-image{
width:350px;
flex-shrink:0;
}

.kyno-hero-image img{
width:100%;
aspect-ratio:1/1;
object-fit:cover;
border-radius:18px;
display:block;
box-shadow:0 5px 18px rgba(0,0,0,.07);
}

/* Inhalt */

.kyno-hero-content{
flex:1;
display:flex;
flex-direction:column;
gap:10px;
min-width:0;
}

.kyno-hero-name-row{
display:flex;
align-items:center;
gap:12px;
flex-wrap:wrap;
}

.kyno-hero-content h1{
margin:0;
font-size:3rem;
line-height:1.05;
font-weight:700;
color:#0F172A;
}

.kyno-separator{
display:inline-block;
margin:0 .5rem;
color:#9CA3AF;
}

/* Status */

.kyno-status-wrapper{
position:relative;
display:inline-block;
z-index:20;
}

.kyno-hero-badge{
display:inline-block;
padding:6px 12px;
border-radius:999px;
font-size:.75rem;
font-weight:600;
cursor:pointer;
white-space:nowrap;
}

.kyno-status-popover{
position:absolute;
top:calc(100% + 6px);
left:0;
width:220px;
background:#fff;
border-radius:12px;
padding:12px;
box-shadow:0 15px 35px rgba(0,0,0,.15);
opacity:0;
visibility:hidden;
transform:translateY(4px);
transition:.15s ease;
z-index:9999;
}

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

.kyno-process{
font-size:.85rem;
font-weight:600;
padding:3px 0;
color:#9CA3AF;
}

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

/* Faktenbox */

.kyno-trainer-facts{
margin-top:10px;
background:#F8FAFC;
border:1px solid #E5E7EB;
border-radius:16px;
padding:16px 18px;
display:flex;
flex-direction:column;
gap:14px;
flex:1;
}

.kyno-fact-title{
font-size:.78rem;
font-weight:700;
letter-spacing:.07em;
text-transform:uppercase;
color:#6B7280;
margin-bottom:5px;
}

.kyno-fact-value{
font-size:1.05rem;
line-height:1.45;
color:#111827;
}

.kyno-fact-value a{
color:#1E3A8A;
text-decoration:none;
font-weight:500;
}

.kyno-fact-value a:hover{
text-decoration:underline;
}

/* Siegel */

.kyno-hero-siegel{
width:300px;
flex-shrink:0;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
text-align:center;
}

.kyno-siegel-stars{
font-size:1.3rem;
letter-spacing:2px;
line-height:1.1;
color:#0F172A;
}

.kyno-siegel-title{
font-size:1.2rem;
line-height:1.25;
color:#0F172A;
margin:2px 0 2px;
}

.kyno-hero-siegel img{
width:100px;
height:auto;
display:block;
margin:0px 0 0px;
}

.kyno-siegel-list{
margin-top:0;
font-size:.9rem;
line-height:1.2;
color:#374151;
text-align:center;
}

.kyno-siegel-link{
display:block;
margin-top:0px;
font-size:.95rem;
font-weight:600;
color:#0F172A;
text-decoration:none;
}

.kyno-siegel-link:hover{
text-decoration:underline;
}

/* Mobile */

@media(max-width:768px){

.kyno-hero{
flex-direction:column;
gap:20px;
align-items:center;
}

.kyno-hero-image{
width:100%;
max-width:280px;
}

.kyno-hero-content{
width:100%;
}

.kyno-hero-content h1{
font-size:2.2rem;
}

.kyno-hero-name-row{
align-items:flex-start;
}

.kyno-hero-badge{
font-size:.72rem;
}

.kyno-hero-siegel{
width:180px;
flex-shrink:0;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
}

}