/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/


/* line 6, base/_reset.scss */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}


/* HTML5 display-role reset for older browsers */


/* line 16, base/_reset.scss */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}


/* line 19, base/_reset.scss */

body {
    line-height: 1;
}


/* line 22, base/_reset.scss */

blockquote,
q {
    quotes: none;
}


/* line 24, base/_reset.scss */

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


/* line 30, base/_reset.scss */

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


/* line 34, base/_reset.scss */

button {
    background-color: transparent;
    outline: none;
    border: 0;
    cursor: pointer;
}

@font-face {
    font-family: AdihausDIN-Bold;
    src: url(../fonts/AdihausDIN-Bold.eot) format("eot"), url(../fonts/AdihausDIN-Bold.woff) format("woff");
}

@font-face {
    font-family: AdihausDIN-Medium;
    src: url(../fonts/AdihausDIN-Medium.eot) format("eot"), url(../fonts/AdihausDIN-Medium.woff) format("woff");
}

@font-face {
    font-family: AdihausDIN-Regular;
    src: url(../fonts/AdihausDIN-Regular.eot) format("eot"), url(../fonts/AdihausDIN-Regular.woff) format("woff");
}

@font-face {
    font-family: adineuePRO-Black;
    src: url(../fonts/adineuePRO-Black.otf);
}

@font-face {
    font-family: adineuePRO-Bold;
    src: url(../fonts/adineuePRO-Bold.otf);
}

@font-face {
    font-family: adineuePRO-CrazyLight;
    src: url(../fonts/adineuePRO-CrazyLight.otf);
}

@font-face {
    font-family: adineuePRO-Light;
    src: url(../fonts/adineuePRO-Light.otf);
}

@font-face {
    font-family: adineuePRO-Regular;
    src: url(../fonts/adineuePRO-Regular.otf);
}

@font-face {
    font-family: adineuePROCond-Black;
    src: url(../fonts/adineuePROCond-Black.otf);
}

@font-face {
    font-family: adineuePROCond-Bold;
    src: url(../fonts/adineuePROCond-Bold.otf);
}

@font-face {
    font-family: adineuePROCond-Light;
    src: url(../fonts/adineuePROCond-Light.otf);
}

@font-face {
    font-family: adineuePROCond-Regular;
    src: url(../fonts/adineuePROCond-Regular.otf);
}


/* line 48, base/_typography.scss */

.popup .popup-content h4,
.popup .popup-content h5,
#intro .cover .headline h1,
#mission h3,
#mission h5,
#accelerationPlan h4,
#companyWordlwide h4,
#downloadspage h4,
#finHighlights h4,
#susHighlights h4,
#outlook h4 {
    font-family: adineuePRO-Black, Arial, Helvetica, Veradana, sans-serf;
    font-size: 6rem;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 0.5em;
    line-height: 0.9;
    text-align: center;
    overflow-wrap: break-word;
}


/* line 62, base/_typography.scss */

#intro .cover .headline h2 {
    font-family: adineuePRO-Regular, Arial, Helvetica, Veradana, sans-serf;
    font-size: 1.68rem;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 0.9rem;
    line-height: 1;
    text-align: center;
    overflow-wrap: break-word;
}


/* line 76, base/_typography.scss */

.chapter .headline h2,
.chapter h3,
article.quarter .month .image-row h4 {
    font-family: adineuePRO-Black, Arial, Helvetica, Veradana, sans-serf;
    font-size: 6.62rem;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 2rem;
    line-height: 1;
    text-align: center;
    overflow-wrap: break-word;
}


/* line 90, base/_typography.scss */

#introduction .skipVideo span,
section .cover .scroll-down span,
.sidebar-right .download-box p,
.sidebar-right .download-box a,
article.quarter .month a,
#downloadspage ul li {
    font-family: adineuePROCond-Regular, Arial, Helvetica, Veradana, sans-serf;
    font-size: 1.2rem;
    font-weight: 300;
    text-transform: uppercase;
    color: #f9423a;
    line-height: 1.2;
    letter-spacing: 0.24rem;
}


/* line 113, base/_typography.scss */

.numbers .numbertitle,
.numbers .lastyear,
.numbers .lastyearnumber,
.numbers .thenumber {
    font-family: adineuePROCond-Black, Arial, Helvetica, Veradana, sans-serf;
    font-weight: 300;
    color: #f9423a;
    line-height: 1em;
    text-transform: uppercase;
}


/* line 124, base/_typography.scss */

html {
    font-family: AdihausDIN-Regular, Arial, Helvetica, Veradana, sans-serf;
    font-size: 14px;
    color: #fff;
    text-align: center;
    overflow-wrap: break-word;
}


/* line 134, base/_typography.scss */

p {
    font-size: 1.4rem;
    padding-bottom: 1.5em;
    line-height: 2.1rem;
}


/* line 140, base/_typography.scss */

b {
    font-family: adineuePRO-Bold, Arial, Helvetica, Veradana, sans-serf;
    font-weight: bold;
    letter-spacing: 0.335em;
    text-transform: uppercase;
}


/* line 149, base/_typography.scss */

a {
    color: inherit;
    text-decoration: none;
}


/* line 153, base/_typography.scss */

a:hover {
    color: #f9423a;
    cursor: pointer;
}


/* line 158, base/_typography.scss */

a span {
    font-family: AdihausDIN-Regular, Arial, Helvetica, Veradana, sans-serf;
    font-size: 1rem;
}


/* line 165, base/_typography.scss */

sup {
    vertical-align: super;
    font-size: 0.5em;
}

@media screen and (max-width: 980px) {
    /* line 172, base/_typography.scss */
    html {
        font-size: 24px;
    }
    /* line 176, base/_typography.scss */
    .popup .popup-content h4,
    .popup .popup-content h5,
    #intro .cover .headline h1,
    #mission h3,
    #mission h5,
    #accelerationPlan h4,
    #companyWordlwide h4,
    #downloadspage h4,
    #finHighlights h4,
    #susHighlights h4,
    #outlook h4 {
        font-size: 5rem;
    }
}


/*
    (TEXT) PARAMS
    =================
    1. Namespace
    2. Intensity
    3. Text color
    4. Background color (flat)
    5. Highlight #1 color
    6. Highlight #2 color
    7. Width (px)
    8. Height (px)
  */


/*
    (SVG) PARAMS
    =================
    1. Namespace
    2. Intensity
    3. Fill Color
    4. Background
    5. Width (px)
    6. Height (px)
    5. Top (px, abs pos)
    6. Left (px, abs pos)
  */


/*
    (IMAGE) PARAMS
    =================
    @mixin imgGlitch($name, $intensity, $width, $height, $top, $left)
    =================
    1. Namespace
    2. Intensity
    3. Width (px)
    4. Height (px)
    5. Top (px, abs pos)
    6. Left (px, abs pos)
  */


/* line 51, components/_arrows.scss */

div.arrow-down::before {
    content: '';
    display: block;
    margin: 50px auto;
    width: 30px;
    height: 100px;
    background-position: bottom;
    background: url(../media/png/arrow_down.png) no-repeat;
    height: 45px;
    margin-bottom: 26px;
    margin-top: 60px;
}


/* line 1, components/_body.scss */

body {
    height: 100%;
    background-color: #000;
    background-image: url(../media/img/adidas-bg.jpg);
    background-repeat: no-repeat;
    background-size: 100vw 100vh;
    background-position: center;
    background-attachment: fixed;
    -webkit-text-size-adjust: 70%;
    -moz-text-size-adjust: 70%;
    -ms-text-size-adjust: 70%;
    text-size-adjust: 70%;
}


/* line 16, components/_body.scss */

.mobile {
    display: none;
}


/* line 19, components/_body.scss */

.desktop {
    display: block;
}


/* line 22, components/_body.scss */

span.desktop {
    display: inline-block;
}

@media only screen and (max-width: 980px) {
    /* line 28, components/_body.scss */
    html,
    body {
        height: 100%;
        width: 100%;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }
    /* line 36, components/_body.scss */
    body {
        -webkit-text-size-adjust: 100%;
        -moz-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
        text-size-adjust: 100%;
        background-image: url(../media/img/adidas-bg.jpg);
        background-repeat: repeat;
    }
    /* line 44, components/_body.scss */
    .mobile {
        display: block;
    }
    /* line 47, components/_body.scss */
    .desktop {
        display: none !important;
    }
}


/* line 1, components/_introvideo.scss */

#introduction {
    position: absolute;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    background: #000;
    z-index: 10000;
    padding-top: 0;
}


/* line 11, components/_introvideo.scss */

#introduction:before {
    display: none;
}


/* line 15, components/_introvideo.scss */

#introduction video {
    position: relative;
    top: 0;
    left: 0;
    width: auto;
    height: 100%;
}


/* line 22, components/_introvideo.scss */

#introduction video.desktop {
    display: block !important;
}


/* line 26, components/_introvideo.scss */

#introduction video.mobile {
    display: none;
}


/* line 31, components/_introvideo.scss */

#introduction video[poster] {
    min-height: 100%;
    min-width: 100%;
}


/* line 36, components/_introvideo.scss */

#introduction .skipVideo {
    position: fixed;
    top: 90vh;
    left: 50%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    opacity: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 20px;
    z-index: 10;
    max-height: 15%;
    overflow-y: hidden;
}


/* line 43, components/_introvideo.scss */

#introduction .skipVideo:hover {
    cursor: pointer;
}


/* line 56, components/_introvideo.scss */

#introduction .skipVideo span {
    padding-bottom: 10px;
    letter-spacing: 0.4em;
    color: #fff;
}


/* line 61, components/_introvideo.scss */

#introduction .skipVideo span:first-child {
    -ms-grid-column-align: end;
    justify-self: end;
    padding-right: 10px;
}


/* line 65, components/_introvideo.scss */

#introduction .skipVideo span:last-child {
    -ms-grid-column-align: start;
    justify-self: start;
    padding-left: 15px;
}


/* line 71, components/_introvideo.scss */

#introduction .skipVideo img {
    width: 30px;
}


/* line 76, components/_introvideo.scss */

#introduction .video__button {
    background: transparent;
    width: 100px;
    height: 100px;
    top: 50%;
    left: 50%;
    position: absolute;
    display: block;
    padding: 0;
    outline: none;
    cursor: pointer;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}


/* line 90, components/_introvideo.scss */

#introduction .video__button:after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    -webkit-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
    background-image: url(../media/png/start_w.png);
    background-position: center;
    background-repeat: no-repeat;
}


/* line 107, components/_introvideo.scss */

#introduction .video__button .stroke-dotted {
    opacity: 0;
    stroke: #fff;
    stroke-dasharray: 4, 5;
    stroke-width: 1px;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation: spin 4s infinite linear;
    animation: spin 4s infinite linear;
    -webkit-transition: opacity 1s ease, stroke-width 1s ease;
    -o-transition: opacity 1s ease, stroke-width 1s ease;
    transition: opacity 1s ease, stroke-width 1s ease;
}


/* line 117, components/_introvideo.scss */

#introduction .video__button .stroke-solid {
    stroke: #fff;
    stroke-dashoffset: 0;
    stroke-dashArray: 300;
    stroke-width: 2px;
    -webkit-transition: stroke-dashoffset 1s ease, opacity 1s ease;
    -o-transition: stroke-dashoffset 1s ease, opacity 1s ease;
    transition: stroke-dashoffset 1s ease, opacity 1s ease;
}


/* line 127, components/_introvideo.scss */

#introduction .video__button.is-playing {
    display: none;
}


/* line 134, components/_introvideo.scss */

#introduction .video__button:hover .stroke-dotted {
    stroke-width: 2px;
    opacity: 1;
}


/* line 138, components/_introvideo.scss */

#introduction .video__button:hover.is-playing .stroke-dotted {
    opacity: 0;
    -webkit-transition: opacity 0s ease, stroke-width 0s ease;
    -o-transition: opacity 0s ease, stroke-width 0s ease;
    transition: opacity 0s ease, stroke-width 0s ease;
}


/* line 143, components/_introvideo.scss */

#introduction .video__button:hover .stroke-solid {
    opacity: 0;
    stroke-dashoffset: 300;
}


/* line 150, components/_introvideo.scss */

#introduction .video:hover .video__button {
    border-color: #6ddce5;
}


/* line 153, components/_introvideo.scss */

#introduction .video:hover .video__button:before,
#introduction .video:hover .video__button:after {
    background-color: #6ddce5;
}

@media only screen and (max-width: 980px) {
    /* line 162, components/_introvideo.scss */
    .skipVideo {
        opacity: 1 !important;
        top: 80vh !important;
    }
}

@media only screen and (orientation: portrait) {
    /* line 171, components/_introvideo.scss */
    #introduction video.desktop {
        display: none;
    }
    /* line 174, components/_introvideo.scss */
    #introduction video.mobile {
        display: block !important;
    }
}


/* line 1, components/_nav-sidebar.scss */

nav {
    position: fixed;
    z-index: 10000;
    height: 100vh;
    width: 260px;
    left: -225px;
    top: 0;
    background: #000;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 5px;
    float: left;
    font-family: adineuePRO-Bold, sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 35px;
}


/* line 26, components/_nav-sidebar.scss */

nav table {
    width: 100%;
}


/* line 30, components/_nav-sidebar.scss */

nav table tr {
    margin-left: 0;
    padding-bottom: 0;
    letter-spacing: 0.12em;
    width: 260px;
}


/* line 36, components/_nav-sidebar.scss */

nav table tr .name {
    width: 225px;
}


/* line 40, components/_nav-sidebar.scss */

nav table tr .symbol {
    width: 35px;
    max-width: 35px;
}


/* line 45, components/_nav-sidebar.scss */

nav table tr span {
    font-family: adineuePRO-Light;
}


/* line 49, components/_nav-sidebar.scss */

nav table tr.active a,
nav table tr:hover a {
    color: #f9423a;
    -webkit-transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
    transition: color 0.5s ease;
}


/* line 54, components/_nav-sidebar.scss */

nav table tr a {
    -webkit-transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
    transition: color 0.5s ease;
    font-size: 14px;
}


/* line 59, components/_nav-sidebar.scss */

nav table tr.chapter1-sub,
nav table tr.chapter2-sub,
nav table tr.chapter3-sub,
nav table tr.chapter4-sub {
    display: none;
    font-family: adineuePRO-Light;
}


/* line 64, components/_nav-sidebar.scss */

