/* Pinnwand (Spalten) v1.3.4 | MIT License | @MatthiasRke */

/* Hintergrund */
.path-mod-data,
.path-mod-data #page,
.path-mod-data #region-main,
.path-mod-data #nav-drawer,
.path-mod-data .activity-navigation,
.region_main_settings_menu_proxy {
    background-color: #f8f9fa;
}
.path-mod-data #region-main {
    border: none;
}

/* Scrollbar nach unten und verbreitern */
@media (min-width: 992px) {
    .path-mod-data #region-main {
        overflow-x: visible;
        max-width: 100%;
    }
}

/* Zeilenumbruch entfernen */
#page-mod-data-view #region-main br:first-of-type {
    display: none;
}

/* Rand an rechter Seite */
.outer-container {
    display: inline-flex;
    flex-wrap: wrap;
    min-width: 100%;
    padding-right: 15px;
}
.path-mod-data #region-main-box {
    padding-right: 0;
    padding-left: 0;
}
.path-mod-data #region-main-settings-menu {
    padding-right: 15px;
    padding-left: 15px;
}

/* Korrekturen */
.path-mod-data .navbar form,
.path-mod-data #page-header form {
    margin-top: 0;
}

/* Eintrag hinzufügen */
.nav-tabs .nav-item a[href*="edit"] {
    color: #fff;
    background: #28a745;
    border-color: #28a745;
}
.nav-tabs .nav-item a[href*="edit"]:hover {
    background: #218838;
    border-color: #1e7e34;
}
.nav-tabs .nav-item a[href*="edit"]:focus {
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, .5);
}
.nav-tabs .nav-item a[href*="edit"]::before {
    font-family: "FontAwesome";
    font-weight: 900;
    content: "\f067";
    margin-right: .5rem;
}

/* Breite der Einträge und Kommentare */
.entry,
.comment-link,
.comment-ctrl {
    max-width: 725px;
}

/* Gliederung */
.g-Überschrift {
    order: -11;
}
.g-1 {
    order: -10;
}
.g-2 {
    order: -9;
}
.g-3 {
    order: -8;
}
.g-4 {
    order: -7;
}
.g-5 {
    order: -6;
}
.g-6 {
    order: -5;
}
.g-7 {
    order: -4;
}
.g-8 {
    order: -3;
}
.g-9 {
    order: -2;
}
.g-10 {
    order: -1;
}
.g-Überschrift .card-header,
.g-Überschrift .card-text,
.g-Überschrift .card-footer {
    display: none;
}
/* Angabe der Spalte */
.card-info-1,
.card-info-2 {
    display: none;
}
.i-Überschrift.card-info-1 {
    display: initial;
    padding-right: .25rem;
}
.i-1,
.i-2,
.i-3,
.i-4,
.i-5,
.i-6,
.i-7,
.i-8,
.i-9,
.i-10 {
    display: initial;
}

/* Schrift */
.card-title {
    font-size: 120%;
}
.g-Überschrift .card-title {
    font-size: 140%;
    font-weight: 400;
}
.card-title {
   font-weight: 600;
}
#region-main .card small {
    font-size: 90%;
}

/* Farben */
.Rot {
    background: #ffcdd2;
}
.Orange {
    background: #ffe0b2;
}
.Gelb {
    background: #fff9c4;
}
.Grün {
    background: #c8e6c9;
}
.Blaugrün {
    background: #b2ebf2;
}
.Hellblau {
    background: #b3e5fc;
}
.Blau {
    background: #bbdefb;
}
.Lila {
    background: #d1c4e9;
}
.Rosa {
    background: #f8bbd0;
}
.Braun {
    background: #d7ccc8;
}
.Grau {
    background: #cfd8dc;
}

/* Farbpunkt */
.dot {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 50%;
}

/* Buttons bei Eintrag hinzufügen */
.mdl-align {
    text-align: left;
}

/* Felder bei Eintrag hinzufügen */
#page-mod-data-edit .mod-data-input {
    margin-left: 0;
}

/* Karten */
/* Breite und Höhe der Karten */
.grid-container .card {
    width: 100%;
    min-width: 275px;  
    max-height: 375px;
    overflow-y: auto;
    overflow-x: hidden;
}
/* Kopfzeile */
.card-header {
    padding: .5rem;
}
/* Verhindert falsche Darstellung */
.card-body {
    min-height: auto;
}
/* Ausblenden leerer Zeilen */
.card-title:empty,
.card-text:empty,
.card-footer:empty {
    display:none;
}
/* Icons zum Bearbeiten */
.card-icon .icon {
    color: rgba(0, 0, 0, .4);
}
.card-icon .icon:hover {
    color: rgba(0, 0, 0, .6);
}
/* Eingefügte Bilder */
#page-mod-data-view .card img {
    max-width: 100%;
    height: auto;
}
/* Eingefügte Videos */
.mediaplugin,
.mediaplugin video  {
    min-width: calc(100% + 40px);
    margin-left: calc(-20px);
    margin-right: calc(-20px);
}

/* Scrollbar der Karten */
.grid-container .card {
    scrollbar-width: thin;
}
.grid-container .card::-webkit-scrollbar {
    width: 7.5px;
}
.grid-container .card::-webkit-scrollbar-track {
    background: #f0f0f0;
}
.grid-container .card::-webkit-scrollbar-thumb {
    background: #cdcdcd;
}
.grid-container .card::-webkit-scrollbar-thumb:hover {
    background: #606060;
}

/* Listenansicht mit Spalten und Breite der Karten */
.grid-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(275px, 1fr));
    padding: 1rem 0;
    grid-gap: .5rem 1.5rem;
    grid-auto-flow: row dense;
}

/* Zuordnung in die Spalten */
.s-1 {
    grid-column: 1 / auto;
}
.s-2 {
    grid-column: 2 / auto;
}
.s-3 {
    grid-column: 3 / auto;
}
.s-4 {
    grid-column: 4 / auto;
}
.s-5 {
    grid-column: 5 / auto;
}
.s-6 {
    grid-column: 6 / auto;
}
.s-7 {
    grid-column: 7 / auto;
}
.s-8 {
    grid-column: 8 / auto;
}
.s-9 {
    grid-column: 9 / auto;
}
.s-10 {
    grid-column: 10 / auto;
}
.s-11 {
    grid-column: 11 / auto;
}
.s-12 {
    grid-column: 12 / auto;
}

/* Anpassung für kleine Bildschirme */
@media screen and (max-width: 576px) {
    .path-mod-data #region-main {
        padding-right: 15px;
        padding-left: 15px;
        border: none;
    }
    .path-mod-data #page-header .card {
        background: transparent;
    }
}

/* Druckversion */
@media print {
/* Wird beim Drucken nicht angezeigt */
    #page-header,
    #page-footer,
    .intro,
    .nav-tabs,
    .datapreferences,
    .btn-secondary,
    i.icon,
    .comment-area,
    .pagination,
    input,
    .activity-navigation {
        display: none;
    }
/* Weißer Hintergrund in Druckversion */
    .path-mod-data,
    .path-mod-data #page,
    .path-mod-data #region-main,
    .path-mod-data .activity-navigation,
    .region_main_settings_menu_proxy {
        background: #fff;
    }
/* Darstellung der Listenansicht beim Drucken */
    .outer-container {
        display: block;
    }
    .grid-container {
        grid-template-columns: repeat(auto-fit, minmax(1px, 1fr));
        padding: 0;
        grid-gap: 0;
    }
/* Darstellung der Karten beim Drucken */
    .grid-container .card {
        min-width: 0;
        max-height: none;
    }
}