@charset "UTF-8";

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video {
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    margin: 0;
    padding: 0;
}

html {
    margin-bottom: 1px;
    min-height: 101%;
    -webkit-text-size-adjust: none;
    /* Prevent font scaling in landscape */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
    line-height: 1;
    font-variant-numeric: lining-nums;
}

article, aside, dialog, figure, footer, header, hgroup, nav, section {
    display: block;
}

ol, ul {
    list-style: none outside none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: none;
    }

a {
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    margin: 0;
    padding: 0;
}

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}

mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: 700;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted #000;
    cursor: help;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

hr {
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

input, select {
    vertical-align: middle;
}

.clearfix:after {
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 1px;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 0;
}

.template {
    display: none;
}

:focus {
    outline: none;
}

@font-face {
    font-family: "Sectra Medium";
    src: url("../Content/Font/GT-Sectra-Medium.eot");
    src: url("../Content/Font/GT-Sectra-Medium?#iefix") format("embedded-opentype"),
         url("../Content/Font/GT-Sectra-Medium.woff2") format("woff2"),
         url("../Content/Font/GT-Sectra-Medium.woff") format("woff"),
         url("../Content/Font/GT-Sectra-Medium.ttf")  format("truetype"); 
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Sectra Regular";
    src: url("../Content/Font/GT-Sectra-Regular.eot");
    src: url("../Content/Font/GT-Sectra-Regular?#iefix") format("embedded-opentype"),
         url("../Content/Font/GT-Sectra-Regular.woff2") format("woff2"),
         url("../Content/Font/GT-Sectra-Regular.woff") format("woff"),
         url("../Content/Font/GT-Sectra-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
  
}




:root {
    --colorRed: #d2281e;
    --fontSizeWhite: 6.6vw;
    --fontSizeH1: 6.6vw;
    --fontSizeH2: 4.29vw;
    --fontSizeH3: 2.7vw;
    --fontSizeP: 1.8vw;
    --contentPaddingTop: 6.5vw;
    --contentPaddingBottom: 4vw;
    --offsetLeft: 5vw;
    --startPageNaviFontSize: 2.75vw;
    --contentNaviFontSize: 1.8vw;
    --footerNaviFontsize: 1.8vw;
    --videoContentPaddingBotton: 4vw;
}


.containerMain {
    position: relative;
    width: 100%;
    margin: 0 auto 0;
}


header {
    position: relative;
    height: 100vh;
    width: 100%;
    overflow: hidden;
    background: var(--colorRed);
}

#headerContainer {
    position: relative;
    height: 94vh;
    border: solid 3vh var(--colorRed);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

    #headerContainer h1 {
        color: #ffffff;
    }

    #headerContainer .playButton {
        position: relative;
        top: 0;
        margin: 4% auto;
        height: 70vh;
        width: 93%;
        z-index: 55555;
        background-image: url('../content/Pics/track_play_white.svg');
        background-size: 10vw 10vw;
        background-repeat: no-repeat;
        background-position-x: right;
        background-position-y: top;
        cursor: pointer;
        display: none;
    }

    #headerContainer .playButtonNone {
        background-image: none !important;
    }


    #headerContainer > video {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        cursor: pointer;
    }

/* 1. No object-fit support: */
@media (min-aspect-ratio: 16/9) {
    #headerContainer > video {
        height: 300%;
        top: -100%;
    }
}