nav table tr.current.chapter1-sub,
nav table tr.current.chapter2-sub,
nav table tr.current.chapter3-sub,
nav table tr.current.chapter4-sub {
    display: table-row;
    -webkit-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
}


/* line 73, components/_nav-sidebar.scss */

nav .bottom_navigation {
    margin-bottom: 5px;
}


/* line 77, components/_nav-sidebar.scss */

nav .bottom_navigation span {
    font-size: 0.8em;
}


/* line 81, components/_nav-sidebar.scss */

nav .bottom_navigation .legal-nav {
    line-height: 2rem;
}


/* line 84, components/_nav-sidebar.scss */

nav .bottom_navigation .legal-nav:hover a {
    color: #fff;
}


/* line 88, components/_nav-sidebar.scss */

nav .bottom_navigation .legal-nav td:hover a {
    color: #f9423a;
    -webkit-transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
    transition: color 0.5s ease;
}


/* line 97, components/_nav-sidebar.scss */

nav .nav-icon {
    width: 15px;
    padding-right: 10px;
}


/* line 100, components/_nav-sidebar.scss */

nav .nav-icon img {
    webkit-transition: -webkit-transform .5s ease-in-out;
    -webkit-transition: -webkit-transform .5s ease-in-out;
    transition: -webkit-transform .5s ease-in-out;
    -o-transition: transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
    transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out;
}


/* line 107, components/_nav-sidebar.scss */

nav .nav-icon img.closenav {
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}


/* line 113, components/_nav-sidebar.scss */

nav .symbol {
    font-weight: bold;
}


/* line 117, components/_nav-sidebar.scss */

nav .download img {
    width: 11px;
}


/* line 121, components/_nav-sidebar.scss */

nav .title {
    display: none;
}

@media only screen and (max-width: 980px) {
    /* line 129, components/_nav-sidebar.scss */
    nav {
        height: 100px;
        width: 100%;
        left: 0;
        top: 0;
        font-size: 1.3em;
        padding: 5px;
        float: none;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        z-index: 1000;
    }
    /* line 140, components/_nav-sidebar.scss */
    nav table {
        display: none;
        margin: auto;
    }
    /* line 145, components/_nav-sidebar.scss */
    nav table tr a {
        font-size: 1.8rem;
        line-height: 1.8rem;
    }
    /* line 152, components/_nav-sidebar.scss */
    nav .nav-icon {
        width: 30%;
        height: 10vh;
        margin: auto 10px;
        float: left;
        text-align: left;
    }
    /* line 159, components/_nav-sidebar.scss */
    nav .nav-icon img {
        width: 50px;
        height: auto;
        padding-top: 20px;
    }
    /* line 167, components/_nav-sidebar.scss */
    nav.open {
        height: 100%;
        -webkit-animation: fadeInTop .5s ease forwards;
        animation: fadeInTop .5s ease forwards;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding-left: 20px;
    }
    /* line 174, components/_nav-sidebar.scss */
    nav.open .nav-icon {
        margin-top: 15px;
        width: 50%;
        text-align: left;
        height: 150px;
    }
    /* line 181, components/_nav-sidebar.scss */
    nav.open table {
        display: table;
        padding-bottom: 20px;
    }
    /* line 185, components/_nav-sidebar.scss */
    nav.open table tr {
        font-size: 2em;
        line-height: 1.5em;
        padding-left: 2em;
        letter-spacing: 0.12em;
    }
    /* line 191, components/_nav-sidebar.scss */
    nav.open table tr.downloads {
        border: 5px solid #f9423a;
        color: #f9423a;
    }
    /* line 198, components/_nav-sidebar.scss */
    nav.open table.main-navigation .symbol {
        display: none;
    }
    /* line 202, components/_nav-sidebar.scss */
    nav.open table.main-navigation .name {
        width: 100%;
    }
    /* line 206, components/_nav-sidebar.scss */
    nav.open table.bottom_navigation {
        margin-bottom: 50px;
    }
    /* line 209, components/_nav-sidebar.scss */
    nav.open table.bottom_navigation tr {
        width: 70%;
        margin: auto;
        line-height: 60px;
    }
    /* line 215, components/_nav-sidebar.scss */
    nav.open table.bottom_navigation span {
        font-size: 0.4em;
    }
    /* line 222, components/_nav-sidebar.scss */
    nav.open .title {
        display: none;
    }
    /* line 228, components/_nav-sidebar.scss */
    nav .noScroll {
        overflow: hiden;
    }
    /* line 232, components/_nav-sidebar.scss */
    nav .downloads img {
        width: 25px;
    }
    /* line 236, components/_nav-sidebar.scss */
    nav .title {
        display: inline-block;
        margin: auto 20px;
        font-size: 2rem;
    }
}


/* line 1, components/_section.scss */

section {
    min-height: 100vh;
    overflow-x: hidden;
    position: relative;
    width: 100%;
}


/* line 9, components/_section.scss */

section .cover {
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
}


/* line 17, components/_section.scss */

section .cover .scroll-down {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 20px;
    z-index: 10;
    max-height: 15%;
    overflow-y: hidden;
}


/* line 31, components/_section.scss */

section .cover .scroll-down span {
    padding-bottom: 10px;
    letter-spacing: 0.4em;
}


/* line 35, components/_section.scss */

section .cover .scroll-down span:first-child {
    -ms-grid-column-align: end;
    justify-self: end;
    padding-right: 10px;
    margin-left: -15px;
}


/* line 40, components/_section.scss */

section .cover .scroll-down span:last-child {
    -ms-grid-column-align: start;
    justify-self: start;
    padding-left: 15px;
}


/* line 46, components/_section.scss */

section .cover .scroll-down img {
    width: 30px;
}


/* line 50, components/_section.scss */

section .cover .scroll-down:hover {
    cursor: pointer;
}


/* line 58, components/_section.scss */

section article {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    position: relative;
    height: auto;
    padding-top: 100px;
}


/* line 68, components/_section.scss */

section article::before {
    content: ' ';
    display: block;
    width: 30px;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 12;
    max-height: 15%;
    overflow-y: hidden;
    background: url(../media/png/Element69mdpi.png) no-repeat;
    height: 98px;
}

@media only screen and (max-width: 980px) {
    /* line 78, components/_section.scss */
    section {
        margin: auto;
    }
    /* line 83, components/_section.scss */
    section#one .cover:before {
        display: none;
    }
    /* line 88, components/_section.scss */
    section#two {
        max-width: 100vw;
    }
    /* line 93, components/_section.scss */
    section .cover .scroll-down {
        top: 80vh;
    }
    /* line 97, components/_section.scss */
    section .cover .scroll-down span:first-child {
        -ms-grid-column-align: end;
        justify-self: end;
    }
}


/* line 1, components/_right_sidebar.scss */

.sidebar-right {
    position: absolute;
    height: 100vh;
    width: 120px;
    top: 0;
    right: 0;
    left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    z-index: 10;
    overflow: visible;
}


/* line 15, components/_right_sidebar.scss */

.sidebar-right .chapter_side {
    padding-right: 20px;
    height: 113px;
    width: auto;
}


/* line 21, components/_right_sidebar.scss */

.sidebar-right .download-box {
    border: 4px solid #f9423a;
    border-right: none;
    padding: 5px;
    height: 180px;
    position: relative;
    width: 70px;
}


/* line 30, components/_right_sidebar.scss */

.sidebar-right .download-box p,
.sidebar-right .download-box a {
    text-align: left;
}


/* line 35, components/_right_sidebar.scss */

.sidebar-right .download-box .download-icon {
    width: 12px;
    position: absolute;
    bottom: 5px;
    left: 5px;
}

@media only screen and (max-width: 980px) {
    /* line 1, components/_right_sidebar.scss */
    .sidebar-right {
        display: none;
    }
}


/* line 51, components/_right_sidebar.scss */

.de #three .sidebar-right .download-box {
    height: 200px;
}


/* line 2, components/_numbers.scss */

.numbers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 50px 0;
    height: 100%;
}


/* line 10, components/_numbers.scss */

.numbers .numbertitle,
.numbers .lastyear,
.numbers .lastyearnumber {
    font-size: 1rem;
    padding: 0 !important;
}


/* line 16, components/_numbers.scss */

.numbers .thenumber {
    font-size: 4rem;
    line-height: 0.6em;
    padding: 0px;
}


/* line 23, components/_numbers.scss */

.numbers .lastyear {
    font-family: adineuePROCond-Light, sans-serf;
    line-height: 1em;
}


/* line 28, components/_numbers.scss */

.numbers .net-sales,
.numbers .ebita,
.numbers .op-profit {
    margin: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}


/* line 35, components/_numbers.scss */

.numbers .net-sales {
    width: 431px;
    height: 431px;
    background-image: url(../media/png/numbercircle1.png);
    background-position: center;
    background-repeat: no-repeat;
}


/* line 45, components/_numbers.scss */

.numbers .ebita {
    width: 194px;
    height: 194px;
    background-image: url(../media/png/numbercircle2.png);
    background-position: center;
    background-repeat: no-repeat;
}


/* line 55, components/_numbers.scss */

.numbers .op-profit {
    width: 176px;
    height: 176px;
    background-image: url(../media/png/numbercircle3.png);
    background-position: center;
    background-repeat: no-repeat;
}

@media only screen and (max-width: 980px) {
    /* line 69, components/_numbers.scss */
    .numbers {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}


/* line 3, components/_lists.scss */

ul.arrows-red li {
    list-style-type: initial;
    list-style-image: url("../media/parts/pfeil-rechts.png");
    padding-bottom: 1.5em;
    margin-left: 35px;
}


/* line 13, components/_lists.scss */

ul.arrows-white {
    position: relative;
}


/* line 15, components/_lists.scss */

ul.arrows-white li {
    list-style-image: url("../media/png/pfeil-rechts-w.png");
    list-style-type: initial;
    list-style-position: outside;
}


/* line 1, components/_popup.scss */

.popup {
    display: none;
    height: 100%;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}


/* line 7, components/_popup.scss */

.popup .popup-content {
    max-height: 98vh;
    width: 100%;
    overflow-y: scroll;
    padding: 20px 0 0px 0;
    margin: auto;
}


/* line 16, components/_popup.scss */

.popup .popup-content h4,
.popup .popup-content h5,
.popup .popup-content p,
.popup .popup-content ul {
    max-width: 900px;
    margin: auto;
    position: relative;
    z-index: 100;
}


/* line 23, components/_popup.scss */

.popup .popup-content h4 {
    font-size: 5rem;
    text-align: center;
    letter-spacing: 0.3em;
    padding-bottom: 10px;
    margin-top: 20px;
}


/* line 32, components/_popup.scss */

.popup .popup-content h5 {
    font-family: adineuePRO-Bold, Arial, Helvetica, Veradana, sans-serf;
    font-size: 1.5rem;
    text-transform: uppercase;
}


/* line 39, components/_popup.scss */

.popup .popup-content p,
.popup .popup-content ul {
    max-width: 800px;
    font-size: 1.4rem;
    color: #fff;
}


/* line 44, components/_popup.scss */

.popup .popup-content p.legend,
.popup .popup-content ul.legend {
    font-size: 0.8em;
}


/* line 50, components/_popup.scss */

.popup .popup-content img {
    max-width: 1000px;
    width: 100%;
    height: auto;
    z-index: 0;
    margin-top: -10px;
    margin-bottom: 10px;
    position: relative;
}


/* line 60, components/_popup.scss */

.popup .popup-content ul {
    padding-top: 20px;
}


/* line 63, components/_popup.scss */

.popup .popup-content ul li {
    line-height: 1.5em;
    list-style: none;
}


/* line 67, components/_popup.scss */

.popup .popup-content ul li:before {
    content: '';
    display: block;
    margin: 50px auto;
    width: 30px;
    height: 100px;
    background-position: bottom;
    background: url(../media/svg/scroll_down.svg) no-repeat;
    background: url(../media/png/Element236.png) no-repeat;
    height: 27px;
    width: 15px;
    margin: 20px auto 20px;
}


/* line 80, components/_popup.scss */

.popup .popup-navi {
    position: relative;
    height: 50px;
    width: 100%;
}


/* line 85, components/_popup.scss */

.popup .previous-popup,
.popup .next-popup {
    position: absolute;
    text-transform: uppercase;
    font-size: 15px;
}


/* line 89, components/_popup.scss */

.popup .previous-popup:hover,
.popup .next-popup:hover {
    cursor: pointer;
}


/* line 94, components/_popup.scss */

.popup .previous-popup {
    top: 0;
    left: 0;
    float: left;
}


/* line 98, components/_popup.scss */

.popup .previous-popup:before {
    content: '';
    width: 25px;
    height: 12px;
    display: inline-block;
    background: url(../media/png/pfeil-links-w.png) no-repeat;
    margin-left: 20px;
    margin-right: 10px;
}


/* line 103, components/_popup.scss */

.popup .next-popup {
    top: 0;
    right: 0;
    float: right;
}


/* line 107, components/_popup.scss */

.popup .next-popup:after {
    content: '';
    width: 25px;
    height: 12px;
    display: inline-block;
    background: url(../media/png/pfeil-rechts-w.png) no-repeat;
    margin-left: -20px;
    margin-right: 20px;
    margin-left: 10px;
}


/* line 113, components/_popup.scss */

.popup .popup-close img {
    position: absolute;
    width: 15px !important;
    height: 15px !important;
    margin: 0 !important;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    z-index: 10000;
}


/* line 132, components/_popup.scss */

.popup.strategy-info .popup-content img,
.popup.plans-info .popup-content img {
    margin: 25px auto;
    height: 230px;
    width: auto;
}


/* line 138, components/_popup.scss */

.popup.strategy-info .popup-content .strategy-icons,
.popup.plans-info .popup-content .strategy-icons {
    margin-bottom: 50px;
}


/* line 139, components/_popup.scss */

.popup.strategy-info .popup-content .strategy-icons img,
.popup.plans-info .popup-content .strategy-icons img {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin: 0;
}


/* line 149, components/_popup.scss */

.popup.strategy-info .popup-content h5,
.popup.plans-info .popup-content h5 {
    font-family: adineuePRO-Bold, Arial, Helvetica, Veradana, sans-serf;
    font-weight: bold;
    letter-spacing: 0.335em;
    text-transform: uppercase;
    font-size: 1.4rem;
    line-height: 2rem;
}


/* line 165, components/_popup.scss */

.popup#part1-popup p {
    padding-bottom: 50px;
}


/* line 170, components/_popup.scss */

