/* Nordfels Theme */
:root {
    --bs-dark: #002539;
}

* {
    margin: 0;
    padding: 0;
}



.container {
    max-width: 1920px;
    padding-left: 3rem;
    padding-right: 3rem;
}

#content-header {
    background-color: var(--bs-dark);
    max-width: 1920px;
    padding-left: 3rem;
    padding-right: 3rem;
}

#edit-zone .toolbar-header {
    background: var(--bs-dark);
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

#edit-bar {
    border-bottom: 0.75px solid white;
}

#edit-zone .pat-toolbar.initialized {
    height: 60px;
}

#portal-globalnav-wrapper {
    --bs-navbar-background: #003857;
    --bs-navbar-active-background: var(--bs-dark);
    --bs-navbar-hover-background: rgba(0, 0, 0, 0.125);
}

#portal-breadcrumbs {
    background-color: #dcf4fa;
}

#portal-globalnav li {
    border-left: 0.25px solid white;
}

/* Standard View */
.mb-3.row .col .mb-1 .contenttype-image,
.mb-3.row .col .mb-1 .contenttype-document,
.mb-3.row .col .mb-1 .contenttype-file,
.mb-3.row .col .mb-1 .contenttype-collection,
.mb-3.row .col .mb-1 .contenttype-link,
.mb-3.row .col .mb-1 .contenttype-news-item,
.mb-3.row .col .mb-1 .contenttype-folder,
.mb-3.row .col .mb-1 .contenttype-page,
.mb-3.row .col .mb-1 .contenttype-event,
.mb-3.row .col .mb-1 .contenttype-mycontent {
    font-size: 24px;
}

.mb-3.row .col .mb-1 span,
.mb-3.row .col .me-3 {
    padding-left: 16px;
}

.mb-3.row .col .me-3 {
    opacity: 0.9;
    text-shadow: 1px 1px 0.5px rgba(0, 0, 0, 0.05);
}

/* Summary view */
.col h2 a {
    font-size: 32px;
}

/* Related Content */
a.h6.stretched-link {
    color: var(--bs-link-color);
}

/* NEWS-Site-related */
body.col-two.col-content #portal-column-content {
    width: 36.125%;
}

body.col-two.col-content #portal-column-two {
    width: 63.875%;
}

#portal-column-two {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

#portal-column-two .portletWrapper {
    width: 100%;
}

.portlet .card-header {
    font-size: 18px;
    height: 45px;
    align-content: center;
}

.portlet .card-body ul li a {
    font-size: 16px;
}

#visual-portal-wrapper {
    padding-left: 0px;
    padding-top: 0px;
}

#edit-zone .personaltools-wrapper.nav {
    max-width: 64px;
    margin-left: auto;
    border-top-width: 0px;
    padding: 4px 8px 4px 0px;
    border-top-style: solid;
}

body.plone-toolbar-top #edit-zone {
    width: unset;
    position: unset;
    flex-direction: row;
}

#edit-zone ul.nav.flex-column {
    height: 40px;
    padding: 0px 0px 8px 0px;
    flex-wrap: unset;
}

#edit-zone .toolbar-header.nav {
    padding: 8px 0px 8px 0px;
}

#edit-zone .personaltools-wrapper {
    margin-top: 0px;
}

/* Standard-Stile für das Hamburger-Menü */
.navbar-toggler-icon {
    color: white; /* Farbe des Hamburger-Menüs */
    background-color: var(--bs-dark); /* Optional: Hintergrundfarbe */
}


.pdf-container {
    width: 100%;
    max-width: 100vw; /* Verhindert, dass das PDF breiter als der Bildschirm wird */
    height: 90vh; /* Nutzt fast die gesamte Höhe */
    overflow: hidden; /* Verhindert horizontales Scrollen */
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Falls das PDF in einem iFrame oder Embed eingebunden ist */
.pdf-container iframe,
.pdf-container embed {
    width: 100%;
    height: 100%;
    border: none;
    object-fit: contain; /* Passt das PDF an die Breite des Containers an */
}

body[data-base-url^="https://info.nordfels.com/test"] #portal-column-two {
    width: 33%;
}




