/* Globals
  –––––––––––––––––––––––––––––––––––––––––––––––––– */

  html {
    scroll-behavior   : smooth;
    scroll-padding-top: 60px;
    font-size         : 100%;
}

body {
    font-size     : 1em;
    letter-spacing: 0;

    line-height: 1.6;
    font-weight: 400;
    font-family: "Helvetica Neue LT W01_55 Roman", Arial, Helvetica, sans-serif;
    color      : #222;

    background-color: white;
}

.site-header {
    width: 100%;

    background   : #ffffff;
    margin-bottom: 0;
}

.anymotion-logo {
    padding         : 36px 30px 26px 30px;
    background-color: white;
}

p {
    font-family   : "Helvetica Neue LT W01_55 Roman", Arial, Helvetica, sans-serif;
    color         : #747474;
    font-size     : 1.25em;
    line-height   : normal;
    letter-spacing: 0;
}

li {
    font-family   : "Helvetica Neue LT W01_55 Roman", Arial, Helvetica, sans-serif;
    color         : #747474;
    font-size     : 1.25em;

    line-height  : 1.05;
    list-style   : disc;
}

.flexitem ul {
    margin-top: -20px;
    padding-bottom: 20px;
}

.flexitem li {
    margin-left: 20px;
}


.white-box {
    padding     : 20px;
    background  : #ffffff;
    max-width   : 400px;
    margin-left : auto;
    margin-right: auto;
}

address {
    font-size  : 1.2em;
    line-height: 1.5;
    font-weight: 400;
    font-family: "Helvetica Neue LT W01_55 Roman", Arial, Helvetica, sans-serif;
    font-style : normal;
    color      : #747474;
}

.textcenter {
    text-align: center;
}

.orange,
a:hover {
    color: #ee7f17;
}


.background-color-style00 {
    background-color: #ffffff;
}

.background-color-style01 {
    background-color: #F7F7F7;
}

.background-color-style02 {
    background-color: #747474;
}

.background-color-style03 {
    background-color: #ee7f17;
}

.background-color-style04 {
    background-color: #447474;
}


.centered {
    border: 0px dotted black;
    margin: auto !important;
}


footer {
    overflow     : hidden;
    border-bottom: 10px solid #ee7f17;
    position     : relative;
}

    footer .row {
        padding: 0;
    }

@media (max-width: 767px) {
    footer.navbar ul li {
        display: block;
        border-bottom: 1px solid #f7f7f7;
        margin: 0;
    }

    footer.navbar ul a {
        font-family: "Helvetica Neue LT W01_77 Bd Cn",Georgia;
        font-weight: normal;
        color: #747474;
        text-transform: uppercase;
        line-height: 44px;
        transition: all 0.2s;
        font-size: 16px;
        padding: 0;
    }

    footer.navbar .social-links {
        font-size: 24px;
    }
}

@media (min-width: 768px) {
    footer {
        height: 165px;
        padding-left: 10px;
    }

    footer.navbar > .row {
        position: absolute;
        bottom: 15px;
        width: 100%;
        margin: 0;
        text-align: left;
    }
}

@media (max-width: 999px) {
    footer.navbar ul {
        display: block;
        margin: 0 -11px;
        padding: 0;
        text-align: center;
    }

    footer.navbar .social-links {
        text-align: center;
        margin-bottom: 20px;
        margin-top: 30px;
        float: none;
        padding: 0;
    }
}

@media (min-width: 1000px) {
    footer.navbar ul {
        padding-left: 75px;
    }

    footer.navbar .social-links {
        display: none;
    }
}

@media (min-width: 1400px) {
    footer.navbar ul {
        padding-left: 0;
    }
}


/* Typography
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
a {
    color: #ee7f17;
    text-decoration: none;
    transition: all 0.2s;
}

a:hover {
    text-decoration: none;
    color: #c4660e;
}

h1 {
    font-family: "Helvetica Neue LT W01_47 Lt Cn", Arial, Helvetica, sans-serif;
    color      : #747474;
    font-size  : 3.75em;

    font-weight   : normal;
    line-height   : 1.2em;
    letter-spacing: 0;

    margin : 0;
    padding: 1em 0 0.15em 0;
}


h2 {
    font-family: "Helvetica Neue LT W01_55 Roman", Arial, Helvetica, sans-serif;
    color      : #ee7f17;
    font-size  : 1.75em;

    font-weight   : normal;
    line-height   : 1.2em;
    letter-spacing: 0;

    margin : 0;
    padding: 0 0 1.25em 0;
}


h3 {
    font-family: "Helvetica Neue LT W01_47 Lt Cn", Arial, Helvetica, sans-serif;
    color      : #747474;
    font-size  : 2.75em;

    font-weight   : normal;
    line-height   : 1.2em;
    letter-spacing: 0;

    margin : 0;
    padding: 10px 0 10px 0;
}

h4 {
    font-family: "Helvetica Neue LT W01_47 Lt Cn", Arial, Helvetica, sans-serif;
    color      : #222;
    font-size  : 1.75em;

    font-weight   : normal;
    line-height   : 1.2em;
    letter-spacing: 0;

    margin : 0;
    padding: 10px 0 10px 0;
}

.anyemphasis {
    text-transform: uppercase;
    color         : #ee7f17;
    font-weight   : bold;
    font-size     : 1.2rem;
    padding       : 0 0 10px 0;
    letter-spacing: 0.05em;
}


.flexitem p,
.flexitem li {
    font-size  : 1.25em;
    line-height: 1.5;
}

.flexitem h3 {
    font-size: 2.75em;
    color    : #ee7f17;
}

.flexitem h4 {
    font-size: 1.75em;
}



/* Modifications, override skeleton.css
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.row {
    padding: 0 0 40px 0;
}

.container {
    width    : 100%;
    max-width: 1200px;
}

ol,
ul {
    padding: 0;
    margin : 0;
}

@media (min-width: 550px) {
    .container {
        width: 100%;
    }
}


.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
    color           : #747474;
    background-color: #FFF;
    border-color    : #747474;
    border-radius   : 0;

    font-size: 1em;

    line-height: 1.6;
    font-weight: 500;
    font-family: "Helvetica Neue LT W01_55 Roman", Arial, Helvetica, sans-serif;

    height        : 50px;
    padding       : 7px 30px;
    font-style    : normal;
    text-transform: uppercase;
    transition    : all 0.2s;
}

.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
    color           : #FFF;
    background-color: #ee7f17;
    border-color    : #ee7f17;
}


/* Media Queries
  –––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Larger than mobile */