.popup#part1-popup .strategy-icons img:nth-child(2),
.popup#part1-popup .strategy-icons img:last-child {
    opacity: 0.7;
}


/* line 177, components/_popup.scss */

.popup#part2-popup .strategy-icons img:first-child,
.popup#part2-popup .strategy-icons img:last-child {
    opacity: 0.7;
}


/* line 184, components/_popup.scss */

.popup#part3-popup .strategy-icons img:nth-child(2),
.popup#part3-popup .strategy-icons img:first-child {
    opacity: 0.7;
}


/* line 188, components/_popup.scss */

.popup#part3-popup li:last-child {
    padding-bottom: 50px;
}


/* line 195, components/_popup.scss */

.plainmodal-overlay {
    background-color: #f74640 !important;
    background-image: url("../media/img/Popup_BG_rot_2.jpg");
    background-size: cover;
}

@media only screen and (max-width: 980px) {
    /* line 202, components/_popup.scss */
    .popup {
        padding: 5vh 0 0 0;
        overflow-x: visible;
        top: 0;
        margin-top: 0;
        width: 100%;
    }
    /* line 211, components/_popup.scss */
    .popup .popup-content h4 {
        font-size: 3rem;
    }
    /* line 215, components/_popup.scss */
    .popup .popup-content h5 {
        font-size: 1.3rem;
    }
    /* line 219, components/_popup.scss */
    .popup .popup-content p,
    .popup .popup-content ul {
        font-size: 1.1rem;
        max-width: 95%;
    }
    /* line 225, components/_popup.scss */
    .popup .popup-content img {
        max-height: 300px;
        width: auto;
    }
    /* line 230, components/_popup.scss */
    .popup .popup-content ul {
        padding-top: 0;
    }
    /* line 235, components/_popup.scss */
    .popup .popup-content ul li:before {
        display: none;
    }
    /* line 241, components/_popup.scss */
    .popup .popup-content .footnote {
        font-family: adineuePROCond-Light;
        font-size: 16px;
        text-transform: uppercase;
        letter-spacing: 0.2em;
    }
    /* line 251, components/_popup.scss */
    .popup .popup-close img {
        width: 35px !important;
        height: 35px !important;
    }
    /* line 258, components/_popup.scss */
    .popup.strategy-info#part1-popup h4 {
        border-top: 2px solid #fff;
        padding-top: 20px;
        padding-bottom: 0;
    }
    /* line 263, components/_popup.scss */
    .popup.strategy-info#part1-popup h4.noline {
        border-top: none;
    }
    /* line 270, components/_popup.scss */
    .popup.strategy-info#part3-popup img {
        margin-top: 10px;
        margin-bottom: 0;
        max-height: 250px;
    }
    .popup.strategy-info#part3-popup h4 {
        font-size: 2.5rem;
    }
    /* line 275, components/_popup.scss */
    .popup.strategy-info#part3-popup h5 {
        border-top: 2px solid #fff;
        padding-top: 20px;
        padding-bottom: 20px;
        font-size: 1.2rem;
    }
    /* line 281, components/_popup.scss */
    .popup.strategy-info#part3-popup h5.noline {
        border-top: none;
    }
}


/* line 1, sections/_intro.scss */

#intro {
    overflow-x: hidden;
    height: 100vh;
}


/* line 3, sections/_intro.scss */

#intro .cover {
    /*.logo-glitch {
        @include svgGlitch("headline", 20, white, transparent, red, red, 160, 50, -50, -80);
      }*/
}


/* line 5, sections/_intro.scss */

#intro .cover g {
    display: none;
}


/* line 9, sections/_intro.scss */

#intro .cover #logo {
    position: relative;
}


/* line 11, sections/_intro.scss */

#intro .cover #logo img {
    height: 45px;
    width: 195px;
}


/* line 21, sections/_intro.scss */

#intro .cover .timeout {
    opacity: 0;
}


/* line 25, sections/_intro.scss */

#intro .cover .headline {
    margin: 60px 0px 60px 30px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-gap: 24px;
    justify-items: center;
    position: relative;
}


/* line 33, sections/_intro.scss */

#intro .cover .headline .headline-glitch {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1 / 2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1 / 3;
    width: 900px;
    height: 320px;
    position: relative;
}

@-webkit-keyframes headline-anim-1 {
    0% {
        clip: rect(234px, 900px, 155px, 0);
    }
    1.4285714286% {
        clip: rect(275px, 900px, 266px, 0);
    }
    2.8571428571% {
        clip: rect(74px, 900px, 203px, 0);
    }
    4.2857142857% {
        clip: rect(202px, 900px, 167px, 0);
    }
    5.7142857143% {
        clip: rect(236px, 900px, 268px, 0);
    }
    7.1428571429% {
        clip: rect(230px, 900px, 189px, 0);
    }
    8.5714285714% {
        clip: rect(9px, 900px, 322px, 0);
    }
    10% {
        clip: rect(118px, 900px, 238px, 0);
    }
    11.4285714286% {
        clip: rect(9px, 900px, 96px, 0);
    }
    12.8571428571% {
        clip: rect(307px, 900px, 153px, 0);
    }
    14.2857142857% {
        clip: rect(267px, 900px, 279px, 0);
    }
    15.7142857143% {
        clip: rect(289px, 900px, 264px, 0);
    }
    17.1428571429% {
        clip: rect(260px, 900px, 139px, 0);
    }
    18.5714285714% {
        clip: rect(4px, 900px, 43px, 0);
    }
    20% {
        clip: rect(199px, 900px, 240px, 0);
    }
    21.4285714286% {
        clip: rect(300px, 900px, 185px, 0);
    }
    22.8571428571% {
        clip: rect(24px, 900px, 314px, 0);
    }
    24.2857142857% {
        clip: rect(185px, 900px, 186px, 0);
    }
    25.7142857143% {
        clip: rect(139px, 900px, 192px, 0);
    }
    27.1428571429% {
        clip: rect(27px, 900px, 48px, 0);
    }
    28.5714285714% {
        clip: rect(16px, 900px, 136px, 0);
    }
    30% {
        clip: rect(193px, 900px, 271px, 0);
    }
    31.4285714286% {
        clip: rect(290px, 900px, 233px, 0);
    }
    32.8571428571% {
        clip: rect(266px, 900px, 151px, 0);
    }
    34.2857142857% {
        clip: rect(171px, 900px, 147px, 0);
    }
    35.7142857143% {
        clip: rect(23px, 900px, 140px, 0);
    }
    37.1428571429% {
        clip: rect(55px, 900px, 103px, 0);
    }
    38.5714285714% {
        clip: rect(115px, 900px, 13px, 0);
    }
    40% {
        clip: rect(83px, 900px, 171px, 0);
    }
    41.4285714286% {
        clip: rect(109px, 900px, 21px, 0);
    }
    42.8571428571% {
        clip: rect(208px, 900px, 240px, 0);
    }
    44.2857142857% {
        clip: rect(224px, 900px, 109px, 0);
    }
    45.7142857143% {
        clip: rect(176px, 900px, 111px, 0);
    }
    47.1428571429% {
        clip: rect(188px, 900px, 22px, 0);
    }
    48.5714285714% {
        clip: rect(172px, 900px, 121px, 0);
    }
    50% {
        clip: rect(233px, 900px, 22px, 0);
    }
    51.4285714286% {
        clip: rect(304px, 900px, 219px, 0);
    }
    52.8571428571% {
        clip: rect(144px, 900px, 31px, 0);
    }
    54.2857142857% {
        clip: rect(306px, 900px, 260px, 0);
    }
    55.7142857143% {
        clip: rect(94px, 900px, 65px, 0);
    }
    57.1428571429% {
        clip: rect(227px, 900px, 249px, 0);
    }
    58.5714285714% {
        clip: rect(273px, 900px, 204px, 0);
    }
    60% {
        clip: rect(96px, 900px, 157px, 0);
    }
    61.4285714286% {
        clip: rect(249px, 900px, 94px, 0);
    }
    62.8571428571% {
        clip: rect(213px, 900px, 270px, 0);
    }
    64.2857142857% {
        clip: rect(11px, 900px, 231px, 0);
    }
    65.7142857143% {
        clip: rect(104px, 900px, 288px, 0);
    }
    67.1428571429% {
        clip: rect(24px, 900px, 187px, 0);
    }
    68.5714285714% {
        clip: rect(181px, 900px, 54px, 0);
    }
    70% {
        clip: rect(314px, 900px, 277px, 0);
    }
    71.4285714286% {
        clip: rect(218px, 900px, 47px, 0);
    }
    72.8571428571% {
        clip: rect(-1px, 900px, 223px, 0);
    }
    74.2857142857% {
        clip: rect(139px, 900px, 245px, 0);
    }
    75.7142857143% {
        clip: rect(214px, 900px, 152px, 0);
    }
    77.1428571429% {
        clip: rect(81px, 900px, 198px, 0);
    }
    78.5714285714% {
        clip: rect(162px, 900px, 117px, 0);
    }
    80% {
        clip: rect(27px, 900px, 226px, 0);
    }
    81.4285714286% {
        clip: rect(145px, 900px, 280px, 0);
    }
    82.8571428571% {
        clip: rect(317px, 900px, 6px, 0);
    }
    84.2857142857% {
        clip: rect(129px, 900px, 150px, 0);
    }
    85.7142857143% {
        clip: rect(9px, 900px, 191px, 0);
    }
    87.1428571429% {
        clip: rect(241px, 900px, 171px, 0);
    }
    88.5714285714% {
        clip: rect(284px, 900px, 97px, 0);
    }
    90% {
        clip: rect(256px, 900px, 45px, 0);
    }
    91.4285714286% {
        clip: rect(202px, 900px, 5px, 0);
    }
    92.8571428571% {
        clip: rect(173px, 900px, 220px, 0);
    }
    94.2857142857% {
        clip: rect(184px, 900px, 135px, 0);
    }
    95.7142857143% {
        clip: rect(61px, 900px, 119px, 0);
    }
    97.1428571429% {
        clip: rect(71px, 900px, 238px, 0);
    }
    98.5714285714% {
        clip: rect(26px, 900px, 311px, 0);
    }
    100% {
        clip: rect(27px, 900px, 140px, 0);
    }
}

@keyframes headline-anim-1 {
    0% {
        clip: rect(234px, 900px, 155px, 0);
    }
    1.4285714286% {
        clip: rect(275px, 900px, 266px, 0);
    }
    2.8571428571% {
        clip: rect(74px, 900px, 203px, 0);
    }
    4.2857142857% {
        clip: rect(202px, 900px, 167px, 0);
    }
    5.7142857143% {
        clip: rect(236px, 900px, 268px, 0);
    }
    7.1428571429% {
        clip: rect(230px, 900px, 189px, 0);
    }
    8.5714285714% {
        clip: rect(9px, 900px, 322px, 0);
    }
    10% {
        clip: rect(118px, 900px, 238px, 0);
    }
    11.4285714286% {
        clip: rect(9px, 900px, 96px, 0);
    }
    12.8571428571% {
        clip: rect(307px, 900px, 153px, 0);
    }
    14.2857142857% {
        clip: rect(267px, 900px, 279px, 0);
    }
    15.7142857143% {
        clip: rect(289px, 900px, 264px, 0);
    }
    17.1428571429% {
        clip: rect(260px, 900px, 139px, 0);
    }
    18.5714285714% {
        clip: rect(4px, 900px, 43px, 0);
    }
    20% {
        clip: rect(199px, 900px, 240px, 0);
    }
    21.4285714286% {
        clip: rect(300px, 900px, 185px, 0);
    }
    22.8571428571% {
        clip: rect(24px, 900px, 314px, 0);
    }
    24.2857142857% {
        clip: rect(185px, 900px, 186px, 0);
    }
    25.7142857143% {
        clip: rect(139px, 900px, 192px, 0);
    }
    27.1428571429% {
        clip: rect(27px, 900px, 48px, 0);
    }
    28.5714285714% {
        clip: rect(16px, 900px, 136px, 0);
    }
    30% {
        clip: rect(193px, 900px, 271px, 0);
    }
    31.4285714286% {
        clip: rect(290px, 900px, 233px, 0);
    }
    32.8571428571% {
        clip: rect(266px, 900px, 151px, 0);
    }
    34.2857142857% {
        clip: rect(171px, 900px, 147px, 0);
    }
    35.7142857143% {
        clip: rect(23px, 900px, 140px, 0);
    }
    37.1428571429% {
        clip: rect(55px, 900px, 103px, 0);
    }
    38.5714285714% {
        clip: rect(115px, 900px, 13px, 0);
    }
    40% {
        clip: rect(83px, 900px, 171px, 0);
    }
    41.4285714286% {
        clip: rect(109px, 900px, 21px, 0);
    }
    42.8571428571% {
        clip: rect(208px, 900px, 240px, 0);
    }
    44.2857142857% {
        clip: rect(224px, 900px, 109px, 0);
    }
    45.7142857143% {
        clip: rect(176px, 900px, 111px, 0);
    }
    47.1428571429% {
        clip: rect(188px, 900px, 22px, 0);
    }
    48.5714285714% {
        clip: rect(172px, 900px, 121px, 0);
    }
    50% {
        clip: rect(233px, 900px, 22px, 0);
    }
    51.4285714286% {
        clip: rect(304px, 900px, 219px, 0);
    }
    52.8571428571% {
        clip: rect(144px, 900px, 31px, 0);
    }
    54.2857142857% {
        clip: rect(306px, 900px, 260px, 0);
    }
    55.7142857143% {
        clip: rect(94px, 900px, 65px, 0);
    }
    57.1428571429% {
        clip: rect(227px, 900px, 249px, 0);
    }
    58.5714285714% {
        clip: rect(273px, 900px, 204px, 0);
    }
    60% {
        clip: rect(96px, 900px, 157px, 0);
    }
    61.4285714286% {
        clip: rect(249px, 900px, 94px, 0);
    }
    62.8571428571% {
        clip: rect(213px, 900px, 270px, 0);
    }
    64.2857142857% {
        clip: rect(11px, 900px, 231px, 0);
    }
    65.7142857143% {
        clip: rect(104px, 900px, 288px, 0);
    }
    67.1428571429% {
        clip: rect(24px, 900px, 187px, 0);
    }
    68.5714285714% {
        clip: rect(181px, 900px, 54px, 0);
    }
    70% {
        clip: rect(314px, 900px, 277px, 0);
    }
    71.4285714286% {
        clip: rect(218px, 900px, 47px, 0);
    }
    72.8571428571% {
        clip: rect(-1px, 900px, 223px, 0);
    }
    74.2857142857% {
        clip: rect(139px, 900px, 245px, 0);
    }
    75.7142857143% {
        clip: rect(214px, 900px, 152px, 0);
    }
    77.1428571429% {
        clip: rect(81px, 900px, 198px, 0);
    }
    78.5714285714% {
        clip: rect(162px, 900px, 117px, 0);
    }
    80% {
        clip: rect(27px, 900px, 226px, 0);
    }
    81.4285714286% {
        clip: rect(145px, 900px, 280px, 0);
    }
    82.8571428571% {
        clip: rect(317px, 900px, 6px, 0);
    }
    84.2857142857% {
        clip: rect(129px, 900px, 150px, 0);
    }
    85.7142857143% {
        clip: rect(9px, 900px, 191px, 0);
    }
    87.1428571429% {
        clip: rect(241px, 900px, 171px, 0);
    }
    88.5714285714% {
        clip: rect(284px, 900px, 97px, 0);
    }
    90% {
        clip: rect(256px, 900px, 45px, 0);
    }
    91.4285714286% {
        clip: rect(202px, 900px, 5px, 0);
    }
    92.8571428571% {
        clip: rect(173px, 900px, 220px, 0);
    }
    94.2857142857% {
        clip: rect(184px, 900px, 135px, 0);
    }
    95.7142857143% {
        clip: rect(61px, 900px, 119px, 0);
    }
    97.1428571429% {
        clip: rect(71px, 900px, 238px, 0);
    }
    98.5714285714% {
        clip: rect(26px, 900px, 311px, 0);
    }
    100% {
        clip: rect(27px, 900px, 140px, 0);
    }
}

