.team_menu {
    display: inline-block;
}

.team_puzzle {
    display: inline-flex;
    /* Auf Desktop schön breit, damit alles locker in eine Zeile passt */
    width: 380px;
    vertical-align: top;
    margin-bottom: 12px;
}

.team_puzzle::before {
    content: url("../image/puzzle_o.png") !important;
    z-index: 2;
    flex-shrink: 0;
}

.team_puzzle a {
    font-size: 16px;
    font-weight: 700;
    position: relative;
    left: -27px;
    
    /* Hält den Balken IMMER exakt mittig in der Puzzle-Einbuchtung */
    top: 36px;
    transform: translateY(-50%);
    
    /* Schöne breite Desktop-Größe */
    width: 310px;
    min-height: 40px;
    height: 45px;
    
    /* Text-Zentrierung im blauen Balken */
    display: flex;
    align-items: center;
    
    background: var(--blue);
    color: var(--weiss, #ffffff);
    padding: 6px 12px 6px 30px;
    line-height: 1.2;
    box-sizing: border-box;
    text-decoration: none;
    z-index: 1;
    transition: background-color 0.2s ease;
}

.team_puzzle a:hover {
    background-color: var(--green);
}

.team_puzzle a:link, 
.team_puzzle a:visited, 
.team_puzzle a:active, 
.team_puzzle a:focus {
    color: var(--weiss, #ffffff);
    text-decoration: none;
}

/* Responsive: Passt sich auf Smartphones/Tablets automatisch an */
@media (max-width: 768px) {
    .team_puzzle {
        width: 100%;
        max-width: 320px;
    }
    
    .team_puzzle a {
        width: calc(100% - 45px);
        font-size: 14.5px;
    }
}