/* 3D-Trennbalken */
.header-divider {
    height: 16px;
    background: linear-gradient(90deg, #10205a 0%, #263f87 20%, #4f73bb 60%, #78a7e6 100%);
    box-shadow:
        0 16px 30px rgba(17, 27, 61, 0.42),
        0 8px 12px rgba(17, 27, 61, 0.30),
        inset 0 2px 3px rgba(255,255,255,0.25),
        inset 0 -4px 6px rgba(0,0,0,0.30);
}

/* Kontaktzeile oben */
.header-topline {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 6px clamp(16px, 4vw, 34px);
    background: linear-gradient(90deg, #10205a 0%, #263f87 20%, #4f73bb 60%, #78a7e6 100%);
    color: white;
}

.header-contact {
    display: flex;
    gap: 10px;
    align-items: center;
}

.header-contact a {
    color: #fff3bd;
    text-decoration: none;
}

/* Gesamter Header */
#site-header {
    position: sticky;
    top: 0;
    z-index: 1000;
    background:
        radial-gradient(circle at top left, rgba(111, 183, 183, 0.18), transparent 34%),
        linear-gradient(135deg, #eef2f6, #f8fafc);
    min-width: 1050px;
}

/* Markenbereich */
.header-brand-block {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: clamp(18px, 4vw, 34px);
    padding: clamp(6px, 1.2vw, 14px) /*oben unten*/
             clamp(16px, 3.2vw, 36px); /*links-rechts*/
    min-width: 1050px;
}

/*Initialien Kasten*/
.brand-mark {
    width: clamp(110px, 12vw, 170px);
    height: clamp(110px, 12vw, 170px);
    flex: 0 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: clamp(26px, 3vw, 40px);
    background: linear-gradient(135deg, #fdf3c8 0%, #ddc972 66%,  #e0c54e 100%);
    box-shadow: 0 16px 34px rgba(38, 52, 95, 0.14);
}
/*Initialien PH*/
.brand-initials {
    font-size: clamp(50px, 7vw, 96px);
    font-weight: 900;
    font-height: 50;
    line-height: 1;
    background: linear-gradient(90deg, #10205a 0%, #263f87 20%, #4f73bb 55%, #78a7e6 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

.brand-content {
    display: flex;
    flex-direction: column;
    gap: clamp(4px, 0.5vw, 10px);
    min-width: 0;
    min-width: 0;
    flex: 1;
}

.brand-name {
    font-size: clamp(34px, 5vw, 86px);
    font-weight: 900;
    font-style: italic;
    line-height: 1.2;
    letter-spacing: -0.06em;
    white-space: nowrap;
    background: linear-gradient(90deg, #10205a 0%, #294187 10%, #4f73bb 50%, #78a7e6 95%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    padding-bottom: 0.12em;
}

.main-nav .nav-link,
.main-nav button.nav-link {

    border: 0;
    border-radius: 999px;

    padding: 12px 22px;

    background: linear-gradient(
        135deg,
        rgba(225,236,255,0.95),
        rgba(193,215,250,0.95)
    );

    color: #10205a;

    font-size: 15px;
    font-weight: 800;

    cursor: pointer;

    box-shadow:
        0 2px 6px rgba(16,32,90,0.06);

    transition:
        transform 0.2s ease,
        background 0.2s ease,
        box-shadow 0.2s ease;
}