@media (min-width: 400px) {}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {}

/* Larger than tablet */
@media (min-width: 750px) {}

/* Larger than desktop */
@media (min-width: 1000px) {

    .showbelow1000 {
        display: none;
    }
}

/* Larger than Desktop HD */
@media (min-width: 1200px) {}

/* Smaller than desktop */
@media (max-width: 767px) {
    .responsiveBanner {
        object-fit     : cover;
        object-position: -20% 0;
    }
}
@media (max-width: 1000px) {


    html {
        font-size: 90%;
    }

    .hidebelow1000 {
        display: none;
    }

    .site-header {
        height: 0;
    }
}

/* Larger than Desktop HD */
@media (max-width: 1225px) {

    section {
        padding: 0 25px;
    }

}




@media (min-width: 750px) {

    .container {
        margin: 0;
    }

    .flexcontainer {
        border: 0px solid green;

        display        : flex;
        flex-wrap      : nowrap;
        justify-content: center;
        align-content  : center;
    }

    .flexitem {
        border: 0px solid blue;

        padding   : 40px 20px 0 20px;
        margin    : 40px 20px 40px 0;
        flex-basis: 33%;
    }
}

@media (max-width: 750px) {

    .container {
        margin : 0;
        padding: 0;
    }

    .flexcontainer {
        border: 0px solid darkred;

        display        : flex;
        flex-wrap      : wrap;
        justify-content: center;

        align-content: center;
    }

    .flexitem {
        border: 0px solid red;

        padding: 40px 20px 0 20px;
        margin : 40px 0 40px 0;
        width  : 100%;
    }
}

.zero {
    padding: 0;
    margin : 0;
}



/* Icons
  –––––––––––––––––––––––––––––––––––––––––––––––––– */

.social-links {
    float    : right;
    font-size: 2em;
    padding  : 60px 20px 0 0;
}

.hexagon {
    -webkit-clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
    clip-path        : polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
}

.facebook {
    color     : white;
    background: #3B599C;
    padding   : 12px 17px;
    margin    : 10px;
    opacity   : 0.3;
}

.facebook:hover {
    color     : white;
    background: #3B599C;
    transition: all 0.2s;
    opacity   : 1;
}

.withIcon-svg {
    width        : 100%;
    position     : relative;
    top          : -80px;
    margin-bottom: -80px;
}


/*COOKIE-LAYER-STYLES:*/

body #CybotCookiebotDialog * {
    font-family   : "Helvetica Neue LT W01_55 Roman", Helvetica, Arial, sans-serif;
    letter-spacing: 0.5px;
    line-height: 24px;
}

body #CybotCookiebotDialog {
    border: solid 6px #ee7f17;
}

body #CybotCookiebotDialogBodyButtonsWrapper .CybotCookiebotDialogBodyButton {
    white-space: normal;
    text-transform: none;
    font-family   : "Helvetica Neue LT W01_55 Roman", Helvetica, Arial, sans-serif;
    height: auto;
    letter-spacing: 0;
    line-height: 24px;
}

.CybotCookiebotDialogDetailBodyContentCookieContainerButton.CybotCookiebotDialogCollapsed {
    display: flex;
}

#CybotCookiebotDialog li {
    list-style-type: none;
}

body #CybotCookiebotDialog .CybotCookiebotDialogDetailBulkConsentCount {
    color: white;
}

/* language switch */
.site-header {
    position: relative;
}
@media (max-width: 850px) {
    .site-header {
        position: fixed;
        z-index: 9999;
    }
}

.language-switch {
    font-family: "Helvetica Neue LT W01_47 Lt Cn",Georgia;
    color: #ee7f17;
    font-size: 16px;
    position: absolute;
    top: 17px;
    right: 5rem;
    z-index: 9999;
}

@media (min-width: 851px) {
    .language-switch {
        background: #fff;
        padding: 5px 20px;
        top: 67px;
        right: 0px;
        z-index: 1;
    }
}

@media (min-width: 1001px) {
    .language-switch {
        font-size: 20px;
        top: 40%;
        right: 7rem;
        z-index: 9999;
    }
}

.language-switch a {
    color: #ee7f17;
    text-decoration: none;
}

.language-switch .active {
    font-family: "Helvetica Neue LT W01_77 Bd Cn";
}