:root {
    --font-level-01-fancy: normal normal calc(var(--font-size-big) * var(--adj-size-hx-text, 1)) "exo_2bold_condensed", sans-serif;
    --font-body-fancy-bold: normal normal calc(var(--font-size-small) * var(--adj-size-body-text, 1)) "exo_2bold_condensed", sans-serif;
    --font-level-02-fancy: normal bold normal calc(var(--font-size-medium) * var(--adj-display-font-exo, 1)) "exo_2regular_condensed", sans-serif;
    --font-display-pg-level: var(--font-body-fancy-bold);
    --spc-vert: 2vh;
    --list-style-outside-none: none outside none;
    --width-margin-page-left: calc(1.5vw * var(--adj-width-generic, 1));
    --width-margin-page-right: calc(1.5vw * var(--adj-width-generic, 1));
    --padding-page-margin: 0 var(--width-margin-page-right) 0 var(--width-margin-page-left);
}

@media screen and (orientation: PORTRAIT) {
    :root {
        --font-size-h1: calc(34px + 2.2vw);
        --font-size-h2: calc(26px + 2vw);
        --font-size-h3: calc(26px + 1.8vw);
        /*        --font-size-h4: calc(20px + 1.5vw);
        --font-size-h5: calc(18px + 1.3vw);
        --font-size-h6: calc(16px + 1.2vw);
*/
        --font-size-h4: calc(22px + 1.8vw);
        --font-size-h5: calc(18px + 1.7vw);
        --font-size-h6: calc(28px + 1.8vw);
        --font-size-body: clamp(26px, calc(20px + 1.8vw),calc(26px + 1.8vw));
        --font-size-capn-sml: calc(8px + 1.6vw);
        --flex-port-col-land-row: column;
        --flex-wrapper-dir-pl: row;
        --flex-content-dir-pl: column;
        --color-llite-pdark: white;
    }

    html {
        background-image: none;
        background-color: rgb(233, 176, 0);
        position: relative;
    }

    .html-generic {
        background: url(/images/MarbledLands.svg) 150%;
    }

    .flex-wrapper-row-port {
        /*margin-left: var(--width-margin-page-left);*/
        margin-right: var(--width-margin-page-right);
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .port-hide-category #uid-ftr-hdg-category, .port-hide-category #uid-ftr-category-grid1, .port-hide-category #uid-ftr-category-grid2 {
        display: none;
    }

    .port-hide-prof #uid-ftr-hdg-prof, .port-hide-prof #uid-ftr-prof-grid1, .port-hide-prof #uid-ftr-prof-grid2 {
        display: none;
    }

    #uid-ftr-morelinks-grid2, #uid-category-grid2 {
        text-align: right;
    }

    .dash, .txt-dec-ul, .pg-title-sub, #uid-edu-graphic, #idn-tell-me #idn-back-pgs-link {
        margin-right: 1vw;
        background-color: lightblue;
        color: dodgerblue;
    }

    .dash, #uid-edu-graphic {
        /*background-color: var(--color-img-cat-dblue);*/
        border: var(--border-thinner-color-dark);
        /*border: var(--border-thinner-color-light);*/
        /*border-radius: 0.75vw 0 0 0.75vw;*/
    }

            
}

@media screen and (orientation: LANDSCAPE) {
    :root {
        --font-size-h1: calc(7px + 2.2vw);
        --font-size-h2: calc(5px + 2.1vw);
        --font-size-h3: calc(2.5px + 2.1vw);
        --font-size-h4: calc(1.7px + 1.9vw);
        --font-size-h5: calc(1.9px + 1.8vw);
        --font-size-h6: calc(4px + 1.7vw);
        --font-size-body: calc(8px + 1.4vw);
        --flex-port-col-land-row: column;
        --flex-wrapper-dir-pl: column;
        --flex-content-dir-pl: row;
        --color-llite-pdark: rgb(65, 40, 8);
    }
}

/*specific*/
body, .body-text, #body-generic, .textBlock {
    font-family: "exo_2regular_condensed";
    /*font-size: calc(22px + 1.7vw);*/
    font-size: var(--font-size-body);
}

article, nav {
    padding-left: var(--width-margin-page-left);
    padding-right: var(--width-margin-page-left);
}

/*
    .home-page-html {
    position: relative;
}
*/

/*.html-generic {
    background-image: none;
    background-color: rgb(250, 239, 204, 100);
}
*/
/*.no-show-portrait {
    display: none;
}*/

h1, .pg-title, pg-title-fancy, .pgTitle {
    font-family: "exoblack", sans-serif;
    font-size: var(--font-size-h1);
    margin-top: var(--spc-vert);
}