/* Mobile Anpassungen */
@media screen and (max-width: 768px) {
    /* Hauptcontainer für Spalten */
    #main-container {
        display: flex;
        flex-direction: column; /* Inhalte untereinander anordnen */
        align-items: center; /* Zentrierung in der Mitte des Bildschirms */
    }

    /* Beiträge (Karten) breiter machen */
    .card {
        width: 95%; /* Nutze 95% der Bildschirmbreite */
        max-width: 768px; /* Begrenzung der maximalen Breite aufheben */
        margin: 0 auto 15px auto; /* Zentrierung und Abstand nach unten */
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Optional: Schatten für bessere Abgrenzung */
    }

    /* Inhalt innerhalb der Karten */
    .card-body {
        text-align: left; /* Text ausrichten (optional) */
        font-size: 12px; /* Text lesbarer machen */
    }

    /* Header der Karten (Termine, Titel) */
    .card-header {
        font-size: 14px; /* Größerer Headertext */
        font-weight: bold; /* Text hervorheben */
        text-align: center; /* Optional: Header zentrieren */
    }

    /* Allgemeine Anpassungen für Absätze */
    p {
        margin: 0 0 10px 0; /* Abstände optimieren */
        line-height: 1.5; /* Lesbarkeit verbessern */
    }
    
    /* Nachrichten zentrieren */
    #portal-column-content {
        order: 1; /* Nachrichtenbeiträge erscheinen nach den Kollektionen */
        max-width: 100%; /* Breite etwas begrenzen */
    }

    /* Portal-Kollektionen */
    #portal-column-two {
        order: 2;
        display: flex;
        flex-direction: column; /* Inhalte der rechten Spalte untereinander stapeln */
        gap: 10px; /* Abstand zwischen den Portlets */
        align-items: center; /* Inhalte innerhalb der Kollektionen zentrieren */
        max-width: 100%;
    }

    .navbar-toggler-icon {
        color: #ffffff; /* Farbe der Striche */
        background-color: transparent; /* Kein Hintergrund */
    }

    /* Falls das Hamburger-Menü als Bild dargestellt wird */
    .navbar-toggler {
        filter: brightness(2); /* Heller machen */
    }

    /* Höhe des Portlet-Headers erhöhen */
    .card.portlet .card-header {
        height: 60px; /* Erhöhe die Höhe des Headers (Standard ist z. B. 45px) */
    }
        body.col-two.col-content #portal-column-content {
        width: 100%; /* Setze die Breite auf 100% */
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        text-align: left;  
    }

    body.col-two.col-content #portal-column-two {
        width: 100%; /* Setze die Breite auf 100% */
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        text-align: left;
    }
    
    /* Zeige portletNews nur, wenn die data-base-url der Startseite entspricht */
    body[data-base-url="https://info.nordfels.com"] .card.portlet.portletNews {
        display: block; /* Sichtbar auf der Startseite */
    }

    body:not([data-base-url="https://info.nordfels.com"]) .card.portlet.portletNews {
        display: none; /* Verberge es auf allen anderen Seiten */
    }
    /* Zeige portletEvents nur, wenn die data-base-url der Startseite entspricht */
    body[data-base-url="https://info.nordfels.com"] .card.portlet.portletEvents {
        display: block; /* Sichtbar auf der Startseite */
    }

    body:not([data-base-url="https://info.nordfels.com"]) .card.portlet.portletEvents {
        display: none; /* Verberge es auf allen anderen Seiten */
    }
    
    #viewerContainer, #viewer {
        width: 100% !important;   /* Volle Breite nutzen */
        max-width: 100vw;         /* Nicht größer als der Bildschirm */
        overflow: hidden;         /* Kein Scrollen außerhalb */
    }


    .pdf-container {
        height: 85vh; /* Höhe für kleine Bildschirme anpassen */
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .pdf-container iframe,
    .pdf-container embed {
        width: 100vw !important; /* Stellt sicher, dass die gesamte Breite genutzt wird */
        height: 100% !important;
        transform: scale(1); /* Verhindert unerwünschte Skalierung */
        transform-origin: top left;
    }
    
    
    
    
article.tileItem.d-flex .card {
    width: 80px !important;
    min-width: 80px !important;
    max-width: 80px !important;
    box-sizing: border-box;
    text-align: center;
    align-self: flex-start; /* ← wichtig: gleicht Höhe zum Textblock an */
    margin: 0;              /* ← verhindert Versatz */
}


/* Innerhalb der Datumsbox */
article.tileItem.d-flex > *:first-child {
    font-size: 14px;
    line-height: 1.2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 6px 4px;
}


/* Rechter Block (Titel + Zeit) */
article.tileItem.d-flex > *:nth-child(2) {
    flex: 1 1 auto;
    min-width: 0;
}

/* Titel-Link */
article.tileItem.d-flex a {
    display: block;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 4px;
    color: #007bff;
    text-decoration: none;
    word-break: break-word;
}

/* Optional: Hover-Farbe */
article.tileItem.d-flex a:hover {
    text-decoration: underline;
}

/* Zeitangabe */
article.tileItem.d-flex time,
article.tileItem.d-flex .documentByLine {
    font-size: 13px;
    color: #555;
}

/* Stelle sicher, dass alle Datums-Boxen (die .card) gleich breit sind */
article.tileItem.d-flex .card {
    width: 90px !important;
    min-width: 90px !important;
    max-width: 90px !important;
    box-sizing: border-box;
    text-align: center;
}




}