@media (max-aspect-ratio: 16/9) {
    #headerContainer > video {
        width: 300%;
        left: -100%;
    }
}
/* 2. If supporting object-fit, overriding (1): */
@supports (object-fit: cover) {
    #headerContainer > video {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}


.muteHolder {
    position: absolute;
    z-index: 5;
    top: 45%;
    right: 3vw;
    display: inline-block;
    height: 100%;
}

.muteHolderOff {
    width: 7vh;
    height: 7vh;
    background-image: url('../content/Pics/sound_off.svg');
    background-size: 7vh;
    cursor: pointer;
}

    .muteHolderOff:hover {
        transition-duration: 0.8s;
        filter: brightness(0) invert(1);
    }

.muteHolderOn {
    width: 7vh;
    height: 7vh;
    background-image: url('../content/Pics/sound_on.svg');
    background-size: 7vh;
    cursor: pointer;
}


.nikiHolder {
    position: absolute;
    top: 3%;
    width: 100%;
}

    .nikiHolder h1, .nikiHolder h1 a {
        text-transform: uppercase;
        text-decoration: none;
        color: #ffffff;
    }

h1 {
    position: relative;
    display: block;
    width: auto;
    text-align: center;
    font-family: "Sectra Regular";
    font-weight: normal;
    font-style: normal;
    font-size: calc(var(--fontSizeH1));
    margin-left: 1vw;
    margin-right: 1vw;
    padding: 0;
    z-index: 5;
    letter-spacing: 0.6vw;
}

h2 {
    position: relative;
    width: auto;
    display: block;
    padding-top: 2vw;
    text-align: center;
    font-family: "Sectra Regular";
    font-weight: normal;
    font-style: normal;
    font-size: calc(var(--fontSizeH2));
    letter-spacing: 0.07vw;
}

h3 {
    position: relative;
    display: inline;
    font-family: "Sectra Regular";
    font-weight: normal;
    font-style: normal;
    font-size: calc(var(--fontSizeH3));
}

p {
    position: relative;
    display: inline;
    font-family: "Sectra Medium";
    font-weight: normal;
    font-style: normal;
    font-size: calc(var(--fontSizeP));
}

.contentBlack {
    background-color: #000000;
    color: #ffffff;
}

.contentRed {
    background-color: var(--colorRed);
    color: #000000;
}

.contentWhite {
    background-color: #ffffff;
    color: var(--colorRed);
}


ul.startPageNavi {
    position: absolute;
    width: 100%;
    bottom: 0;
    z-index: 55555;
    padding-bottom: 4vh;
    padding-top: 4vh;
}

    ul.startPageNavi > li a {
        position: relative;
        margin: 0;
        padding: 0;
        width: 25%;
        float: left;
        text-align: center;
        font-family: "Sectra Regular";
        font-weight: normal;
        font-style: normal;
        font-size: calc(var(--startPageNaviFontSize));
        color: var(--colorRed);
        cursor: pointer;
        letter-spacing: 0.4vw;
        text-transform: uppercase;
        text-decoration: none;
    }



    ul.startPageNavi > li:hover {
        transition-duration: 0.8s;
        color: #ffffff;
    }


.naviContainer {
    position: relative;
    display: inline-block;
    width: 100%;
    background: #ffffff;
    padding-top: 2.4vw;
    padding-bottom: 2.4vw;
    z-index: 150 !important;
}


ul.contentNavi {
    position: relative;
    width: 92%;
    margin: 0 auto 0;
    font-family: "Sectra Medium";
    font-weight: normal;
    font-style: normal;
    font-size: calc(var(--contentNaviFontSize));
    color: var(--colorRed);
    letter-spacing: 0.25vw;
}

    ul.contentNavi > li {
        position: relative;
        margin: 0;
        padding: 0;
        width: 25%;
        float: left;
        text-align: center;
        cursor: pointer;
        text-transform: uppercase;
    }


        ul.contentNavi > li.clicked {
            color: #000000;
            text-decoration: none;
        }

        ul.contentNavi > li:hover {
            transition-duration: 0.8s;
            color: #000000;
        }


ul.redContentNav {
    color: #000000;
}

    ul.redContentNav > li a {
        color: #000000;
        text-decoration: none;
    }

    ul.redContentNav > li.clicked {
        color: #ffffff;
        text-decoration: none;
    }

    ul.redContentNav > li:hover {
        transition-duration: 0.8s;
        color: #ffffff;
    }

ul.blackContentNav {
    color: #FFFFFF;
    text-decoration: none;
}

    ul.blackContentNav > li a {
        color: #FFFFFF;
        text-decoration: none;
    }

    ul.blackContentNav > li.clicked {
        color: var(--colorRed);
        text-decoration: none;
    }

    ul.blackContentNav > li:hover {
        transition-duration: 0.8s;
        color: var(--colorRed);
    }



footer {
    background: #ffffff;
}

ul.footerNavi {
    position: relative;
    display: inline-block;
    width: 99%;
    margin: 0 auto 0;
    font-family: "Sectra Regular";
    font-weight: normal;
    font-style: normal;
    font-size: calc(var(--footerNaviFontsize));
}

    ul.footerNavi > li {
        position: relative;
        margin: 0;
        padding: 0;
        width: 33%;
        float: left;
        text-align: center;
        cursor: pointer;
        margin-top: 2vw;
        margin-bottom: 2vw;
        color: var(--colorRed);
    }



    ul.footerNavi .footerBlack {
        color: #000000;
        cursor: default;
    }


    ul.footerNavi > li.active {
        color: #000000;
        text-decoration: none;
    }


    ul.footerNavi > li:hover {
        transition-duration: 0.8s;
        color: #000000;
    }


.footerContent {
    position: relative;
    display: inline-block;
    height: 100%;
    width: 100%;
    background: #ffffff;
    padding-top: 4vw;
    padding-bottom: calc(var(--contentPaddingBottom));
    display: none;
}

.footerContentItem {
    width: 99%;
    text-align: center;
    padding-bottom: 2.8vw;
}

.footerContent h3 {
    display: inline-block;
    width: 100%;
    color: var(--colorRed);
    letter-spacing: 0.075vw;
    padding-bottom: 2.2vw;
}


.footerContent p, .footerContent p a {
    position: relative;
    color: var(--colorRed);
    line-height: 2.4vw;
    text-decoration: none;
}

.footerContent .headline {
    position: relative;
    font-family: "Sectra Medium";
    font-weight: normal;
    font-style: normal;
    font-size: calc(var(--fontSizeP));
    color: var(--colorRed);
    text-transform: uppercase;
    margin-bottom: 0.7vw;
    letter-spacing: 0.12vw;
}

.footerContent a {
    padding-bottom: 0.01vw;
    border-bottom: 0.2vw solid var(--colorRed);
}



.footerContent .closeFooter {
    position: absolute;
    display: inline-block;
    height: 4vw;
    width: 4vw;
    right: 4vw;
    top: 3.5vw;
    background-image: url('../Pics/close.svg');
    background-repeat: no-repeat;
    background-size: 3vw;
    cursor: pointer;
    z-index: 10;
}

footer .closeFooter:hover {
    transition-duration: 0.8s;
    filter: grayscale(1) contrast(3) blur(0);
}



.contentError {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
}

    .contentError p {
        font-size: 2.8vw;
        line-height: 4vw;
    }



/* 
  Ipad or Iphönlie
*/

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px), screen and (min-device-width : 375px) and (max-device-width : 667px) {




    ul.contentNavi {
        font-size: calc(var(--startPageNaviFontSize));
    }

    .table p {
        font-size: 2.2vw;
        line-height: 3.2vw !important;
    }

    ul.footerNavi {
        font-size: calc(var(--startPageNaviFontSize));
    }
}



