/* Pinnwand (Spalten) v1.2 | MIT License | @MatthiasRke */
/* Farben Auswahl Hauptkompetenz */
.color-BuA {
    background: #5D9252;
}
.Bedienen-und-Anwenden {
    background: #5D9252;
}
.color-IuR {
    background: #659BD7;
}
.Infomieren-und-Recherchieren {
    background: #659BD7;
}
.color-KuK {
    background: #415F95;
}
.Kommunizieren-und-Kooperieren {
    background: #415F95;
}
.color-PuP {
    background: #BD3D7A;
}
.Produzieren-und-Praesentieren {
    background: #BD3D7A;
}
.color-AuR {
    background: #BA3B30;
}
.Analysieren-und-Reflektieren {
    background: #BA3B30;
}
.color-PuM {
    background: #E4BB5F;
}
.Problemloesen-und-Modellieren {
    background: #E4BB5F;
}
.color-white {
    color: #FFFFFF;
}
/* Scrollbar nach unten und verbreitern */
@media (min-width: 992px) {
    .path-mod-data #region-main {
        overflow-x: visible;
        max-width: 100%;
    }
}

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

/* Gliederung */
.g-Überschrift {
    order: -11;
}
.g-1 {
    order: -10;
}
.g-2 {
    order: -9;
}
.g-3 {
    order: -8;
}
.g-4 {
    order: -7;
}
.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 {
    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 {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: inline-block;
}

/* 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 */
.card img {
    max-width: 100%;
}
/* 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;
    overflow-x: auto;
}

/* Zuordnung in die Spalten */
.s-Klasse-1 {
    grid-column: 1 / auto;
}
.s-Klasse-2 {
    grid-column: 2 / auto;
}
.s-Klasse-3 {
    grid-column: 3 / auto;
}
.s-Klasse-4 {
    grid-column: 4 / auto;
}


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

/* 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 #region-main,
    .path-mod-data .activity-navigation,
    .region_main_settings_menu_proxy {
        background: #fff;
    }
/* Darstellung der Listenansicht beim Drucken */
.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;
    }
}