@charset "UTF-8";
/**
 *
 * @author Marcel Pommer <marcel.pommer@flane.de>
 *
 * @package Flaneweb
 *
 * @copyright Copyright (c) 2022-2023 Fast Lane Institute for Knowledge Transfer
 * @since 2022
 */

@media all {

    .fl-hint-portal > .ym-wbox {
        padding-bottom: 1em;
        font-size: 0.9em;
    }

    :root {
        --color-microsoftdarkgray: #2F2F2F;
        --color-microsoftyellow: #FFB900;
        --color-microsoftredorange: #F16522;
        --color-microsoftteal: #30E5D0;
        --color-microsoftblue: #0078D4;
        --color-link: #0051a2;
        --color-link-visited: #0051a2;
        --color-link-hover: #003872;
        --color-link-active: #003872;
        --color-secnav-top: #0078D4;
        --color-secnav-top-item: #0078D4;
        --color-footer-2: #0051A2;

    }

    /* custom font */
    @font-face {
        font-family:'proxima_nova';
        src:
            url("../font/proxima_nova_thin-webfont-webfont.woff2") format("woff2"),
            url("../font/proxima_nova_thin-webfont-webfont.woff") format("woff");
        font-weight:100;
        font-style:normal
    }

    @font-face {
        font-family:'proxima_nova';
        src:
            url("../font/proxima_nova_light-webfont-webfont.woff2") format("woff2"),
            url("../font/proxima_nova_light-webfont-webfont.woff") format("woff");
        font-weight:300;
        font-style:normal
    }

    @font-face {
        font-family:'proxima_nova';
        src:
            url("../font/proxima_nova_regular-webfont-webfont.woff2") format("woff2"),
            url("../font/proxima_nova_regular-webfont-webfont.woff") format("woff");
        font-weight:400;
        font-style:normal
    }

    @font-face {
        font-family:'proxima_nova';
        src:
            url("../font/proxima_nova_semibold-webfont-webfont.woff2") format("woff2"),
            url("../font/proxima_nova_semibold-webfont-webfont.woff") format("woff");
        font-weight:600;
        font-style:normal
    }

    @font-face {
        font-family:'proxima_nova';
        src:
            url("../font/proxima_nova_bold-webfont-webfont.woff2") format("woff2"),
            url("../font/proxima_nova_bold-webfont-webfont.woff") format("woff");
        font-weight:700;
        font-style:normal
    }

    html {
        font-family: "proxima_nova","Century Gothic","Helvetica Neue",Arial,Helvetica,sans-serif;
        -webkit-font-smoothing: subpixel-antialiased;
    }

    a,
    a:visited,
    a:hover,
    a:visited:hover,
    a:focus-visible {
        text-decoration: none !important;
    }

    /* header */
    header:not(.fl-mob-head) {
        margin-bottom: 30px;
        height: 103px;
        background: -moz-linear-gradient(top, #ededed 0%, #fff 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ededed), color-stop(100%, #fff));
        background: -webkit-linear-gradient(top, #ededed 0%, #fff 100%);
        background: -o-linear-gradient(top, #ededed 0%, #fff 100%);
        background: -ms-linear-gradient(top, #ededed 0%, #fff 100%);
        background: linear-gradient(to bottom, #ededed 0%, #fff 100%);
        -webkit-box-shadow:0px 3px 3px #c6c6c6;
        -moz-box-shadow:0px 3px 3px #c6c6c6;
        box-shadow:0px 3px 3px #c6c6c6;
    }

    .fl-img-logo-partner {
        height: 90px;
        margin-top:-5px;
    }

    /* footer */
    footer:not(.fl-mob-foot) {
        background: var(--color-microsoftblue);
        background: -moz-linear-gradient(top, #0051A2 0%, var(--color-microsoftblue) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0051A2), color-stop(100%, var(--color-microsoftblue)));
        background: -webkit-linear-gradient(top, #0051A2 0%, var(--color-microsoftblue) 100%);
        background: -o-linear-gradient(top, #0051A2 0%, var(--color-microsoftblue) 100%);
        background: -ms-linear-gradient(top, #0051A2 0%, var(--color-microsoftblue) 100%);
        background: linear-gradient(to bottom, #0051A2 0%, var(--color-microsoftblue) 100%);
    }

    footer:not(.fl-mob-foot) * {
        font-size: 13px;
        color: white !important;
    }

    footer:not(.fl-mob-foot) a:hover,
    footer:not(.fl-mob-foot) a:visited:hover,
    footer:not(.fl-mob-foot) a:focus-visible {
        color: #d9d9d9 !important;
    }

    .cms-secnav-top a,
    .cms-secnav-top a:hover,
    .cms-secnav-top a:visited,
    .cms-secnav-top a:visited:hover {
        color: white;
    }

    /*   */
    #col3 h1,
    .pagetitle {
        font-size: 2em;
        font-weight: 100;
    }

    /*   */
    .fl-view-prod .fl-wrap-vlogo {
        margin: 5px 10px 1em 1em;
    }

    #sidebarillu {
        display: none;
    }

    #col2 .boxtitle,
    #col3 .boxtitle {
        background: #db002d;
        background: -moz-linear-gradient(top, #0051A2 0%, var(--color-microsoftblue) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0051A2), color-stop(100%, var(--color-microsoftblue)));
        background: -webkit-linear-gradient(top, #0051A2 0%, var(--color-microsoftblue) 100%);
        background: -o-linear-gradient(top, #0051A2 0%, var(--color-microsoftblue) 100%);
        background: -ms-linear-gradient(top, #0051A2 0%, var(--color-microsoftblue) 100%);
        background: linear-gradient(to bottom, #0051A2 0%, var(--color-microsoftblue) 100%);
        color: white;
    }

    #col3 .roundtitledbox .boxtitle {
        padding: 4px;
    }

    #col2 .boxcontent {
        background-color: #f7f6f5;
    }

    .roundbox_top {
        display: none;
    }

    .roundbox .boxcontent {
        border-top: 1px solid #0067b8;
    }

    .mailtohref {
        display:inline-block;
    }


    /* no left sidebar, ever. see overloaded templates 3column, 2columnleft */
    #col1 {
        display:none;
    }

    /* no main menu */
    .cms-widg-mnu-top {
        display: none;
    }

    /* no course overview TOC */
    .fl-view-pcat .cms-widg-toc {
        display: none;
    }

    .fl-head-ctc {
        align-self: flex-start;
    }


    .fl-sched-itm {
        width: 355px;
    }

    .fl-href-prod {
        color: var(--color-link);
    }

}


@media screen and (max-width: 768px) {

    header:not(.fl-mob-head),
    footer:not(.fl-mob-foot) {
        height: auto;
    }

}