:root {
    --red: #c90024;
    --red-light: #e28394;
    --red-dark: #e28394;
    --light: #fafafa;
    --border: #ddd;


    --lfv-font-roboto-regular: "Roboto-Regular", sans-serif;
    --lfv-font-roboto-light: "Roboto-Light", sans-serif;
    --lfv-font-roboto-bold: "Roboto-Bold", sans-serif;
    --lfv-color-red: #c90024;
    --lfv-color-red-light: #e28394;
    --lfv-color-red-dark: #9C001C;
    --lfv-color-white: #ffffff;
    --lfv-color-black: #333333;
    --lfv-color-blue-light: #e6e9f3;
    --lfv-color-grey: #666666;
    --lfv-color-grey-light: #f5f5f5;
}

/* Branding */

.icon-logo::before {
    content: '';
    background-image: url("/media/lfv-logo.svg");
    background-size: contain;
    background-repeat: no-repeat;
    width: 120px;
    height: 32px;
    margin-top: 4px;
}

.login .icon-logo::before {
    width: 160px;
    height: 72px !important;
}

/* Navigation */

div.cms .cms-toolbar-item-navigation .cms-toolbar-item-navigation-hover > a {
    background-color: var(--lfv-color-red-dark);
}

body.djangocms-admin-style .main #nav-sidebar .module caption {
    background-color: var(--lfv-color-red);
}

body.djangocms-admin-style .main #nav-sidebar .module caption a {
    color: #fff;
}

#nav-sidebar .current-model {
    background: var(--lfv-color-blue-light);
}

/* Content */
/* deutschter Kalender schneidet Sonntag ab */
body div.calendarbox {
    width: 260px;
}

/* CMS */

.toolbar-item-navigation .menu-item::after {
    font-size: 14px !important;
    content: "LFV Website-Kit";
}

#branding > h1::after {
    font-size: 16px !important;
    content: "LFV Website-Kit";
}


/* Buttons */
body .cms-pagetree-header-search .cms-pagetree-header-search-btn {
    background-color: var(--lfv-color-red) !important;
}

body .cms-pagetree-header-search .cms-pagetree-header-search-btn:hover {
    background-color: var(--lfv-color-red-dark) !important;
}

body .cms-pagetree-header-search .cms-pagetree-header-search-btn:active,
body .cms-pagetree-header-search .cms-pagetree-header-search-btn:focus {
    background-color: var(--lfv-color-red-light) !important;
}

/* Background Color */

body .related-lookup,
body .filebrowser .navigator-button,
body .filebrowser .filter-files-container .filter-files-button,
body .delete-confirmation .colM input[type="submit"],
body.login.djangocms-admin-style #container #content #content-main .submit-row input[type="submit"],
body input[type="button"].default,
body input[type="submit"].default,
body .cms-pagetree-wrapper #changelist .cms-btn-action {
    background-color: var(--lfv-color-red);
    border-color: var(--lfv-color-red);
}

body input[type=button].default,
body input[type=submit].default,
.object-tools .viewsitelink,
.change-list #changelist-search input[type="submit"],
#content-main .object-tools .addlink,
body.cms-pagetree-wrapper .cms-btn-action {
    background-color: var(--lfv-color-red) !important;
    border-color: var(--lfv-color-red) !important;
}

body #header .toolbar-item-navigation li ul li a:hover,
body #header .toolbar-item-navigation li .menu-item-open,
body .filer-dropdown-container .filer-dropdown-menu a:hover,
body .filer-dropdown-container + .filer-dropdown-menu a:hover,
body .related-lookup:hover, .related-lookup:disabled,
body .filebrowser .navigator-button:hover,
body .filebrowser .navigator-button:disabled,
body .filebrowser .filter-files-container .filter-files-button:hover,
body .filebrowser .filter-files-container .filter-files-button:disabled,
body .delete-confirmation .colM input[type="submit"]:hover,
body.login.djangocms-admin-style #container #content #content-main .submit-row input[type="submit"]:hover,
body .cms-pagetree-wrapper #changelist .cms-btn-action:hover {
    background-color: var(--lfv-color-red-dark);
    border-color: var(--lfv-color-red-dark);
}

body input[type=button].default:hover,
body input[type=submit].default:hover,
.object-tools .viewsitelink:hover,
.change-list #changelist-search input[type="submit"]:hover,
#content-main .object-tools .addlink:hover,
body.cms-pagetree-wrapper .cms-btn-action:hover {
    background-color: var(--lfv-color-red-dark) !important;
    border-color: var(--lfv-color-red-dark) !important;
}

.change-list #changelist-search input[type=submit]:active:focus,
.change-list #changelist-search input[type=submit]:active:hover {
    background-color: var(--lfv-color-red-dark) !important;
    border-color: var(--lfv-color-red-dark) !important;
}

body .cms-pagetree-dropdown-menu a:active,
body .cms-pagetree-dropdown-menu a:focus,
body .cms-pagetree-dropdown-menu a:hover {
    background-color: var(--lfv-color-red);
}

body .related-lookup:active:hover,
body .related-lookup:active,
body .related-lookup:focus,
body .filebrowser .navigator-button:active:hover,
body .filebrowser .navigator-button:active,
body .filebrowser .navigator-button:focus,
body .filebrowser .filter-files-container .filter-files-button:active:hover,
body .filebrowser .filter-files-container .filter-files-button:active,
body .filebrowser .filter-files-container .filter-files-button:focus,
body .delete-confirmation .colM input[type="submit"]:active:hover,
body .delete-confirmation .colM input[type="submit"]:active,
body .delete-confirmation .colM input[type="submit"]:focus,
body.login.djangocms-admin-style #container #content #content-main .submit-row input[type="submit"]:active:hover,
body.login.djangocms-admin-style #container #content #content-main .submit-row input[type="submit"]:active,
body.login.djangocms-admin-style #container #content #content-main .submit-row input[type="submit"]:focus,
body .cms-pagetree-wrapper #changelist .cms-btn-action:active:hover,
body .cms-pagetree-wrapper #changelist .cms-btn-action:active,
body .cms-pagetree-wrapper #changelist .cms-btn-action:focus {
    background-color: var(--lfv-color-red-light);
    border-color: var(--lfv-color-red-light);
}


