/*
 * application.css – Propshaft-Manifest.
 */

body {
    background-color: #fff;
    color: #333;}

body, p, ol, ul, td {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 13px;
    line-height: 18px; }

pre {
    background-color: #eee;
    padding: 10px;
    font-size: 11px; }

a:not(.btn) {
    color: #000;

    &:visited { color: #666; }

    &:hover {
        color: #fff;
        background-color: #000;
    }
}

th {
    padding-bottom: 5px;
}

td {
    padding: 0 5px 7px;
}

div.field,
div.actions {
    margin-bottom: 10px;
}

.small-height-inputs {
    font-size: 14px;
    select, input {
        font-size: 12px !important;
        max-height: 28px;
        padding: 0.2rem;
    }
    textarea {
        font-size: 12px !important;
        min-height: 150px;
        padding: 0.2rem;
    }
}

/* Trix: Datei-Button ausblenden */
.trix-button-group--file-tools { display: none !important; }

.trix-content {
    font-size: 13px;
}

/* ===== Navbar ===== */
.navbar {
    background: linear-gradient(to bottom, #28648f, #5698cb);
    padding: 20px 20px 10px 20px;
    margin-bottom: 20px;
}

/* Logo-Link im Navbar nicht schwarz hinterlegen (globales a:hover neutralisieren) */
.navbar a:not(.btn):hover {
    background-color: transparent;
    color: inherit;
}

/* nur noch die Schriftart – Größe/Farbe kommen aus .fs-4 / .text-white */
.department {
    font-family: Georgia, serif;
}

.page-header {
    padding-bottom:9px;
    margin: 0px 10px 0px 20px;
    border-bottom:1px solid #eee;
}

.page-body {
    margin: 10px 10px 10px 20px;
}

.dropzone {
 border-style: dashed !important;
 cursor: pointer;
 transition: border-color .15s ease-in-out, background-color .15s ease-in-out;

 &:hover,
 &:focus-visible {
     border-color: var(--bs-primary) !important;
     background-color: var(--bs-primary-bg-subtle) !important;
 }
}