/* -------------------------------------------------
   PuG 2027 – Save the Date (angepasst)
   ------------------------------------------------- */

:root {
    /* dunkleres Blau für Header, Footer und alle anderen Stellen, die das Haupt‑Blau nutzen */
    --primary-blue:   #003366;   /* dunkleres Blau (statt #00529c) */
    --secondary-blue: #0072c6;   /* Akzentfarbe (für Links, Highlights) */
    --city-dark:      #336699;   /* dunkleres Blau für Städtenamen */
    --light-gray:    #f5f5f5;
    --dark-gray:     #333333;
    --white:         #ffffff;
    --max-width:     1200px;
    --font-base:     'Open Sans', Arial, sans-serif;
}

/* ---- Grundlayout (wie vorher) ---- */
*,
*::before,
*::after { box-sizing:border-box; margin:0; padding:0; }
html { scroll-behavior:smooth; }
body {
    font-family: var(--font-base);
    line-height: 1.6;
    color: var(--dark-gray);
    background: var(--white);
}
.container { width:90%; max-width:var(--max-width); margin:0 auto; }

/* ==== Header ==== */
.site-header {
    background: var(--primary-blue);   /* jetzt dunkleres Blau */
    color: var(--white);
    padding: 1rem 0;
}
.header-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;   /* Logo links – Titel – Logo rechts */
    gap: 1rem;
}
.logo {
    height: 64px;      /* gleiche Größe für beide Logos */
    width: auto;
}
.site-title {
    font-size: 1.6rem;
    font-weight: 600;
    text-align: center;   /* zentriert, weil Flex‑Space‑Between die Logos nach außen schiebt */
}


/* -------------------------------------------------
   PuG 2027 – Save the Date (angepasste Hero‑Größen)
   ------------------------------------------------- */

/* ... (alle bisherigen Variablen und Grundstyles bleiben unverändert) ... */

/* ==== Hero ==== */
.hero {
    background:url('https://uol.de/mediapool/_processed/0/c/csm_Hoersaalzentrum__c__Universitaet_Oldenburg-Daniel_Schmidt_9c8847c621.jpg?v=1732879020?auto=format&fit=crop&w=1500&q=80')
              center/cover no-repeat;
    color:var(--white);
    text-align:center;
    padding:6rem 1rem;
    position:relative;
}
.hero::before {
    content:"";
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.45);
}
.hero .container { position:relative; z-index:1; }

/* 2027 OLDENBURG – jetzt etwas kleiner */
.hero-title {
    font-size: clamp(1.8rem,6vw,2.8rem);   /* reduziert im Vergleich zum alten Wert */
    margin-bottom:.5rem;
}

/* 6‑8 MAY – jetzt größer (nutzt die bereits vorhandene .hero-big‑Klasse) */
.hero-subtitle {               /* Basis‑Größe (falls .hero-big nicht verwendet wird) */
    font-size:1.25rem;
}
.hero-big {                    /* Wird jetzt bei "6‑8 MAY" angewendet */
    font-size: clamp(2.8rem,9vw,4.5rem);   /* deutlich größer als der normale Untertitel */
}

/* ==== Hero – Fotografie‑Hinweis ==== */
.hero {
    position: relative;               /* für absolute Positionierung des Hinweises */
}

/* kleiner Text in der rechten unteren Ecke */
.photo-credit {
    position: absolute;
    right: 1rem;
    bottom: 0.8rem;
    font-size: 0.62rem;
    color: var(--white);
    opacity: 0.85;
    margin: 0;
}

/* ... (der Rest des Stylesheets bleibt unverändert) ... */


/* ==== Details ==== */
.details { background:var(--light-gray); padding:4rem 0; }

/* ---- Grundkarte ---- */
.card {
    background:var(--white);
    border-radius:8px;
    padding:2rem;
    margin-bottom:2rem;
    box-shadow:0 2px 6px rgba(0,0,0,.1);
}
.card-title {
    font-size:1.5rem;
    margin-bottom:1rem;
    color:var(--primary-blue);
    text-transform:uppercase;
}

/* ---- Keynote Speakers ---- */
.keynote-card {
    border-left:8px solid var(--secondary-blue);
    padding:3rem 2rem;
}
.speakers-grid {
    display:flex;
    flex-wrap:wrap;
    gap:2.5rem;
    justify-content:center;
    margin-top:1.5rem;
}
.speaker {
    display:flex;
    flex-direction:column;
    align-items:center;
    max-width:200px;
    text-align:center;
}
.speaker-img {
    width:160px;
    height:160px;
    object-fit:cover;
    border-radius:50%;               /* runde Form */
    aspect-ratio:1/1.2;              /* leichte ovale Verzerrung */
    /* Die blaue Umrandung wurde entfernt → keine border mehr */
}
.speaker-name {
    margin-top:.8rem;
    font-weight:600;
    color:var(--dark-gray);
    text-transform:uppercase;
}

/* Städte‑Namen – dunkleres Blau */
.speaker-city {
    margin-top:.3rem;
    font-size:.9rem;
    color:var(--city-dark);
    text-transform:uppercase;
}

/* ---- Row unterhalb der Keynote‑Karte ---- */
.row-below { display:flex; flex-wrap:wrap; gap:2rem; }

/* ---- Organizing Team ---- */
.org-card { flex:1 1 260px; opacity:.97; }
.org-card .list { list-style:disc inside; line-height:1.8; }

/* ---- Contact ---- */
.contact-card { flex:1 1 260px; }
.contact-card a {
    color:var(--secondary-blue);
    text-decoration:none;
}
.contact-card a:hover { text-decoration:underline; }

/* ==== Content‑Sections (Impressum / Datenschutz) ==== */
.content-section { background:var(--white); padding:3rem 0; }
.section-title { font-size:1.8rem; margin-bottom:1rem; color:var(--primary-blue); }

/* ==== Footer ==== */
.site-footer {
    background:var(--primary-blue);
    color:var(--white);
    text-align:center;
    padding:1rem 0;
    font-size:.9rem;
}
.site-footer a {
    color:var(--white);
    text-decoration:underline;
}
.site-footer a:hover { text-decoration:none; }

/* ==== Responsives Layout ==== */
@media (max-width:767px) {
    .row-below { flex-direction:column; }
}
@media (min-width:768px) {
    .row-below { flex-direction:row; }
}

/* ==== Accessibility ==== */
a:focus {
    outline:2px dashed var(--secondary-blue);
    outline-offset:2px;
}