@-webkit-keyframes headline-anim-2 {
    0% {
        clip: rect(20px, 900px, 55px, 0);
    }
    1.4285714286% {
        clip: rect(189px, 900px, 234px, 0);
    }
    2.8571428571% {
        clip: rect(295px, 900px, 34px, 0);
    }
    4.2857142857% {
        clip: rect(288px, 900px, 252px, 0);
    }
    5.7142857143% {
        clip: rect(206px, 900px, 131px, 0);
    }
    7.1428571429% {
        clip: rect(52px, 900px, 113px, 0);
    }
    8.5714285714% {
        clip: rect(193px, 900px, 85px, 0);
    }
    10% {
        clip: rect(246px, 900px, 62px, 0);
    }
    11.4285714286% {
        clip: rect(83px, 900px, 210px, 0);
    }
    12.8571428571% {
        clip: rect(155px, 900px, 149px, 0);
    }
    14.2857142857% {
        clip: rect(92px, 900px, 218px, 0);
    }
    15.7142857143% {
        clip: rect(243px, 900px, 264px, 0);
    }
    17.1428571429% {
        clip: rect(114px, 900px, 198px, 0);
    }
    18.5714285714% {
        clip: rect(168px, 900px, 319px, 0);
    }
    20% {
        clip: rect(221px, 900px, 311px, 0);
    }
    21.4285714286% {
        clip: rect(275px, 900px, 187px, 0);
    }
    22.8571428571% {
        clip: rect(223px, 900px, 155px, 0);
    }
    24.2857142857% {
        clip: rect(134px, 900px, 41px, 0);
    }
    25.7142857143% {
        clip: rect(29px, 900px, 68px, 0);
    }
    27.1428571429% {
        clip: rect(169px, 900px, 64px, 0);
    }
    28.5714285714% {
        clip: rect(99px, 900px, 134px, 0);
    }
    30% {
        clip: rect(82px, 900px, 29px, 0);
    }
    31.4285714286% {
        clip: rect(96px, 900px, 89px, 0);
    }
    32.8571428571% {
        clip: rect(93px, 900px, 298px, 0);
    }
    34.2857142857% {
        clip: rect(28px, 900px, 86px, 0);
    }
    35.7142857143% {
        clip: rect(81px, 900px, 65px, 0);
    }
    37.1428571429% {
        clip: rect(104px, 900px, 13px, 0);
    }
    38.5714285714% {
        clip: rect(77px, 900px, 215px, 0);
    }
    40% {
        clip: rect(278px, 900px, 204px, 0);
    }
    41.4285714286% {
        clip: rect(308px, 900px, 66px, 0);
    }
    42.8571428571% {
        clip: rect(210px, 900px, 95px, 0);
    }
    44.2857142857% {
        clip: rect(287px, 900px, 49px, 0);
    }
    45.7142857143% {
        clip: rect(146px, 900px, 203px, 0);
    }
    47.1428571429% {
        clip: rect(91px, 900px, 194px, 0);
    }
    48.5714285714% {
        clip: rect(229px, 900px, 273px, 0);
    }
    50% {
        clip: rect(308px, 900px, 99px, 0);
    }
    51.4285714286% {
        clip: rect(308px, 900px, 95px, 0);
    }
    52.8571428571% {
        clip: rect(188px, 900px, 176px, 0);
    }
    54.2857142857% {
        clip: rect(122px, 900px, 101px, 0);
    }
    55.7142857143% {
        clip: rect(135px, 900px, 283px, 0);
    }
    57.1428571429% {
        clip: rect(170px, 900px, 168px, 0);
    }
    58.5714285714% {
        clip: rect(175px, 900px, 271px, 0);
    }
    60% {
        clip: rect(253px, 900px, 228px, 0);
    }
    61.4285714286% {
        clip: rect(316px, 900px, 118px, 0);
    }
    62.8571428571% {
        clip: rect(71px, 900px, 73px, 0);
    }
    64.2857142857% {
        clip: rect(271px, 900px, 55px, 0);
    }
    65.7142857143% {
        clip: rect(161px, 900px, 212px, 0);
    }
    67.1428571429% {
        clip: rect(10px, 900px, 180px, 0);
    }
    68.5714285714% {
        clip: rect(213px, 900px, 298px, 0);
    }
    70% {
        clip: rect(190px, 900px, 45px, 0);
    }
    71.4285714286% {
        clip: rect(119px, 900px, 292px, 0);
    }
    72.8571428571% {
        clip: rect(175px, 900px, 156px, 0);
    }
    74.2857142857% {
        clip: rect(228px, 900px, 208px, 0);
    }
    75.7142857143% {
        clip: rect(17px, 900px, 14px, 0);
    }
    77.1428571429% {
        clip: rect(184px, 900px, 62px, 0);
    }
    78.5714285714% {
        clip: rect(63px, 900px, 145px, 0);
    }
    80% {
        clip: rect(252px, 900px, 112px, 0);
    }
    81.4285714286% {
        clip: rect(261px, 900px, 311px, 0);
    }
    82.8571428571% {
        clip: rect(141px, 900px, 28px, 0);
    }
    84.2857142857% {
        clip: rect(292px, 900px, 200px, 0);
    }
    85.7142857143% {
        clip: rect(72px, 900px, 245px, 0);
    }
    87.1428571429% {
        clip: rect(97px, 900px, 123px, 0);
    }
    88.5714285714% {
        clip: rect(240px, 900px, 318px, 0);
    }
    90% {
        clip: rect(114px, 900px, 196px, 0);
    }
    91.4285714286% {
        clip: rect(143px, 900px, 305px, 0);
    }
    92.8571428571% {
        clip: rect(87px, 900px, 224px, 0);
    }
    94.2857142857% {
        clip: rect(1px, 900px, 160px, 0);
    }
    95.7142857143% {
        clip: rect(49px, 900px, 104px, 0);
    }
    97.1428571429% {
        clip: rect(43px, 900px, 89px, 0);
    }
    98.5714285714% {
        clip: rect(272px, 900px, 166px, 0);
    }
    100% {
        clip: rect(34px, 900px, 144px, 0);
    }
}

@keyframes headline-anim-2 {
    0% {
        clip: rect(20px, 900px, 55px, 0);
    }
    1.4285714286% {
        clip: rect(189px, 900px, 234px, 0);
    }
    2.8571428571% {
        clip: rect(295px, 900px, 34px, 0);
    }
    4.2857142857% {
        clip: rect(288px, 900px, 252px, 0);
    }
    5.7142857143% {
        clip: rect(206px, 900px, 131px, 0);
    }
    7.1428571429% {
        clip: rect(52px, 900px, 113px, 0);
    }
    8.5714285714% {
        clip: rect(193px, 900px, 85px, 0);
    }
    10% {
        clip: rect(246px, 900px, 62px, 0);
    }
    11.4285714286% {
        clip: rect(83px, 900px, 210px, 0);
    }
    12.8571428571% {
        clip: rect(155px, 900px, 149px, 0);
    }
    14.2857142857% {
        clip: rect(92px, 900px, 218px, 0);
    }
    15.7142857143% {
        clip: rect(243px, 900px, 264px, 0);
    }
    17.1428571429% {
        clip: rect(114px, 900px, 198px, 0);
    }
    18.5714285714% {
        clip: rect(168px, 900px, 319px, 0);
    }
    20% {
        clip: rect(221px, 900px, 311px, 0);
    }
    21.4285714286% {
        clip: rect(275px, 900px, 187px, 0);
    }
    22.8571428571% {
        clip: rect(223px, 900px, 155px, 0);
    }
    24.2857142857% {
        clip: rect(134px, 900px, 41px, 0);
    }
    25.7142857143% {
        clip: rect(29px, 900px, 68px, 0);
    }
    27.1428571429% {
        clip: rect(169px, 900px, 64px, 0);
    }
    28.5714285714% {
        clip: rect(99px, 900px, 134px, 0);
    }
    30% {
        clip: rect(82px, 900px, 29px, 0);
    }
    31.4285714286% {
        clip: rect(96px, 900px, 89px, 0);
    }
    32.8571428571% {
        clip: rect(93px, 900px, 298px, 0);
    }
    34.2857142857% {
        clip: rect(28px, 900px, 86px, 0);
    }
    35.7142857143% {
        clip: rect(81px, 900px, 65px, 0);
    }
    37.1428571429% {
        clip: rect(104px, 900px, 13px, 0);
    }
    38.5714285714% {
        clip: rect(77px, 900px, 215px, 0);
    }
    40% {
        clip: rect(278px, 900px, 204px, 0);
    }
    41.4285714286% {
        clip: rect(308px, 900px, 66px, 0);
    }
    42.8571428571% {
        clip: rect(210px, 900px, 95px, 0);
    }
    44.2857142857% {
        clip: rect(287px, 900px, 49px, 0);
    }
    45.7142857143% {
        clip: rect(146px, 900px, 203px, 0);
    }
    47.1428571429% {
        clip: rect(91px, 900px, 194px, 0);
    }
    48.5714285714% {
        clip: rect(229px, 900px, 273px, 0);
    }
    50% {
        clip: rect(308px, 900px, 99px, 0);
    }
    51.4285714286% {
        clip: rect(308px, 900px, 95px, 0);
    }
    52.8571428571% {
        clip: rect(188px, 900px, 176px, 0);
    }
    54.2857142857% {
        clip: rect(122px, 900px, 101px, 0);
    }
    55.7142857143% {
        clip: rect(135px, 900px, 283px, 0);
    }
    57.1428571429% {
        clip: rect(170px, 900px, 168px, 0);
    }
    58.5714285714% {
        clip: rect(175px, 900px, 271px, 0);
    }
    60% {
        clip: rect(253px, 900px, 228px, 0);
    }
    61.4285714286% {
        clip: rect(316px, 900px, 118px, 0);
    }
    62.8571428571% {
        clip: rect(71px, 900px, 73px, 0);
    }
    64.2857142857% {
        clip: rect(271px, 900px, 55px, 0);
    }
    65.7142857143% {
        clip: rect(161px, 900px, 212px, 0);
    }
    67.1428571429% {
        clip: rect(10px, 900px, 180px, 0);
    }
    68.5714285714% {
        clip: rect(213px, 900px, 298px, 0);
    }
    70% {
        clip: rect(190px, 900px, 45px, 0);
    }
    71.4285714286% {
        clip: rect(119px, 900px, 292px, 0);
    }
    72.8571428571% {
        clip: rect(175px, 900px, 156px, 0);
    }
    74.2857142857% {
        clip: rect(228px, 900px, 208px, 0);
    }
    75.7142857143% {
        clip: rect(17px, 900px, 14px, 0);
    }
    77.1428571429% {
        clip: rect(184px, 900px, 62px, 0);
    }
    78.5714285714% {
        clip: rect(63px, 900px, 145px, 0);
    }
    80% {
        clip: rect(252px, 900px, 112px, 0);
    }
    81.4285714286% {
        clip: rect(261px, 900px, 311px, 0);
    }
    82.8571428571% {
        clip: rect(141px, 900px, 28px, 0);
    }
    84.2857142857% {
        clip: rect(292px, 900px, 200px, 0);
    }
    85.7142857143% {
        clip: rect(72px, 900px, 245px, 0);
    }
    87.1428571429% {
        clip: rect(97px, 900px, 123px, 0);
    }
    88.5714285714% {
        clip: rect(240px, 900px, 318px, 0);
    }
    90% {
        clip: rect(114px, 900px, 196px, 0);
    }
    91.4285714286% {
        clip: rect(143px, 900px, 305px, 0);
    }
    92.8571428571% {
        clip: rect(87px, 900px, 224px, 0);
    }
    94.2857142857% {
        clip: rect(1px, 900px, 160px, 0);
    }
    95.7142857143% {
        clip: rect(49px, 900px, 104px, 0);
    }
    97.1428571429% {
        clip: rect(43px, 900px, 89px, 0);
    }
    98.5714285714% {
        clip: rect(272px, 900px, 166px, 0);
    }
    100% {
        clip: rect(34px, 900px, 144px, 0);
    }
}


/* line 166, effects/glitch.scss */

#intro .cover .headline .headline-glitch img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 900px;
    height: 320px;
}


/* line 174, effects/glitch.scss */

#intro .cover .headline .headline-glitch img:nth-child(2),
#intro .cover .headline .headline-glitch img:nth-child(3) {
    clip: rect(0, 0, 0, 0);
}


/* line 178, effects/glitch.scss */

#intro .cover .headline .headline-glitch img:nth-child(2) {
    left: -2px;
    animation: headline-anim-1 2s infinite linear alternate-reverse;
}


/* line 182, effects/glitch.scss */

#intro .cover .headline .headline-glitch img:nth-child(3) {
    left: 2px;
    animation: headline-anim-2 3s infinite linear alternate-reverse;
}


/* line 42, sections/_intro.scss */