.audioContent {
    position: relative;
    display: inline-block;
    height: 100%;
    width: 100%;
}


    .audioContent h2 {
        padding-bottom: 5vw;
        letter-spacing: 0.4vw;
        text-transform: uppercase;
    }

    .audioContent:first-child {
        padding-top: calc(var(--contentPaddingTop));
    }

    .audioContent:last-child {
        padding-bottom: 2vw;
    }

.player {
    position: relative;
    width: 93.5%;
    margin: 0 auto 2.2vw;
    height: 10vw;
    display: block;
    clear: both;
}



    .player .playerText {
        position: relative;
        display: block;
        width: 96%;
        margin: 0 auto 0;
        height: 5vw;
    }

        .player .playerText p {
            margin-left: 1vw;
            font-size: 1.5vw;
        }

p.trackTitle {
    position: relative;
    display: inline;
    font-family: "Sectra Regular"!important;
    font-weight: normal;
    font-style: normal;
    font-size: calc(var(--fontSizeH3)) !important;
}




.player .btns {
    position: relative;
    width: 8%;
    align-items: center;
    float: left;
    z-index: 2;
    cursor: pointer;
}

.player .timeLine {
    position: relative;
    width: 92%;
    height: 5vw;
    float: left;
}

.player .currentTime {
    position: relative;
    display: inline-block;
    height: 4.9vw;
    width: 12%;
    padding-top: 1.2vw;
    float: left;
    text-align: left;
    font-family: "Sectra Regular";
    font-weight: normal;
    font-style: normal;
    font-size: 2.7vw;
    line-height: 2.7vw;
    color: #000000;
}

