img#mischok_logo.invert {
    -webkit-filter: invert(100%); /* safari 6.0 - 9.0 */
    filter: invert(100%);
}

/* Modify falcon theme */

/* Import fonts */
@font-face {
    font-family:'Realtime Rounded Regular';
    src:local('Realtime Rounded Regular'),
    url(/assets/fonts/389796_0_0-dc062d1927e3103ce6eb98ba169c1307.eot);
    src:local('Realtime Rounded Regular'),
    url(/assets/fonts/389796_0_0-dc062d1927e3103ce6eb98ba169c1307.eot?#iefix) format("embedded-opentype"),
    url(/assets/fonts/389796_0_0-9917d2684644c3668fe3d4e5604ff337.woff2) format("woff2"),
    url(/assets/fonts/389796_0_0-6f0b0cbbe394a40e4691c0c416762ca7.woff) format("woff");
    font-display:swap;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
@font-face {
    font-family:'Calibre Regular';
    src:local('Calibre Regular'),
    url(/assets/fonts/CalibreWeb-Regular-64511d45d5de55bb50c3ae2cdefbf8f3.eot);
    src:local('Calibre Regular'),
    url(/assets/fonts/CalibreWeb-Regular-64511d45d5de55bb50c3ae2cdefbf8f3.eot?#iefix) format("embedded-opentype"),
    url(/assets/fonts/CalibreWeb-Regular-bbbd612e30770dc9610a85e3bd90a7ef.woff2) format("woff2"),
    url(/assets/fonts/CalibreWeb-Regular-359bfc2fa725395c859bbcd4bc762f1e.woff) format("woff");
    font-display:swap;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
@font-face {
    font-family:'Calibre Medium';
    src:local('Calibre Medium'),
    url(/assets/fonts/CalibreWeb-Medium-509a5795762f7c257234bc00c20e2d03.eot);
    src:local('Calibre Medium'),
    url(/assets/fonts/CalibreWeb-Medium-509a5795762f7c257234bc00c20e2d03.eot?#iefix) format("embedded-opentype"),
    url(/assets/fonts/CalibreWeb-Medium-380f336d64c67369957772f3b19128fd.woff2) format("woff2"),
    url(/assets/fonts/CalibreWeb-Medium-aca8ead10dfccf498bab3e9be7e945bd.woff) format("woff");
    font-display:swap;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
@font-face {
    font-family:'Calibre Bold';
    src:local('Calibre Bold'),
    url(/assets/fonts/CalibreWeb-Bold-3889611ad6abe685e277bc0e6899b934.eot);
    src:local('Calibre Bold'),
    url(/assets/fonts/CalibreWeb-Bold-3889611ad6abe685e277bc0e6899b934.eot?#iefix) format("embedded-opentype"),
    url(/assets/fonts/CalibreWeb-Bold-1b4cf4e646d4e374b1512f114652e6a0.woff2) format("woff2"),
    url(/assets/fonts/CalibreWeb-Bold-2f93292b67393bcdb4c03d600b5568df.woff) format("woff");
    font-display:swap;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    font-weight:700
}

/* Set side-wide falcon variables */
:root, :root.light, :root .light  {
    /* set Mischok colors as variables */
    --mischok-color-white: #ffffff;
    --mischok-color-white-rgb: rgb(255, 255, 255);
    --mischok-color-snow: #f9f9f9;
    --mischok-color-snow-rgb: rgb(249, 249, 249);
    --mischok-color-paper: #ededed;
    --mischok-color-paper-rgb: rgb(237, 237, 237);
    --mischok-color-sand: #ede6dc;
    --mischok-color-sand-rgb: rgb(237, 230, 220);
    --mischok-color-mustard: #d69603;
    --mischok-color-mustard-rgb: rgb(214, 150, 3);
    --mischok-color-stone: #a5a5a5;
    --mischok-color-stone-rgb: rgb(165, 165, 165);
    --mischok-color-panther: #27323f;
    --mischok-color-panther-rgb: rgb(39, 50, 63);
    --mischok-color-midnight: #1a222a;
    --mischok-color-midnight-rgb: rgb(26, 34, 42);
    --mischok-color-midnight-rgb-values: 26, 34, 42;
    --mischok-color-change: #002a5c;
    --mischok-color-change-rgb: rgb(0, 42, 92);
    --mischok-color-portfolio: #ccff99;
    --mischok-color-portfolio-rgb: rgb(204, 255, 153);
    --mischok-color-portfolio-rgb-values: 204, 255, 153;
    --mischok-color-warning: #ff6698;
    --mischok-color-warning-rgb: rgb(255, 102, 152);
    --mischok-color-warning-rgb-values: 255, 102, 152;

    /* set Mischok fonts as variables */
    --mischok-font-calibre-regular: 'Calibre Regular', Arial, Helvetica, sans-serif;
    --mischok-font-calibre-medium: 'Calibre Medium', Arial, Helvetica, sans-serif;
    --mischok-font-realtime-rounded-regular: 'Realtime Rounded Regular', Arial, Helvetica, sans-serif;

    /* set font sizes as variables */
    --mischok-font-size-normal-text: 20px;

    /* set Falcon variables */

    /* fonts */
    --falcon-font-sans-serif: var(--mischok-font-calibre-regular);
    --falcon-body-font-family: var(--mischok-font-calibre-regular);
    --falcon-font-monospace: var(--mischok-font-realtime-rounded-regular);

    /* colors */
    --falcon-success: var(--mischok-color-portfolio);
    --falcon-success-rgb: var(--mischok-color-portfolio-rgb);
    --falcon-gray-200: var(--mischok-color-paper);
    --falcon-body-bg: var(--mischok-color-paper);
    --falcon-primary: var(--mischok-color-change);

    /* font styling */
    --falcon-heading-color: var(--mischok-color-midnight);
    --falcon-body-font-size: var(--mischok-font-size-normal-text);
    --falcon-body-color: var(--mischok-color-midnight);
    --falcon-danger-rgb: var(--mischok-color-warning-rgb-values);
    --falcon-success-rgb: var(--mischok-color-portfolio-rgb-values);
    --falcon-primary: var(--mischok-color-change);

    /* Shadows */
    --falcon-box-shadow-sm: rgba(26, 34, 42, 0.16) 0px 6px 10px 1px; /* von mischok.academy, keine Mischok-Farbe */
    --falcon-box-shadow: rgba(26, 34, 42, 0.2) 0px 15px 16px 1px; /* von mischok.academy, keine Mischok-Farbe */
}

.body {
    font-family: var(--mischok-font-calibre-regular);
    color: var(--mischok-color-panther);
}

/* Alert Box */
.alert {
    color: var(--mischok-color-midnight);
}

.alert > p {
    color: var(--mischok-color-midnight);
}

.alert-heading {
    font-family: var(--mischok-font-calibre-medium);
    font-size: 2rem;
    color: var(--mischok-color-panther);
    line-height:1.625rem;
    background: var(--mischok-color-paper-rgb);
    padding-left: 10px;
    border-radius: 5px;
}

h5.card-header.bg-success, h5.card-header.bg-warning {
    font-family: var(--mischok-font-calibre-medium);
}

:root .alert-success, :root.light .alert-success, :root .light .alert-success {
    --falcon-alert-bg: var(--mischok-color-white);
    --falcon-alert-border-color: var(--mischok-color-white);
    --falcon-alert-color: var(--mischok-color-portfolio);
    box-shadow: rgba(var(--mischok-color-midnight-rgb-values), 0.2) 0 15px 16px 1px;
    margin-bottom: 40px;
}

.border-success {
    --falcon-alert-color: var(--mischok-color-portfolio);
    border-left: 10px solid var(--mischok-color-portfolio);
    border-radius: 5px;
}

:root .alert-danger, :root.light .alert-danger, :root .light .alert-danger {
    --falcon-alert-bg: var(--mischok-color-white);
    --falcon-alert-border-color: var(--mischok-color-white);
    --falcon-alert-color: var(--mischok-color-warning-rgb);
    box-shadow: rgba(var(--mischok-color-midnight-rgb-values), 0.2) 0 15px 16px 1px;
    margin-bottom: 40px;
}

.border-danger {
    border-left: 10px solid var(--mischok-color-warning);
    border-radius: 5px;
    --falcon-danger-rgb: var(--mischok-color-warning)
}

.background-success, .background-danger {
    border-radius: 5px;
    padding: 3px;
}

.background-success {
    background-color: rgba(var(--mischok-color-portfolio-rgb-values), 0.2);
}

.background-danger {
    background-color: rgba(var(--mischok-color-warning-rgb-values), 0.2);
}

/* Button */
.btn {
    --falcon-btn-color: var(--mischok-color-change);
}

.btn-primary, .btn-outline-primary {
    --falcon-btn-border-color: var(--mischok-color-change);
    --falcon-btn-hover-color: var(--mischok-color-portfolio);
    --falcon-btn-hover-border-color: var(--mischok-color-change);
}

.btn-outline-primary {
    --falcon-btn-hover-color: var(--mischok-color-white);
    --falcon-btn-hover-bg: var(--mischok-color-change);
}

.btn-primary {
    --falcon-btn-color: var(--mischok-color-white);
    --falcon-btn-bg: var(--mischok-color-change);
    --falcon-btn-hover-bg: var(--mischok-color-change);
}

.btn-disabled, .btn-primary.disabled, .btn-outline-primary.disabled, .btn.disabled {
    --falcon-btn-disabled-color: var(--mischok-color-midnight);
    --falcon-btn-disabled-border-color: var(--mischok-color-sand);
}

.btn-primary.disabled {
    --falcon-btn-disabled-bg: var(--mischok-color-sand);
}



/* Header */
.bg-light {
    background-color: var(--mischok-color-snow) !important;
}

/* Footer */
footer {
    margin-top: 4rem;
}

/* Headings */
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1, .display-4 {
    font-weight: 400;
}

h3, .h3, h2, .h2, h1, .h1, .display-4 {
    font-family: var(--mischok-font-calibre-medium);
    color: var(--mischok-color-change);
}

h4, .h4 {
    color: var(--mischok-color-midnight);
}

.heading-one {
    font-family: var(--mischok-font-calibre-medium);
    font-size: 2rem;
    color: var(--mischok-color-panther);
    line-height:1.625rem;
    background: var(--mischok-color-paper-rgb);
    padding: 5px;
    border-radius: 5px;
}

.heading-five {
    text-transform:uppercase;
    letter-spacing:.1875rem;
    font-family:'Calibre Bold',Arial,Helvetica,sans-serif;
    line-height:1.25rem;
    font-size:.75rem
}

/* Links */
a {
    --falcon-link-color: var(--mischok-color-change);
}

/* Ace Editor*/
.ace_editor {
    font: 20px/normal 'Realtime Rounded Regular', 'Arial', 'Helvetica', 'sans-serif', 'monospace' !important;
    /*margin-top: 0.5rem; !*1.25rem*!*/
}

/* Accordion */

.accordion {
    box-shadow: var(--falcon-box-shadow);
}

.accordion-button, .accordion-button:not(.collapsed) {
    color: var(--mischok-color-midnight);
}

.accordion-item {
    --falcon-accordion-color: var(--mischok-color-midnight);
    --falcon-accordion-border-radius: 5px;
}

/* Cards */
.card, .card-header, .card-body, .card-footer{
    border-radius: 5px;
}

.card-header {
    font-family: var(--mischok-font-calibre-medium);
    --falcon-card-cap-color: var(--mischok-color-change);
}

h2.card-header  {
    padding-bottom: 0;
}

.card-body {
    padding-top: 0.5rem;
}

.card form {
    padding-top: 16px;
}

/* Dropdown Menu */
.dropdown-menu, .dropdown-header {
    font-size: var(--mischok-font-size-normal-text);
}

/* Code */
code {
    color: var(--mischok-color-midnight-rgb);
    background-color: var(--mischok-color-white);
    padding: 5px;
    border-radius: 3px;
}

/* Tabelle */
.table {
    color: var(--mischok-color-panther);
}

.table-striped > tbody > tr:nth-of-type(2n) > * {
    color: var(--mischok-color-midnight);
}

/* Progress Bar */

.bg-success {
    background-color: var(--mischok-color-portfolio-rgb) !important;
}

.progress-bar {
    background-color: var(--mischok-color-portfolio);
}

.progress {
    color: var(--mischok-color-change);
}

/* Pagination */
.active > .page-link {
    --falcon-pagination-active-bg: var(--mischok-color-change);
    --falcon-pagination-active-border-color: var(--mischok-color-change);
}

.page-link:hover {
    --falcon-pagination-active-bg: var(--mischok-color-change);
    --falcon-pagination-active-border-color: var(--mischok-color-change);
    color: var(--mischok-color-portfolio);
    cursor: pointer;
}


.text-primary {
    --falcon-primary-rgb: var(--mischok-color-midnight);
}

/* Timeline */
.timeline-primary.timeline-past::after, .timeline-primary.timeline-current::after {
    background-color: var(--mischok-color-midnight);
    border-color: var(--mischok-color-midnight);
}