@media all {

    body {
        font-family: Arial, "Times New Roman", Times, serif;
        font-size: 87.5%;
        line-height: 1.5em;
        overflow-x:hidden;
        color: #444;
    }

    body:after {
        content: 'viewport-xs';
        display: none;
    }
    head {
        font-family: 'viewport-xs';
    }

    #container {
        -webkit-transition: 0.25s ease;
        -moz-transition: 0.25s ease;
        -o-transition: 0.25s ease;
        transition: 0.25s ease;
    }
    #container.hovered {

    }
    h1, h2, h3, h4, h5, h6 {
        color: #161e21;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 400;
        margin: 0;
    }
    h1 {
        line-height: 1.2;
        margin: 0 0 0.4375em 0;
    }
    h2 {
        font-size: 180.57143%;
        line-height: 1.3125;
        margin: 0 0 0.65625em 0;
        color: #004f96;
    }

    p {
        font-size: 100%;
        line-height: 1.5;
        margin: 0 0 1.5em 0;
    }
    a {
        color: #004f96;
    }
    a:visited {
        color: #004f95;
    }

    hr {
        background: transparent;
        border: 0;
        border-bottom: 0.0714em #999 solid;
        color: #666;
        margin: 0 0 0.75em 0;
        padding: 0 0 0.67857em 0;
    }
    ul {
        list-style-type: disc;
        margin: 0 0 1.5em 0;
        padding: 0 0 0 1em;
    }


    /* header */

    #pageheader {
        max-width: 80em;
        margin: 0 auto 0;
        padding: 0.625rem;
    }
    #header {
        display: grid;
        grid-template-columns: repeat(12,1fr);
    }
    #logo {
        grid-column: span 12;
        margin-bottom: 1.5em;
    }
    #header-text {
        display: none;
        grid-column: span 12;
        justify-self: end;
        text-align: right;
    }
    #subheader {
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        margin: 0;
    }
    #language-menu {
        grid-column: 7 / span 6;
        text-align: right;
        align-self: center;
    }
    #language-menu ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }
    #language-menu ul li {
        display: inline-block;
        font-size: 0.85675em;
        text-indent: 999em;
        width: 2em;
        height: 2em;
        overflow: hidden;
        background-position: center center;
    }
    #language-menu ul li.de {
        background: url('../Icons/de.gif') no-repeat;
    }
    #language-menu ul li.de.text-muted {
        background: url('../Icons/de-inactive.gif') no-repeat;
    }
    #language-menu ul li.en {
        background: url('../Icons/en.gif') no-repeat;
    }
    #language-menu ul li.en.text-muted {
        background: url('../Icons/en-inactive.gif') no-repeat;
    }
    #language-menu ul li + li {
        margin: 0 0 0 0.375em;
    }
    #language-menu ul li a {
        display: block;
        text-decoration: none;
    }
    #language-menu ul li a:hover {
        text-decoration: underline;
    }
    #language-menu ul li.active a {
        font-weight: 600;
    }

    #slider {
        padding: 0.714285em 0;
        position: relative;
        margin-bottom: 1.5em;
    }
    #slider-text {
        background: rgba(259,256,256,.0);
        border-radius: 1em;
        padding: 0.71375em;
    }
    #slider-text h1 {
        font-style: normal;
        font-size: 140.45%;
    }

    /* content */

    #contentainer {
        max-width: 80em;
        margin: 0 auto 1.714285em;
        padding: 0.625rem;
    }
    #contentainer .grid-ce {
        padding: 0.625rem 0;
    }

    #content {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    #content-main {
        flex-basis: 66.666%;
    }
    #content-left {
        flex-basis: 33.333%;
    }

    #subnavigation {
        display: none;
    }

    /* footer */

    #pagefooter {
        padding: 1.714285em 0;
        border-top: 0.1425em #004f96 solid;
    }
    #footer {
        max-width: 80em;
        margin: 0 auto;
        padding: 0.625rem;
    }

    /* mobile nav */

    #nav-toggle {
        grid-column: span 6;
        align-self: center;
    }
    #nav-close a,
    #nav-toggle a {
        color: #004f96;
        text-decoration: none;
        padding: 0;
        display: inline-block;
    }
    #nav-close a {
        padding: 1.625em 0.625rem;
        color: #fff;
    }
    #nav-close a:visited,
    #nav-toggle a:visited {
        color: #004f95;
    }
    #nav-close a .icon,
    #nav-toggle a .icon {
        padding: 0.3125em 0;
        border-top: 0.3125em solid currentColor;
        border-bottom: 0.3125em solid currentColor;
        display: inline-block;
        width: 1.75em;
        vertical-align: middle;
        position: relative;
    }
    #nav-toggle a .icon:before {
        content: "";
        background: currentColor;
        display: block;
        height: 0.3125em;
    }

    #nav-close a .icon,
    #nav-toggle a.active .icon { border: none; top: -0.15em; }
    #nav-close a .icon:before,
    #nav-close a .icon:after,
    #nav-toggle a.active .icon:before,
    #nav-toggle a.active .icon:after {
        content: "";
        background: currentColor;
        display: block;
        height: 0.3125em;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        position: absolute;
        left: 0;
        right: 0;}
    #nav-close a .icon:after,
    #nav-toggle a.active .icon:after {
        transform: rotate(-45deg);
    }
    #main-navigation {
        display: none;
    }
    #main-navigation ul li a {
        font-size: 1em;
        color: #004f96;
        text-decoration: none;
    }
    #main-navigation.offcanvas {
        display: block;
        position: absolute;
        top: 0;
        width: 100vw;
        left: -100vw;
        -webkit-transition: 0.25s ease;
        -moz-transition: 0.25s ease;
        -o-transition: 0.25s ease;
        transition: 0.25s ease;
        background: rgba(0,79,150,0.95);
        z-index: 2001;
    }
    #main-navigation.offcanvas.active {
        left: 0;
        -webkit-transition: 0.25s ease;
        -moz-transition: 0.25s ease;
        -o-transition: 0.25s ease;
        transition: 0.25s ease;
    }
    #main-navigation.offcanvas ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }
    #main-navigation.offcanvas ul li {
        border-top: 0.0714em solid rgba(255,255,255,0.1);
    }
    #main-navigation.offcanvas ul li a {
        color: #fff;
        text-decoration: none;
        display: block;
        padding: 1rem 1rem 1rem 3rem;
    }
    #main-navigation.offcanvas ul .sublevel {
        display: none;
    }
    #main-navigation.offcanvas ul > .parent.hover > .sublevel {
        display: block;
    }
    #main-navigation.offcanvas ul .sublevel li {

    }
    #main-navigation.offcanvas ul .sublevel li a {
        padding-left: 4rem;
    }
    #main-navigation.offcanvas ul li.parent a {
        margin-right: 3em;
        position: relative;
    }
    #main-navigation.offcanvas ul li a span.more {
        position: absolute;
        left: 100%;
        right: -3em;
        top: 0;
        bottom: 0;
        cursor: pointer;
        z-index: 10;
        background: transparent;
    }
    #main-navigation.offcanvas ul li a.active span.more {

    }
    #main-navigation.offcanvas ul li a span.more span.icon {
        position: absolute;
        top: 50%;
        left: 50%;
        display: block;
        width: 0.625em;
        height: 0.625em;
        border: 0.14285em solid currentColor;
        border-width: 0 0.14285em 0.14285em 0;
        transition: all 0.2s;
        transform: translate(-50%, -50%) rotate(45deg);
        -webkit-transform: translate(-50%, -50%) rotate(45deg);
        -moz-transform: translate(-50%, -50%) rotate(45deg);
        -ms-transform: translate(-50%, -50%) rotate(45deg);
    }

    #main-navigation.offcanvas ul li.hover a span.more span.icon,
    #main-navigation.offcanvas ul li.hover li.hover a span.more span.icon {
        transform: translate(-50%, -50%) rotate(-135deg);
        -webkit-transform: translate(-50%, -50%) rotate(-135deg);
        -moz-transform: translate(-50%, -50%) rotate(-135deg);
        -ms-transform: translate(-50%, -50%) rotate(-135deg);
    }

    #main-navigation.offcanvas ul li.hover li a span.more span.icon {
        transform: translate(-50%, -50%) rotate(45deg);
        -webkit-transform: translate(-50%, -50%) rotate(45deg);
        -moz-transform: translate(-50%, -50%) rotate(45deg);
        -ms-transform: translate(-50%, -50%) rotate(45deg);
    }
    #main-navigation.offcanvas ul li.active {
        background: rgba(255, 255, 255, 0.1);
    }
    #main-navigation.offcanvas ul li a.active {

    }
    #main-navigation.offcanvas .sublevel .sublevel li a {
        padding-left: 5rem;
    }

    /* grid elements */

    .grid-row {
        gap: 1.4285em;
    }

    /* Space */
    .frame-space-before-extra-small { margin-top: 1em; }
    .frame-space-before-small { margin-top: 1.5em; }
    .frame-space-before-medium { margin-top: 2em; }
    .frame-space-before-large { margin-top: 3em; }
    .frame-space-before-extra-large { margin-top: 4em; }
    .frame-space-after-extra-small { margin-bottom: 1em; }
    .frame-space-after-small { margin-bottom: 1.5em; }
    .frame-space-after-medium { margin-bottom: 2em; }
    .frame-space-after-large { margin-bottom: 3em; }
    .frame-space-after-extra-large { margin-bottom: 4em; }



    /* frame ruler */

    .frame-ruler-after::after,
    .frame-ruler-before::before {

    }

    /* form */

    .frame-type-form_formframework form h2 {
        display: none;
    }

    .frame-type-form_formframework .form-group {
        margin: 0 0 2em;
    }

    .frame-type-form_formframework .form-group label {
        display: block;
        font-size: 1em;
        font-family: "Roboto", Arial, sans-serif;
        line-height: 1.5em;
        margin: 0 0 1em;
    }
    .frame-type-form_formframework .form-group input[type="text"],
    .frame-type-form_formframework .form-group textarea {
        padding: 1em;
        width: 75%;
        font-size: 1em;
    }
    .frame-type-form_formframework .form-group textarea {
        min-height: 7.5rem;
    }

    .frame-type-form_formframework .form-group .checkbox label.form-check-label {
        display: block;
    }
    .frame-type-form_formframework .form-group .checkbox label > span {
        margin-left: 1rem;
    }

    .frame-type-form_formframework .form-group .checkbox .form-check{
        display: inline-block;
        margin-right: 1em;
    }
    .frame-type-form_formframework .form-group .checkbox span.help-block {
        display: block;
        font-size: 1em;
        line-height: 1.5em;
    }

    .frame-type-form_formframework .form-group .radio span {
        margin-left: 1em;
    }
    .frame-type-form_formframework .actions .btn-group button {
        background: #004f96;
        color: #fff;
        border: none;
        font-size: 1em;
        line-height: 1.5em;
        text-transform: uppercase;
        padding: 1em;
        cursor: pointer;
    }

    /* table */

    .ce-table thead th {
        border-bottom: none;
    }
    .ce-table td:nth-last-child(1) {
        text-align: right;
    }

    .ce-table th, .ce-table td {
        font-size: 0.625rem;
        padding: 0.25em;
    }

    .ce-table thead th:nth-child(3),
    .ce-table tbody td:nth-child(3),
    .ce-table thead th:nth-child(4),
    .ce-table tbody td:nth-child(4),
    .ce-table thead th:nth-child(6),
    .ce-table tbody td:nth-child(6){
        display: none;
    }

    /* rte */

    .blue {
        color: #006eb6;
    }
    .gray {
        color: #6e6e6e;
    }
    .red {
        color: #bb0f21;
    }

    /* search */

    #search fieldset {
        margin: 0;
        padding: 0;
        border: none;
    }
    #search .kesearchbox {
        display: table-cell;
        vertical-align: bottom;
        height: 3.5rem;
    }
    #search .kesearchbox .search-field {
        border: 0.0714em solid #c6c6c6;
        font-size: 1.25rem;
        line-height: 1.5em;
        font-family: "Roboto", Arial, sans-serif;
        padding: 0 0.25rem;
        color: #09518b;
    }
    #search .kesearchbox #ke_search_sword {
        border: none;
        background: none;
        font-size: 1.25rem;
        line-height: 1.5em;
        font-weight: 500;
        font-family: "Roboto", Arial, sans-serif;
        text-transform: uppercase;
        color: #09518b;
        width: 8.5rem;
    }
    #search .kesearchbox #ke_search_sword::placeholder,
    #search .kesearchbox #ke_search_sword::-webkit-input-placeholder {
        opacity: 1;
        color: #09518b;
    }
    #search .kesearchbox input.submit {
        border: none;
        background: url('../Icons/search.svg') no-repeat center center;
        text-indent: -999rem;
        overflow: hidden;
        cursor: pointer;
        padding: 0 1rem;
    }

}