.player .duration {
    position: relative;
    display: inline-block;
    height: 4.9vw;
    width: 12%;
    padding-top: 1.2vw;
    float: left;
    text-align: right;
    font-family: "Sectra Regular";
    font-weight: normal;
    font-style: normal;
    font-size: 2.7vw;
    line-height: 2.7vw;
    color: #000000;
}

.player .progressDiv {
    position: relative;
    width: 76%;
    float: left;
    height: 5vw;
}

.player .progressLine {
    position: relative;
    width: 100%;
    height: 0.15vw;
    min-height: 1px;
    left: 0;
    top: 2.5vw;
    background-color: #000000;
}

.player .progress {
    position: relative;
    width: 0;
    height: 0.15vw;
    min-height: 1px;
    left: 0;
    top: 0;
    background-color: #FFFFFF;
}

.player .white {
    color: #FFFFFF !important;
}

.icon-play:hover {
    transition-duration: 0.8s;
    filter: brightness(0) invert(1);
}

.icon-play:before {
    display: block;
    content: ' ';
    background-image: url('../content/Pics/track_play.svg');
    background-repeat: no-repeat;
    background-size: 5vw 5vw;
    height: 5vw;
    width: 5vw;
}



.icon-stop:before {
    display: block;
    content: ' ';
    background-image: url('../content/Pics/track_pause.svg');
    background-repeat: no-repeat;
    background-size: 5vw 5vw;
    height: 5vw;
    width: 5vw;
}



/*Only for devices with higher resolution*/

@media only screen and (min-resolution: 192dpi), (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    .icon-play:hover {
        transition-duration: unset;
        filter: unset;
    }
}


.videoContent {
    position: relative;
    height: 100%;
    width: 100%;
    
    padding-bottom: calc(var(--videoContentPaddingBotton));
}

    .videoSection:first-child {
        padding-top: calc(var(--contentPaddingTop));
        
    }


.videoHolderInner {
    position: relative;
    display: table;
    width: 100%;
    height: auto;
    
}



.cycle-slideshow {
    position: relative;
    width: 60%;
    height: 100%;
    display: table-cell;
    background: #000000;
}

    .cycle-slideshow video, .cycle-slideshow img {
        width: 100%;
        height: auto;
    }

        .cycle-slideshow video.has-media-controls-hidden::-webkit-media-controls {
            display: none;
        }

.videoControlPlay {
    position: relative;
    width: 100%;
    height: auto;
}

    .videoControlPlay .videoPlayButton {
        position: absolute;
        background-image: url('../content/Pics/video_play_red.svg');
        background-size: 70% 70%;
        background-repeat: no-repeat;
        background-position: center;
        height: 100%;
        width: 100%;
        z-index: 5;
        cursor: pointer;
    }

        .videoControlPlay .videoPlayButton:hover {
            transition-duration: 0.4s;
            filter: brightness(0) invert(1);/*white*/
        }


.videoHolderInner .videoControlLeft {
    display: table-cell;
    position: relative;
    height: auto;
    width: 20%;
    vertical-align: middle;
    text-align: center;
}

    .videoHolderInner .videoControlLeft label {
        display: inline-block;
        width: 8vw;
        height: 8vw;
        background-image: url('../content/Pics/left_red.svg');
        background-repeat: no-repeat;
        background-size: 4vw;
        background-position: center;
        cursor: pointer;
        
        
    }