#intro .cover .headline .headline-img {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1 / 2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1 / 3;
    width: 900px;
    height: 320px;
}


/* line 47, sections/_intro.scss */

#intro .cover .headline .headline-img img {
    width: 100%;
}


/* line 52, sections/_intro.scss */

#intro .cover .headline h1 {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1 / 2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1 / 2;
    -ms-flex-item-align: end;
    -ms-grid-row-align: end;
    align-self: end;
    z-index: 50;
}


/* line 60, sections/_intro.scss */

#intro .cover .headline h2 {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1 / 2;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2 / 3;
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start;
    z-index: 50;
}


/* line 72, sections/_intro.scss */

#intro .sidebar-right {
    right: -82px;
}


/* line 76, sections/_intro.scss */

#intro .scroll-down {
    bottom: -100px;
}

@media screen and (max-width: 980px) {
    /* line 86, sections/_intro.scss */
    .de #intro .cover .headline h1 {
        font-size: 3.5rem;
    }
    /* line 90, sections/_intro.scss */
    #intro {
        max-height: 80vh;
    }
}


/* line 1, sections/_chapters.scss */

.chapter {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}


/* line 7, sections/_chapters.scss */

.chapter .headline {
    margin: 50px;
    height: 60vh;
    overflow: hidden;
}


/* line 12, sections/_chapters.scss */

.chapter .headline h2 {
    max-width: 1200px;
    z-index: 10;
}


/* line 18, sections/_chapters.scss */

.chapter .headline .headline-img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    max-height: 60vh;
    height: 100%;
}


/* line 26, sections/_chapters.scss */

.chapter .headline .headline-img img {
    height: 100%;
}


/* line 29, sections/_chapters.scss */

.chapter .headline .headline-img img:nth-child(2),
.chapter .headline .headline-img img:nth-child(3) {
    display: none;
    opacity: 0;
    z-index: 1;
}


/* line 40, sections/_chapters.scss */

.chapter .headline .headline-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    top: 0;
}


/* line 54, sections/_chapters.scss */

.chapter .cover::before {
    content: ' ';
    display: block;
    width: 30px;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 12;
    max-height: 15%;
    overflow-y: hidden;
    background: url(../media/png/cover-before.png) no-repeat;
}


/* line 60, sections/_chapters.scss */

.chapter h3 {
    padding: 40px 0;
}

@media only screen and (max-width: 980px) {
    /* line 69, sections/_chapters.scss */
    .chapter .headline h2,
    .chapter h3,
    article.quarter .month .image-row h4 {
        font-size: 3.4rem;
        letter-spacing: 1.5rem;
    }
}


/* line 1, sections/_quarters.scss */

article.quarter {
    height: auto;
    position: relative;
    padding-top: 100px;
    padding-bottom: 100px;
    display: block;
}


/* line 10, sections/_quarters.scss */

article.quarter img.asheadline {
    margin-top: 40px;
    margin-bottom: 0;
}


/* line 15, sections/_quarters.scss */

article.quarter .month {
    width: 100%;
}


/* line 19, sections/_quarters.scss */

article.quarter .month::before {
    content: '';
    display: block;
    margin: 50px auto;
    width: 30px;
    height: 100px;
    background-position: bottom;
    background: url(../media/png/arrow_down.png) no-repeat;
    height: 45px;
    margin-top: 60px;
    margin-bottom: 0;
}


/* line 26, sections/_quarters.scss */

article.quarter .month img {
    max-width: 1000px;
}


/* line 29, sections/_quarters.scss */

article.quarter .month img.month-headline {
    padding: 30px 0 20px;
}


/* line 34, sections/_quarters.scss */

article.quarter .month p,
article.quarter .month h4 {
    max-width: 700px;
    margin: auto;
    padding: 10px;
}


/* line 40, sections/_quarters.scss */

article.quarter .month h4 {
    font-family: adineuePRO-Bold, Arial, Helvetica, Veradana, sans-serf;
    font-weight: bold;
    letter-spacing: 0.335em;
    text-transform: uppercase;
    line-height: 1.5;
}


/* line 50, sections/_quarters.scss */

article.quarter .month b,
article.quarter .month h4 {
    font-size: 1.35rem;
}


/* line 54, sections/_quarters.scss */

article.quarter .month .highlight-paragraph {
    position: relative;
    z-index: 2;
}


/* line 61, sections/_quarters.scss */

article.quarter .month .highlight-video {
    z-index: 0;
    top: -300px;
    margin: 60px auto 80px;
    height: 450px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}


/* line 72, sections/_quarters.scss */

article.quarter .month .highlight-video:hover .video__button .stroke-dotted {
    stroke-width: 2px;
    opacity: 1;
}


/* line 76, sections/_quarters.scss */

article.quarter .month .highlight-video:hover .video__button.is-playing .stroke-dotted {
    opacity: 0;
    -webkit-transition: opacity 0s ease, stroke-width 0s ease;
    -o-transition: opacity 0s ease, stroke-width 0s ease;
    transition: opacity 0s ease, stroke-width 0s ease;
}


/* line 81, sections/_quarters.scss */

article.quarter .month .highlight-video:hover .video__button .stroke-solid {
    opacity: 0;
    stroke-dashoffset: 300;
}


/* line 87, sections/_quarters.scss */

article.quarter .month .highlight-video img {
    margin-top: 225px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}


/* line 95, sections/_quarters.scss */

article.quarter .month .video__button {
    background: transparent;
    width: 100px;
    height: 100px;
    top: 50%;
    left: 50%;
    position: absolute;
    display: block;
    padding: 0;
    outline: none;
    cursor: pointer;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}


/* line 109, sections/_quarters.scss */

article.quarter .month .video__button:after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    -webkit-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
    background-image: url(../media/png/start.png);
    background-position: center;
    background-repeat: no-repeat;
}


/* line 126, sections/_quarters.scss */

article.quarter .month .video__button .stroke-dotted {
    opacity: 0;
    stroke-dasharray: 4, 5;
    stroke-width: 1px;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation: spin 4s infinite linear;
    animation: spin 4s infinite linear;
    -webkit-transition: opacity 1s ease, stroke-width 1s ease;
    -o-transition: opacity 1s ease, stroke-width 1s ease;
    transition: opacity 1s ease, stroke-width 1s ease;
}


/* line 135, sections/_quarters.scss */

article.quarter .month .video__button .stroke-solid {
    stroke-dashoffset: 0;
    stroke-dashArray: 300;
    stroke-width: 2px;
    -webkit-transition: stroke-dashoffset 1s ease, opacity 1s ease;
    -o-transition: stroke-dashoffset 1s ease, opacity 1s ease;
    transition: stroke-dashoffset 1s ease, opacity 1s ease;
}


/* line 144, sections/_quarters.scss */

article.quarter .month .video__button.is-playing {
    top: 1rem;
    right: 50%;
    width: 15px;
    height: 15px;
    left: auto;
    -webkit-transform: translateX(520px);
    -ms-transform: translateX(520px);
    transform: translateX(520px);
}


/* line 152, sections/_quarters.scss */

article.quarter .month .video__button.is-playing .stroke-solid {
    opacity: 0;
}


/* line 158, sections/_quarters.scss */

article.quarter .month .video__button.is-playing:before,
article.quarter .month .video__button.is-playing:after {
    left: 32%;
    background-image: url(../media/svg/close.svg);
}


/* line 169, sections/_quarters.scss */

article.quarter .month .video:hover .video__button {
    border-color: #6ddce5;
}


/* line 172, sections/_quarters.scss */

article.quarter .month .video:hover .video__button:before,
article.quarter .month .video:hover .video__button:after {
    background-color: #6ddce5;
}


/* line 178, sections/_quarters.scss */

article.quarter .month #video-player {
    width: 1000px;
    height: 451px;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
}


/* line 192, sections/_quarters.scss */

article.quarter .month #dez1v {
    margin: 60px auto 40px;
}


/* line 197, sections/_quarters.scss */

article.quarter .month .image-row {
    display: -ms-grid;
    display: grid;
    margin: 20px auto 82px;
    max-width: 1000px;
    position: relative;
    overflow: hidden;
}


/* line 205, sections/_quarters.scss */

article.quarter .month .image-row h4 {
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start;
    font-size: 2.7rem;
    letter-spacing: 0.533;
    line-height: 1.2;
    text-align: right;
    z-index: 10;
}


/* line 215, sections/_quarters.scss */

article.quarter .month .image-row img {
    display: block;
    max-width: 100%;
    width: 100%;
}


/* line 222, sections/_quarters.scss */

article.quarter .month .image-row a {
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start;
    display: inline-block;
    padding-top: 20px;
}


/* line 229, sections/_quarters.scss */

article.quarter .month .image-row.jan {
    -ms-grid-rows: 0.5fr 2fr 1.2fr;
    -ms-grid-columns: 3fr 1fr 4fr;
    grid-template: 0.5fr 2fr 1.2fr / 3fr 1fr 4fr;
    height: 500px;
    max-width: 1100px;
}


/* line 234, sections/_quarters.scss */

article.quarter .month .image-row.jan .img-one {
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
    grid-column: 2 / 4;
    -ms-grid-row: 2;
    -ms-grid-row-span: 2;
    grid-row: 2 / 4;
}


/* line 239, sections/_quarters.scss */

article.quarter .month .image-row.jan .img-two {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1 / 3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1 / 3;
}


/* line 244, sections/_quarters.scss */

article.quarter .month .image-row.jan a {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1 / 2;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-row: 3 / 4;
    text-align: center;
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start;
}


/* line 253, sections/_quarters.scss */

article.quarter .month .image-row.feb {
    margin-top: 20px;
    -ms-grid-rows: 1fr 1.5fr 3fr 1fr;
    -ms-grid-columns: 4.5fr 0.5fr 4fr 0.97fr;
    grid-template: 1fr 1.5fr 3fr 1fr / 4.5fr 0.5fr 4fr 0.97fr;
    height: 750px;
    top: 0px;
    max-width: 1100px;
}


/* line 260, sections/_quarters.scss */

article.quarter .month .image-row.feb h4 {
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-column: 3 / 4;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1 / 3;
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start;
    margin-top: 0;
}


/* line 267, sections/_quarters.scss */

article.quarter .month .image-row.feb .img-one {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1 / 3;
    -ms-grid-row: 2;
    -ms-grid-row-span: 3;
    grid-row: 2 / 5;
    z-index: 0;
}


/* line 273, sections/_quarters.scss */

article.quarter .month .image-row.feb .img-two {
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
    grid-column: 2 / 4;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-row: 3 / 4;
    z-index: 5;
}


/* line 279, sections/_quarters.scss */

article.quarter .month .image-row.feb .img-three {
    -ms-grid-column: 4;
    -ms-grid-column-span: 1;
    grid-column: 4 / 5;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-row: 3 / 4;
}


/* line 284, sections/_quarters.scss */

article.quarter .month .image-row.feb a {
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-column: 3 / 4;
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    grid-row: 4 / 5;
    text-align: right;
}


/* line 290, sections/_quarters.scss */

article.quarter .month .image-row.feb img.img-one {
    height: auto;
}


/* line 296, sections/_quarters.scss */

article.quarter .month .image-row.feb2 {
    -ms-grid-rows: 1.7fr 1.3fr 1fr;
    -ms-grid-columns: 3fr 1fr 2fr;
    grid-template: 1.7fr 1.3fr 1fr / 3fr 1fr 2fr;
    max-height: 620px;
    max-width: 1100px;
}


/* line 301, sections/_quarters.scss */

article.quarter .month .image-row.feb2 .img-one {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1 / 3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1 / 3;
}


/* line 306, sections/_quarters.scss */

article.quarter .month .image-row.feb2 .img-two {
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
    grid-column: 2 / 4;
    -ms-grid-row: 2;
    -ms-grid-row-span: 2;
    grid-row: 2 / 4;
}


/* line 311, sections/_quarters.scss */

article.quarter .month .image-row.feb2 a {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1 / 2;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-row: 3 / 4;
    text-align: right;
    margin-right: 50px;
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start;
}


/* line 321, sections/_quarters.scss */

article.quarter .month .image-row.april {
    margin-top: 20px;
    -ms-grid-rows: 1fr 2fr 2fr 4fr;
    -ms-grid-columns: 3fr 3fr 5fr 0.75fr;
    grid-template: 1fr 2fr 2fr 4fr / 3fr 3fr 5fr 0.75fr;
    height: 700px;
    max-width: 1100px;
}


/* line 327, sections/_quarters.scss */

article.quarter .month .image-row.april h4 {
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-column: 3 / 4;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1 / 3;
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start;
}


/* line 333, sections/_quarters.scss */

article.quarter .month .image-row.april .img-one {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1 / 3;
    -ms-grid-row: 2;
    -ms-grid-row-span: 2;
    grid-row: 2 / 4;
    z-index: 5;
}


/* line 339, sections/_quarters.scss */

article.quarter .month .image-row.april .img-two {
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
    grid-column: 2 / 4;
    -ms-grid-row: 3;
    -ms-grid-row-span: 2;
    grid-row: 3 / 5;
}


/* line 344, sections/_quarters.scss */

article.quarter .month .image-row.april .img-three {
    -ms-grid-column: 4;
    -ms-grid-column-span: 1;
    grid-column: 4 / 5;
    -ms-grid-row: 3;
    -ms-grid-row-span: 2;
    grid-row: 3 / 5;
}


/* line 349, sections/_quarters.scss */

article.quarter .month .image-row.april a {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1 / 2;
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    grid-row: 4 / 5;
    text-align: left;
}


/* line 357, sections/_quarters.scss */

article.quarter .month .image-row.april2 {
    -ms-grid-rows: 3fr 2fr 5fr;
    -ms-grid-columns: 3fr 1fr 3fr 0.85fr;
    grid-template: 3fr 2fr 5fr / 3fr 1fr 3fr 0.85fr;
    height: 550px;
}


/* line 361, sections/_quarters.scss */

article.quarter .month .image-row.april2 .img-one {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1 / 3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1 / 3;
    z-index: 5;
}


/* line 368, sections/_quarters.scss */

article.quarter .month .image-row.april2 .img-two {
    -ms-grid-column: 2;
    -ms-grid-column-span: 3;
    grid-column: 2 / 5;
    -ms-grid-row: 2;
    -ms-grid-row-span: 2;
    grid-row: 2 / 4;
}


/* line 373, sections/_quarters.scss */

