/* Tafel v1.0.3 | MIT License | @MatthiasRke */

/* Schrift */
@import url('https://fonts.googleapis.com/css2?family=Caveat&display=swap');

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

/* 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;
}

.nav-tabs a[href*="edit"]::before {
content:"  ▶ ";
animation: opacity 1s ease-in-out infinite;
    opacity: 1;  
}
/* Tafel */
.blackboard {
    font-family: 'Caveat', cursive;
    font-size: 1.8rem;
    color: #fff;
    background: #013220;
    background: radial-gradient(circle, rgba(47, 92, 71, 1) 1%, rgba(1, 50, 32, 1) 100%);
    min-height: 20rem;
    border: 10px solid silver;
    border-bottom: 20px solid silver;
}
.blackboard a {
    color: #fff;
    text-decoration: underline;
    text-decoration-style: dotted;
}
.blackboard a:hover,
.blackboard a:focus  {
    color: #fff;
}
.blackboard .icon {
  color: rgba(255, 255, 255, .3);  
}
.blackboard .icon:hover,
.blackboard .icon:focus {
  color: rgba(255, 255, 255, .4);  
}

/* Neuer Eintrag */
.box h3 {
    text-align: center;
}

/* Feld bei Eintrag hinzufügen */
#page-mod-data-edit .basefieldinput {
    width: 100%;
    max-width: 30rem;
}

/* 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;
    }
    /* Farben beim Drucken */
    .blackboard {
        color: #000;
        background: #fff;
        border: 2px solid #000;
    }
    .blackboard a {
        color: #000;
    }
}