.videoHolderInner .videoControlRight {
    display: table-cell;
    position: relative;
    height: 40%;
    width: 20%;
    text-align: center;
    vertical-align: middle;
}


    .videoHolderInner .videoControlRight label {
        display: inline-block;
        width: 8vw;
        height: 8vw;
        background-image: url('../content/Pics/right_red.svg');
        background-repeat: no-repeat;
        background-size: 4vw;
        background-position: center;
        cursor: pointer;
        
    }


    
.videoSection .contentRed label {
    filter: grayscale(1) contrast(3) blur(0);/*black*/
}

.videoSection .contentBlack  label:hover  {
    transition-duration: 0.8s;
    filter: brightness(0) invert(1);/*white*/
}

.videoSection .contentRed label:hover {
    filter: brightness(0) invert(1); /*white*/
    
}

.videoSection .contentWhite label:hover {
    transition-duration: 0.8s;
    filter: grayscale(1) contrast(3) blur(0);/*black*/
}


.videoSection .contentRed .cycle-slideshow{
    background-color: var(--colorRed);
}

.videoSection .contentRed .videoHeadline h2 {
    color: #000000!important;
}




.videoHeadline {
    position: relative;
    width: 100%;
}

    .videoHeadline h2 {

        padding-bottom:4vw;
        text-align: left;
        color: var(--colorRed);
        margin-left: calc(var(--offsetLeft));
    }

.linkContainer {
    position: relative;
    width: 100%;
    margin: 0 auto 0;
    height: auto;
}

    .linkContainer:first-child {
        padding-top: calc(var(--contentPaddingTop)*1.6);
    }

    .linkContainer:last-child {
        padding-bottom: calc(var(--contentPaddingBottom));
    }

.linkContent {
    position: relative;
}

    .linkContent h3 {
        display: inline-block;
        width: 29vw;
        color: var(--colorRed);
        margin-left: calc(var(--offsetLeft) - 1vw);
        vertical-align: top;
        letter-spacing: 0.075vw;
    }

    .linkContent p, .linkContent p a {
        color: var(--colorRed);
        line-height: 2.8vw;
        font-family: "Sectra Regular";
        text-decoration: none;
    }

    .linkContent a {
        padding-bottom: 0.01vw;
        border-bottom: 0.2vw solid var(--colorRed);
    }

div.table {
    display: table;
    width: 100%;
}

div.tr {
    display: table-row;
}

div.td p {
    display: block;
}

div.td {
    display: table-cell;
    padding: 1vw;
    float: left;
}

    div.td:first-child {
        width: 39vw;
        display: block;
    }

    div.td:nth-child(2) {
        position: relative;
        display: block;
        padding-top: 1.33vw;
    }

    div.td p {
        display: block;
        padding-bottom: 2.5vw;
    }


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

    div.td:nth-child(2) {
        position: relative;
        display: block;
        padding-top: 0.9vw;
    }
}


.contactContainer {
    position: relative;
    display: inline-block;
    height: 100%;
    width: 100%;
    overflow: hidden;
    background: #000000;
    padding-top: calc(var(--contentPaddingTop));
}


/* ------------------------------------------------------ CONTACT Layout LARGE ------------------------------------------------------*/

