body {
    background : #fafafa;
    padding    : 0;
    margin     : 0;
}

.Container {
    min-width : 1200px;
}

.Wrapper {
    margin : auto;
    width  : 1200px;
}

#Header {
    min-height    : 80px;
    padding       : 15px 15px;
    border-bottom : 1px solid #dadada;
    position      : relative;
    background    : white;
    border-top    : 3px solid var(--primary-color)
}

#Header a {
    color : var(--primary-color);
}

#Header img.Logo {
    height : 65px;
}

#Header .container-within_header {
    float : right;
}

#Header .container-within_header:after {
    clear   : right;
    content : "";
    display : block;
}

#Header ul {
    list-style : none inside;
}


#MinFooter {
    background : var(--darkgray);
    padding    : 1.25em 0;
    font       : var(--font-xs);
    color      : white;
}

#Content {
    color      : #333333;
    padding    : 1.25em 0;
    min-height : 400px;
    overflow   : hidden;
    background : #f9f9f9;
}

#Content .section {
    margin-bottom : 1.5em;
    background    : white;
    display       : block;
    padding       : 1.3em;
}
#Content > *:last-child {
    margin-bottom : 0px !important;
}


#Content .section h2 {
    font-size  : 26px;
    margin-top : 0;
}

#SideBar .section h3 {
    margin-top     : 0 !important;
    padding-bottom : 3px;
    margin-bottom  : 10px;
    border-bottom  : 1px solid #dddddd !important;
    font-size      : 18px;
}

#SideBar .section *:last-child {
    margin-bottom : 0;
}

div.left,
#Article {
    float : left;
    width : 765px;
}

#MinFooter ul {
    float      : right;
    color      : inherit;
    list-style : none inside;
}

#MinFooter ul li {
    display      : inline-block;
    width        : auto;
    padding      : 0 9px;
    border-right : 1px solid #cccccc;
    white-space  : nowrap;
    margin-left  : 0;
}

#MinFooter ul li:first-child {
    padding-left : 0;
}

#MinFooter ul li:last-child {
    padding-right : 0;
    border        : 0;
}

#MinFooter ul li a {
    color : inherit;
}


#Header .PopupNavi {
    position      : absolute;
    background    : white;
    border-bottom : 1px solid #cccccc;
    text-align    : left;
    top           : 145px;
    left          : 0;
    right         : 0;
    font-size     : 12px;
    padding       : 0 0 1em 0;
    box-shadow    : 0 6px 5px rgba(0, 0, 0, 0.1);
    z-index       : 20100;
}

#Header .PopupNavi > h2 {
    background  : #f5f5f5;
    margin      : 0;
    padding     : 10px 25px;
    font-size   : 16px;
    color       : var(--tertiary-color);
    font-weight : normal;
}


#SideBar {
    float     : right;
    width     : 410px;
    max-width : 410px;
    padding   : 0;
    margin    : 0;
}

#SideBar .SideBarItem {
    margin-top    : 0px;
    margin-bottom : 1.5em;
    background    : white;
    padding       : 10px 25px;
}

#SideBar .SideBarItem h3 {
    border    : 0;
    margin    : 0;
    font-size : 18px;
}

#SideBar .SideBarItem h3 + p,
#SideBar .SideBarItem h3 + a + p {
    margin-top : 0;
}

#SideBar .SideBarItem.gray {
    background-color : #f7f7f7;
    border           : 0;
    padding          : 1em;
    box-sizing       : border-box;
}

#SideBar .SideBarItem.gray h1 {
    border-top  : 0;
    margin-top  : 0;
    padding-top : 0;
}

#SideBar .SideBarItem.gray h1 + p {
    margin-top  : 0;
    padding-top : 0;
}

.NewsElement div.content {
    display : block;
    float   : right;
    width   : 615px;
}

.NewsElement div.content > div:first-child {
    min-height : 180px;
}

.NewsElement.small div.content {
    width : 65%;
}

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

    .OnlyFull {
        /* display: none; */
    }

    #_cms_admin_layer {
        display : none;
    }

    .OnlyMobile {
        display : inline;
    }

    hr.OnlyMobile, div.OnlyMobile {
        display : block;
    }


    .Wrapper {
        width     : auto;
        max-width : 100%;
    }

    #Content {
        padding : 40px 20px 20px 20px !important;
    }

    #Header {
        display       : block;
        box-sizing    : border-box;
        width         : 100%;
        margin        : 0;
        padding-left  : 20px;
        padding-right : 15px;
        padding-top   : 12px;
        border-bottom : 0;
    }

    #Header img.Logo {
        height : 52px;
    }

    body#Portal #Header {
        display : none;
    }

    #Header nav > ul {
        clear       : both;
        display     : inline-block;
        position    : absolute;
        bottom      : 5px;
        left        : 10px;
        padding     : 0;
        height      : auto;
        text-align  : left;
        white-space : nowrap;
        margin      : 0;
    }

    #Header nav > ul > li {
        position : relative;
        display  : inline-block;
        padding  : 0;
        margin   : 0;
        border   : 0;
        width    : 30%;
    }

    #Header nav > ul > li img {
        display : none;
    }

    #Header nav > ul > li + li {
        width : 37%;
    }

    #Header nav > ul > li + li + li {
        float : right;
        width : 30%;
    }

    #Header .PopupNavi {
        display    : block;
        top        : 70px;
        border-top : 1px solid #e5e5e5;
    }

    #Header nav > ul li {
        height : auto;
    }

    #Header nav > ul li a {
        display       : block;
        line-height   : 1.5em;
        font-size     : 10px;
        margin        : 0;
        padding       : 0 0 5px 5px;
        border        : 1px solid white;
        border-bottom : 0;
    }

    #Header nav > ul li a p {
        font-size     : 11px;
        margin-bottom : 2px;
    }

    div.left,
    #Article {
        float   : none;
        clear   : both;
        display : block;
        width   : 100%;
    }

    #SideBar {
        float      : none;
        clear      : both;
        width      : 100%;
        margin-top : 20px;
        max-width  : none;
    }

    #SideBar div.SideBarItem:last-child {
        margin-bottom : 1em;
    }

    #SideBar .SideBarItem {
        display        : block;
        width          : 100%;
        float          : none;
        padding-bottom : 20px;
        margin-bottom  : 20px;
        border-bottom  : 1px solid #cccccc;
    }

    body#Portal #SideBar .SideBarItem {
        border-bottom  : 0;
        margin-bottom  : 0;
        padding-bottom : 0;
        margin-top     : 1em;
    }

    #MinFooter {
        text-align : center;
        padding    : 15px;
    }

    #MinFooter ul,
    #MinFooter span {
        margin  : 0;
        display : block;
        float   : none;
        padding : 0;
    }
}