article.quarter .month .image-row.april2 .img-three {
    -ms-grid-column: 4;
    -ms-grid-column-span: 1;
    grid-column: 4 / 5;
    -ms-grid-row: 2;
    -ms-grid-row-span: 2;
    grid-row: 2 / 4;
}


/* line 378, sections/_quarters.scss */

article.quarter .month .image-row.april2 a {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1 / 2;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-row: 3 / 4;
    text-align: left;
}


/* line 386, sections/_quarters.scss */

article.quarter .month .image-row.may {
    -ms-grid-rows: 3fr 2fr 3fr 5fr;
    -ms-grid-columns: 1fr 7fr 1fr 5fr;
    grid-template: 3fr 2fr 3fr 5fr / 1fr 7fr 1fr 5fr;
    height: 650px;
}


/* line 391, sections/_quarters.scss */

article.quarter .month .image-row.may h4 {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2 / 3;
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    grid-row: 4 / 5;
    text-align: right;
    padding-right: 20px;
    padding-top: 50px;
    padding-bottom: 0;
    -ms-flex-item-align: end;
    -ms-grid-row-align: end;
    align-self: end;
}


/* line 401, sections/_quarters.scss */

article.quarter .month .image-row.may .img-two {
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-column: 1 / 4;
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    grid-row: 1 / 4;
    padding-left: 80px;
}


/* line 407, sections/_quarters.scss */

article.quarter .month .image-row.may .img-three {
    -ms-grid-column: 3;
    -ms-grid-column-span: 2;
    grid-column: 3 / 5;
    -ms-grid-row: 3;
    -ms-grid-row-span: 2;
    grid-row: 3 / 5;
}


/* line 414, sections/_quarters.scss */

article.quarter .month .image-row.june {
    -ms-grid-rows: 9fr 1fr 3fr 4fr 2fr 1fr;
    -ms-grid-columns: 5fr 2fr 5fr 1fr 0.2fr;
    grid-template: 9fr 1fr 3fr 4fr 2fr 1fr / 5fr 2fr 5fr 1fr 0.2fr;
    height: 700px;
    margin: 20px auto 20px;
}


/* line 419, sections/_quarters.scss */

article.quarter .month .image-row.june h4 {
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-column: 3 / 4;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1 / 2;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    text-align: right;
}


/* line 426, sections/_quarters.scss */

article.quarter .month .image-row.june .img-one {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1 / 3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    grid-row: 1 / 4;
}


/* line 431, sections/_quarters.scss */

article.quarter .month .image-row.june .img-two {
    -ms-grid-column: 2;
    -ms-grid-column-span: 3;
    grid-column: 2 / 5;
    -ms-grid-row: 2;
    -ms-grid-row-span: 4;
    grid-row: 2 / 6;
}


/* line 436, sections/_quarters.scss */

article.quarter .month .image-row.june .img-three {
    -ms-grid-column: 4;
    -ms-grid-column-span: 2;
    grid-column: 4 / 6;
    -ms-grid-row: 3;
    -ms-grid-row-span: 4;
    grid-row: 3 / 7;
}


/* line 441, sections/_quarters.scss */

article.quarter .month .image-row.june a {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1 / 3;
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    grid-row: 4 / 5;
    -ms-flex-item-align: end;
    -ms-grid-row-align: end;
    align-self: end;
    text-align: left;
}


/* line 450, sections/_quarters.scss */

article.quarter .month .image-row.july {
    -ms-grid-rows: 2fr 3fr 1fr;
    -ms-grid-columns: 2fr 5fr 20px 3fr 2fr;
    grid-template: 2fr 3fr 1fr/2fr 5fr 20px 3fr 2fr;
    height: 600px;
}


/* line 454, sections/_quarters.scss */

article.quarter .month .image-row.july .img-one {
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
    grid-column: 2 / 4;
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    grid-row: 1 / 4;
}


/* line 459, sections/_quarters.scss */

article.quarter .month .image-row.july .img-two {
    -ms-grid-column: 3;
    -ms-grid-column-span: 3;
    grid-column: 3 / 6;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2 / 3;
}


/* line 464, sections/_quarters.scss */

article.quarter .month .image-row.july a {
    -ms-grid-column: 4;
    -ms-grid-column-span: 2;
    grid-column: 4 / 6;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-row: 3 / 4;
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start;
    text-align: right;
}


/* line 473, sections/_quarters.scss */

article.quarter .month .image-row.aug1 {
    -ms-grid-rows: 1fr;
    -ms-grid-columns: 12fr 0.5fr 7fr 0.97fr;
    grid-template: 1fr/12fr 0.5fr 7fr 0.97fr;
}


/* line 476, sections/_quarters.scss */

article.quarter .month .image-row.aug1 h4 {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1 / 2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1 / 2;
    -ms-flex-item-align: end;
    -ms-grid-row-align: end;
    align-self: end;
}


/* line 482, sections/_quarters.scss */

article.quarter .month .image-row.aug1 .img-one {
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-column: 3 / 4;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1 / 2;
}


/* line 487, sections/_quarters.scss */

article.quarter .month .image-row.aug1 .img-two {
    -ms-grid-column: 4;
    -ms-grid-column-span: 1;
    grid-column: 4 / 5;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1 / 2;
}


/* line 492, sections/_quarters.scss */

article.quarter .month .image-row.aug1 a {
    -ms-grid-column: 3;
    -ms-grid-column-span: 2;
    grid-column: 3 / 5;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2 / 3;
    text-align: right;
}


/* line 500, sections/_quarters.scss */

article.quarter .month .image-row.aug2 {
    -ms-grid-rows: 3fr 9fr 1fr;
    -ms-grid-columns: 2fr 3fr 2fr;
    grid-template: 3fr 9fr 1fr / 2fr 3fr 2fr;
    height: 600px;
}


/* line 504, sections/_quarters.scss */

article.quarter .month .image-row.aug2 .img-one {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1 / 3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1 / 3;
}


/* line 509, sections/_quarters.scss */

article.quarter .month .image-row.aug2 .img-two {
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
    grid-column: 2 / 4;
    -ms-grid-row: 2;
    -ms-grid-row-span: 2;
    grid-row: 2 / 4;
}


/* line 514, sections/_quarters.scss */

article.quarter .month .image-row.aug2 a {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1 / 3;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-row: 3 / 4;
    text-align: left;
}


/* line 522, sections/_quarters.scss */

article.quarter .month .image-row.oct {
    -ms-grid-rows: 5fr 8fr 1fr;
    -ms-grid-columns: 7fr 1fr 7fr 0.813fr;
    grid-template: 5fr 8fr 1fr / 7fr 1fr 7fr 0.813fr;
    height: 700px;
    max-width: 950px;
}


/* line 528, sections/_quarters.scss */

article.quarter .month .image-row.oct h4 {
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-column: 3 / 4;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1 / 2;
    text-align: right;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}


/* line 535, sections/_quarters.scss */

article.quarter .month .image-row.oct .img-one {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1 / 3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    grid-row: 1 / 4;
}


/* line 540, sections/_quarters.scss */

article.quarter .month .image-row.oct .img-two {
    -ms-grid-column: 2;
    -ms-grid-column-span: 3;
    grid-column: 2 / 5;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2 / 3;
}


/* line 545, sections/_quarters.scss */

article.quarter .month .image-row.oct .img-three {
    -ms-grid-column: 4;
    -ms-grid-column-span: 1;
    grid-column: 4 / 5;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2 / 3;
    text-align: left;
}


/* line 553, sections/_quarters.scss */

article.quarter .month .image-row.nov {
    -ms-grid-rows: 3fr 2fr 4fr;
    -ms-grid-columns: 50% 1fr 4fr;
    grid-template: 3fr 2fr 4fr / 50% 1fr 4fr;
    height: 650px;
    max-width: 1100px;
    margin-top: 50px;
    margin-bottom: 40px;
}


/* line 560, sections/_quarters.scss */

article.quarter .month .image-row.nov h4 {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1 / 2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1 / 2;
    text-align: left;
    padding-bottom: 10px;
}


/* line 567, sections/_quarters.scss */

article.quarter .month .image-row.nov .img-one {
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
    grid-column: 2 / 4;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1 / 3;
    height: auto;
}


/* line 573, sections/_quarters.scss */

article.quarter .month .image-row.nov .img-two {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1 / 3;
    -ms-grid-row: 2;
    -ms-grid-row-span: 2;
    grid-row: 2 / 4;
    width: auto;
}


/* line 584, sections/_quarters.scss */

article.quarter .month .img-vb {
    display: block;
    margin: 30px auto 0;
    max-width: 600px;
}


/* line 589, sections/_quarters.scss */

article.quarter .month .a-vb {
    display: block;
    margin: auto;
    width: 100%;
    max-width: 600px;
    text-align: right;
    padding-top: 10px;
}

@-webkit-keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@media screen and (max-width: 980px) {
    /* line 608, sections/_quarters.scss */
    article.quarter .month .image-row h4 {
        font-size: 1.9rem;
    }
}


/* line 1, sections/_letter.scss */

#letter {
    padding-top: 0;
    position: relative;
    width: 100%;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 50vw 50vw;
    grid-template-columns: 50vw 50vw;
    grid-gap: 0px;
    text-align: left;
    padding-left: 0;
    background: #fff;
}


/* line 3, sections/_letter.scss */

#letter::before {
    top: -1px;
}


/* line 17, sections/_letter.scss */

#letter .sidebar-right .download-box .download-icon {
    height: 15px;
    margin-left: 0;
}


/* line 22, sections/_letter.scss */

#letter .half-screen-img {
    position: relative;
    background-color: #000;
    background-image: url(../media/img/Photo_Kasper.jpg);
    background-repeat: no-repeat;
    background-size: 50vw;
    background-position: left;
    background-attachment: fixed;
    width: 100%;
    height: 100%;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1 / 2;
    content: ' ';
}


/* line 39, sections/_letter.scss */

#letter .half-screen-text {
    position: relative;
    max-width: 50vw;
    height: auto;
    background-color: #ffffff;
    margin: 0 0 0 auto;
    padding: 100px 160px 100px 70px;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2 / 3;
    /*
          h6 {
            font : {
              family: AdihausDIN-Regular, Arial, Helvetica, Veradana, sans-serif;
              size: 1rem;
            }
            color: #000;
            font-weight: bold;
            text-transform: none;
            letter-spacing: 0;
          }
      */
}


/* line 48, sections/_letter.scss */

#letter .half-screen-text h4 {
    font-family: adineuePRO-Black;
    font-size: 2.5rem;
    line-height: 1;
    color: #000;
    text-align: left;
    text-transform: uppercase;
    padding-bottom: 1.2em;
}


/* line 60, sections/_letter.scss */

#letter .half-screen-text h5 {
    font-family: adineuePRO-Bold;
    font-size: 1.1rem;
    line-height: 1.81em;
    color: #000;
    text-transform: uppercase;
    padding-bottom: 0;
}


/* line 75, sections/_letter.scss */

#letter .half-screen-text p,
#letter .half-screen-text li {
    font-family: AdihausDIN-Regular, Arial, Helvetica, Veradana, sans-serif;
    font-size: 1.1rem;
    line-height: 1.5rem;
    color: #000;
    text-align: justify;
}


/* line 85, sections/_letter.scss */

#letter .half-screen-text b,
#letter .half-screen-text h6 {
    font-family: AdihausDIN-Bold, Arial, Helvetica, Veradana, sans-serif;
    font-size: 1.05rem;
    color: #000;
    font-weight: bold;
    text-transform: none;
    letter-spacing: 0;
}


/* line 109, sections/_letter.scss */

#letter img {
    height: 70px;
    margin-left: -30px;
}


/* line 114, sections/_letter.scss */

#letter p.signature {
    font-family: adineuePRO-Regular, Arial, Helvetica, Veradana, sans-serif;
    font-size: 1.1rem;
    line-height: 1;
    letter-spacing: 0.19em;
    color: #000;
    text-align: left;
    text-transform: uppercase;
}


/* line 124, sections/_letter.scss */

#letter p.signature span {
    font-family: adineuePRO-Black;
}

@media only screen and (max-width: 980px) {
    /* line 133, sections/_letter.scss */
    #letter {
        display: block;
    }
    /* line 135, sections/_letter.scss */
    #letter:before {
        display: none;
    }
    /* line 141, sections/_letter.scss */
    #letter .half-screen-img {
        width: 100vw;
        height: 1200px;
        background-attachment: local;
        background-size: 100%;
    }
    /* line 147, sections/_letter.scss */
    #letter .half-screen-img img {
        width: 100%;
    }
    /* line 152, sections/_letter.scss */
    #letter .half-screen-text {
        max-width: 80vw;
        padding: 100px;
        margin: 0;
    }
    /* line 158, sections/_letter.scss */
    #letter .half-screen-text p.signature {
        padding-bottom: 300px;
    }
}


/* line 1, sections/_executiveboard.scss */

#executive-board {
    padding-top: 5%;
    width: 100%;
    background-color: #000;
    background-image: url(../media/img/adidas-bg.jpg);
    background-repeat: no-repeat;
    background-size: 100vw 100vh;
    background-position: center;
    background-attachment: fixed;
}


/* line 14, sections/_executiveboard.scss */

#executive-board .sidebar-right {
    height: 100%;
}


/* line 19, sections/_executiveboard.scss */

#executive-board .exec-board {
    position: relative;
    display: block;
    z-index: 1;
}


/* line 27, sections/_executiveboard.scss */

#executive-board .exec-board-imgs {
    width: 100%;
    height: 100%;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: 35px 1fr 35px;
    grid-template-rows: 35px 1fr 35px;
    position: relative;
}


/* line 35, sections/_executiveboard.scss */

#executive-board .exec-board-imgs img {
    max-width: 100%;
    position: absolute;
    max-height: 85vh;
    top: 0;
}


/* line 43, sections/_executiveboard.scss */

#executive-board .exec-board-imgs .exec-board-img-left {
    position: relative;
    display: block;
    -ms-grid-row: 2;
    -ms-grid-row-span: 2;
    grid-row: 2 / 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1 / 2;
    width: 100%;
    height: 800px;
    background-size: cover;
}


/* line 51, sections/_executiveboard.scss */

#executive-board .exec-board-imgs .exec-board-img-left img {
    right: 0;
}


/* line 57, sections/_executiveboard.scss */

#executive-board .exec-board-imgs .exec-board-img-right {
    position: relative;
    display: block;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1 / 3;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2 / 3;
    width: 100%;
    background-size: cover;
}


/* line 64, sections/_executiveboard.scss */