.contactSection .large {
    position: relative;
    width: 100%;
    display: block;
    padding-top: 2vw;
    text-align: left;
    padding-top: calc(var(--contentPaddingTop));
}

    .contactSection .large p {
        position: relative;
        display: block;
        font-family: "Sectra Regular";
        font-weight: normal;
        font-style: normal;
        font-size: calc(var(--fontSizeWhite));
        line-height: calc(var(--fontSizeWhite)*1.4);
        margin-left: calc(var(--offsetLeft));
        padding-bottom: 5vw;
    }

        .contactSection .large p a {
            text-decoration: none;
        }

        .contactSection .large p a {
            padding-bottom: 0.01vw;
            border-bottom: 0.3vw solid #ffffff;
        }


    .contactSection .large .socialButtons {
        position: relative;
        width: 100%;
        display: inline-block;
        padding-bottom: 2vw;
        text-align: center;
        vertical-align: top;
    }

        .contactSection .large .socialButtons > a {
            display: block;
            color: transparent;
            text-indent: -99999px;
            text-decoration: none;
            outline: none;
            overflow: hidden;
        }

        .contactSection .large .socialButtons .facebookIcon {
            display: inline-block;
            margin-left: 2vw;
            margin-right: 2vw;
            content: ' ';
            background-image: url('../content/Pics/facebook_white.svg');
            background-size: 5vw 5vw;
            background-repeat: no-repeat;
            background-position: center;
            height: 7vw;
            width: 7vw;
        }

            .contactSection .large .socialButtons .facebookIcon:hover {
                background-image: url('../content/Pics/facebook_black.svg');
            }

        .contactSection .large .socialButtons .youtubeIcon {
            display: inline-block;
            margin-left: 2vw;
            margin-right: 2vw;
            content: ' ';
            background-image: url('../content/Pics/youtube_white.svg');
            background-size: 7vw 7vw;
            background-repeat: no-repeat;
            height: 7vw;
            width: 7vw;
        }

            .contactSection .large .socialButtons .youtubeIcon:hover {
                background-image: url('../content/Pics/youtube_black.svg');
            }




.contactSection.contentBlack p {
    color: #ffffff;
}

    .contactSection.contentBlack p a {
        color: #ffffff;
    }

    .contactSection.contentBlack p a {
        border-bottom: 0.3vw solid #ffffff;
    }





.contactSection.contentRed p {
    color: #ffffff;
}

    .contactSection.contentRed p a {
        color: #ffffff;
    }

    .contactSection.contentRed p a {
        border-bottom: 0.3vw solid #ffffff;
    }

.contactSection.contentRed .socialButtons .facebookIcon:hover {
    filter: grayscale(1) contrast(3) blur(0); /*black*/
}

.contactSection.contentRed .socialButtons .youtubeIcon:hover {
    filter: grayscale(1) contrast(3) blur(0); /*black*/
}






.contactSection.contentWhite p {
    color: #000000;
}

    .contactSection.contentWhite p a {
        color: #000000;
    }

    .contactSection.contentWhite p a {
        border-bottom: 0.3vw solid #000000;
    }

.contactSection.contentWhite .socialButtons .facebookIcon {
    filter: brightness(1) invert(1);
}

.contactSection.contentWhite .socialButtons .youtubeIcon {
    filter: brightness(1) invert(1);
}


.contactSection.contentWhite .socialButtons .facebookIcon:hover {
    filter: brightness(1) invert(0);
}

.contactSection.contentWhite .socialButtons .youtubeIcon:hover {
    filter: brightness(1) invert(0);
}



/* ------------------------------------------------------ CONTACT Layout SMALL ------------------------------------------------------*/

.contactSection .small {
    position: relative;
    width: 100%;
    display: block;
    padding-top: 2vw;
    text-align: left;
    font-family: "Sectra Regular";
    font-weight: normal;
    font-style: normal;
    padding-top: calc(var(--contentPaddingTop));
    padding-bottom: calc(var(--contentPaddingBottom));
}

    .contactSection .small h3 {
        padding-top: 2vw;
        position: relative;
        width: 75%;
        display: inline-block;
        color: #ffffff;
        line-height: 3.2vw;
        margin-left: calc(var(--offsetLeft));
    }

    .contactSection .small p {
        padding-top: 2vw;
        position: relative;
        width: 75%;
        display: inline-block;
        font-family: "Sectra Regular" !important;
        color: #ffffff;
        line-height: 3.2vw;
        font-size: calc(var(--fontSizeH3));
        margin-left: calc(var(--offsetLeft));
    }

.contactSection.contentWhite h3 {
    color: #000000;
}

.contactSection.contentWhite p {
    color: #000000;
}

.contactSection.contentBlack h3 {
    color: #ffffff;
}

.contactSection.contentBlack p {
    color: #ffffff;
}