:root {
    --foucault-primary: #006989;
    --foucault-secondary: rgba(163, 186, 195);
    --foucault-blue-gradient-up: linear-gradient(0deg, #004e62, #006989);
    --header-bg: var(--foucault-primary)!important;
    --border-radius: 0.5rem;
    --border-color: rgba(0,0,0,0.1);
}

#header {
    background: var(--foucault-blue-gradient-up)!important;
}

#site-name, #site-name a {
    color: white!important;
}

.breadcrumbs {
    background: #004e62!important;
}

.module {
    border: 1px solid var(--border-color);
}

.module table {
    border-collapse: collapse;
}

#content-main .module  {
    border: none!important;
}

#content-main .sortable {
    border: 1px solid var(--border-color)!important;
}

.field-key_image,
#tab-1 > fieldset > div.form-row.field-picture > div > div > div > div.js-filer-dropzone.filer-dropzone.js-object-attached {
    height: 150px!important;
}



div.inline-related.dynamic-images {
    margin: 20px!important;
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    overflow: hidden;
}

fieldset > div.form-row.field-image > div > div {
    height: 150px!important;
}

@media (max-width: 768px) {
    .field-key_image {
        height: 180px!important;
    }

    fieldset > div.form-row.field-image > div > div {
        height: 180px!important;
    }
}

#album_form > div > fieldset > div.form-row.field-tags > div > div.flex-container > div {
    display: block!important;
}


.navbar-brand img {
    width: 300px;
}

#toolbar img {
    width: 15px;
}

#nav-sidebar {
    margin-left: 12px!important;
    margin-right: 12px!important;
    border: none!important;
}

#toggle-nav-sidebar {
    display: none!important;
}

#nav-filter {
    margin-bottom: 1rem!important;
    margin-top: 1rem!important;
    border-radius:1rem!important;

}

#changelist-filter {

}


fieldset > div.form-row.field-attributes > div > div > div > div.related-widget-wrapper {
    display: block!important;
}


/* Frontend Admin Styles */
.djangocms-frontend label.btn.btn-grp.btn-primary {
    background: var(--foucault-primary);
    border-color: var(--foucault-primary);
}

.djangocms-frontend label.btn.btn-grp.btn-secondary {
    background: var(--foucault-secondary);
    border-color: var(--foucault-secondary);
}

tr.row-blue {
    background-color: #cce5ff;
}

tr.row-green {
    background-color: #ccffcc;
}

tr.row-yellow {
    background-color: #fff3cd;
}

tr.row-red {
    background-color: #f8d7da;
}


/* Element-Löschen Admin Modal */
.delete-confirmation form .cancel-link {
    display: unset;
}


.breadcrumbs-container {
   width: 70%!important;
}

.tools-container {
    width: 30%!important;
}


.navigator-button {
    display: flex;
    align-items: center!important;
    justify-content: center!important;
    color: white;
    background-color: #006989FF !important;
    border-radius: 4px;
    text-decoration: none;
}

.navigator-button i {
    font-size: 1rem!important;
    color: white!important;
}

.cms-admin-modal #nav-sidebar {
    display: none!important;
}

.cms-admin-modal .content {
    max-width: unset!important;
}

#cms-top > div.cms-toolbar > div.cms-toolbar-left > div > a {
    display: none!important;
}