.columns {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

/* Haupt-Logo: oben links, auf Höhe der Navigation, vergrössert.
   Ragt bewusst ein wenig über den grauen Balken in die schwarze
   Menüleiste hinein, ohne die Menüpunkte zu überdecken (die sind
   zentriert und liegen weiter rechts). */
.navigation-bar {
    position: relative;
}

/* Platz reservieren, damit "Argovia Stars" nicht unter das
   (aus dem Textfluss genommene) Logo rutscht. */
.cd-club-logo-and-name {
    padding-left: 190px;
}

.cd-club-logo-link {
    position: absolute;
    left: 30px;
    bottom: -105px; /* Bezug: unterer Rand des grauen Balkens -> kontrolliertes Herausragen */
    z-index: 50; /* über grauem/schwarzem Balken, unter der fixierten Scroll-Navigation (30000) */
    background-color: #fff;
    padding: 10px 16px;
    border-radius: 6px;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.55);
}

.cd-club-logo {
    height: 100px; /* Standard: 50px */
}

/* Auf kleinen Bildschirmen gibt es keine Menüleiste (cd-hide-small):
   Logo wieder normal im Balken einreihen */
@media (max-width: 992px) {
    .cd-club-logo-and-name {
        padding-left: 0;
    }

    .cd-club-logo-link {
        position: static;
        background: none;
        padding: 0;
        border-radius: 0;
        box-shadow: none;
    }

    .cd-club-logo {
        height: 50px;
    }
}

.cd-menu-level-1 ul li:first-child {
    margin-left: 210px; /* Platz für Logo */
}
.cd-menubar .cd-menu-level-1 > ul a.cd-menu-item {
    text-transform: uppercase;
}

.cd-club-name {
    display: none; /* Name wird nicht angezeigt, nur das Logo */
}

/* ==========================================================
   News: modernere, serifenlose Typografie + Foto prominenter
   ========================================================== */

/* Fliesstext in der News-Liste sowie Datum/Teaser auf der
   Detailseite liefen bisher über "Source Serif Pro" (Serifen) –
   auf serifenlose Schrift umstellen, wie im Rest der Seite. */
.cd-tile-h-detail-value,
.cd-additional-subheading,
.cd-additional-teaser {
    font-family: 'News Cycle', sans-serif;
}

.cd-tile-h-detail-value {
    line-height: 1.6;
}

/* Kartenoptik: abgerundete Ecken statt eckigem Rahmen, dezenter
   Schatten statt Border – wirkt insgesamt moderner. */
.cd-newslist-tile-h .cd-tile-h-box {
    /*
    border: none;
    border-radius: 12px;
    */
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12);
    transition: box-shadow 0.2s ease;
}

/* Foto als Aufmacher nach oben holen: unabhängig von der Reihenfolge
   im HTML wird das Bild über die gesamte Kartenbreite an den Anfang
   der Karte gelegt (Titel/Datum rutschen entsprechend darunter). */
.cd-newslist-tile-h .cd-tile-h-box:has(.cd-tile-h-image-col) {
    position: relative;
}

.cd-newslist-tile-h .cd-tile-h-box:has(.cd-tile-h-image-col) .cd-tile-h-image-col {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    float: none;
    width: 100%;
    margin: 0;
    padding: 0;
    z-index: 1;
}

/* Platz für das Foto reservieren – die Höhe richtet sich nach dem
   Seitenverhältnis, das ClubDesk fürs jeweilige Bild verwendet. */
.cd-newslist-tile-h .cd-tile-h-box:has(.cd-image-wrapper-1) .cd-tile-h-main-area {
    padding-top: 100%;
}
.cd-newslist-tile-h .cd-tile-h-box:has(.cd-image-wrapper-4_3) .cd-tile-h-main-area {
    padding-top: 75%;
}
.cd-newslist-tile-h .cd-tile-h-box:has(.cd-image-wrapper-3_2) .cd-tile-h-main-area {
    padding-top: 66.66%;
}
.cd-newslist-tile-h .cd-tile-h-box:has(.cd-image-wrapper-16_9) .cd-tile-h-main-area {
    padding-top: 56.25%;
}
.cd-newslist-tile-h .cd-tile-h-box:has(.cd-image-wrapper-16_10) .cd-tile-h-main-area {
    padding-top: 62.5%;
}

.cd-tile-h-main-heading {
    font-size: 30px;
    margin: 5px 0 3px 0;
}