/*
Theme Name: Twenty Fifteen Child
Template: twentyfifteen
Version: 1.0
*/

/* ========================================
   HIGHLIGHTS
   ======================================== */

/* Einheitliches Bildformat */
.highlights-loop .wp-block-post-featured-image {
    aspect-ratio: 4 / 3;
    overflow: hidden;
    margin: 0 !important;
}

.highlights-loop .wp-block-post-featured-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
}

/* Titel */
.highlights-loop .wp-block-post-title {
    margin-top: 0.55rem !important;
    margin-bottom: 0.3rem !important;
    min-height: 0 !important;
    display: block;
}

.highlights-loop .wp-block-post-title a {
    border-bottom: 0 !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

/* Ort */
.highlights-loop .highlight-ort {
    margin: 0 !important;
    font-size: 1.15rem !important;
    line-height: 1.3 !important;
    color: #555 !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
}

/* Datum */
.highlights-loop .wp-block-post-date {
    margin-top: 0.12rem !important;
    margin-bottom: 0 !important;
    font-size: 1rem !important;
    line-height: 1.3 !important;
    color: #777 !important;
}

/* Keine zusätzlichen Abstände zwischen Raster-Beiträgen */
.highlights-loop .hentry + .hentry,
.highlights-loop .wp-block-post {
    margin-top: 0 !important;
}

/* =========================================
   TWENTY FIFTEEN – NAVIGATION
   ========================================= */

/* Oberste Menüebene etwas kräftiger */
.main-navigation > div > ul > li > a {
    font-weight: 600;
}

/* Erste Unterebene dauerhaft geöffnet */
.main-navigation > div > ul > li > ul {
    display: block !important;
}

/* Zweite Unterebene ebenfalls dauerhaft geöffnet */
.main-navigation > div > ul > li > ul > li > ul {
    display: block !important;
}

/* Übergeordneter aktiver Menüpunkt:
   nur kräftiger, aber ohne Hintergrund */
.main-navigation .current-menu-ancestor > a,
.main-navigation .current_page_ancestor > a {
    font-weight: 700;
}

/* Tatsächlich ausgewählte Seite */
.main-navigation .current-menu-item > a,
.main-navigation .current_page_item > a {
    position: relative;
    font-weight: 700;
    z-index: 1;
}

/* Hintergrund der ausgewählten Seite,
   ohne Padding und deshalb ohne Textsprung */
.main-navigation .current-menu-item > a::before,
.main-navigation .current_page_item > a::before {
    content: "";
    position: absolute;
    z-index: -1;

    top: -3px;
    right: -6px;
    bottom: -3px;
    left: -6px;

    background: rgba(120, 120, 120, 0.10);
    border-radius: 3px;
}

/* Links weiterhin sauber lesbar */
.main-navigation a {
    position: relative;
}

/* Etwas ruhigere Darstellung der tieferen Ebenen */
.main-navigation ul ul a {
    font-weight: 400;
}

/* Falls ein Unterpunkt selbst aktiv ist,
   bleibt er trotzdem kräftig */
.main-navigation ul ul .current-menu-item > a,
.main-navigation ul ul .current_page_item > a {
    font-weight: 700;
}

/* Oberste Ebene */
.main-navigation > div > ul > li > a {
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 600;
}

/* Unterebenen normal */
.main-navigation ul ul a {
    text-transform: none;
    letter-spacing: normal;
    font-size: 0.92em;
}

/* Zweite Unterebene etwas kleiner */
.main-navigation ul ul ul a {
    font-size: 0.85em;
}

/* Hauptnavigation – oberste Ebene */
.main-navigation > div > ul > li > a {
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

/* Erste Unterebene */
.main-navigation > div > ul > li > ul > li > a {
    font-size: 0.92em;
    font-weight: 400;
    text-transform: none;
}

/* Zweite Unterebene */
.main-navigation > div > ul > li > ul > li > ul > li > a {
    font-size: 0.84em;
    font-weight: 400;
    text-transform: none;
}

/* Zweite Ebene etwas einrücken */
.main-navigation > div > ul > li > ul {
    padding-left: 1em;
}

/* Dritte Ebene stärker einrücken */
.main-navigation > div > ul > li > ul > li > ul {
    padding-left: 1.2em;
}

/* Aktiver übergeordneter Ast */
.main-navigation .current-menu-ancestor > a,
.main-navigation .current_page_ancestor > a {
    font-weight: 700;
}

/* Aktuell ausgewählte Seite */
.main-navigation .current-menu-item > a,
.main-navigation .current_page_item > a {
    position: relative;
    font-weight: 700;
    z-index: 1;
}

/* Dezente aktive Fläche – ohne Layoutsprung */
.main-navigation .current-menu-item > a::before,
.main-navigation .current_page_item > a::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -3px;
    right: -5px;
    bottom: -3px;
    left: -5px;
    background: rgba(0, 0, 0, 0.055);
    border-radius: 3px;
}

/* Ebene 2 */
.main-navigation > div > ul > li > ul > li > a {
    font-size: 0.92em;
    font-weight: 400;
}

/* Ebene 3 */
.main-navigation > div > ul > li > ul > li > ul > li > a {
    font-size: 0.84em;
    line-height: 1.35;
}

/* aktive Seite */
.main-navigation .current-menu-item > a,
.main-navigation .current_page_item > a {
    position: relative;
    font-weight: 700;
    z-index: 1;
}

.main-navigation .current-menu-item > a::before,
.main-navigation .current_page_item > a::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -2px;
    right: -3px;
    bottom: -2px;
    left: -3px;
    background: rgba(0, 0, 0, 0.045);
    border-radius: 2px;
}

/* Einheitliche, ruhige Schrift für die gesamte Website */
body,
button,
input,
select,
textarea {
    font-family: Arial, Helvetica, sans-serif;
}

/* ========================================
   ALLGEMEINE SEITENGESTALTUNG
   ======================================== */

/* WordPress-Hinweis im Footer ausblenden */
.site-info {
    display: none !important;
}

/* Titel der Website größer */
.site-title {
    font-size: 26px !important;
    line-height: 1.15 !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.03em !important;
}

/* Kommentarfunktion vollständig ausblenden */
.comments-area,
#comments {
    display: none !important;
}

/* ========================================
   HIGHLIGHTS – STADTABSCHNITTE
   ======================================== */

/* Innerer WordPress-Container der äußeren Gruppe */
.highlight-cities > .wp-block-group__inner-container {
    display: flex !important;
    flex-direction: column !important;
    gap: 3rem !important;
}

/* WordPress-eigene Abstände zwischen den Stadtgruppen neutralisieren */
.highlight-cities > .wp-block-group__inner-container > .highlight-city-section {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin-block-start: 0 !important;
    margin-block-end: 0 !important;
}

/* Stadtüberschrift innerhalb des WordPress-Wrappers */
.highlight-city-section > .wp-block-group__inner-container > h2 {
    margin-top: 0 !important;
    margin-block-start: 0 !important;
    margin-bottom: 1.25rem !important;
    margin-block-end: 1.25rem !important;
}

/* Query Loop innerhalb des Stadtabschnitts */
.highlight-city-section .highlights-loop {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin-block-start: 0 !important;
    margin-block-end: 0 !important;
}

.single .entry-content {
    font-size: 16px;
}

/* LOGBUCH – Abstand vor dem nächsten Beitrag */
.logbuch-loop .wp-block-post-title {
    margin-top: 1.5rem !important;
}