#executive-board .exec-board-imgs .exec-board-img-right img {
    left: 0;
}


/* line 71, sections/_executiveboard.scss */

#executive-board .board-members {
    margin-bottom: 50px;
    width: 100%;
    max-width: 1100px;
    z-index: 50;
}


/* line 78, sections/_executiveboard.scss */

#executive-board .board-members .board-member {
    width: 16.66%;
    float: left;
}


/* line 83, sections/_executiveboard.scss */

#executive-board .board-members .board-member div::before {
    content: '';
    display: block;
    margin: 50px auto;
    width: 30px;
    height: 100px;
    background-position: bottom;
    background: url(../media/svg/scroll_down.svg) no-repeat;
    margin-top: -30px;
    margin-bottom: 20px;
}


/* line 89, sections/_executiveboard.scss */

#executive-board .board-members .board-member p {
    font-family: adineuePROCond-Light, sans-serf;
    font-size: 1.2rem;
    color: #f9423a;
    padding: 0;
    line-height: 1em;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}


/* line 100, sections/_executiveboard.scss */

#executive-board .board-members .board-member p:first-child {
    font-family: adineuePROCond-Bold, sans-serf;
    font-size: 1.3rem;
}


/* line 109, sections/_executiveboard.scss */

#executive-board .board-members .board-member:hover p {
    color: #fff;
}


/* line 118, sections/_executiveboard.scss */

#executive-board p.footnote {
    font-family: adineuePROCond-Light;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    margin-bottom: 150px;
}

@media only screen and (max-width: 980px) {
    /* line 129, sections/_executiveboard.scss */
    #executive-board {
        background-color: transparent;
    }
    /* line 133, sections/_executiveboard.scss */
    #executive-board .exec-board-imgs {
        display: block;
    }
    /* line 136, sections/_executiveboard.scss */
    #executive-board .exec-board-imgs img {
        width: 100%;
        position: relative;
    }
    /* line 140, sections/_executiveboard.scss */
    #executive-board .exec-board-imgs .exec-board-img-left,
    #executive-board .exec-board-imgs .exec-board-img-right {
        display: none;
    }
    /* line 145, sections/_executiveboard.scss */
    #executive-board .board-members {
        display: block;
        width: 100%;
    }
    /* line 149, sections/_executiveboard.scss */
    #executive-board .board-members .board-member {
        width: 100%;
        border-bottom: 3px solid white;
    }
    /* line 155, sections/_executiveboard.scss */
    #executive-board .board-members .board-member div {
        position: relative;
    }
    /* line 159, sections/_executiveboard.scss */
    #executive-board .board-members .board-member div::before {
        content: '';
        width: 25px;
        height: 12px;
        display: inline-block;
        background: url(../media/png/pfeil-rechts-w.png) no-repeat;
        margin-left: -20px;
        margin-right: 20px;
        margin-top: 0;
        margin-left: 0;
        position: absolute;
        left: 50px;
        top: 45%;
    }
    /* line 168, sections/_executiveboard.scss */
    #executive-board .board-members .board-member div::after {
        content: '';
        width: 25px;
        height: 12px;
        display: inline-block;
        background: url(../media/png/pfeil-links-w.png) no-repeat;
        margin-left: 20px;
        margin-top: 0;
        margin-right: 0;
        position: absolute;
        right: 50px;
        top: 45%;
    }
    /* line 177, sections/_executiveboard.scss */
    #executive-board .board-members .board-member p:first-child {
        padding-top: 20px;
    }
    /* line 180, sections/_executiveboard.scss */
    #executive-board .board-members .board-member p:last-child {
        padding-bottom: 20px;
    }
    /* line 186, sections/_executiveboard.scss */
    #executive-board .board-members .board-member.accordeon div::before {
        display: none;
    }
    /* line 190, sections/_executiveboard.scss */
    #executive-board .board-members .board-member.accordeon div::after {
        content: '';
        background-image: url(../media/img/menu_close.png);
        float: right;
    }
    /* line 199, sections/_executiveboard.scss */
    #executive-board .board-members .board-member:hover p,
    #executive-board .board-members .board-member:active p {
        color: #f9423a;
    }
    /* line 205, sections/_executiveboard.scss */
    #executive-board .board-members .accordeon div {
        border-bottom: 0px;
    }
    /* line 208, sections/_executiveboard.scss */
    #executive-board .board-members .accordeon div.popup-close {
        display: none;
    }
    /* line 215, sections/_executiveboard.scss */
    #executive-board .empty {
        display: none;
    }
    /* line 219, sections/_executiveboard.scss */
    #executive-board .popup.accordeon {
        display: block;
        position: relative;
    }
    /* line 223, sections/_executiveboard.scss */
    #executive-board .popup.accordeon h4,
    #executive-board .popup.accordeon h5 {
        display: none;
    }
}


/* line 1, sections/_mission.scss */

#mission {
    padding-top: 7%;
    position: relative;
    width: 100%;
}


/* line 3, sections/_mission.scss */

#mission::before {
    content: ' ';
    display: block;
    width: 30px;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 12;
    max-height: 15%;
    overflow-y: hidden;
    background: url(../media/png/Element69mdpi.png) no-repeat;
    height: 98px;
}


/* line 11, sections/_mission.scss */

#mission h3 {
    font-family: adineuePRO-Bold, Arial, Helvetica, Veradana, sans-serf;
    font-size: 20px;
    text-transform: uppercase;
    padding-top: 20px;
    padding-bottom: 20px;
}


/* line 12, sections/_mission.scss */

#mission h3::before {
    content: '';
    width: 25px;
    height: 12px;
    display: inline-block;
    background: url(../media/png/pfeil-rechts-w.png) no-repeat;
    margin-left: -20px;
    margin-right: 20px;
}


/* line 15, sections/_mission.scss */

#mission h3::after {
    content: '';
    width: 25px;
    height: 12px;
    display: inline-block;
    background: url(../media/png/pfeil-links-w.png) no-repeat;
    margin-left: 20px;
}


/* line 27, sections/_mission.scss */

#mission p {
    font-family: adineuePRO-CrazyLight, Arial, Helvetica, Veradana, sans-serif;
    font-weight: 200;
    letter-spacing: 0.33em;
    text-transform: uppercase;
    font-size: 2rem;
}


/* line 35, sections/_mission.scss */

#mission b {
    font-family: adineuePRO-Black;
}


/* line 39, sections/_mission.scss */

#mission img {
    max-height: 60vh;
    padding-bottom: 60px;
    max-width: 96%;
}


/* line 44, sections/_mission.scss */

#mission img:hover {
    cursor: pointer;
}


/* line 49, sections/_mission.scss */

#mission h5 {
    font-size: 1.5rem;
    padding-top: 50px;
}


/* line 54, sections/_mission.scss */

#mission h5::before {
    content: '';
    width: 25px;
    height: 12px;
    display: inline-block;
    background: url(../media/png/pfeil-rechts-w.png) no-repeat;
    margin-left: -20px;
    margin-right: 20px;
}


/* line 58, sections/_mission.scss */

#mission h5::after {
    content: '';
    width: 25px;
    height: 12px;
    display: inline-block;
    background: url(../media/png/pfeil-links-w.png) no-repeat;
    margin-left: 20px;
}


/* line 64, sections/_mission.scss */

#mission .single-statement {
    font-size: 4.12rem;
    line-height: 1.21;
    max-width: 900px;
}

@media screen and (max-width: 980px) {
    /* line 75, sections/_mission.scss */
    #mission {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}


/* line 1, sections/_creatingthenew.scss */

#creatingnew {
    position: relative;
    -ms-flex-line-pack: start;
    align-content: start;
    padding-top: 5%;
}


/* line 8, sections/_creatingthenew.scss */

#creatingnew .strategy {
    max-width: 1000px;
    margin: 0 auto 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}


/* line 17, sections/_creatingthenew.scss */

#creatingnew .strategy .strategy-part:hover {
    cursor: pointer;
}


/* line 23, sections/_creatingthenew.scss */

#creatingnew p.footnote {
    font-family: adineuePROCond-Light;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    margin-bottom: 150px;
}

@media only screen and (max-width: 980px) {
    /* line 34, sections/_creatingthenew.scss */
    #creatingnew {
        -ms-flex-line-pack: distribute;
        align-content: space-around;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    /*
      p.footnote {
        display: none;
      }
    */
}


/* line 1, sections/_accelerationplan.scss */

#accelerationPlan {
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}


/* line 6, sections/_accelerationplan.scss */

#accelerationPlan h3 {
    padding-bottom: 10px;
}


/* line 10, sections/_accelerationplan.scss */

#accelerationPlan p {
    font-family: AdihausDIN-Regular, Arial, Helvetica, Veradana, sans-serif;
    line-height: 1.5em;
    max-width: 800px;
    margin: 30px auto;
}


/* line 17, sections/_accelerationplan.scss */

#accelerationPlan h4 {
    color: #f9423a;
    font-size: 4.12rem;
    letter-spacing: 0.53em;
    line-height: 1.21em;
}


/* line 24, sections/_accelerationplan.scss */

#accelerationPlan h4:hover {
    color: #fff;
    cursor: pointer;
}


/* line 30, sections/_accelerationplan.scss */

#accelerationPlan img {
    padding: 10px;
}


/* line 32, sections/_accelerationplan.scss */

#accelerationPlan img:hover {
    cursor: pointer;
}


/* line 37, sections/_accelerationplan.scss */

#accelerationPlan .plans {
    margin-bottom: 50px;
}


/* line 41, sections/_accelerationplan.scss */

#accelerationPlan .plans::before {
    content: '';
    display: block;
    margin: 50px auto;
    width: 30px;
    height: 100px;
    background-position: bottom;
    background: url(../media/png/arrow_down.png) no-repeat;
    height: 45px;
    margin: 20px auto 30px;
}


/* line 46, sections/_accelerationplan.scss */

#accelerationPlan .plans::after {
    content: '';
    display: block;
    margin: 50px auto;
    width: 30px;
    height: 100px;
    background-position: bottom;
    background: url(../media/png/arrow_down.png) no-repeat;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    height: 60px;
    margin: 10px auto 80px;
}

@media only screen and (max-width: 980px) {
    /* line 58, sections/_accelerationplan.scss */
    #accelerationPlan img {
        width: 40%;
    }
    /* line 62, sections/_accelerationplan.scss */
    #accelerationPlan .plans {
        margin-bottom: 50px;
    }
    /* line 66, sections/_accelerationplan.scss */
    #accelerationPlan .plans::before {
        display: none;
    }
    /* line 70, sections/_accelerationplan.scss */
    #accelerationPlan .plans::after {
        display: none;
    }
}


/* line 1, sections/_companyworldwide.scss */

#companyWordlwide {
    position: relative;
    width: 100%;
    height: 100vh;
    -ms-flex-line-pack: start;
    align-content: start;
    padding-bottom: 150px;
}


/* line 8, sections/_companyworldwide.scss */

#companyWordlwide h3 {
    font-size: 5rem;
}


/* line 12, sections/_companyworldwide.scss */

#companyWordlwide h4 {
    font-family: adineuePRO-Bold, Arial, Helvetica, Veradana, sans-serf;
    font-size: 1.5rem;
    padding-bottom: 1em;
    padding-top: 40px;
}


/* line 19, sections/_companyworldwide.scss */

#companyWordlwide h4::before {
    content: '';
    width: 25px;
    height: 12px;
    display: inline-block;
    background: url(../media/png/pfeil-rechts-w.png) no-repeat;
    margin-left: -20px;
    margin-right: 20px;
}


/* line 23, sections/_companyworldwide.scss */

#companyWordlwide h4::after {
    content: '';
    width: 25px;
    height: 12px;
    display: inline-block;
    background: url(../media/png/pfeil-links-w.png) no-repeat;
    margin-left: 20px;
}


/* line 29, sections/_companyworldwide.scss */

#companyWordlwide p {
    font-family: adineuePRO-CrazyLight, Arial, Helvetica, Veradana, sans-serif;
    font-weight: 200;
    letter-spacing: 0.33em;
    text-transform: uppercase;
    padding-bottom: 0;
}


/* line 37, sections/_companyworldwide.scss */

#companyWordlwide b {
    font-family: adineuePRO-Black;
}


/* line 41, sections/_companyworldwide.scss */

#companyWordlwide .cities {
    color: #f9423a;
    font-size: 4.12rem;
    line-height: 1.1em;
}

@media only screen and (max-width: 980px) {
    /* line 55, sections/_companyworldwide.scss */
    #companyWordlwide {
        -ms-flex-line-pack: distribute;
        align-content: space-around;
    }
}


/* line 1, sections/_downloads.scss */

#downloadspage {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100vh;
    padding-top: 0;
}


/* line 7, sections/_downloads.scss */

#downloadspage::before {
    content: ' ';
    display: block;
    width: 30px;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 12;
    max-height: 15%;
    overflow-y: hidden;
    background: url(../media/png/Element78mdpi.png) no-repeat;
    background: url(../media/png/Element49mdpi.png) no-repeat;
    height: 220px;
    overflow-y: hidden;
}


/* line 14, sections/_downloads.scss */

#downloadspage::after {
    content: ' ';
    display: block;
    width: 30px;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 12;
    max-height: 15%;
    overflow-y: hidden;
    background: url(../media/png/Element78mdpi.png) no-repeat;
    background: url(../media/png/Element49mdpi.png) no-repeat;
    bottom: 0px;
    top: auto;
    height: 200px;
    max-height: 13%;
}


/* line 23, sections/_downloads.scss */

#downloadspage .download-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    max-width: 1000px;
}


/* line 30, sections/_downloads.scss */

#downloadspage .download-links div {
    width: 33%;
    padding: 10px;
}


/* line 36, sections/_downloads.scss */

#downloadspage h4 {
    font-size: 2.5rem;
    line-height: 1em;
    letter-spacing: 0.06em;
    color: #f9423a;
    height: 50px;
}


/* line 45, sections/_downloads.scss */

#downloadspage img {
    padding: 20px;
}


/* line 49, sections/_downloads.scss */

#downloadspage .sidebar-right img {
    padding: 0;
    padding-right: 20px;
}


/* line 54, sections/_downloads.scss */

#downloadspage ul {
    height: 100px;
    padding-left: 60px;
}


/* line 59, sections/_downloads.scss */

#downloadspage ul li {
    text-align: left;
    color: #fff;
    line-height: 1.5em;
}


/* line 65, sections/_downloads.scss */

