/*======partner.php===================================================================================================*/

#partner-container{
    display: flex;
    align-items: center;
}
.partner-item{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
    padding: 1rem 1rem 1rem 1rem;
    border: solid;
    border-radius: 20px;
    justify-content: center;
}
/*======Modal- Dialog=====*/
/* Gesamt-Look */
.link-modal {
    box-shadow: 0 16px 48px rgba(0,0,0,0.35);
    border: none;
    border-radius: 14px;
    overflow: hidden; /* saubere Rundungen */
}

/* Header: Titel mittig, Close rechts */
.modal-header {
    border-bottom: none;
    justify-content: center;           /* zentriert Titel optisch */
    position: relative;
    padding: 1.25rem 1.25rem 0.75rem;
}
.modal-header .close {
    position: absolute;
    right: 0.75rem;
    top: 0.75rem;
    margin: 0;
}
.modal-title {
    width: 100%;
    text-align: center;                /* echte Zentrierung */
    font-weight: 700;
    font-size: 2rem;
    letter-spacing: 0.2px;
}

/* Body: linksbündig, klare Hierarchie */
.modal-body {
    padding: 0 1.25rem 1rem;
}
.link-url {
    color: #c62828;                    /* markant */
    font-weight: 700;
    word-break: break-all;             /* lange URLs umbrechen */
    margin-bottom: 3rem;
    margin-top: 3rem;
}
.link-headline {
    font-size: 1.125rem;
    font-weight: 700;
    margin: 0.5rem 0 0.75rem;
}
.link-text p {
    margin-bottom: 0.5rem;
    color: #333;
    line-height: 1.5;
}

/* Footer: Buttons zentriert, responsive Breiten */
.link-footer {
    border-top: none;
    padding: 0 1.25rem 1.25rem;
}
.link-actions {
    display: flex;
    gap: 0.75rem;
    justify-content: center;           /* Buttons mittig */
    align-items: stretch;
    width: 100%;
    flex-wrap: wrap;                   /* bei wenig Platz umbrechen */
}
.link-actions .btn {
    min-width: 160px;
    border-radius: 10px;
    font-weight: 600;
    padding: 0.6rem 1rem;
    flex: 1 1 200px;                   /* wachsen, aber sinnvolle Mindestbreite */
    max-width: 260px;                  /* nicht zu breit auf Desktop */
}