body {
    background-color: rgb(255, 255, 255);
    font: 300 18px/1.38 nimbus-sans;
    color: grey;
}

.container .container {
    float: left;
    margin: 33px 0 0 3.1666666666%;
}

.element {
    float: left;
    padding-top: 30px;
}

.game {
    float: left;
    width: 93.6666%;
    margin-left: 3.16666666vw;
    background-color: rgb(222, 222, 222);
}

.game-wrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}

.game-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.image {
    display: block;
    height: auto;
    overflow: hidden;
}

.miiniregion,
.naturaplan {
    float: left;
    clear: both;
    width: 100%;
    background-color: #333333;
}

.miiniregion .image,
.naturaplan .image {
    float: left;
    width: 100%;
}

.miiniregion .text,
.naturaplan .text {
    width: 100%;
}

.spenglercup {
    float: left;
    clear: both;
    width: 100%;
    padding-bottom: 60px;
    background-color: #e6e6e6;
}

.spenglercup .container {
    float: left;
    background-color: #e6e6e6;
}

.spenglercup .element {
    width: 47.5833333333%;
    padding-bottom: 30px;
    background-color: #e6e6e6;
}

.suva {
    float: left;
    clear: both;
    width: 100%;
    padding-top: 60px;
    background-color: #ffffff;
}

.suva .image {
    float: right;
    width: 500px;
    margin-top: -39px;
}

.suva .text {
    width: 93.2343234323%;
    margin-left: 3.1353135313%;
}

.text {
    display: inline-block;
    float: left;
}

.title {
    float: left;
    width: 100%;
    padding-top: 40px;
    padding-bottom: 50px;
    background-color: #e6e6e6;
}

.title .text {
    width: 93.75%;
    margin: -1px 0 0 3.1666666666%;
    font: 200 48px/1.2 jubilat;
    color: grey;
}

.video-01 {
    float: left;
    width: 93.520140105%;
    height: 23vw;
    margin-left: 3.1523642732%;
    background-color: #ffffff;
}

.video-wrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}

.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.container-10 {
    width: 80%;
}

.container-3 {
    width: 75%;
}

.container-4 {
    float: left;
    width: 50.5%;
    margin-left: 1.4166666666%;
    background-color: #ffffff;
}

.container-5 {
    float: right;
    width: 44%;
    height: 427px;
}

.container-6 {
    width: 100%;
    padding-top: 30px;
}

.container-7 {
    clear: both;
    width: 51%;
    margin: 30px 0 0 0.9166666666%;
}

.container-1,
.container-8 {
    float: right;
    width: 100%;
    height: 400px;
}

.container-2,
.container-9 {
    float: left;
    clear: both;
    width: 100%;
    padding-bottom: 60px;
    background-color: #333333;
}

.element-2 {
    clear: both;
    width: 100%;
    padding-bottom: 100px;
    background-color: #333333;
}

.text-10 {
    width: 93.1372549019%;
    margin-left: 3.1045751633%;
    line-height: 1.38;
    color: grey;
}

.text-11,
.text-2,
.text-5 {
    font: 200 26px/1.2 jubilat;
    color: grey;
}

.text-12,
.text-3 {
    clear: both;
    margin-top: 12px;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.2;
    color: #ffffff;
}

.text-13,
.text-4,
.text-7 {
    clear: both;
    margin-top: 24px;
    line-height: 1.38;
    color: grey;
}

.text-6 {
    clear: both;
    margin-top: 12px;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.2;
    color: #333333;
}

.text-8 {
    width: 93.75%;
    margin-left: 3.1666666666%;
    font: 200 26px/1.2 jubilat;
    color: grey;
}

.text-9 {
    clear: both;
    width: 93.75%;
    margin: 12px 0 0 3.1666666666%;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.2;
    color: #333333;
}

@media (max-width: 768px) {
    .container .container {
        width: 93.7499999999%;
    }

    .container .image {
        height: auto;
    }

    .naturaplan .image {
        width: 100%;
    }

    .spenglercup .element {
        clear: both;
        width: 100%;
    }

    .suva .container {
        width: 99.9999999999%;
    }

    .suva .image {
        width: 99.9999999999%;
        margin-top: 0;
    }

    .title .text {
        font-size: 38px;
    }

    .container .text-10 {
        width: 94.3937418513%;
    }

    .miiniregion .container-1 {
        width: 110.0260416666%;
        height: 300px;
    }

    .naturaplan .container-8 {
        height: 300px;
    }

    .spenglercup .container-7 {
        width: 99.8697916666%;
        margin-top: 24px;
        margin-left: 0;
    }

    .suva .container-4 {
        margin-left: 0;
    }

    .suva .container-5 {
        clear: both;
        height: auto;
    }

    .video-01 {
        height: 55vw;
    }
}

@media (max-width: 480px) {
    body {
        font-size: 18px;
    }

    .container .image {
        height: auto;
    }

    .naturaplan .image {
        width: 100%;
    }

    .container .text-11,
    .container .text-2,
    .container .text-5,
    .container .text-8 {
        font-size: 22px;
    }

    .miiniregion .container-1 {
        width: 160%;
        height: 260px;
    }

    .naturaplan .container-8 {
        height: 220px;
    }
}

@media (max-width: 320px) {
    .container .image {
        height: auto;
    }
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.small {
    font-size: 18px;
    font-weight: normal;
}

a {
    color: #afcb37;
}

h2 {
    font-size: 26px;
    font-weight: 700;
    line-height: 1.2;
    color: #333333;
    padding-top: 60px;
}