h2 {
    font-family: "exo_2bold_condensed", sans-serif;
    font-size: var(--font-size-h2);
}

h3 {
    font-family: "exo_2bold_condensed", sans-serif;
    font-size: var(--font-size-h3);
}

h4 {
    font-family: "exo_2bold_condensed", sans-serif;
    font-size: var(--font-size-h4);
}

h5 {
    font-family: "exo_2bold_condensed", sans-serif;
    font-size: var(--font-size-h5);
    font-weight: bold;
}

h6 {
    font-family: "exo_2semi_bold_condensed", sans-serif;
    font-size: var(--font-size-h6);
    font-variant-caps: small-caps;
}

.headline {
    font-family: "exo_2regular_condensed";
    font-size: var(--font-size-capn-sml);
}

.pland-hide-category #uid-ftr-hdg-category, .pland-hide-category #uid-ftr-category-grid1, .pland-hide-category #uid-ftr-category-grid2 {
    display: none;
}

.nav-list-home {
    margin-top: 0px;
    margin-bottom: 0px;
}

.nav-link-home {
    font-family: "exo_2semi_bold_condensed", sans-serif;
    font-size: var(--font-size-h5);
    color: black;
    /*font-size: var(--font-size-h3);*/
    text-decoration: none;
}

.footer-links-rhs {
    text-align: right;
}

.logo-burger-search {
    max-width: 70%;
    object-fit: cover;
}

.header-box {
    flex-direction: column;
}

.frutiger-button {
    position: relative;
    margin-top: 0px;
    margin-bottom: 0px;
}

li.no-bullets {
    list-style: var(--list-style-outside-none);
}

.nav-list-item {
    display: block;
    margin-bottom: calc(var(--spc-vert) * .75);
}

/*.pg-sub-capt, .txt-dec-ul, #idn-tell-me {
        font-family: "exo_2bold_condensed", sans-serif;
        font-size: var(--font-size-h4);
        text-decoration: none;
    }*/
.pg-title-sub, .txt-dec-ul, #idn-tell-me {
    font-family: "exo_2bold_condensed", sans-serif;
    font-size: var(--font-size-h4);
    text-decoration: none;
}

#uid-hdr-category, #uid-hdr-category {
    color: var(--color-llite-pdark);
}

.home-page-html .starts-section, .home-page-html .grid-wrapper-rotate a {
    color: var(--color-llite-pdark);
}

.capt-lnk {
    font-family: "exo_2regular_condensed";
    font-size: var(--font-size-body);
}

.lnk > a {
    font-family: "exo_2regular_condensed";
    font-size: var(--font-size-body);
}

.tpc {
    font-family: "exo_2regular_condensed", sans-serif;
    font-size: var(--font-size-h5);
}

.flex-wrapper-home {
    display: flex;
    flex-direction: var(--flex-wrapper-dir-pl);
    justify-content: space-between;
    font: var(--font-dev-navlnks);
}

.flex-wrapper {
    display: flex;
    flex-direction: var(--flex-wrapper-dir-pl);
    padding: 0px;
    align-items: center;
    justify-content: space-between;
    margin-top: calc(2px + 2vh);
    margin-bottom: 0px;
    max-height: calc(100px + 6 nvw);
    font: var(--font-box-para);
}

flex-wrapper.flex-row {
    flex-direction: row;
}

.flex-content {
    display: flex;
    flex-direction: var(--flex-content-dir-pl);
    justify-content: space-between;
}

.flex-wrapper.a {
    color: red;
}

.flex-content {
    display: flex;
    flex-direction: var( --flex-content-dir-pl);
}

.grid-wrapper-rotate {
    display: grid;
    grid-template-columns: repeat(5, 1fr);

    @media screen and (orientation: PORTRAIT) {
        grid-template-columns: 1fr;
    }

    background: rgba(255,255,255,0)
}

.grid-wrapper-rotate a {
    text-decoration: none;
}

.grid-wrapper-rotate.three-cols {
    grid-template-columns: repeat(3, 1fr);
}

.grid-wrapper-rotate.four-cols {
    grid-template-columns: repeat(4, 1fr);
}

.css-grid-video {
width: 400%;
}

.css-grid-cell {
    margin-top: 0px;
    margin-bottom: 0px;
    height: 50vw;
    width: 12%;
}

#ident-header-box-home {
    position: relative;
}

#ident-nav-home {
    margin-top: 0px;
    margin-bottom: 0px;
    background-color: transparent;
}
       
    /*add body-text-fancy*/