#downloadspage ul li:hover {
    color: #f9423a;
}

@media only screen and (max-height: 670px) {
    /* line 77, sections/_downloads.scss */
    #downloads::before,
    #downloads::after {
        display: none;
    }
}

@media only screen and (max-width: 980px) {
    /* line 86, sections/_downloads.scss */
    #downloadspage {
        min-height: 130vh;
    }
    /* line 90, sections/_downloads.scss */
    #downloadspage::before,
    #downloadspage::after {
        display: none;
    }
    /* line 94, sections/_downloads.scss */
    #downloadspage img {
        -webkit-transform: scale(1.5);
        -ms-transform: scale(1.5);
        transform: scale(1.5);
        padding: 50px;
    }
    /* line 99, sections/_downloads.scss */
    #downloadspage .download-links {
        margin: 50px auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: auto;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
    /* line 105, sections/_downloads.scss */
    #downloadspage .download-links div {
        width: 100%;
    }
    /* line 109, sections/_downloads.scss */
    #downloadspage .download-links div:after {
        content: '';
        display: block;
        margin: 50px auto;
        width: 30px;
        height: 100px;
        background-position: bottom;
        background: url(../media/png/arrow_down.png) no-repeat;
        height: 45px;
        height: 50px;
    }
    /* line 114, sections/_downloads.scss */
    #downloadspage .download-links div:last-child:after {
        display: none;
    }
    /* line 123, sections/_downloads.scss */
    #downloadspage h4 {
        padding: 50px;
        font-size: 3.5rem;
        margin-bottom: 60px;
    }
    /* line 129, sections/_downloads.scss */
    #downloadspage ul {
        padding: 50px;
        height: auto;
    }
    /* line 133, sections/_downloads.scss */
    #downloadspage ul li {
        list-style-position: inside;
        text-align: center;
        margin-left: -100px;
        font-size: 2rem;
    }
    /* line 143, sections/_downloads.scss */
    .de #downloadspage {
        min-height: 170vh;
    }
}


/* line 3, sections/_finhighlights.scss */

#finHighlights:before,
#susHighlights:before,
#outlook:before {
    display: none;
}


/* line 7, sections/_finhighlights.scss */

#finHighlights h3,
#susHighlights h3,
#outlook h3 {
    padding: 20px 0;
}


/* line 12, sections/_finhighlights.scss */

#finHighlights h4:first-child::before,
#susHighlights h4:first-child::before,
#outlook h4:first-child::before {
    content: '';
    width: 25px;
    height: 12px;
    display: inline-block;
    background: url(../media/png/pfeil-rechts-w.png) no-repeat;
    margin-left: -20px;
    margin-right: 20px;
}


/* line 15, sections/_finhighlights.scss */

#finHighlights h4:first-child::after,
#susHighlights h4:first-child::after,
#outlook h4:first-child::after {
    content: '';
    width: 25px;
    height: 12px;
    display: inline-block;
    background: url(../media/png/pfeil-links-w.png) no-repeat;
    margin-left: 20px;
}


/* line 19, sections/_finhighlights.scss */

#finHighlights h4,
#susHighlights h4,
#outlook h4 {
    font-family: adineuePRO-Bold, Arial, Helvetica, Veradana, sans-serf;
    font-size: 1.3rem;
    text-transform: uppercase;
    letter-spacing: 0.5em;
    line-height: 1.5;
}


/* line 28, sections/_finhighlights.scss */

#finHighlights .container,
#susHighlights .container,
#outlook .container {
    display: block;
    clear: both;
}


/* line 33, sections/_finhighlights.scss */

#finHighlights img,
#susHighlights img,
#outlook img {
    padding: 30px 0 10px;
}


/* line 37, sections/_finhighlights.scss */

#finHighlights .sidebar-right img,
#susHighlights .sidebar-right img,
#outlook .sidebar-right img {
    padding: 0px;
    padding-right: 20px;
}


/* line 42, sections/_finhighlights.scss */

#finHighlights ol,
#susHighlights ol,
#outlook ol {
    display: block;
    list-style-type: none;
    padding-bottom: 30px;
}


/* line 48, sections/_finhighlights.scss */

#finHighlights ol li,
#susHighlights ol li,
#outlook ol li {
    max-width: 330px;
    min-width: 250px;
    float: left;
    padding: 1px 5px;
    font-family: adineuePROCond-Light;
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    color: #f9423a;
    counter-increment: customlistcounter;
    display: inline-block;
    text-align: left;
    margin-left: 1em;
}


/* line 64, sections/_finhighlights.scss */

#finHighlights ol li:before,
#susHighlights ol li:before,
#outlook ol li:before {
    content: counter(customlistcounter) " ";
    font-family: adineuePROCond-Bold;
    float: left;
    width: 1em;
    margin-left: -1em;
}


/* line 74, sections/_finhighlights.scss */

#finHighlights .highlightpage,
#susHighlights .highlightpage,
#outlook .highlightpage {
    min-height: 100vh;
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}


/* line 76, sections/_finhighlights.scss */

#finHighlights .highlightpage::before,
#susHighlights .highlightpage::before,
#outlook .highlightpage::before {
    content: ' ';
    display: block;
    width: 30px;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 12;
    max-height: 15%;
    overflow-y: hidden;
    background: url(../media/png/Element69mdpi.png) no-repeat;
    height: 98px;
}


/* line 90, sections/_finhighlights.scss */

#finHighlights .map,
#finHighlights .highlightpage h3,
#finHighlights .key-ratios,
#finHighlights .netsales-brand,
#finHighlights .products,
#susHighlights .map,
#susHighlights .highlightpage h3,
#susHighlights .key-ratios,
#susHighlights .netsales-brand,
#susHighlights .products,
#outlook .map,
#outlook .highlightpage h3,
#outlook .key-ratios,
#outlook .netsales-brand,
#outlook .products {
    padding-top: 120px;
}


/* line 98, sections/_finhighlights.scss */

#finHighlights .operating-highlights {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}


/* line 102, sections/_finhighlights.scss */

#finHighlights .operating-highlights img {
    max-height: 49vh;
}


/* line 105, sections/_finhighlights.scss */

#finHighlights .operating-highlights ol {
    padding-top: 20px;
    display: inline-block;
    margin: 0 auto;
}


/* line 114, sections/_finhighlights.scss */

#finHighlights .map h4:first-child {
    padding-top: 20px;
}


/* line 117, sections/_finhighlights.scss */

#finHighlights .map img {
    max-width: 96%;
    max-height: 70vh;
    width: auto;
}


/* line 122, sections/_finhighlights.scss */

#finHighlights .map ol {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}


/* line 129, sections/_finhighlights.scss */

#finHighlights .key-ratios img,
#finHighlights .data-share img {
    padding: 10px 30px;
}


/* line 134, sections/_finhighlights.scss */

#finHighlights .data-share {
    padding-top: 30px;
    max-width: 1100px;
}


/* line 137, sections/_finhighlights.scss */

#finHighlights .data-share ol {
    max-width: 860px;
    margin: auto;
}


/* line 141, sections/_finhighlights.scss */

#finHighlights .data-share ol li {
    max-width: 400px;
    min-width: 350px;
}


/* line 149, sections/_finhighlights.scss */

#finHighlights .netsales-brand {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 90vh;
}


/* line 154, sections/_finhighlights.scss */

#finHighlights .netsales-brand h4:first-child {
    padding-top: 20px;
}


/* line 157, sections/_finhighlights.scss */

#finHighlights .netsales-brand img {
    padding: 0 50px 50px;
}


/* line 168, sections/_finhighlights.scss */

#susHighlights .people ol li {
    display: inline-table;
    float: none;
}


/* line 177, sections/_finhighlights.scss */

#susHighlights .products h4:first-child {
    padding-top: 30px;
}


/* line 180, sections/_finhighlights.scss */

#susHighlights .products img {
    display: block;
    margin: auto;
}


/* line 188, sections/_finhighlights.scss */

#outlook {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 0;
    height: 90vh;
}


/* line 189, sections/_finhighlights.scss */

#outlook::before {
    content: ' ';
    display: block;
    width: 30px;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 12;
    max-height: 15%;
    overflow-y: hidden;
    background: url(../media/png/Element69mdpi.png) no-repeat;
    height: 98px;
}


/* line 195, sections/_finhighlights.scss */

#outlook h3 {
    padding-top: 120px;
}


/* line 198, sections/_finhighlights.scss */

#outlook h4 {
    padding-bottom: 0;
}


/* line 201, sections/_finhighlights.scss */

#outlook .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    max-width: 1100px;
    margin: auto;
}


/* line 208, sections/_finhighlights.scss */

#outlook .container div {
    width: 50%;
    height: 220px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}


/* line 216, sections/_finhighlights.scss */

#outlook .container img {
    padding: 20px;
}

@media only screen and (max-width: 980px) {
    /* line 226, sections/_finhighlights.scss */
    #finHighlights ol li,
    #susHighlights ol li,
    #outlook ol li {
        max-width: 100%;
    }
    /* line 230, sections/_finhighlights.scss */
    #finHighlights .highlightpage,
    #susHighlights .highlightpage,
    #outlook .highlightpage {
        min-height: 50vh;
    }
    /* line 234, sections/_finhighlights.scss */
    #finHighlights .map,
    #finHighlights .products,
    #susHighlights .map,
    #susHighlights .products,
    #outlook .map,
    #outlook .products {
        padding-top: 50%;
    }
    /* line 241, sections/_finhighlights.scss */
    #finHighlights .operating-highlights {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    /* line 245, sections/_finhighlights.scss */
    #finHighlights .operating-highlights img {
        max-height: 100vh;
    }
    /* line 250, sections/_finhighlights.scss */
    #finHighlights .data-share ol {
        max-height: 20rem;
    }
    /* line 252, sections/_finhighlights.scss */
    #finHighlights .data-share ol li {
        margin: auto;
        padding-right: 20px;
    }
    /* line 258, sections/_finhighlights.scss */
    #finHighlights .key-ratios img,
    #finHighlights .data-share img {
        padding: 50px 100px;
        -webkit-transform: scale(1.5);
        -ms-transform: scale(1.5);
        transform: scale(1.5);
    }
    /* line 267, sections/_finhighlights.scss */
    #finHighlights .netsales-brand img {
        padding: 100px 30px;
    }
    /* line 278, sections/_finhighlights.scss */
    #outlook .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    /* line 280, sections/_finhighlights.scss */
    #outlook .container div {
        height: auto;
        width: 100%;
        padding-top: 30px;
    }
    /* line 285, sections/_finhighlights.scss */
    #outlook .container img {
        padding: 50px;
        -webkit-transform: scale(1.5);
        -ms-transform: scale(1.5);
        transform: scale(1.5);
    }
}


/*
  @media only screen and (min-width: 670px) and (max-width : 980px) {
  
  }
  */

@media only screen and (max-width: 450px) {
    /* line 302, sections/_finhighlights.scss */
    #finHighlights .netsales-brand img {
        padding: 100px 50px;
        -webkit-transform: scale(1.5);
        -ms-transform: scale(1.5);
        transform: scale(1.5);
    }
}


/* line 1, sections/_ceovideo.scss */

#ceovideo {
    max-height: 100vh;
    padding-top: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    margin-left: 40px;
}


/* line 3, sections/_ceovideo.scss */

#ceovideo:before {
    display: none;
}


/* line 13, sections/_ceovideo.scss */

#ceovideo video[poster] {
    min-height: 100%;
    min-width: 100%;
}


/* line 18, sections/_ceovideo.scss */

#ceovideo .video__button {
    background: transparent;
    width: 100px;
    height: 100px;
    top: 50%;
    left: 50%;
    position: absolute;
    display: block;
    padding: 0;
    outline: none;
    cursor: pointer;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}


/* line 32, sections/_ceovideo.scss */

#ceovideo .video__button:after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    -webkit-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
    background-image: url(../media/png/start.png);
    background-position: center;
    background-repeat: no-repeat;
}


/* line 49, sections/_ceovideo.scss */

#ceovideo .video__button .stroke-dotted {
    opacity: 0;
    stroke-dasharray: 4, 5;
    stroke-width: 1px;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation: spin 4s infinite linear;
    animation: spin 4s infinite linear;
    -webkit-transition: opacity 1s ease, stroke-width 1s ease;
    -o-transition: opacity 1s ease, stroke-width 1s ease;
    transition: opacity 1s ease, stroke-width 1s ease;
}


/* line 58, sections/_ceovideo.scss */

#ceovideo .video__button .stroke-solid {
    stroke-dashoffset: 0;
    stroke-dashArray: 300;
    stroke-width: 2px;
    -webkit-transition: stroke-dashoffset 1s ease, opacity 1s ease;
    -o-transition: stroke-dashoffset 1s ease, opacity 1s ease;
    transition: stroke-dashoffset 1s ease, opacity 1s ease;
}


/* line 67, sections/_ceovideo.scss */

#ceovideo .video__button.is-playing {
    top: 1rem;
    right: 50px;
    width: 15px;
    height: 15px;
    left: auto;
}


/* line 74, sections/_ceovideo.scss */

#ceovideo .video__button.is-playing .stroke-solid {
    opacity: 0;
}


/* line 80, sections/_ceovideo.scss */

#ceovideo .video__button.is-playing:before,
#ceovideo .video__button.is-playing:after {
    left: 32%;
    background-image: url(../media/svg/close.svg);
}


/* line 90, sections/_ceovideo.scss */

#ceovideo .video__button:hover .stroke-dotted {
    stroke-width: 2px;
    opacity: 1;
}


/* line 94, sections/_ceovideo.scss */

#ceovideo .video__button:hover.is-playing .stroke-dotted {
    opacity: 0;
    -webkit-transition: opacity 0s ease, stroke-width 0s ease;
    -o-transition: opacity 0s ease, stroke-width 0s ease;
    transition: opacity 0s ease, stroke-width 0s ease;
}


/* line 99, sections/_ceovideo.scss */

#ceovideo .video__button:hover .stroke-solid {
    opacity: 0;
    stroke-dashoffset: 300;
}


/* line 106, sections/_ceovideo.scss */

#ceovideo .video:hover .video__button {
    border-color: #6ddce5;
}


/* line 109, sections/_ceovideo.scss */

#ceovideo .video:hover .video__button:before,
#ceovideo .video:hover .video__button:after {
    background-color: #6ddce5;
}

@media only screen and (max-width: 980px) {
    /* line 121, sections/_ceovideo.scss */
    #ceovideo {
        margin-left: 0;
    }
}