body input[type="button"].default:active:hover,
body input[type="submit"].default:active:hover,
body input[type="button"].default:active,
body input[type="submit"].default:active,
body input[type="button"].default:focus,
body input[type="submit"].default:focus,
body input[type=button].default:active:focus,
body input[type=button].default:active:hover,
body input[type=submit].default:active:focus,
body input[type=submit].default:active:hover,
.object-tools .viewsitelink:active:hover,
.object-tools .viewsitelink:active,
.object-tools .viewsitelink:focus,
.change-list #changelist-search input[type="submit"]:active:hover,
.change-list #changelist-search input[type="submit"]:active,
.change-list #changelist-search input[type="submit"]:focus,
#content-main .object-tools .addlink:active:hover,
#content-main .object-tools .addlink:active,
#content-main .object-tools .addlink:focus,
body.cms-pagetree-wrapper .cms-btn-action:active:hover {
    background-color: var(--lfv-color-red-light) !important;
    border-color: var(--lfv-color-red-light) !important;
}

/* Color */

body a,
body a:link,
body a:link:visited,
body a:visited,
body .selector a.selector-chooseall,
body .selector a.selector-clearall,
body .selector a.selector-chooseall.active:before,
body .selector a.selector-clearall.active:before,
form fieldset.collapsed .collapse-toggle {
    color: var(--lfv-color-red);
}

a:active,
a:hover,
a:link:active,
a:link:hover,
body #container .breadcrumbs a:hover,
.dashboard #container #content-main table th a:hover {
    color: var(--lfv-color-red-dark) !important;
}

body a.addlink,
body a.addlink:link,
body a.addlink:visited {
    color: #693;
}

body .filer-dropdown-container .filer-dropdown-menu > li > a,
body .filer-dropdown-container + .filer-dropdown-menu > li > a,
body form fieldset a,
body .app-filer form fieldset.collapsed .collapse-toggle,
body .filebrowser .navigator-table .column-name a,
body .delete-confirmation #content > ul a,
body.dashboard #container #content-main table td a,
body.dashboard #container #content-main table th a,
body #container .breadcrumbs a,
body div.clockbox .timelist a,
body div.clockbox .timelist a:visited,
body div.calendarbox .calendarnav-next,
body div.calendarbox .calendarnav-previous,
body .calendar-shortcuts a::before,
body span.datetimeshortcuts a::before,
body .selector a, .selector a:visited,
body .selector .selector-clearall::before,
body .selector .selector-chooseall::before,
body form .help a,
body #toolbar .small.quiet a,
body #toolbar .small.quiet a:visited,
body.change-list #changelist table tbody th a:visited,
body.change-list #changelist table tbody th a,
body.change-list #changelist table tbody th a:link {
    color: var(--lfv-color-red);
}

body.change-list #changelist #changelist-filter li.selected a {
    color: var(--lfv-color-red) !important;
}

body .app-filer form fieldset.collapsed .collapse-toggle:hover,
body .filebrowser .navigator-table .column-name a:hover,
body .delete-confirmation #content > ul a:hover,
body.dashboard #container #content-main table td a:hover,
body.dashboard #container #content-main table th a:hover,
body .calendar-shortcuts a:hover,
body span.datetimeshortcuts a:hover,
body .selector .selector-clearall:hover,
body .selector .selector-chooseall:hover,
body .selector a:hover, .selector a:visited:hover,
body #container .breadcrumbs a:hover,
body div.calendarbox .calendarnav-next:hover,
body div.calendarbox .calendarnav-previous:hover,
body form .help a:hover,
body form .help a:visited:hover,
body #toolbar .small.quiet a:hover,
body #toolbar .small.quiet a:visited:hover,
body.change-list #changelist #changelist-filter li.selected a:hover,
body.change-list #changelist table tbody th a:visited:hover,
body.change-list #changelist table tbody th a:hover,
body a:active, a:hover, a:link:active, a:link:hover {
    color: var(--lfv-color-red-dark);
}

body.change-list #changelist #changelist-filter li.selected a:hover {
    color: var(--lfv-color-red-dark) !important;
}

body .changelink,
body .changelink a {
    color: var(--lfv-color-red);
}

body .changelink a:hover,
body .changelink:hover {
    color: var(--lfv-color-red-dark);
}

body div.calendarbox table td.selected a {
    background-color: var(--lfv-color-red);
}

body div.calendar table td a:active,
body div.calendar table td a:focus,
body div.calendar table td a:hover {
    color: #fff;
    background-color: var(--lfv-color-red-dark);
}

#change-history tr.selected,
.change-list table tr.selected,
.dashboard table tr.selected,
.results table tr.selected,
.tabular table tr.selected {
    background-color: var(--lfv-color-red) !important;
}

/* Selected in Table */

/* Select2 */
.select2-results .select2-highlighted {
    /*background-color: var(--red-light) !important;*/
}

a.cke_dialog_ui_button_ok,
a.cke_dialog_ui_button_ok:hover {
    color: #fff !important;
}

/* Seite -> Erweiterte Einstellungen -> Manuelle URL */
/* User tragen hier externe URLs ein. Django versucht interne URLs mit diesen Eintrag aufzulösen */
.field-overwrite_url {
    display: none;
}