/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,aside,footer,header,nav,section {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

figcaption,figure,main {
    display: block
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace,monospace;
    font-size: 1em
}

a {
    background-color: rgba(0,0,0,0);
    -webkit-text-decoration-skip: objects
}

a:active,a:hover {
    outline-width: 0
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,strong {
    font-weight: inherit
}

b,strong {
    font-weight: bolder
}

code,kbd,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #181d1e
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

audio,video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button,input,optgroup,select,textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

button,html [type=button],[type=reset],[type=submit] {
    -webkit-appearance: button
}

button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring {
    outline: 0
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details,menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

template {
    display: none
}

[hidden] {
    display: none
}

html {
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html * {
    -moz-box-sizing: inherit;
    box-sizing: inherit
}

body {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto
}


@font-face {
    font-family: "fontello";
    src: url("https://www.fitx.de/fonts/fontello.eot?4886886");
    src: url("https://www.fitx.de/fonts/fontello.eot?4886886#iefix") format("embedded-opentype"),url("https://www.fitx.de/fonts/fontello.woff2?4886886") format("woff2"),url("https://www.fitx.de/fonts/fontello.woff?4886886") format("woff"),url("https://www.fitx.de/fonts/fontello.ttf?4886886") format("truetype"),url("https://www.fitx.de/fonts/fontello.svg?4886886#fontello") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "classx skyline";
    src: url("https://www.fitx.de/fonts/classxskyline-Regular-WebS.woff") format("woff");
    font-weight: normal;
    font-style: normal
}

html {
    font-size: 14px;
    line-height: 1.5;
    font-family: "Niveau",sans-serif;
    font-weight: normal;
    font-display: swap;
    padding-bottom: 0;
    height: 100%;
    box-sizing: border-box
}

*,*:before,*:after {
    box-sizing: inherit
}

body {
    background-color: #181d1e;
    max-width: 100%;
    position: relative;
    margin: 0;
    height: 100%;
    min-height: 100%
}

body[data-controller=member] .menuicon,body[data-controller=member] .navigation {
    display: none
}

body[data-controller=services],body[data-controller=studio],body[data-controller=studios],body[data-controller=course],body[data-controller=downtime],body[data-controller=csr],body[data-controller=city],body[data-controller=sales],body[data-controller=career],body[data-controller=expansion] {
    background-color: #fff
}

body[data-controller=image_campaign] {
    background-color: #647a84;
    margin: 0;
    padding: 0;
    overflow-x: hidden
}

strong {
    font-weight: 700
}

ul {
    padding: 0
}

li {
    list-style-type: none
}

a,a:visited,a:active,a:hover {
    text-decoration: none;
}

a:hover {
    color: #1D62C8;
    transition: background-color .3s
}

input[type=text],input[type=email],input[type=date],input[type=password],input[type=tel],input[type=number],textarea {
    height: 46px;
    line-height: 44px;
    padding: 0 10px;
    box-sizing: border-box;
    border: none;
    font-family: inherit;
    font-size: 16px;
    font-weight: 300
}

input[type=text]:focus,input[type=email]:focus,input[type=date]:focus,input[type=password]:focus,input[type=tel]:focus,input[type=number]:focus,textarea:focus {
    outline: none
}

input[type=text]::-webkit-input-placeholder,input[type=email]::-webkit-input-placeholder,input[type=date]::-webkit-input-placeholder,input[type=password]::-webkit-input-placeholder,input[type=tel]::-webkit-input-placeholder,input[type=number]::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
    color: #717171
}

input[type=text]:-moz-placeholder,input[type=email]:-moz-placeholder,input[type=date]:-moz-placeholder,input[type=password]:-moz-placeholder,input[type=tel]:-moz-placeholder,input[type=number]:-moz-placeholder,textarea:-moz-placeholder {
    color: #717171
}

input[type=text]::-moz-placeholder,input[type=email]::-moz-placeholder,input[type=date]::-moz-placeholder,input[type=password]::-moz-placeholder,input[type=tel]::-moz-placeholder,input[type=number]::-moz-placeholder,textarea::-moz-placeholder {
    color: #717171
}

input[type=text]:-ms-input-placeholder,input[type=email]:-ms-input-placeholder,input[type=date]:-ms-input-placeholder,input[type=password]:-ms-input-placeholder,input[type=tel]:-ms-input-placeholder,input[type=number]:-ms-input-placeholder,textarea:-ms-input-placeholder {
    color: #717171
}

input[type=text]::-ms-clear,input[type=email]::-ms-clear,input[type=date]::-ms-clear,input[type=password]::-ms-clear,input[type=tel]::-ms-clear,input[type=number]::-ms-clear,textarea::-ms-clear {
    display: none !important
}

input[type=submit] {
    font-family: inherit;
    height: 46px;
    line-height: 44px;
    display: inline-block;
    font-size: 18px;
    font-weight: normal;
    cursor: pointer;
    padding: 0 30px;
    vertical-align: bottom
}

input[type=submit]:disabled {
    cursor: default;
    border-color: #717171;
    background-color: #717171
}

a[name=top] {
    top: -73px;
    left: 0;
    position: absolute
}

textarea {
    font-family: "Niveau",sans-serif
}

@media print {
    @page {
        size: A4
    }

    body {
        background-color: #fff
    }
}

h1,h2,h3 {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.preloader {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    opacity: 0
}

.preloader--active {
    background-color: #647a84;
    background-image: url("https://www.fitx.de/img/block/shared/icon/loading_circle.gif");
    background-repeat: no-repeat;
    background-position: center;
    opacity: 1
}

body {
    color: #181d1e
}

h1 {
    font-size: 28px;
    line-height: 32px;
    font-weight: 700;
    margin: 0 0 14px 0
}

h2,h1.footerH1 {
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
    margin: 0
}

h3 {
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    text-transform: none;
    margin: 0 0 20px 0
}

h4 {
    font-size: 15px;
    line-height: 23px;
    font-weight: 400;
    text-transform: none;
    margin: 0
}

p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    margin: 0;
    margin-bottom: 25px
}

p.hero {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400
}

p.small {
    font-size: 16px;
    line-height: 24px;
    margin: 0
}

p.smaller {
    font-size: 14px;
    line-height: 22px;
    margin: 0
}

blockquote {
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    font-style: italic;
    margin: 0;
    margin-bottom: 5px
}

@media(max-width: 320px) {
    h1 {
        font-size:26px;
        line-height: 30px
    }

    h2,h1.footerH1 {
        font-size: 22px;
        line-height: 28px
    }

    h3 {
        font-size: 18px;
        line-height: 24px
    }

    h4 {
        font-size: 15px;
        line-height: 23px
    }

    p {
        font-size: 16px;
        line-height: 24px
    }

    p.hero {
        font-size: 18px;
        line-height: 24px
    }

    p.small {
        font-size: 16px;
        line-height: 24px
    }

    p.smaller {
        font-size: 14px;
        line-height: 22px
    }

    blockquote {
        font-size: 18px;
        line-height: 24px
    }
}

@media(min-width: 768px) {
    h1 {
        font-size:42px;
        line-height: 50px
    }

    h2,h1.footerH1 {
        font-size: 32px;
        line-height: 38px
    }

    h3 {
        font-size: 19px;
        line-height: 26px
    }

    h4 {
        font-size: 15px;
        line-height: 23px
    }

    p {
        font-size: 18px;
        line-height: 28px
    }

    p.hero {
        font-size: 19px;
        line-height: 26px
    }

    p.small {
        font-size: 16px;
        line-height: 24px
    }

    p.smaller {
        font-size: 15px;
        line-height: 20px
    }

    blockquote {
        font-size: 19px;
        line-height: 26px
    }
}

@media(min-width: 1280px) {
    h1 {
        font-size:44px;
        line-height: 46px
    }

    h2,h1.footerH1 {
        font-size: 34px;
        line-height: 42px
    }

    h3 {
        font-size: 20px;
        line-height: 28px
    }

    h4 {
        font-size: 16px;
        line-height: 24px
    }

    p {
        font-size: 18px;
        line-height: 28px
    }

    p.hero {
        font-size: 20px;
        line-height: 28px
    }

    p.small {
        font-size: 16px;
        line-height: 26px
    }

    p.smaller {
        font-size: 16px;
        line-height: 26px
    }

    blockquote {
        font-size: 19px;
        line-height: 26px
    }
}

@media(min-width: 1800px) {
    h1 {
        font-size:54px;
        line-height: 58px
    }

    h2,h1.footerH1 {
        font-size: 36px;
        line-height: 44px
    }

    h3 {
        font-size: 22px;
        line-height: 30px
    }

    h4 {
        font-size: 16px;
        line-height: 24px
    }

    p {
        font-size: 18px;
        line-height: 28px
    }

    p.hero {
        font-size: 22px;
        line-height: 30px
    }

    p.small {
        font-size: 16px;
        line-height: 26px
    }

    p.smaller {
        font-size: 16px;
        line-height: 26px
    }

    blockquote {
        font-size: 22px;
        line-height: 30px
    }
}

.accordion {
    border: 1px solid #ddd;
    border-bottom: 0;
    display: none
}

.accordion--visible {
    display: block
}

.accordion__question {
    color: #eee;
    cursor: pointer;
    padding: 0;
    background-color: #fff
}

.accordion__question--gray {
    background-color: #f5f5f5
}

.accordion__question p {
    width: 100%;
    border: none;
    padding: 12px 12% 12px 16px;
    margin: 0;
    text-align: left;
    text-transform: none;
    color: #181d1e;
    border-bottom: 1px solid #ddd;
    background-image: url("https://www.fitx.de/img/block/shared/icon/triangle.svg");
    background-position: right 16px bottom 20px;
    background-repeat: no-repeat;
    background-size: 15px
}

.accordion__question__headline {
    color: #181d1e;
    background-image: none !important;
    border-bottom: none !important;
    font-weight: bold;
    padding-bottom: 0 !important
}

.accordion__question__subline {
    color: #181d1e;
    font-weight: 300 !important;
    padding-top: 0 !important
}

.accordion__question--opened {
    background-color: #eee
}

.accordion__question--opened p {
    background-image: url("https://www.fitx.de/img/block/shared/icon/triangle_180.svg");
    font-weight: bold
}

.accordion__answer {
    color: #181d1e;
    height: auto;
    transition: all .7s ease-in-out;
    cursor: default;
    margin-top: -1px;
    opacity: 1;
    background-color: #fff
}

.accordion__answer--gray {
    background-color: #f5f5f5
}

.accordion__answer ul {
    list-style-position: inside;
    font-size: 1.2em;
    margin: 0;
    padding: 16px;
    font-weight: 400;
    color: #181d1e;
    cursor: text
}

.accordion__answer ul li {
    list-style-type: disc
}

.accordion__answer p {
    margin: 0;
    padding: 16px;
    color: #444;
    cursor: text
}

.accordion__answer--hidden {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: all .7s cubic-bezier(0, 1, 0, 1)
}

@media(min-width: 768px) {
    .accordion__question h3 {
        padding:12px 5% 12px 16px
    }
}

.alert {
    background-color: #fff;
    border: 1px solid #717171;
    border-radius: 5px;
    color: #181d1e;
    text-align: left;
    background-image: url("https://www.fitx.de/img/block/shared/icon/alert_gray.svg");
    background-repeat: no-repeat;
    background-position: 1.5em 1.3em;
    display: block;
    width: 95%;
    padding: 1.2em 1em 1.2em 3.5em;
    margin: 2em auto 0
}

.alert--break {
    white-space: normal
}

.alert--success {
    background-color: #d4efdf;
    border-color: #27ae60;
    background-image: url("https://www.fitx.de/img/block/shared/icon/check_outline.svg")
}

.alert--warning {
    background-color: #fdedd4;
    border-color: #f5a323;
    background-image: url("https://www.fitx.de/img/block/shared/icon/alert_orange.svg")
}

.alert--danger {
    background-color: #fef5f4;
    border-color: #e83623;
    background-image: url("https://www.fitx.de/img/block/shared/icon/alert_red.svg")
}

.alert__headline {
    display: block;
    font-size: 16px;
    line-height: 21px;
    margin-bottom: .5em
}

.alert__text {
    font-size: 14px;
    line-height: 22px;
    color: #717171;
    margin-bottom: 0
}

.alert__cta {
    font-size: 16px
}

@media(min-width: 768px) {
    .alert {
        max-width:90%;
        max-width: 1280px !important
    }

    .alert__headline {
        font-size: 18px
    }

    .alert__text {
        font-size: 16px
    }
}

.app_feature_miniteaser {
    padding-top: 4em;
    color: #fff;
    background-color: #1c2223
}

.app_feature_miniteaser__content {
    padding: 0 5%
}

.app_feature_miniteaser__headline {
    font-size: 2em;
    margin-bottom: 1em
}

.app_feature_miniteaser__phones {
    width: 100%;
    height: 241px;
    position: relative;
    margin-top: 3em;
    overflow: hidden
}

.app_feature_miniteaser__phone {
    width: 190px;
    height: 241px;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

.app_feature_miniteaser__phone:first-child {
    background-image: url("https://www.fitx.de/img/block/shared/app_feature_miniteaser/phone_1.png");
    top: 0;
    right: 7%
}

.app_feature_miniteaser__phone:last-child {
    background-image: url("https://www.fitx.de/img/block/shared/app_feature_miniteaser/phone_2.png");
    top: 0;
    left: 7%
}

.app_feature_miniteaser__intro {
    font-size: 1.6em;
    margin-bottom: .5em
}

.app_feature_miniteaser__text {
    color: #ccc;
    margin-bottom: 0
}

@media(min-width: 768px) {
    .app_feature_miniteaser__phones {
        height:341px
    }

    .app_feature_miniteaser__phone {
        width: 270px;
        height: 341px
    }
}

@media(min-width: 1024px) {
    .app_feature_miniteaser {
        margin-top:6em;
        padding: 4em 5%;
        padding-bottom: 0;
        border-radius: 10px;
        position: relative;
        max-width: initial;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden
    }

    .app_feature_miniteaser--with-margin {
        margin-bottom: 6em
    }

    .app_feature_miniteaser:after {
        content: "";
        display: table;
        clear: both
    }

    .app_feature_miniteaser>*:nth-child(2n+1) {
        width: calc(50%);
        float: left;
        clear: left;
        margin-left: 0
    }

    .app_feature_miniteaser>*:nth-child(2n+2) {
        width: calc(50%);
        float: left;
        clear: none;
        margin-right: 0
    }

    .app_feature_miniteaser__content {
        padding-left: 0
    }

    .app_feature_miniteaser__headline {
        font-size: 2.5em
    }

    .app_feature_miniteaser__intro {
        font-size: 2em
    }

    .app_feature_miniteaser__bulletpoint {
        padding-left: 100px
    }

    .app_feature_miniteaser__phones {
        overflow: visible;
        margin-top: 2em
    }

    .app_feature_miniteaser__phone {
        transition: opacity .6s
    }

    .app_feature_miniteaser__phone:first-child {
        right: 0;
        opacity: 0
    }

    .app_feature_miniteaser__phone:last-child {
        left: 15%
    }
}

@media(min-width: 1024px) {
    .app_feature_miniteaser__content {
        padding-top:3em
    }

    .app_feature_miniteaser__headline {
        font-size: 2.5em
    }

    .app_feature_miniteaser__phones {
        margin-top: 0
    }

    .app_feature_miniteaser__phone:first-child {
        opacity: 1
    }
}

@media(min-width: 1800px) {
    .app_feature_miniteaser__headline {
        font-size:3em
    }
}

.app_feature_teaser {
    padding: 4em 0;
    color: #fff;
    background-color: #1c2223
}

.app_feature_teaser__content {
    padding: 0 2em
}

.app_feature_teaser__headline {
    font-size: 2em;
    margin-bottom: 2em
}

.app_feature_teaser__bulletpoint {
    padding-left: 72px;
    margin-bottom: 4em;
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 58px
}

.app_feature_teaser__bulletpoint:last-child {
    margin-bottom: 0
}

.app_feature_teaser__bulletpoint--weight {
    background-image: url("https://www.fitx.de/img/block/shared/app_feature_teaser/weight.svg")
}

.app_feature_teaser__bulletpoint--hand {
    background-image: url("https://www.fitx.de/img/block/shared/app_feature_teaser/hand.svg")
}

.app_feature_teaser__phones {
    width: 100%;
    height: 550px;
    position: relative;
    margin-top: 6em;
    overflow: hidden
}

.app_feature_teaser__phone {
    width: 270px;
    height: 541px;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

.app_feature_teaser__phone:first-child {
    background-image: url("https://www.fitx.de/img/block/shared/app_feature_teaser/phone_1.png");
    top: 0;
    left: 46%
}

.app_feature_teaser__phone:last-child {
    background-image: url("https://www.fitx.de/img/block/shared/app_feature_teaser/phone_2.png");
    top: 9px;
    left: 7%
}

.app_feature_teaser__intro {
    font-size: 1.6em;
    margin-bottom: .5em
}

.app_feature_teaser__text {
    color: #ccc
}

@media(min-width: 768px) {
    .app_feature_teaser {
        margin-top:6em;
        padding: 4em 5%;
        max-width: initial;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden
    }

    .app_feature_teaser:after {
        content: "";
        display: table;
        clear: both
    }

    .app_feature_teaser>*:nth-child(2n+1) {
        width: calc(60%);
        float: left;
        clear: left;
        margin-left: 0
    }

    .app_feature_teaser>*:nth-child(2n+2) {
        width: calc(40%);
        float: left;
        clear: none;
        margin-right: 0
    }

    .app_feature_teaser__headline {
        font-size: 3em
    }

    .app_feature_teaser__intro {
        font-size: 2em
    }

    .app_feature_teaser__bulletpoint {
        padding-left: 100px
    }

    .app_feature_teaser__content {
        padding-top: 5em
    }

    .app_feature_teaser__phones {
        overflow: visible;
        margin-top: 0
    }

    .app_feature_teaser__phone:first-child {
        left: 42%
    }
}

.app_home_teaser {
    padding: 0 0 4em;
    background-color: #fff;
    color: #181d1e
}

.app_home_teaser__container {
    float: none;
    margin-right: auto;
    margin-left: auto;
    max-width: 90%;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #fff;
    overflow: hidden
}

.app_home_teaser__image {
    line-height: 0
}

.app_home_teaser__image img {
    width: 100%
}

.app_home_teaser__image--desktop {
    display: none
}

.app_home_teaser__text {
    float: none;
    margin-right: auto;
    margin-left: auto;
    background-color: #24353f;
    padding: 1.5em 5%;
    color: #fff
}

.app_home_teaser__text_headline {
    margin-bottom: .5em;
    font-weight: normal;
    color: #fff
}

.app_home_teaser__text_kicker {
    color: #fff;
    font-size: 14px;
    text-transform: uppercase
}

.app_home_teaser__text_paragraph {
    max-width: 470px
}

.app_home_teaser__text_cta .cta {
    width: 100% !important
}

.app_home_teaser__play {
    background-image: url("https://www.fitx.de/img/block/shared/icon/play_icon_orange.svg");
    background-size: 22px;
    display: unset;
    padding: 2px 0;
    padding-left: 30px;
    background-repeat: no-repeat;
    font-weight: bold;
    background-position: 0 2px
}

@media(min-width: 768px) {
    .app_home_teaser {
        margin:0 auto
    }

    .app_home_teaser__text_cta .cta {
        width: fit-content !important
    }
}

@media(min-width: 1024px) {
    .app_home_teaser {
        margin:0 auto;
        max-width: 100%;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 100% 0;
        padding: 0 0 6em
    }

    .app_home_teaser__container {
        max-width: 1280px !important;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row-reverse;
        -moz-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
        border-radius: 0;
        background-color: #fff;
        overflow: auto
    }

    .app_home_teaser__text {
        width: 50%;
        padding: 0;
        color: #444;
        background-color: #fff
    }

    .app_home_teaser__text_headline {
        color: #181d1e
    }

    .app_home_teaser__text_kicker {
        color: #717171
    }

    .app_home_teaser__image {
        width: 50%
    }

    .app_home_teaser__image img {
        border-radius: 10px
    }

    .app_home_teaser__image--mobile {
        display: none
    }

    .app_home_teaser__image--desktop {
        display: block
    }

    .app_home_teaser__text_cta .cta {
        width: fit-content !important;
        width: -moz-fit-content !important
    }
}

@media(min-width: 1800px) {
    .app_home_teaser {
        max-width:1920px
    }

    .app_home_teaser__text {
        padding: 0
    }
}

@media screen and (min-width: 1921px) {
    .app_home_teaser {
        border-radius:10px
    }
}

body[data-controller=app_invitation] {
    background-color: #1c2223;
    height: auto !important
}

body[data-controller=app_invitation] .header--visible {
    display: block
}

body[data-controller=app_invitation] .menuicon,body[data-controller=app_invitation] .navigation--header {
    display: none
}

body[data-controller=app_invitation] .footer {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0
}

.app_invitation {
    padding: 8em 0 15em
}

.app_invitation__headline {
    color: #fff;
    text-align: center
}

.app_invitation__subline {
    color: #fff;
    font-size: 1.3em;
    line-height: 1.4em;
    text-transform: none;
    margin-bottom: 2em;
    text-align: center
}

.app_invitation form {
    float: none;
    margin-right: auto;
    margin-left: auto;
    width: 90%
}

.app_invitation__error {
    color: #e83623;
    margin-top: 1em
}

.app_invitation__error--hidden {
    display: none
}

.app_invitation__email_notice {
    color: #00ae90;
    font-size: 1.1em;
    max-height: 4em;
    transition: max-height .5s
}

.app_invitation__email_notice--hidden {
    max-height: 0;
    overflow: hidden
}

.app_invitation label[for=privacy] {
    color: #f5f5f5
}

.app_invitation label[for=privacy] a {
    color: #fff;
    text-decoration: none;
    font-weight: bold
}

.app_invitation__thankyou_android,.app_invitation__thankyou_ios {
    width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    color: #fff
}

.app_invitation__thankyou_android--hidden,.app_invitation__thankyou_ios--hidden {
    display: none
}

.app_invitation .form--hidden {
    display: none
}

.app_invitation__recaptcha {
    margin-top: 1em
}

.app_invitation__recaptcha_error {
    color: #e83623;
    font-weight: 400;
    font-size: 1.1em;
    margin-top: .5em
}

.app_invitation__recaptcha_error--hidden {
    display: none
}

.app_invitation__form__segment--lean {
    margin-bottom: 1em !important
}

.app_invitation__thankyou_container {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    text-align: center
}

.app_invitation__thankyou_headline {
    padding: 0;
    margin: 0;
    display: block;
    text-align: center;
    font-size: 21px;
    line-height: 30px;
    text-transform: none
}

.app_invitation__thankyou_content_list {
    text-align: left;
    margin: 3em 0 4em
}

.app_invitation__thankyou_content_list_item {
    color: #fff;
    font-weight: 400;
    font-size: 1.2em;
    opacity: .9;
    background-size: 25px;
    margin: 1.5em 0;
    background-repeat: no-repeat;
    text-align: center
}

.app_invitation__thankyou_content_list_item span {
    color: #ed6a12
}

.app_invitation__thankyou_content_list_item .testflight_notice__content_list_item_counter {
    display: block;
    background-color: #fff;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 100px;
    margin: 0 auto .2em;
    font-weight: bold;
    color: #181d1e
}

@media(min-width: 768px) {
    body[data-controller=app_invitation] .header,body[data-controller=app_invitation] .footer {
        display:block
    }

    .app_invitation {
        padding: 10em 0 5em;
        max-width: 710px;
        float: none;
        margin-right: auto;
        margin-left: auto;
        width: 100%
    }

    .app_invitation form {
        max-width: 710px;
        float: none;
        margin-right: auto;
        margin-left: auto;
        width: 100%
    }

    .app_invitation__thankyou_android,.app_invitation__thankyou_ios {
        width: 100%
    }

    .app_invitation__thankyou_container {
        width: 95% !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: center;
        background-image: url("https://www.fitx.de/img/block/shared/testflight_notice/lama_yeah.svg");
        background-repeat: no-repeat;
        background-position: center 0;
        padding-top: 180px;
        background-size: 180px
    }

    .app_invitation__thankyou_headline {
        text-align: center;
        font-size: 27px;
        line-height: 40px
    }

    .app_invitation__thankyou_content_list {
        text-align: center;
        margin: 3em 0 2em
    }

    .app_invitation__thankyou_content_list_item {
        text-align: center;
        font-size: 19px;
        margin: .2em 0
    }

    .app_invitation__thankyou_content_list_item .testflight_notice__content_list_item_counter {
        color: #fff;
        font-weight: bold;
        display: inline;
        background-color: rgba(0,0,0,0);
        width: auto;
        height: auto;
        line-height: unset;
        border-radius: 0;
        margin: 0 auto .2em
    }

    .app_invitation__thankyou_content_list_item .testflight_notice__content_list_item_counter:after {
        content: "."
    }

    .app_invitation__meta {
        max-width: 960px;
        margin-left: auto;
        margin-right: auto
    }

    .app_invitation__meta:after {
        content: "";
        display: table;
        clear: both
    }

    .app_invitation__meta>*:nth-child(2n+1) {
        width: calc(50%);
        float: left;
        clear: left;
        padding-left: 0;
        margin-left: 0
    }

    .app_invitation__meta>*:nth-child(2n+2) {
        width: calc(50%);
        float: left;
        clear: none;
        padding-right: 0;
        margin-right: 0
    }

    .app_invitation__recaptcha {
        margin-top: 0
    }
}

@media(min-width: 1024px) {
    .app_invitation h1 {
        font-size:34px;
        line-height: 38px
    }

    .app_invitation__valign {
        float: none;
        margin-right: auto;
        margin-left: auto;
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .app_invitation__thankyou_container {
        width: 100% !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: center;
        background-image: url("https://www.fitx.de/img/block/shared/testflight_notice/lama_yeah.svg");
        background-repeat: no-repeat;
        background-position: center 0;
        padding-top: 180px;
        background-size: 180px
    }

    .app_invitation__thankyou_headline {
        font-size: 32px;
        line-height: 40px
    }
}

@media(min-width: 1024px) {
    .app_invitation__thankyou_ios_container {
        width:100% !important;
        padding-top: 240px;
        background-size: 240px
    }

    .app_invitation__thankyou_ios_headline {
        font-size: 42px;
        line-height: 50px
    }

    .app_invitation__thankyou_ios_content_list_item {
        font-size: 21px;
        margin: .5em 0
    }
}

.app_store_badges {
    margin-top: 2em;
    overflow: hidden
}

.app_store_badges__logo {
    width: 144px;
    height: 42px;
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    text-indent: -8000px;
    float: left;
    overflow: hidden
}

.app_store_badges__logo_android {
    background-image: url("https://www.fitx.de/img/block/shared/icon/badge_android.svg")
}

.app_store_badges__logo_ios {
    background-image: url("https://www.fitx.de/img/block/shared/icon/badge_ios.svg")
}

@media(min-width: 768px) {
    .app_store_badges__logo {
        width:175px;
        height: 52px
    }

    .app_store_badges--footer {
        margin-top: 1em
    }

    .app_store_badges__logo--footer {
        width: 135px;
        height: 40px
    }

    .app_store_badges--exercise .app_store_badges__logo {
        width: 135px;
        height: 40px
    }
}

.arborea_conditions {
    background: #fff;
    margin: 0 0 2em 0
}

.arborea_conditions__container {
    width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    overflow: auto
}

.arborea_conditions__headline {
    margin-bottom: 1em !important
}

.arborea_conditions p {
    margin: 0 0 1em 0
}

.arborea_conditions p.tel_info {
    font-size: 14px;
    font-weight: 300
}

.arborea_conditions span.desktop {
    display: none
}

.arborea_conditions__arborea_conditions {
    margin-top: 1em
}

.arborea_conditions__arborea_conditions_status {
    text-align: right;
    font-weight: bold !important
}

.arborea_conditions__listHeadline {
    margin-bottom: 1em !important;
    font-weight: normal
}

.arborea_conditions ul,.arborea_conditions ol {
    margin-bottom: 3em
}

.arborea_conditions ul li,.arborea_conditions ol li {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    list-style-type: square;
    list-style-position: outside;
    margin-left: 1em;
    margin-bottom: 1em
}

.arborea_conditions ul li>ul,.arborea_conditions ol li>ul {
    margin-top: 1em
}

.arborea_conditions__ordered_list li {
    list-style-type: inherit !important
}

@media(min-width: 768px) {
    .arborea_conditions {
        padding-bottom:7em
    }

    .arborea_conditions__container {
        max-width: 1280px;
        width: 85%;
        margin: 0 auto
    }

    .arborea_conditions p {
        margin: 0 0 2em 0
    }

    .arborea_conditions__arborea_conditions {
        margin-top: 2em
    }

    .arborea_conditions ul li,.arborea_conditions ol li {
        font-size: 18px;
        line-height: 28px
    }
}

@media(min-width: 1024px) {
    .arborea_conditions__arborea_conditions {
        max-width:960px;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%
    }

    .arborea_conditions__arborea_conditions:after {
        content: "";
        display: table;
        clear: both
    }

    .arborea_conditions__arborea_conditions>*:nth-child(2n+1) {
        width: calc(50%);
        float: left;
        clear: left;
        padding-left: 0;
        margin-left: 0
    }

    .arborea_conditions__arborea_conditions>*:nth-child(2n+2) {
        width: calc(50%);
        float: left;
        clear: none;
        padding-right: 0;
        margin-right: 0
    }

    .arborea_conditions__arborea_conditions section {
        padding: 0 2em
    }

    .arborea_conditions span.desktop {
        display: inline-block
    }

    .arborea_conditions span.mobile {
        display: none
    }
}

body[data-controller=arborea] {
    background-color: #f5f5f5
}

.arborea_event {
    background-color: #f5f5f5;
    padding: 4em 0
}

.arborea_event__container {
    max-width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    text-align: left
}

.arborea_event__headline {
    text-align: left;
    margin-bottom: 1em
}

.arborea_event__subheadline {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 500
}

.arborea_event__img {
    width: 100%;
    display: none
}

.arborea_event__text {
    max-width: 85%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    padding-top: 3em
}

.arborea_event__text__desktop {
    display: none
}

.arborea_event__list {
    margin-bottom: 2em
}

.arborea_event__list_badge_container {
    background-color: #fff;
    padding: 2em 0
}

.arborea_event__list_badge_circle {
    float: none;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    height: 205px;
    width: 205px;
    background-color: #ed6a12;
    border-radius: 120px;
    transform: rotateZ(-12deg);
    color: #fff;
    padding: 1.4em 0 0 0;
    text-transform: uppercase;
    text-align: center;
    font-weight: 400;
    font-size: 2.2em;
    line-height: initial
}

.arborea_event__list_badge_circle__text1 {
    font-size: 18px;
    text-transform: none;
    font-weight: 300
}

.arborea_event__list_badge_circle__text2 {
    font-size: .75em;
    font-weight: 200
}

.arborea_event__list_badge_circle__text3 {
    font-weight: bold
}

.arborea_event__list_bullets_content li {
    font-size: 16px;
    font-weight: 400 !important;
    text-align: left
}

.arborea_event__list_headline {
    margin-bottom: .5em;
    text-align: left
}

.arborea_event__form_container {
    position: relative;
    max-width: 85%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    padding-top: 2em
}

.arborea_event__form_headline {
    font-size: 18px;
    font-weight: bold;
    line-height: 28px
}

@media(min-width: 768px) {
    .arborea_event__container {
        width:95% !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        padding: 2em 0 0;
        text-align: left
    }

    .arborea_event__img {
        width: 50%;
        margin: 0 auto;
        display: block
    }

    .arborea_event__list_bullets_content li {
        font-size: 18px
    }

    .arborea_event__list_badge_container {
        margin-top: 8em !important
    }

    .arborea_event__list_badge_circle {
        float: none;
        margin-right: auto;
        margin-left: auto;
        position: relative;
        top: -102.5px;
        height: 205px;
        width: 205px
    }

    .arborea_event__form_container {
        top: -102.5px
    }
}

@media(min-width: 1024px) {
    .arborea_event__container {
        width:95% !important;
        max-width: 1280px !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: left
    }

    .arborea_event__list {
        width: 100% !important;
        max-width: 85% !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        max-width: 960px;
        margin-left: auto;
        margin-right: auto
    }

    .arborea_event__list:after {
        content: "";
        display: table;
        clear: both
    }

    .arborea_event__list>*:nth-child(2n+1) {
        width: calc(50% - 2em - 2em + 1em + 1em);
        float: left;
        margin: 2em;
        clear: left;
        margin-left: 0
    }

    .arborea_event__list>*:nth-child(2n+2) {
        width: calc(50% - 2em - 2em + 1em + 1em);
        float: left;
        margin: 2em;
        clear: none;
        margin-right: 0
    }

    .arborea_event__img {
        width: 115%;
        left: -10%;
        position: relative
    }

    .arborea_event__text__mobile {
        display: none
    }

    .arborea_event__text__desktop {
        max-width: 100%;
        padding-top: 2em;
        display: block
    }
}

@media(min-width: 1800px) {
    .arborea_event__container {
        width:95% !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: left
    }
}

.arborea_video {
    background-color: #f5f5f5
}

.arborea_video__big_wrapper {
    height: 42vh
}

.arborea_video h3 {
    display: none
}

.arborea_video__headline {
    max-width: 85%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    padding: 0 0 2em
}

@media(min-width: 768px) {
    .arborea_video__headline {
        width:95% !important;
        max-width: 80% !important;
        float: none;
        margin-right: auto;
        margin-left: auto
    }
}

@media(min-width: 1024px) {
    .arborea_video {
        float:none;
        margin-right: auto;
        margin-left: auto;
        max-width: 1920px
    }

    .arborea_video__big_wrapper {
        height: 80vh
    }

    .arborea_video__headline {
        width: 100% !important;
        max-width: 90% !important;
        float: none;
        margin-right: auto;
        margin-left: auto
    }
}

@media(min-width: 1800px) {
    .arborea_video {
        float:none;
        margin-right: auto;
        margin-left: auto;
        max-width: 1920px
    }

    .arborea_video__big_wrapper {
        height: 80vh
    }

    .arborea_video__headline {
        width: 100% !important;
        max-width: 85% !important;
        float: none;
        margin-right: auto;
        margin-left: auto
    }
}

.arrow_slider {
    height: 100%;
    position: relative;
    background-color: #f5f5f5;
    border-radius: 10px
}

.arrow_slider__scroller {
    height: 100%;
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    padding: 2em 0
}

.arrow_slider__items {
    height: 100%;
    white-space: nowrap;
    border-radius: 10px;
    transition: transform .6s
}

.arrow_slider__item {
    min-height: 680px;
    display: inline-block;
    width: 100%;
    white-space: normal;
    overflow-x: hidden;
    padding: 2em 15%
}

.arrow_slider__item:nth-child(2) {
    margin-left: 5%
}

.arrow_slider__item:last-child {
    margin-right: 5%
}

.arrow_slider__item_text {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #717171
}

.arrow_slider__item_headline {
    font-size: 24px;
    line-height: 28px;
    font-weight: normal
}

.arrow_slider__item_subline {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    margin-top: 2em;
    color: #717171;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center
}

.arrow_slider__item_subline_image {
    width: 70px;
    height: 70px;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 10px;
    margin-right: 1em;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.arrow_slider__button {
    display: block;
    transition: opacity .2s;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 15px;
    background-color: #ddd;
    border-radius: 50%;
    cursor: pointer;
    opacity: 1
}

.arrow_slider__button--left {
    left: calc(5% - 2.2em)
}

.arrow_slider__button--left--in_container {
    left: -2em
}

.arrow_slider__button--right {
    right: calc(5% - 2.2em)
}

.arrow_slider__button--right--in_container {
    right: -2em
}

.arrow_slider__button--hidden {
    opacity: 0
}

.arrow_slider__arrow {
    width: .6em;
    height: .6em;
    border-bottom: 2px solid #181d1e;
    border-right: 2px solid #181d1e
}

.arrow_slider__arrow--left {
    transform: rotateZ(135deg)
}

.arrow_slider__arrow--right {
    transform: rotateZ(-45deg)
}

@media(min-width: 1024px) {
    .arrow_slider {
        height:100%
    }

    .arrow_slider__scroller {
        width: 100%;
        padding: 4em 0
    }

    .arrow_slider__items {
        height: 100%;
        position: relative;
        transition: transform .6s
    }

    .arrow_slider__item {
        min-height: 400px;
        width: 100%;
        padding: 0 20%
    }

    .arrow_slider__item:nth-child(2) {
        margin-left: 0
    }

    .arrow_slider__item:last-child {
        margin-right: 0
    }

    .arrow_slider__button {
        padding: 20px;
        cursor: pointer;
        opacity: 1
    }

    .arrow_slider__button--left {
        left: 23px
    }

    .arrow_slider__button--right {
        right: 23px
    }

    .arrow_slider__button--hidden {
        opacity: 0
    }

    .arrow_slider__arrow {
        width: .6em;
        height: .6em;
        border-bottom: 2px solid #181d1e;
        border-right: 2px solid #181d1e
    }

    .arrow_slider__arrow--left {
        transform: rotateZ(135deg)
    }

    .arrow_slider__arrow--right {
        transform: rotateZ(-45deg)
    }

    .arrow_slider:hover .arrow_slider__button {
        opacity: 1
    }

    .arrow_slider:hover .arrow_slider__button--hidden {
        opacity: 0
    }
}

.asymmetrical_boxes_header {
    padding: 4em 0 0
}

.asymmetrical_boxes_header__container {
    padding: 0 5%
}

.asymmetrical_boxes_header__headline {
    color: #181d1e;
    font-size: 24px;
    font-weight: normal;
    line-height: 26px;
    margin-bottom: 15px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.asymmetrical_boxes_header__text {
    color: #444;
    font-size: 16px;
    line-height: 26px;
    font-weight: 300
}

@media(min-width: 1024px) {
    .asymmetrical_boxes_header__container {
        padding:0;
        width: 100%;
        max-width: 1280px;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: space-between
    }

    .asymmetrical_boxes_header__headline {
        font-size: 36px;
        width: calc(50% - 15px);
        line-height: 1
    }

    .asymmetrical_boxes_header__text {
        color: #717171;
        font-size: 22px;
        line-height: 33px;
        width: calc(50% - 15px)
    }
}

.asymmetrical_boxes {
    padding: 2em 0;
    overflow-x: scroll;
    overflow-y: hidden;
    padding-bottom: 1em;
    -webkit-overflow-scrolling: touch
}

.asymmetrical_boxes::-webkit-scrollbar,.asymmetrical_boxes::-webkit-scrollbar-track,.asymmetrical_boxes::-webkit-scrollbar-thumb {
    display: none;
    background-color: rgba(0,0,0,0)
}

.asymmetrical_boxes__container {
    white-space: nowrap
}

.asymmetrical_boxes__item {
    width: 70vw;
    display: inline-block;
    vertical-align: top;
    height: 80vw;
    margin-left: 2.5%
}

.asymmetrical_boxes__item:first-child {
    margin-left: 5%
}

.asymmetrical_boxes__item:last-child {
    margin-right: 5%
}

.asymmetrical_boxes__item:hover,.asymmetrical_boxes__item:active,.asymmetrical_boxes__item:visited {
    color: #181d1e
}

.asymmetrical_boxes__item_content {
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,.1);
    box-shadow: 0px 2px 10px 0px rgba(0,0,0,.1);
    height: 80vw;
    border-radius: 10px
}

.asymmetrical_boxes__item_image {
    background-size: cover;
    background-position: center;
    height: calc(80vw - 80px);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.asymmetrical_boxes__item_text {
    padding: 20px
}

.asymmetrical_boxes__item_kicker {
    color: #717171;
    font-size: 14px;
    font-weight: 400;
    line-height: 1
}

.asymmetrical_boxes__item_headline {
    font-size: 18px;
    line-height: 1.6;
    color: #181d1e
}

@media(min-width: 768px) {
    .asymmetrical_boxes__item {
        width:35vw;
        height: 40vw
    }

    .asymmetrical_boxes__item_content {
        height: 40vw
    }

    .asymmetrical_boxes__item_image {
        height: calc(40vw - 80px)
    }
}

@media(min-width: 1024px) {
    .asymmetrical_boxes {
        padding:4em 0
    }

    .asymmetrical_boxes__container {
        width: calc(100% + 30px);
        max-width: 1310px;
        overflow: hidden;
        margin-left: -15px;
        overflow: hidden
    }

    .asymmetrical_boxes__item {
        width: 25%;
        height: 260px;
        float: left;
        margin: 0;
        margin-bottom: 30px;
        padding: 0 15px
    }

    .asymmetrical_boxes__item:first-child {
        margin-left: 0
    }

    .asymmetrical_boxes__item:last-child {
        margin-right: 0
    }

    .asymmetrical_boxes__item:hover,.asymmetrical_boxes__item:active,.asymmetrical_boxes__item:visited {
        color: #181d1e
    }

    .asymmetrical_boxes__item_content {
        -webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,.1);
        box-shadow: 0px 2px 10px 0px rgba(0,0,0,.1);
        height: 260px;
        border-radius: 10px
    }

    .asymmetrical_boxes__item_image {
        background-size: cover;
        background-position: center;
        height: 180px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px
    }

    .asymmetrical_boxes__item--large {
        width: 50%;
        height: 360px
    }

    .asymmetrical_boxes__item--large .asymmetrical_boxes__item_content {
        height: 360px
    }

    .asymmetrical_boxes__item--large .asymmetrical_boxes__item_image {
        height: 280px
    }

    .asymmetrical_boxes__item:nth-child(4),.asymmetrical_boxes__item:nth-child(5),.asymmetrical_boxes__item:nth-child(6) {
        float: right
    }

    .asymmetrical_boxes__item_text {
        padding: 20px
    }

    .asymmetrical_boxes__item_kicker {
        color: #444444b3;
        font-size: 14px;
        font-weight: 400;
        line-height: 1
    }

    .asymmetrical_boxes__item_headline {
        font-size: 18px;
        line-height: 1.6
    }
}

@media(min-width: 1280px) {
    .asymmetrical_boxes__item {
        height:360px
    }

    .asymmetrical_boxes__item_content {
        height: 360px
    }

    .asymmetrical_boxes__item_image {
        height: 280px
    }

    .asymmetrical_boxes__item--large {
        height: 460px
    }

    .asymmetrical_boxes__item--large .asymmetrical_boxes__item_content {
        height: 460px
    }

    .asymmetrical_boxes__item--large .asymmetrical_boxes__item_image {
        height: 380px
    }
}

.audio_player {
    width: 100%
}

.audio_player__controls {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center
}

.audio_player__play_button {
    background-color: rgba(0,0,0,0);
    border: 0;
    width: 20px;
    height: 20px;
    cursor: pointer;
    padding: 0;
    min-width: 20px;
    min-height: 20px
}

.audio_player__timeline {
    -webkit-appearance: none;
    height: 2px;
    background-color: #e7ab84;
    border-radius: 5px;
    background-size: 0% 100%;
    background-image: linear-gradient(#ED6A12, #ED6A12);
    background-repeat: no-repeat;
    width: 90%;
    margin: 0 10px
}

.audio_player__timeline::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    cursor: pointer;
    opacity: 0;
    transition: all .1s;
    background-color: #ed6a12
}

.audio_player__timeline::-webkit-slider-thumb:hover {
    background-color: #ed6a12
}

.audio_player__timeline:hover::-webkit-slider-thumb {
    opacity: 1
}

.audio_player__timeline::-webkit-slider-runnable-track {
    -webkit-appearance: none;
    box-shadow: none;
    border: none;
    background: rgba(0,0,0,0)
}

.audio_player__current_time {
    color: #ed6a12;
    font-size: 16px;
    min-width: 40px;
    text-align: center
}

.audio_player__sound_button {
    background-color: rgba(0,0,0,0);
    border: 0;
    width: 20px;
    height: 20px;
    cursor: pointer;
    padding: 0
}

.autocomplete_text_input {
    position: relative;
    color: #1c2223
}

.autocomplete_text_input__input[type=text] {
    width: 100%;
    -webkit-appearance: none
}

.autocomplete_text_input__location {
    z-index: 1000;
    background-color: #fff;
    position: absolute;
    font-size: 1.2em;
    padding: .5em 0;
    font-weight: 400;
    cursor: pointer;
    width: 112%;
    top: 80px;
    left: -36px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center
}

.autocomplete_text_input__location_pin {
    width: 44px;
    height: 44px;
    border-radius: 8px;
    background-color: #eee;
    border: 1px solid #e5e5e5;
    vertical-align: bottom;
    background-image: url(/img/block/shared/icon/pin_grey_orange.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 30%;
    display: inline-block;
    cursor: pointer;
    margin-right: 19px
}

.autocomplete_text_input__reset {
    width: 54px;
    height: 54px;
    background-image: url("https://www.fitx.de/img/block/shared/icon/clear.svg");
    border-radius: 100px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 46px;
    position: absolute;
    right: 0;
    cursor: pointer;
    z-index: 1
}

.autocomplete_text_input__reset--mobile {
    background-color: #eee
}

.autocomplete_text_input__reset--faqs {
    width: 52px;
    height: 52px
}

.autocomplete_text_input__suggestions {
    z-index: 1;
    background-color: #fff;
    position: absolute;
    width: 120%;
    left: -10%
}

.autocomplete_text_input__suggestions--mobile {
    position: absolute;
    width: 110%;
    top: 56px;
    left: -34px
}

.autocomplete_text_input__suggestion {
    font-size: 1.2em;
    padding: .5em 2em;
    font-weight: 400;
    cursor: pointer
}

.autocomplete_text_input__suggestion:hover,.autocomplete_text_input__suggestion--hover {
    background-color: #f5f5f5
}

@media(min-width: 768px) {
    .autocomplete_text_input__suggestions {
        width:120%;
        left: -10%
    }

    .autocomplete_text_input__location--mobile,.autocomplete_text_input__reset--mobile {
        display: none
    }
}

@media(min-width: 1024px) {
    .autocomplete_text_input__suggestions {
        width:100%;
        left: 0
    }

    .autocomplete_text_input__reset {
        display: none
    }
}

.back_to_top {
    margin-top: -1px;
    color: #fff;
    background-color: #1c2223;
    padding-bottom: 4em
}

.back_to_top--black {
    color: #1c2223;
    background-color: #fff
}

.back_to_top--almostblack {
    color: #fff;
    background-color: #181d1e
}

.back_to_top--grey {
    color: #1c2223;
    background-color: #f5f5f5
}

.back_to_top--lightergrey {
    color: #1c2223;
    background-color: #f5f5f5
}

.back_to_top__text {
    text-align: center;
    margin-top: -0.8em;
    margin-bottom: 0;
    font-weight: bold;
    text-transform: uppercase
}

.back_to_top__text a {
    color: #fff
}

.back_to_top__text--black a {
    color: #1c2223
}

.back_to_top__text--grey a {
    color: #1c2223
}

.back_to_top__text--lightergrey a {
    color: #1c2223
}

.back_to_top--bigger_margin {
    margin-top: 4em
}

.berlinhoch10_event {
    background-color: #f5f5f5;
    padding: 4em 0
}

.berlinhoch10_event__container {
    max-width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    padding: 2em 0 0;
    text-align: left
}

.berlinhoch10_event__headline {
    text-align: left;
    margin-bottom: 1em
}

.berlinhoch10_event__subheadline {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 500
}

.berlinhoch10_event__img {
    width: 100%
}

.berlinhoch10_event__text {
    max-width: 85%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    padding-top: 3em
}

.berlinhoch10_event__text__desktop {
    display: none
}

.berlinhoch10_event__list {
    margin-bottom: 2em
}

.berlinhoch10_event__list_badge_container {
    background-color: #fff;
    padding: 2em 0
}

.berlinhoch10_event__list_badge_circle {
    float: none;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    height: 205px;
    width: 205px;
    background-color: #ed6a12;
    border-radius: 120px;
    transform: rotateZ(-12deg);
    color: #fff;
    padding: 1.8em 0 0 0;
    text-transform: uppercase;
    text-align: center;
    font-weight: 400;
    font-size: 2.2em;
    line-height: initial
}

.berlinhoch10_event__list_badge_circle_text1 {
    font-size: 24px;
    text-transform: none;
    font-weight: bold
}

.berlinhoch10_event__list_badge_circle_text2 {
    font-size: 1em;
    font-weight: 200
}

.berlinhoch10_event__list_badge_circle_text3 {
    font-weight: bold
}

.berlinhoch10_event__list_bullets_content li {
    font-size: 16px;
    font-weight: 400 !important;
    text-align: left
}

.berlinhoch10_event__list_headline {
    margin-bottom: .5em;
    text-align: left
}

.berlinhoch10_event__form_container {
    position: relative;
    max-width: 85%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    padding-top: 2em
}

.berlinhoch10_event__form_headline {
    font-size: 18px;
    font-weight: bold;
    line-height: 28px
}

@media(min-width: 768px) {
    .berlinhoch10_event__container {
        width:95% !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        padding: 2em 0 0;
        text-align: left
    }

    .berlinhoch10_event__img {
        width: 50%;
        margin: 0 auto;
        display: block
    }

    .berlinhoch10_event__list_bullets_content li {
        font-size: 18px
    }

    .berlinhoch10_event__list_badge_container {
        margin-top: 8em !important
    }

    .berlinhoch10_event__list_badge_circle {
        float: none;
        margin-right: auto;
        margin-left: auto;
        position: relative;
        top: -102.5px;
        height: 205px;
        width: 205px
    }

    .berlinhoch10_event__form_container {
        top: -102.5px
    }
}

@media(min-width: 1024px) {
    .berlinhoch10_event__container {
        width:95% !important;
        max-width: 1280px !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: left
    }

    .berlinhoch10_event__list {
        width: 100% !important;
        max-width: 85% !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        max-width: 960px;
        margin-left: auto;
        margin-right: auto
    }

    .berlinhoch10_event__list:after {
        content: "";
        display: table;
        clear: both
    }

    .berlinhoch10_event__list>*:nth-child(2n+1) {
        width: calc(50% - 2em - 2em + 1em + 1em);
        float: left;
        margin: 2em;
        clear: left;
        margin-left: 0
    }

    .berlinhoch10_event__list>*:nth-child(2n+2) {
        width: calc(50% - 2em - 2em + 1em + 1em);
        float: left;
        margin: 2em;
        clear: none;
        margin-right: 0
    }

    .berlinhoch10_event__img {
        width: 115%;
        left: -10%;
        position: relative
    }

    .berlinhoch10_event__text__mobile {
        display: none
    }

    .berlinhoch10_event__text__desktop {
        max-width: 100%;
        padding-top: 2em;
        display: block
    }
}

@media(min-width: 1800px) {
    .berlinhoch10_event__container {
        width:95% !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: left
    }
}

.berlinhoch10_hero__container {
    width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    margin-top: 73px;
    overflow: auto;
    background-color: #f5f5f5;
    padding: 2em 0 0;
    text-align: center
}

.berlinhoch10_hero__img {
    height: 80vh
}

.berlinhoch10_hero__headline {
    color: #181d1e;
    font-weight: 400;
    font-size: 1.7em;
    margin-bottom: .3em
}

.berlinhoch10_hero__subline {
    color: #181d1e;
    font-weight: normal;
    font-size: 1.7em;
    margin-bottom: 2em
}

@media(min-width: 768px) {
    .berlinhoch10_hero__logo {
        height:60px;
        width: 280px;
        margin: 2em auto 1em
    }

    .berlinhoch10_hero__headline {
        margin-bottom: 0;
        line-height: initial
    }
}

@media(min-width: 1024px) {
    .berlinhoch10_hero__logo {
        height:80px;
        width: 350px;
        margin: 2em auto 2em
    }
}

@media(min-width: 1800px) {
    .berlinhoch10_hero__logo {
        height:80px;
        width: 380px
    }

    .berlinhoch10_hero__headline {
        font-size: 2.1em;
        margin-bottom: 0
    }

    .berlinhoch10_hero__subline {
        font-weight: normal;
        font-size: 2.3em;
        margin-bottom: 2em
    }
}

.blocks {
    transition: transform .6s,opacity .6s
}

.blocks--shifted {
    transform: translate3d(-30vw, 0, 0);
    opacity: .3
}

.blurb_startpage {
    max-width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    padding: 4em 0;
    background-color: #f5f5f5;
    color: #181d1e
}

.blurb_startpage--white {
    background-color: #fff
}

.blurb_startpage--hero {
    margin-top: 73px
}

.blurb_startpage__container {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.blurb_startpage__image {
    min-height: 280px;
    border-radius: 3px;
    background-size: cover;
    margin-bottom: 2em
}

.blurb_startpage__headline {
    margin-bottom: .5em
}

@media(min-width: 768px) {
    .blurb_startpage__image {
        height:460px
    }
}

@media(min-width: 1024px) {
    .blurb_startpage {
        max-width:100%;
        padding: 7em 0
    }

    .blurb_startpage__container {
        max-width: 960px;
        margin-left: auto;
        margin-right: auto;
        max-width: 1280px !important
    }

    .blurb_startpage__container:after {
        content: "";
        display: table;
        clear: both
    }

    .blurb_startpage__container>*:nth-child(2n+1) {
        width: calc(50%);
        float: left;
        clear: left;
        margin-left: 0
    }

    .blurb_startpage__container>*:nth-child(2n+2) {
        width: calc(50%);
        float: left;
        clear: none;
        margin-right: 0
    }

    .blurb_startpage__container>*:nth-child(2n+2) {
        left: calc(0px - ((0px + (50%) + (50%))) + (0px + (50%)));
        position: relative
    }

    .blurb_startpage__container>*:nth-child(2n+1) {
        left: calc(0px - ((0px + (50%))) + (0px + (50%) + (50%)));
        position: relative
    }

    .blurb_startpage__container--reversed {
        max-width: 960px;
        margin-left: auto;
        margin-right: auto
    }

    .blurb_startpage__container--reversed:after {
        content: "";
        display: table;
        clear: both
    }

    .blurb_startpage__container--reversed>*:nth-child(2n+1) {
        width: calc(50%);
        float: left;
        clear: left;
        margin-left: 0
    }

    .blurb_startpage__container--reversed>*:nth-child(2n+2) {
        width: calc(50%);
        float: left;
        clear: none;
        margin-right: 0
    }

    .blurb_startpage__container--reversed>*:nth-child(2n+1) {
        left: calc(0px - ((0px + (50%))) + (0px + (50%)));
        position: relative
    }

    .blurb_startpage__container--reversed>*:nth-child(2n+2) {
        left: calc(0px - ((0px + (50%) + (50%))) + (0px + (50%) + (50%)));
        position: relative
    }

    .blurb_startpage__image {
        height: 460px;
        display: block;
        border-radius: 6px;
        background-position: center;
        margin-bottom: 0
    }

    .blurb_startpage__text {
        height: 460px;
        padding: 0 4em 0 0;
        position: relative
    }

    .blurb_startpage__text--reversed {
        padding: 0 0 0 4em
    }

    .blurb_startpage__text_content {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .blurb_startpage__copy {
        margin-bottom: 2em
    }
}

@media(min-width: 1800px) {
    .blurb_startpage {
        max-width:1920px;
        margin: 0 auto
    }

    .blurb_startpage--hero {
        margin-top: 73px
    }

    .blurb_startpage__text {
        padding: 0 10em 0 0
    }

    .blurb_startpage__text--reversed {
        padding: 0 0 0 10em
    }
}

.blurb {
    position: relative;
    max-width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    padding: 0 0 4em;
    background-color: #f5f5f5;
    color: #181d1e
}

.blurb--narrow {
    max-width: 1920px
}

.blurb--white {
    background-color: #fff
}

.blurb--dark {
    background-color: #181d1e
}

.blurb--almostBlack {
    background-color: #181d1e
}

.blurb--hero {
    margin-top: 73px
}

.blurb--hero .blurb__headline {
    font-size: 2.8em
}

.blurb--white {
    background-color: #fff
}

.blurb__text {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    padding: 2em 0 0
}

.blurb__text--verticallyCentered {
    padding: 1em 4em 0 0
}

.blurb__text--dark {
    font-size: 1.2em;
    font-weight: 400;
    color: #b5b5b5
}

.blurb__text--dark h2 {
    color: #fff
}

.blurb__text--almostBlack {
    font-size: 1.2em;
    font-weight: 400;
    padding-top: 2em;
    color: #b5b5b5
}

.blurb__text--almostBlack h2 {
    color: #fff
}

.blurb__text--white p {
    color: #444
}

.blurb__text_content p:last-child {
    margin-bottom: 0
}

.blurb__image_container {
    width: 100%
}

.blurb__image_container--wide_image {
    padding: 4em 5% 0 5%
}

.blurb__image {
    width: 100%;
    background-size: cover;
    margin-bottom: 2em
}

.blurb__image--desktop {
    display: none
}

.blurb__headline {
    margin-bottom: .5em;
    font-weight: normal
}

.blurb__headline--lp {
    line-height: 42px
}

.blurb__cta .cta {
    width: 100%
}

@media(min-width: 768px) {
    .blurb--no_top_space {
        padding-top:0
    }

    .blurb__image_container {
        width: 100%
    }

    .blurb__image {
        width: 100%;
        margin-bottom: 0
    }

    .blurb__cta .cta {
        width: 295px
    }
}

@media(min-width: 1024px) {
    .blurb {
        display:-ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: space-between;
        padding: 7em 0
    }

    .blurb--hero {
        margin-top: 73px
    }

    .blurb--wide_image {
        width: 100%;
        display: block
    }

    .blurb--greyBox {
        padding-bottom: 0
    }

    .blurb--no_top_space {
        padding-top: 2em
    }

    .blurb__container {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row-reverse;
        -moz-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-align-items: flex-start;
        -moz-align-items: flex-start;
        -ms-align-items: flex-start;
        align-items: flex-start
    }

    .blurb__container--reversed {
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .blurb__container--wide_image {
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center
    }

    .blurb__container--verticallyCentered {
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center
    }

    .blurb__container--greyBox {
        background-color: #f5f5f5;
        padding: 80px 60px;
        border-radius: 8px
    }

    .blurb__container--center {
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center
    }

    .blurb__image_container {
        width: 100%;
        text-align: right
    }

    .blurb__image_container--reversed {
        text-align: left
    }

    .blurb__image_container--wide_image {
        padding: 0
    }

    .blurb__image {
        border-radius: 10px;
        width: 90%
    }

    .blurb__image--bgm {
        border-radius: 0
    }

    .blurb__image--desktop {
        display: block
    }

    .blurb__image--mobile {
        display: none
    }

    .blurb__headline--bgm {
        font-size: 48px;
        line-height: 52px
    }

    .blurb__text {
        width: 90%;
        padding-top: 0
    }

    .blurb__text--wide_image {
        width: 60%
    }

    .blurb__text--bgm .blurb__text_content {
        width: 90%
    }
}

.brandevo {
    margin-top: 73px;
    background-color: #181d1e;
    color: #fff
}

.brandevo__container {
    padding: 4em 0
}

.brandevo__container--light {
    background-color: #fff
}

.brandevo__container--image {
    background-image: url("https://www.fitx.de/img/block/shared/brandevo/hero_lady_gym.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 500px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center
}

.brandevo__section {
    float: none;
    margin-right: auto;
    margin-left: auto;
    max-width: 90%;
    width: 100%
}

.brandevo__button {
    padding: 1em 0
}

@media(min-width: 768px) {
    .brandevo {
        max-width:100%;
        float: none;
        margin-right: auto;
        margin-left: auto;
        max-width: 1920px
    }

    .brandevo__container {
        padding: 7em 0
    }

    .brandevo__section {
        max-width: 800px !important;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .brandevo__button {
        -webkit-flex-basis: 50%;
        -moz-flex-basis: 50%;
        -ms-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
        padding: 1em 0
    }
}

.bringafriend {
    background: #fff;
    margin-top: 0;
    padding: 4em 0
}

.bringafriend__container {
    width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.bringafriend p {
    margin: 0 0 1em 0
}

.bringafriend p.tel_info {
    font-size: 14px;
    font-weight: 300
}

.bringafriend span.desktop {
    display: none
}

.bringafriend__bringafriend {
    margin-top: 1em
}

.bringafriend__bringafriend_status {
    text-align: right;
    font-weight: bold !important
}

.bringafriend__listHeadline {
    margin-bottom: 1em !important;
    font-weight: normal
}

.bringafriend ul {
    margin-bottom: 3em
}

.bringafriend ul li {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    list-style-type: square;
    list-style-position: outside;
    margin-left: 1em
}

@media(min-width: 768px) {
    .bringafriend {
        padding:7em 0
    }

    .bringafriend__container {
        max-width: 1280px;
        width: 85%;
        margin: 0 auto
    }

    .bringafriend p {
        margin: 0 0 2em 0
    }

    .bringafriend__bringafriend {
        margin-top: 2em
    }

    .bringafriend ul li {
        font-size: 18px;
        line-height: 28px
    }
}

@media(min-width: 1024px) {
    .bringafriend__bringafriend {
        max-width:960px;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%
    }

    .bringafriend__bringafriend:after {
        content: "";
        display: table;
        clear: both
    }

    .bringafriend__bringafriend>*:nth-child(2n+1) {
        width: calc(50%);
        float: left;
        clear: left;
        padding-left: 0;
        margin-left: 0
    }

    .bringafriend__bringafriend>*:nth-child(2n+2) {
        width: calc(50%);
        float: left;
        clear: none;
        padding-right: 0;
        margin-right: 0
    }

    .bringafriend__bringafriend section {
        padding: 0 2em
    }

    .bringafriend span.desktop {
        display: inline-block
    }

    .bringafriend span.mobile {
        display: none
    }
}

.campaign_benefits {
    padding: 4em 0 0;
    background-color: #181d1e
}

.campaign_benefits__container {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    text-align: left
}

.campaign_benefits__headline,.campaign_benefits__text {
    text-align: left;
    color: #fff
}

.campaign_benefits__headline {
    margin-bottom: .5em
}

.campaign_benefits__text {
    margin-bottom: 3em
}

.campaign_benefits__items {
    color: #fff;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.campaign_benefits__item {
    width: 100%;
    background-image: url("https://www.fitx.de/img/block/shared/icon/hardfacts/business_times.svg");
    background-repeat: no-repeat;
    background-size: 48px;
    padding: 0 0 1em 70px
}

.campaign_benefits__item--business_times {
    background-image: url("https://www.fitx.de/img/block/shared/icon/hardfacts/business_times.svg")
}

.campaign_benefits__item--price {
    background-image: url("https://www.fitx.de/img/block/shared/icon/hardfacts/price.svg")
}

.campaign_benefits__item--trainer {
    background-image: url("https://www.fitx.de/img/block/shared/icon/hardfacts/trainer.svg")
}

.campaign_benefits__item--machines {
    background-image: url("https://www.fitx.de/img/block/shared/icon/hardfacts/machines.svg")
}

.campaign_benefits__item--campaign {
    padding: 60px 0 1em 0
}

.campaign_benefits__item_headline {
    margin-bottom: 0
}

.campaign_benefits__item_text {
    color: #ccc
}

@media(min-width: 768px) {
    .campaign_benefits {
        padding:4em 0 0
    }

    .campaign_benefits__container {
        width: 95% !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        padding: 2em 0 0;
        text-align: left
    }

    .campaign_benefits__item {
        width: 50%;
        padding: 0 0 2em 70px
    }

    .campaign_benefits__item_text {
        padding-right: 20%
    }
}

@media(min-width: 1024px) {
    .campaign_benefits {
        padding:7em 0 2em 0
    }

    .campaign_benefits--campaign {
        background-color: #181d1e
    }

    .campaign_benefits__container {
        width: 90% !important;
        max-width: 1280px !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: left
    }

    .campaign_benefits__headline,.campaign_benefits__text {
        text-align: center;
        color: #fff
    }

    .campaign_benefits__text {
        max-width: 700px;
        margin: 0 auto 5em;
        color: #ccc
    }

    .campaign_benefits__items--campaign {
        color: #fff
    }

    .campaign_benefits__item {
        width: 50%;
        padding: 0 0 4em 70px
    }

    .campaign_benefits__item--campaign {
        padding: 0 0 4em 70px
    }

    .campaign_benefits__item--campaign--business_times {
        background-image: url("https://www.fitx.de/img/block/shared/icon/hardfacts/business_times.svg")
    }

    .campaign_benefits__item--campaign--price {
        background-image: url("https://www.fitx.de/img/block/shared/icon/hardfacts/price.svg")
    }

    .campaign_benefits__item--campaign--trainer {
        background-image: url("https://www.fitx.de/img/block/shared/icon/hardfacts/trainer.svg")
    }

    .campaign_benefits__item--campaign--machines {
        background-image: url("https://www.fitx.de/img/block/shared/icon/hardfacts/machines.svg")
    }

    .campaign_benefits__item_text {
        color: #ccc
    }

    .campaign_benefits__item_text--campaign {
        color: #ccc
    }
}

.campaign_event {
    background-color: #ed6a12;
    background-image: url("https://www.fitx.de/img/block/shared/icon/x.svg");
    background-repeat: no-repeat;
    background-position: 0 2em;
    background-size: cover;
    margin-top: 73px;
    padding: 1em 0
}

.campaign_event__container {
    max-width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    text-align: left
}

.campaign_event__headline {
    text-align: left;
    margin-bottom: .5em;
    font-size: 3.5em;
    line-height: 1em
}

.campaign_event__subline {
    font-weight: normal;
    margin-bottom: 2em
}

.campaign_event__text {
    max-width: 85%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.campaign_event__list {
    margin-bottom: 2em;
    color: #fff
}

.campaign_event__list_bullets {
    margin: 3em 0
}

.campaign_event__list_headline {
    margin-bottom: .5em;
    text-align: left
}

.campaign_event__list_item {
    background-image: url("https://www.fitx.de/img/block/shared/icon/check_white.svg");
    font-size: 1.3em;
    background-size: 19px;
    background-repeat: no-repeat;
    padding-left: 40px;
    background-position: left center;
    margin-bottom: .5em
}

.campaign_event__form_container {
    position: relative;
    max-width: 85%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    background-color: #fff;
    padding: 3em 2em 1em;
    border-radius: 5px;
    color: #181d1e
}

.campaign_event__form_headline {
    margin-bottom: .5em
}

@media(min-width: 768px) {
    .campaign_event {
        padding:1em 0 4em 0
    }

    .campaign_event__container {
        width: 90% !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: left
    }

    .campaign_event__headline {
        font-size: 4em
    }

    .campaign_event__text {
        max-width: 100%
    }

    .campaign_event__form_container {
        max-width: 100%
    }

    .campaign_event__list {
        margin-bottom: 0
    }
}

@media(min-width: 1024px) {
    .campaign_event {
        padding:0
    }

    .campaign_event__container {
        width: 90% !important;
        max-width: 1280px !important;
        padding: 7em 0;
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: left
    }

    .campaign_event__list {
        width: 100% !important;
        max-width: 100% !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        max-width: 960px;
        margin-left: auto;
        margin-right: auto
    }

    .campaign_event__list:after {
        content: "";
        display: table;
        clear: both
    }

    .campaign_event__list>*:nth-child(2n+1) {
        width: calc(50%);
        float: left;
        clear: left;
        margin-left: 0
    }

    .campaign_event__list>*:nth-child(2n+2) {
        width: calc(50%);
        float: left;
        clear: none;
        margin-right: 0
    }

    .campaign_event__text {
        padding: 0 6em 0 0
    }

    .campaign_event__img {
        width: 115%;
        left: -10%;
        position: relative
    }

    .campaign_event__form_container {
        max-width: 85%
    }
}

@media(min-width: 1800px) {
    .campaign_event__container {
        width:95% !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: left
    }

    .campaign_event__list_badge_container {
        padding: 0 4em
    }
}

body[data-controller=campaign] {
    background-color: #ed6a12
}

.campaign_hero {
    margin-top: 73px;
    background-position: 0 bottom;
    position: relative;
    background-color: #ed6a12
}

.campaign_hero__background {
    position: relative
}

.campaign_hero__background_img {
    width: 100%;
    padding-bottom: 63.46667%;
    background-size: cover;
    background-repeat: no-repeat
}

.campaign_hero__background_content {
    position: absolute;
    width: 90%;
    bottom: 1em;
    left: 5%
}

.campaign_hero__background_headline {
    position: relative;
    color: #fff
}

.campaign_hero__content {
    color: #fff;
    width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    padding: 3em 0;
    position: relative
}

.campaign_hero__kicker {
    font-size: 1em;
    font-weight: normal;
    margin: 0
}

.campaign_hero__headline span {
    color: #ed6a12;
    display: block
}

.campaign_hero__text {
    margin: 0;
    color: #fff
}

.campaign_hero__ctas {
    margin-top: 2em
}

.campaign_hero__ctas .cta {
    width: 100%
}

.campaign_hero__badge {
    position: absolute;
    background-color: #181d1e;
    z-index: 1;
    width: 103px;
    height: 103px;
    display: block;
    border-radius: 100px;
    color: #fff;
    right: 1em;
    top: -50px;
    text-align: center;
    transform: rotate(-7deg)
}

.campaign_hero__badge_text {
    font-size: 100%;
    font-weight: 400;
    line-height: 140%;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.campaign_hero__badge span {
    font-size: 125%;
    font-weight: bold;
    display: block
}

.campaign_hero__badge--startpage {
    left: 1em;
    top: 1em;
    color: #181d1e;
    background-color: #f5f5f5
}

@media(min-width: 768px) {
    .campaign_hero {
        background-color:#ed6a12;
        margin-top: 73px;
        background-position: center 20%;
        background-repeat: no-repeat;
        background-size: cover
    }

    .campaign_hero__ctas .cta {
        width: 295px
    }

    .campaign_hero__badge--startpage {
        right: 1em;
        top: -60px;
        left: auto
    }
}

@media(min-width: 1024px) {
    .campaign_hero {
        height:45vw;
        background-position: 100% 20%;
        background-repeat: no-repeat;
        background-size: contain
    }
}

@media(min-width: 1024px)and (orientation: portrait) {
    .campaign_hero {
        height:40%
    }
}

@media(min-width: 1024px) {
    .campaign_hero__content {
        max-width:960px;
        margin-left: auto;
        margin-right: auto;
        width: 100% !important;
        max-width: 1920px !important;
        height: 100%;
        padding: 0;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .campaign_hero__content:after {
        content: "";
        display: table;
        clear: both
    }

    .campaign_hero__content>*:nth-child(2n+1) {
        width: calc(50%);
        float: left;
        clear: left;
        margin-left: 0
    }

    .campaign_hero__content>*:nth-child(2n+2) {
        width: calc(50%);
        float: left;
        clear: none;
        margin-right: 0
    }
}

@media(min-width: 1024px) {
    .campaign_hero__content_text {
        height:100%;
        padding-left: 4.5%
    }
}

@media(min-width: 1024px) {
    .campaign_hero__content_img {
        height:100%;
        background-size: cover
    }
}

@media(min-width: 1024px) {
    .campaign_hero__background {
        display:none
    }
}

@media(min-width: 1024px) {
    .campaign_hero__valign {
        position:relative;
        top: 60%;
        -webkit-transform: translateY(-60%);
        -ms-transform: translateY(-60%);
        transform: translateY(-60%)
    }
}

@media(min-width: 1024px) {
    .campaign_hero__headline {
        display:block;
        font-weight: bold;
        font-size: 3em;
        line-height: 1em
    }
}

@media(min-width: 1024px) {
    .campaign_hero__badge {
        position:absolute;
        left: 0;
        top: -120px
    }

    .campaign_hero__badge--startpage {
        position: relative;
        top: 0;
        margin-bottom: 1em
    }
}

@media(min-width: 1024px) {
    .campaign_hero__kicker {
        font-size:1.2em
    }
}

@media(min-width: 1024px) {
    .campaign_hero__text {
        margin:1.5em 0 2em
    }
}

@media(min-width: 1024px) {
    .campaign_hero__ctas {
        margin-top:0
    }
}

@media(min-width: 1280px) {
    .campaign_hero {
        height:40vw;
        max-width: 1920px;
        float: none;
        margin-right: auto;
        margin-left: auto;
        padding: 0
    }

    .campaign_hero__valign {
        position: relative;
        top: 60%;
        -webkit-transform: translateY(-60%);
        -ms-transform: translateY(-60%);
        transform: translateY(-60%)
    }

    .campaign_hero__headline {
        font-size: 4em
    }

    .campaign_hero__text {
        width: 85%
    }
}

@media(min-width: 1800px) {
    .campaign_hero__content_text {
        padding-left:16.5%
    }

    .campaign_hero__headline {
        font-size: 5em
    }

    .campaign_hero__valign {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@media screen and (min-width: 1921px) {
    .campaign_hero {
        height:30vw
    }

    .campaign_hero__content_text {
        padding-left: 16.5%
    }
}

.campaign_membership {
    padding: 0 0 4em;
    background-color: #181d1e
}

.campaign_membership__container {
    max-width: 100%;
    padding: 0
}

.campaign_membership__box {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    background-color: #ed6a12;
    background-image: url("https://www.fitx.de/img/block/shared/icon/x_light.svg");
    background-repeat: no-repeat;
    background-size: 77%;
    background-position: 200% -10%;
    text-align: left;
    border-radius: 5px;
    padding: 3em 2em;
    color: #fff
}

.campaign_membership__box .cta {
    width: 100%
}

.campaign_membership__headline {
    margin-bottom: .5em
}

.campaign_membership__text {
    font-weight: normal;
    font-size: 120%
}

.campaign_membership__list {
    margin-bottom: 2em
}

.campaign_membership__fineprint {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    color: #ccc;
    padding: 3em 0 0 0
}

.campaign_membership__break {
    display: none
}

@media(min-width: 768px) {
    .campaign_membership__container {
        width:95% !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        padding: 2em 0 0
    }

    .campaign_membership__box {
        max-width: 95%;
        float: none;
        margin-right: auto;
        margin-left: auto;
        background-color: #ed6a12;
        background-image: url("https://www.fitx.de/img/block/shared/icon/x_light.svg");
        background-repeat: no-repeat;
        background-size: 77%;
        background-position: 200% -10%;
        text-align: center;
        border-radius: 5px 5px 0 0;
        padding: 4em 2em;
        color: #fff
    }

    .campaign_membership__box .cta {
        width: 295px;
        margin: 0 auto
    }

    .campaign_membership__headline {
        font-size: 400%
    }

    .campaign_membership__text {
        color: rgba(255,255,255,.8);
        font-size: 160%
    }

    .campaign_membership__list {
        text-align: left;
        width: 310px;
        margin: 3em auto 3em
    }

    .campaign_membership__list li {
        font-size: 1.2em !important
    }

    .campaign_membership__fineprint {
        max-width: 95%;
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: center;
        background-color: #ed6a12;
        border-radius: 0 0 5px 5px;
        color: #fff;
        padding: 3em 2em 1em;
        -webkit-filter: drop-shadow(0px -10px 21px rgba(0, 0, 0, 0.1));
        filter: drop-shadow(0px -10px 21px rgba(0, 0, 0, 0.1))
    }

    .campaign_membership__fineprint p {
        font-size: 1.1em;
        line-height: 1.2em
    }

    .campaign_membership__break {
        display: block
    }
}

@media(min-width: 1024px) {
    .campaign_membership__container {
        width:95% !important;
        max-width: 1280px !important;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .campaign_membership__fineprint p {
        line-height: .8em
    }
}

@media(min-width: 1800px) {
    .campaign_membership__box {
        max-width:100%
    }

    .campaign_membership__fineprint {
        max-width: 100%
    }

    .campaign_membership__fineprint p {
        line-height: .8em
    }
}

.campaign_newsletter_form {
    width: 100% !important;
    position: relative;
    background-color: #fff
}

.campaign_newsletter_form input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 50px #f5f5f5 inset;
    -webkit-text-fill-color: #1c2223
}

.campaign_newsletter_form__subscription_success {
    display: none
}

.campaign_newsletter_form__subscription_success--shown {
    display: block
}

.campaign_newsletter_form__progress_overlay {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    transition: opacity .3s,background-color .3s,color .3s;
    background-color: #fff;
    opacity: 0;
    z-index: 2;
    color: rgba(0,0,0,0)
}

.campaign_newsletter_form__progress_overlay--shown {
    opacity: 1;
    background-image: url(/img/block/shared/icon/loading_dots.gif);
    background-repeat: no-repeat;
    background-position: 50% 30%
}

.campaign_newsletter_form__progress_overlay--success {
    background-color: #fff;
    background-image: none;
    color: #1c2223
}

.campaign_newsletter_form__form_elements--hidden {
    display: none
}

.campaign_newsletter_form__form_element_text {
    overflow: hidden;
    margin-bottom: 1em
}

.campaign_newsletter_form__form_element_text--line {
    border-bottom: 1px solid #f5f5f5;
    margin-bottom: 2em;
    padding-bottom: 1em
}

.campaign_newsletter_form__success_headline,.campaign_newsletter_form__subscription_success_headline {
    font-size: 1.8em;
    line-height: 1.2;
    font-weight: bold;
    margin-bottom: 20px
}

.campaign_newsletter_form__success_text,.campaign_newsletter_form__subscription_success_text {
    font-size: 1.2em;
    font-weight: 300
}

.campaign_newsletter_form__name[type=text],.campaign_newsletter_form__email[type=email],.campaign_newsletter_form__member_id[type=text] {
    width: 100%;
    display: block;
    margin: 0 auto;
    padding: 0 1em;
    font-weight: 400;
    background-color: #f5f5f5;
    color: #1c2223;
    font-size: 1.2em
}

.campaign_newsletter_form__name[type=text]:focus,.campaign_newsletter_form__email[type=email]:focus,.campaign_newsletter_form__member_id[type=text]:focus {
    background-color: #f5f5f5
}

.campaign_newsletter_form__name--error[type=text],.campaign_newsletter_form__email--error[type=email],.campaign_newsletter_form__member_id--error[type=number] {
    color: #e83623
}

.campaign_newsletter_form__member_id {
    display: none !important
}

.campaign_newsletter_form__member_id--shown {
    display: block !important
}

.campaign_newsletter_form__submit[type=submit] {
    width: 100%;
    outline: none;
    margin-top: 1em;
    border-radius: 3px
}

.campaign_newsletter_form__message {
    padding: .4em 0;
    color: #e83623;
    font-weight: 400;
    font-size: 1.1em;
    height: auto;
    line-height: 1.2em
}

.campaign_newsletter_form__form_element_checkbox {
    position: relative
}

.campaign_newsletter_form__privacy,.campaign_newsletter_form__check_wants_newsletter {
    position: absolute;
    left: -9999px;
    visibility: hidden
}

.campaign_newsletter_form__privacy+label,.campaign_newsletter_form__check_wants_newsletter+label {
    font-weight: 400;
    font-size: 1.1em;
    color: #181d1e;
    padding: 0px 0 10px 35px;
    display: block
}

.campaign_newsletter_form__privacy+label:before,.campaign_newsletter_form__check_wants_newsletter+label:before {
    position: absolute;
    top: 0;
    left: 0;
    content: " ";
    display: inline-block;
    width: 30px;
    height: 26px;
    background-image: url("https://www.fitx.de/img/block/shared/form/checkbox.svg");
    background-position: bottom left;
    background-repeat: no-repeat
}

.campaign_newsletter_form__privacy:checked+label:before,.campaign_newsletter_form__check_wants_newsletter:checked+label:before {
    background-image: url("https://www.fitx.de/img/block/shared/form/checkbox_checked.svg")
}

.campaign_newsletter_form__disclaimer {
    text-align: center;
    font-size: 1.1em;
    color: #717171;
    margin-bottom: 0
}

.campaign_newsletter_form__form_element_radio {
    padding: 1em 0;
    overflow: hidden;
    font-size: 1em;
    font-weight: 300
}

.campaign_newsletter_form__form_element_radio:last-child {
    border-bottom: none
}

.campaign_newsletter_form__form_element_radio--inline {
    padding: 0;
    border-bottom: none;
    display: inline-block;
    width: 45%
}

.campaign_newsletter_form__form_element_radio input[type=radio] {
    display: none
}

.campaign_newsletter_form__form_element_radio input[type=radio]:checked+label:before {
    border-color: #00ae90;
    animation: ripple .2s linear forwards
}

.campaign_newsletter_form__form_element_radio input[type=radio]:checked+label:after {
    transform: scale(1)
}

.campaign_newsletter_form__form_element_radio label {
    display: inline-block;
    height: 20px;
    position: relative;
    padding: 0 30px;
    margin-bottom: 0;
    cursor: pointer;
    vertical-align: bottom
}

.campaign_newsletter_form__form_element_radio label:before,.campaign_newsletter_form__form_element_radio label:after {
    position: absolute;
    content: "";
    border-radius: 50%;
    transition: all .3s ease;
    transition-property: transform,border-color
}

.campaign_newsletter_form__form_element_radio label:before {
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #999
}

.campaign_newsletter_form__form_element_radio label:after {
    top: 5px;
    left: 5px;
    width: 10px;
    height: 10px;
    transform: scale(0);
    background: #00ae90
}

.campaign_newsletter_form__member_options_text {
    float: left;
    margin-right: 1em
}

@media(min-width: 768px) {
    .campaign_newsletter_form__submit[type=submit] {
        font-size:1.3em;
        font-weight: normal
    }
}

@media(min-width: 1280px) {
    .campaign_newsletter_form__form_element_radio {
        font-size:1.2em
    }
}

.campaign_trainingareas {
    background-color: #181d1e;
    color: #fff;
    padding: 3em 0
}

.campaign_trainingareas__item,.campaign_trainingareas__item:hover,.campaign_trainingareas__item:visited {
    color: #fff
}

.campaign_trainingareas__headline {
    padding-left: 5%;
    margin-bottom: 1em;
    font-size: 2em
}

.campaign_trainingareas__image {
    height: 190px;
    border-radius: 3px;
    background-size: cover;
    text-align: center;
    position: relative
}

.campaign_trainingareas__image--single {
    height: 200px
}

.campaign_trainingareas__title {
    font-size: 1.8em;
    font-weight: bold;
    text-shadow: 0 0 20px rgba(29,29,29,.5);
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media(min-width: 768px) {
    .campaign_trainingareas__image {
        height:140px
    }

    .campaign_trainingareas__title {
        font-size: 2em
    }
}

@media(min-width: 1024px) {
    .campaign_trainingareas {
        padding:7em 0 3em
    }

    .campaign_trainingareas--tw {
        padding: 7em 0
    }

    .campaign_trainingareas__container {
        position: relative
    }

    .campaign_trainingareas__headline {
        font-size: 2.5em;
        padding-left: 0;
        margin-bottom: 1.6em
    }

    .campaign_trainingareas__image {
        height: 250px
    }

    .campaign_trainingareas__title {
        font-size: 2.5em
    }
}

@media(min-width: 1800px) {
    .campaign_trainingareas__headline {
        font-size:3em
    }
}

.career_accordion {
    background-color: #fff;
    padding: 4em 0;
    max-width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    background-size: contain;
    background-repeat: no-repeat
}

.career_accordion__container {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
    background-color: #fff;
    color: #181d1e;
    padding: 25px 0 0
}

.career_accordion__headline {
    width: 90%;
    margin: 0 auto;
    text-align: left;
    font-weight: normal
}

.career_accordion__accordion_container {
    overflow: auto
}

.career_accordion__accordion_container p {
    color: #444
}

.career_accordion__accordion_container:last-child .career_accordion__accordion_header,.career_accordion__accordion_container:last-child .career_accordion__accordion_content:last-child {
    border-bottom: 0
}

.career_accordion__accordion_header {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 17px 0;
    border-bottom: 1px solid #eee;
    background-image: url("https://www.fitx.de/img/block/shared/career_accordion/arrow_down.svg");
    background-repeat: no-repeat;
    background-position: right 20px center;
    cursor: pointer
}

.career_accordion__accordion_header--opened {
    background-image: url("https://www.fitx.de/img/block/shared/career_accordion/arrow_up.svg");
    border-bottom: 0
}

.career_accordion__accordion_content {
    padding: 0 0 17px;
    border-bottom: 1px solid #eee;
    display: none
}

.career_accordion__accordion_content p:last-child {
    margin-bottom: 0
}

.career_accordion__accordion_content--opened {
    display: block
}

.career_accordion__accordion {
    text-align: left;
    margin-bottom: 2em;
    overflow: hidden
}

.career_accordion__accordion>p {
    margin-bottom: 0
}

.career_accordion__accordion:last-child {
    margin-bottom: 0
}

.career_accordion__accordion_icon {
    height: 20px;
    width: 20px;
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 20px
}

.career_accordion__accordion_headline {
    font-size: 16px;
    display: block;
    font-weight: normal;
    margin: 0
}

@media(min-width: 1024px) {
    .career_accordion {
        max-width:1920px;
        padding: 7em 0;
        background-image: none !important
    }

    .career_accordion--two_elements {
        width: 48.5%;
        max-width: 48.5%;
        margin: 0;
        padding: 0 4%
    }

    .career_accordion--offset {
        display: block
    }

    .career_accordion__container {
        width: 100%;
        max-width: 1280px;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .career_accordion__headline {
        width: 100%
    }

    .career_accordion__accordion_header {
        padding: 25px 0
    }

    .career_accordion__accordion_headline {
        font-size: 22px
    }

    .career_accordion__accordion_content {
        padding: 0 0 25px
    }
}

.career_article_hero {
    padding: 0 0 4em;
    background-color: #fff
}

.career_article_hero__container {
    max-width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.career_article_hero__image {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    height: 220px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative
}

.career_article_hero__content {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    color: #181d1e;
    padding: 2em 0;
    padding-top: 100px
}

.career_article_hero__headline {
    font-size: 32px;
    font-weight: bold;
    letter-spacing: -0.78px;
    line-height: 37px;
    color: #181d1e;
    margin-bottom: .5em
}

.career_article_hero__text,.career_article_hero__text p {
    font-size: 16px;
    line-height: 26px;
    color: #444;
    font-weight: 300
}

.career_article_hero__back {
    background-image: url("https://www.fitx.de/img/block/shared/icon/back_icon.svg");
    width: 100%;
    height: 65px;
    text-indent: -9000px;
    padding: 20px;
    display: block;
    border-bottom: 1px solid #eee;
    background-repeat: no-repeat;
    background-position: left 5% center;
    cursor: pointer;
    position: fixed;
    background-color: #fff;
    z-index: 102;
    top: 0;
    left: 0
}

@media(min-width: 768px) {
    .career_article_hero__text {
        margin-bottom:2em
    }

    .career_article_hero__content {
        width: 90%;
        float: none;
        margin-right: auto;
        margin-left: auto;
        color: #181d1e;
        padding: 2em 0;
        text-align: center;
        max-width: 710px;
        padding-top: 100px
    }
}

@media(min-width: 1024px) {
    .career_article_hero {
        margin-top:79px;
        padding: 7em 0
    }

    .career_article_hero__back {
        display: none
    }

    .career_article_hero__container {
        max-width: 100%;
        max-width: 1280px;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .career_article_hero__content {
        max-width: 100%;
        max-width: 1280px;
        float: none;
        margin-right: auto;
        margin-left: auto;
        padding-top: 0
    }

    .career_article_hero__image {
        width: 100%;
        float: none;
        margin-right: auto;
        margin-left: auto;
        height: 700px;
        border-radius: 10px
    }

    .career_article_hero__content {
        width: 90%;
        float: none;
        margin-right: auto;
        margin-left: auto;
        color: #181d1e;
        padding: 2em 0;
        text-align: center;
        max-width: 940px
    }

    .career_article_hero__headline {
        font-size: 72px;
        line-height: 1
    }

    .career_article_hero__text {
        max-width: 770px;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .career_article_hero__text,.career_article_hero__text p {
        font-size: 18px;
        line-height: 28px
    }
}

.career_article {
    padding: 0 0 4em;
    background-color: #fff
}

.career_article__container {
    max-width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.career_article__content {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    color: #181d1e
}

.career_article__text,.career_article__text p {
    font-size: 16px;
    line-height: 26px;
    color: #444;
    font-weight: 400;
    text-align: left
}

.career_article__text h3 {
    font-size: 24px;
    line-height: 30px;
    color: #181d1e;
    font-weight: normal;
    margin-top: 1em;
    margin-bottom: .5em
}

.career_article__text h3:first-child {
    margin-top: 0
}

.career_article__text p a {
    background-image: url(/img/block/shared/icon/arrow_slim_orange.svg) !important;
    background-repeat: no-repeat;
    background-position: right 5px center;
    padding-right: 35px
}

.career_article__text p a:hover {
    background-position: right center
}

@media(min-width: 768px) {
    .career_article__content {
        width:90%;
        float: none;
        margin-right: auto;
        margin-left: auto;
        color: #181d1e;
        text-align: center;
        max-width: 710px
    }
}

@media(min-width: 1024px) {
    .career_article {
        padding:0 0 7em
    }

    .career_article__container {
        max-width: 100%;
        max-width: 1280px;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .career_article__content {
        max-width: 100%;
        max-width: 1280px;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .career_article__content {
        width: 90%;
        float: none;
        margin-right: auto;
        margin-left: auto;
        color: #181d1e;
        text-align: center;
        max-width: 940px
    }

    .career_article__headline {
        font-size: 72px;
        line-height: 1
    }

    .career_article__text {
        max-width: 770px;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .career_article__text,.career_article__text p {
        font-size: 18px;
        line-height: 28px
    }

    .career_article__text h3 {
        margin-top: 3em
    }

    .career_article__text h3:first-child {
        margin-top: 0
    }
}

.career_audio {
    background-color: #fff
}

.career_audio__container {
    width: 100%;
    background-color: #f8ede6;
    width: 100%;
    max-width: 1280px;
    float: none;
    margin-right: auto;
    margin-left: auto;
    text-align: center
}

.career_audio__content {
    padding: 38px 5%
}

.career_audio__image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 132px;
    width: 132px;
    border-radius: 100px;
    margin: 0 auto 2em
}

.career_audio__headline {
    font-size: 24px;
    line-height: 30px;
    font-weight: normal;
    margin-bottom: .5em;
    color: #ed6a12
}

.career_audio__text p {
    font-size: 16px;
    line-height: 26px
}

.career_audio__audio_player {
    width: 100%;
    max-width: 300px;
    margin: 4em auto 2em
}

@media(min-width: 1024px) {
    .career_audio {
        padding:4em 0
    }

    .career_audio--two_elements {
        width: 48.5%;
        max-width: 48.5%;
        margin: 0;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        padding: 0
    }

    .career_audio--offset {
        display: block
    }

    .career_audio__container {
        width: 90%;
        max-width: 1280px;
        background-color: #f18841;
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: left;
        border-radius: 10px
    }

    .career_audio__container--two_elements {
        width: 100%;
        max-width: 100%;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
        text-align: center;
        border-radius: 0
    }

    .career_audio__content {
        padding: 4em;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: space-between
    }

    .career_audio__content--two_elements {
        display: initial
    }

    .career_audio__text_content {
        width: 84%
    }

    .career_audio__text_content--two_elements {
        width: 100%
    }

    .career_audio__text p {
        font-size: 16px;
        line-height: 26px
    }

    .career_audio__text--two_elements p {
        font-size: 18px;
        line-height: 28px
    }

    .career_audio__image {
        background-repeat: no-repeat;
        background-size: cover;
        margin: 0
    }

    .career_audio__image--two_elements {
        margin: 0 auto 2em
    }

    .career_audio__headline {
        font-size: 24px;
        line-height: 30px;
        font-weight: normal
    }

    .career_audio__headline--two_elements {
        font-size: 28px;
        line-height: 32px
    }

    .career_audio__audio_player {
        width: 100%;
        max-width: 100%;
        margin: 1em 0 0
    }

    .career_audio__audio_player--two_elements {
        max-width: 300px;
        margin: 4em auto 0
    }
}

@media(min-width: 1800px) {
    .career_audio {
        padding:4em 0
    }

    .career_audio--two_elements {
        padding: 0
    }

    .career_audio__content--two_elements {
        padding: 80px 110px
    }
}

.career_category_hero {
    position: relative;
    background-color: #fff
}

.career_category_hero__container {
    max-width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    background-size: cover;
    height: 500px;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    text-align: center;
    color: #fff
}

.career_category_hero__content {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    top: 80%;
    -webkit-transform: translateY(-80%);
    -ms-transform: translateY(-80%);
    transform: translateY(-80%)
}

.career_category_hero__text {
    margin: .6em auto 1em
}

.career_category_hero__kicker {
    color: #fff;
    font-size: 14px;
    line-height: 16px;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: .5em;
    text-shadow: 0 0 10px 0 rgba(0,0,0,.3)
}

.career_category_hero__title {
    color: #fff;
    font-size: 32px;
    font-weight: bold;
    letter-spacing: -0.78px;
    line-height: 37px;
    text-align: center;
    float: none;
    margin-right: auto;
    margin-left: auto;
    text-shadow: 0 0 10px 0 rgba(0,0,0,.3)
}

@media(min-width: 768px) {
    .career_category_hero__text {
        max-width:95%;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .career_category_hero__title {
        max-width: 70%
    }
}

@media(min-width: 1024px) {
    .career_category_hero {
        margin-top:79px
    }

    .career_category_hero__container {
        max-width: 100%;
        max-width: 1920px;
        height: 700px
    }

    .career_category_hero__content {
        max-width: 100%;
        max-width: 1280px;
        float: none;
        margin-right: auto;
        margin-left: auto;
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .career_category_hero__text {
        max-width: 85%;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .career_category_hero__kicker {
        font-size: 18px;
        line-height: 21px;
        margin-bottom: .5em
    }

    .career_category_hero__title {
        font-size: 72px;
        font-weight: bold;
        letter-spacing: -0.47px;
        line-height: 72px
    }
}

.career_content_element_container {
    background-color: #fff;
    position: relative
}

.career_content_element_container__container {
    width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

@media(min-width: 1024px) {
    .career_content_element_container {
        padding:4em 0
    }

    .career_content_element_container__container {
        width: 90%;
        max-width: 1280px;
        float: none;
        margin-right: auto;
        margin-left: auto;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: space-between
    }

    .career_content_element_container__container--offset>section:last-child {
        padding-top: 10vw
    }
}

.career_detail_hero {
    padding: 0 0 4em;
    background-color: #fff
}

.career_detail_hero__container {
    max-width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.career_detail_hero__image {
    max-width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    height: 220px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative
}

.career_detail_hero__content {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    color: #181d1e;
    padding: 2em 0
}

.career_detail_hero__headline {
    font-size: 32px;
    font-weight: bold;
    letter-spacing: -0.78px;
    line-height: 37px;
    color: #181d1e
}

.career_detail_hero__text,.career_detail_hero__text p {
    font-size: 16px;
    line-height: 26px;
    color: #444;
    font-weight: 300
}

.career_detail_hero__back {
    background-image: url("https://www.fitx.de/img/block/shared/icon/back_icon_light.svg");
    width: 32px;
    height: 32px;
    text-indent: -9000px;
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 101
}

.career_detail_hero__engagement {
    margin-bottom: 2em;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    gap: 8px;
    position: fixed;
    z-index: 10000;
    bottom: 80px;
    width: 100%;
    left: 0;
    padding: 0 5%
}

@media(min-width: 768px) {
    .career_detail_hero__back {
        display:none
    }

    .career_detail_hero__text {
        margin-bottom: 2em
    }

    .career_detail_hero__content {
        width: 90%;
        float: none;
        margin-right: auto;
        margin-left: auto;
        color: #181d1e;
        padding: 2em 0;
        text-align: center;
        max-width: 710px
    }

    .career_detail_hero__engagement {
        position: relative;
        z-index: auto;
        bottom: auto;
        width: 50%;
        padding: 0;
        margin: 0 auto 2em
    }
}

@media(min-width: 1024px) {
    .career_detail_hero {
        margin-top:79px;
        padding: 7em 0
    }

    .career_detail_hero__container {
        max-width: 100%;
        max-width: 1280px;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column-reverse;
        -moz-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .career_detail_hero__content {
        max-width: 100%;
        max-width: 1280px;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .career_detail_hero__image {
        width: 100%;
        float: none;
        margin-right: auto;
        margin-left: auto;
        height: 700px;
        border-radius: 10px
    }

    .career_detail_hero__content {
        width: 90%;
        float: none;
        margin-right: auto;
        margin-left: auto;
        color: #181d1e;
        padding: 2em 0;
        text-align: center;
        max-width: 710px
    }

    .career_detail_hero__headline {
        font-size: 72px;
        line-height: 1.2
    }

    .career_detail_hero__text,.career_detail_hero__text p {
        font-size: 22px;
        line-height: 32px
    }
}

.career_facts {
    background-color: #33454f;
    padding: 4em 5%
}

.career_facts__container {
    width: 100%;
    width: 100%;
    max-width: 1280px;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.career_facts__headline {
    font-weight: normal;
    margin-bottom: 2em;
    color: #f6ac6f
}

.career_facts__item {
    margin-bottom: 2em
}

.career_facts__item_headline {
    font-size: 24px;
    font-weight: normal;
    color: #f6ac6f
}

.career_facts__item_text {
    font-size: 16px;
    font-weight: 400;
    color: #f6ac6f
}

.career_facts__item_icon {
    width: 30px;
    height: 30px;
    margin-bottom: 10px
}

.career_facts__item_icon img {
    height: 100%
}

@media(min-width: 1024px) {
    .career_facts {
        padding:7em 0
    }

    .career_facts__container {
        width: 90%;
        max-width: 1280px;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .career_facts__headline {
        text-align: center
    }

    .career_facts__items {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: space-between
    }

    .career_facts__item {
        width: 30%;
        margin-bottom: 2em
    }

    .career_facts__item_headline {
        font-size: 24px;
        line-height: 1.2;
        margin-bottom: .5em
    }

    .career_facts__item_text {
        font-size: 18px;
        line-height: 28px
    }

    .career_facts__item_icon {
        width: 40px;
        height: 40px;
        margin-bottom: 30px
    }
}

@media(min-width: 1800px) {
    .career_facts__item_headline {
        font-size:28px
    }
}

.career_full_width_carousel {
    padding: 4em 0 0
}

.career_full_width_carousel video::-internal-media-controls-overlay-cast-button {
    display: none
}

.career_full_width_carousel--imageCampaign {
    padding: 0
}

.career_full_width_carousel__header {
    width: 90%;
    max-width: 1280px;
    float: none;
    margin-right: auto;
    margin-left: auto;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    align-items: flex-end;
    margin-bottom: 1em
}

.career_full_width_carousel__header--imageCampaign {
    display: none
}

.career_full_width_carousel__headline {
    font-size: 24px;
    font-weight: normal;
    line-height: 26px
}

.career_full_width_carousel__nav {
    display: none
}

.career_full_width_carousel__container {
    padding: 0;
    -webkit-overflow-scrolling: touch
}

@media only screen and (max-width: 1024px) {
    .career_full_width_carousel__container {
        overflow-x:scroll;
        overflow-y: hidden;
        padding-bottom: 1em;
        -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
        scroll-padding-left: 5%;
        scroll-behavior: smooth
    }
}

.career_full_width_carousel__container::-webkit-scrollbar,.career_full_width_carousel__container::-webkit-scrollbar-track,.career_full_width_carousel__container::-webkit-scrollbar-thumb {
    display: none;
    background-color: rgba(0,0,0,0)
}

.career_full_width_carousel__wrap {
    white-space: nowrap;
    -webkit-overflow-scrolling: touch
}

.career_full_width_carousel__wrap::-webkit-scrollbar,.career_full_width_carousel__wrap::-webkit-scrollbar-track,.career_full_width_carousel__wrap::-webkit-scrollbar-thumb {
    display: none;
    background-color: rgba(0,0,0,0)
}

.career_full_width_carousel__item {
    scroll-snap-align: start;
    width: 70vw;
    display: inline-block;
    vertical-align: top;
    height: 80vw;
    margin-left: 2.5%;
    cursor: pointer
}

.career_full_width_carousel__item:first-child {
    margin-left: 5%
}

.career_full_width_carousel__item:last-child {
    margin-right: 5%
}

.career_full_width_carousel__item--imageCampaign {
    position: relative;
    width: 90vw;
    height: 50vw;
    margin-left: 0
}

.career_full_width_carousel__item_image {
    width: 100%;
    padding-bottom: 100%;
    margin: 0 auto 20px;
    background-color: #f2f2f2;
    display: block;
    border-radius: 8px;
    background-size: cover
}

.career_full_width_carousel__item_image--video {
    padding-bottom: 0;
    -o-object-fit: cover;
    object-fit: cover
}

.career_full_width_carousel__item_image--imageCampaign {
    border-radius: 0;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    padding: 0;
    background-color: rgba(0,0,0,0)
}

.career_full_width_carousel__item_text {
    font-size: 18px;
    color: #181d1e
}

.career_full_width_carousel__item_text--imageCampaign {
    position: absolute;
    color: #fff;
    font-size: 36px;
    line-height: 41px;
    bottom: 10px;
    left: 15px
}

@media(min-width: 768px) {
    .career_full_width_carousel__item {
        scroll-snap-align:start;
        width: 35vw;
        display: inline-block;
        vertical-align: top;
        height: 40vw;
        margin-left: 2.5%;
        cursor: pointer
    }

    .career_full_width_carousel__item:first-child {
        margin-left: 5%
    }

    .career_full_width_carousel__item:last-child {
        margin-right: 5%
    }

    .career_full_width_carousel__item--imageCampaign {
        position: relative;
        width: 90vw;
        height: 50vw;
        margin-left: 0
    }
}

@media(min-width: 1024px) {
    .career_full_width_carousel__header {
        width:90%;
        max-width: 1280px;
        float: none;
        margin-right: auto;
        margin-left: auto;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: space-between;
        -webkit-align-items: flex-end;
        -moz-align-items: flex-end;
        -ms-align-items: flex-end;
        align-items: flex-end;
        margin-bottom: 20px
    }

    .career_full_width_carousel__headline {
        width: 70%;
        font-size: 36px;
        font-weight: normal;
        line-height: 41px
    }

    .career_full_width_carousel__container {
        padding: 0;
        overflow: hidden
    }

    .career_full_width_carousel__wrap {
        white-space: nowrap
    }

    .career_full_width_carousel__wrap {
        width: 100%;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: nowrap;
        -moz-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        white-space: nowrap;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        padding-left: 5%;
        padding-right: 5%;
        -webkit-transition: all 1000ms cubic-bezier(0, 0.43, 0, 1.04) 0s;
        -o-transition: all 1000ms cubic-bezier(0, 0.43, 0, 1.04) 0s;
        transition: all 1000ms cubic-bezier(0, 0.43, 0, 1.04) 0s;
        margin-bottom: 60px
    }

    .career_full_width_carousel__wrap::-webkit-scrollbar {
        display: none
    }

    .career_full_width_carousel__wrap--imageCampaign {
        padding: 0
    }

    .career_full_width_carousel__item {
        display: block;
        -webkit-flex-basis: 33.33333%;
        -moz-flex-basis: 33.33333%;
        -ms-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: calc(33.33333% - 17.3px);
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-right: 26px;
        margin-left: 0;
        height: auto
    }

    .career_full_width_carousel__item:first-child {
        margin-left: 0
    }

    .career_full_width_carousel__item:last-child {
        margin-right: 0
    }

    .career_full_width_carousel__item--imageCampaign {
        max-width: 33.33333%;
        margin-right: 0;
        position: relative
    }

    .career_full_width_carousel__item_image {
        width: 100%;
        padding-bottom: 100%;
        margin: 0 auto 20px;
        background-color: #f2f2f2;
        display: block;
        border-radius: 8px;
        background-size: cover
    }

    .career_full_width_carousel__item_image--imageCampaign {
        padding-bottom: 71%;
        margin: 0 auto;
        background-position: center;
        border-radius: 0;
        background-color: rgba(0,0,0,0)
    }

    .career_full_width_carousel__item_image--video {
        padding-bottom: 0
    }

    .career_full_width_carousel__item_image--video.career_full_width_carousel__item_image--imageCampaign {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        margin: 0 auto
    }

    .career_full_width_carousel__item_text {
        font-size: 18px;
        color: #181d1e
    }

    .career_full_width_carousel__item_text--imageCampaign {
        position: absolute;
        color: #fff;
        font-size: 2vw;
        line-height: 4.5vw;
        bottom: 0;
        left: 2vw
    }

    .career_full_width_carousel__nav {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex
    }

    .career_full_width_carousel__nav--hidden {
        display: none
    }

    .career_full_width_carousel__next,.career_full_width_carousel__prev {
        width: 46px;
        height: 46px;
        background-color: #f5f5f5;
        background-image: url("https://www.fitx.de/img/block/shared/icon/icon-arrow-right-darkgrey.svg");
        background-size: 8px;
        background-repeat: no-repeat;
        background-position: center;
        text-indent: -9000px;
        border-radius: 100px;
        cursor: pointer
    }

    .career_full_width_carousel__next:first-child,.career_full_width_carousel__prev:first-child {
        margin-right: 12px;
        background-image: url("https://www.fitx.de/img/block/shared/icon/icon-arrow-left-darkgrey.svg")
    }

    .career_full_width_carousel__next:hover,.career_full_width_carousel__prev:hover {
        background-color: #181d1e;
        background-image: url("https://www.fitx.de/img/block/shared/icon/icon-arrow-right-light.svg")
    }

    .career_full_width_carousel__next:hover:first-child,.career_full_width_carousel__prev:hover:first-child {
        background-image: url("https://www.fitx.de/img/block/shared/icon/icon-arrow-left-light.svg")
    }
}

@media(min-width: 1800px) {
    .career_full_width_carousel__wrap {
        padding-left:calc(50vw - 645px);
        padding-right: calc(50vw - 645px)
    }

    .career_full_width_carousel__wrap--imageCampaign {
        padding-left: 0;
        padding-right: 0
    }

    .career_full_width_carousel__header--imageCampaign {
        width: 95%;
        max-width: 1920px
    }
}

@media screen and (min-width: 1921px) {
    .career_full_width_carousel__header--imageCampaign {
        max-width:1920px
    }

    .career_full_width_carousel__wrap--imageCampaign {
        padding-left: calc(50vw - 960px);
        padding-right: calc(50vw - 960px)
    }
}

.career_full_width_image_text {
    background-color: #fff;
    padding: 4em 0
}

.career_full_width_image_text__container {
    background-color: #f18841;
    width: 90%;
    max-width: 1280px;
    float: none;
    margin-right: auto;
    margin-left: auto;
    border-radius: 10px
}

.career_full_width_image_text__content {
    color: #fff;
    padding: 35px 5%
}

.career_full_width_image_text__image {
    padding: 220px 0 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 10px 10px 0 0
}

.career_full_width_image_text__headline {
    font-size: 24px;
    line-height: 30px;
    font-weight: normal;
    margin-bottom: .5em
}

.career_full_width_image_text a.career_full_width_image_text__link {
    color: #24353f;
    font-size: 16px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.career_full_width_image_text a.career_full_width_image_text__link span {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center
}

.career_full_width_image_text a.career_full_width_image_text__link span img {
    height: 17px;
    width: 17px;
    margin-left: 10px
}

.career_full_width_image_text a.career_full_width_image_text__link:hover span img {
    margin-left: 13px
}

@media(min-width: 768px) {
    .career_full_width_image_text__image {
        padding:420px 0 0 0
    }
}

@media(min-width: 1024px) {
    .career_full_width_image_text {
        padding:4em 0
    }

    .career_full_width_image_text__container {
        width: 100%;
        max-width: 1920px;
        background-color: #f18841;
        float: none;
        margin-right: auto;
        margin-left: auto;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: space-between;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
        border-radius: 0
    }

    .career_full_width_image_text__content {
        padding: 0 10% 0 10%;
        width: 50%
    }

    .career_full_width_image_text__image {
        padding: 600px 0 0 0;
        background-repeat: no-repeat;
        background-size: cover;
        width: 50%;
        border-radius: 0
    }

    .career_full_width_image_text__headline {
        font-size: 28px;
        line-height: 32px;
        font-weight: normal
    }

    .career_full_width_image_text a.career_full_width_image_text__link {
        font-size: 18px
    }
}

@media(min-width: 1800px) {
    .career_full_width_image_text__content {
        padding:0 15% 0 10%
    }
}

@media screen and (min-width: 1921px) {
    .career_full_width_image_text__container {
        border-radius:10px
    }

    .career_full_width_image_text__image {
        border-radius: 10px 0 0 10px
    }
}

@media only screen and (max-width: 320px) {
    .cookiebar--visible+.header {
        top:80px !important
    }

    .cookiebar--visible+.header .header__menu {
        top: auto
    }

    .cookiebar--visible+.header+section {
        margin-top: 80px
    }

    .cookiebar--visible~.blocks {
        padding-top: 80px
    }

    .cookiebar--visible~.overlay {
        top: calc(80px + 73px)
    }

    .cookiebar--minimized+.header {
        top: 60px !important
    }

    .cookiebar--minimized+.header .header__menu {
        top: auto
    }

    .cookiebar--minimized+.header+section {
        margin-top: 60px
    }

    .cookiebar--minimized~.blocks {
        padding-top: 60px
    }

    .cookiebar--minimized~.overlay {
        top: calc(60px + 73px)
    }
}

@media only screen and (max-width: 374px) {
    .cookiebar--visible+.header {
        top:85px !important
    }

    .cookiebar--visible+.header .header__menu {
        top: auto
    }

    .cookiebar--visible+.header+section {
        margin-top: 85px !important
    }

    .cookiebar--visible~.blocks {
        padding-top: 85px !important
    }

    .cookiebar--visible~.overlay {
        top: calc(85px + 73px)
    }
}

.cookiebar~.footer {
    transition: margin-bottom .5s
}

.header+section {
    transition: margin-top .5s
}

.cookiebar--visible+.header {
    top: 70px
}

.cookiebar--visible+.header .header__menu {
    top: 143px
}

.cookiebar--visible+.header+section {
    margin-top: 70px
}

.cookiebar--visible~.blocks {
    transition: all .5s;
    padding-top: 70px
}

.cookiebar--visible~.overlay {
    transition: all .5s;
    top: calc(70px + 73px)
}

.cookiebar--minimized+.header {
    top: 60px
}

.cookiebar--minimized+.header .header__menu {
    top: 133px
}

.cookiebar--minimized+.header+section {
    margin-top: 60px
}

.cookiebar--minimized~.blocks {
    padding-top: 60px
}

.cookiebar--minimized~.overlay {
    top: calc(60px + 73px)
}

@media(min-width: 768px) {
    .header+section {
        transition:none !important
    }

    body.newnav .cookiebar--visible+.header+section,body.newnav2 .cookiebar--visible+.header+section {
        margin-top: 73px
    }

    body[data-controller=trialworkout] .cookiebar--visible+.header+section {
        margin-top: 0
    }

    body[data-controller=courses] .cookiebar--visible+.header+section {
        margin-top: 60px
    }

    .cookiebar--visible+.header {
        top: 0
    }

    .cookiebar--visible+.header .header__menu {
        top: 0
    }

    .cookiebar--visible+.header+section {
        margin-top: 73px
    }

    .cookiebar--visible~.blocks {
        padding-top: 0
    }

    .cookiebar--visible~.overlay {
        top: auto;
        bottom: 0
    }

    .cookiebar--visible~.footer {
        margin-bottom: 60px
    }

    .cookiebar--minimized+.header {
        top: 0
    }

    .cookiebar--minimized+.header .header__menu {
        top: 0
    }

    .cookiebar--minimized~.blocks {
        padding-top: 0
    }

    .cookiebar--minimized~.overlay {
        top: auto;
        bottom: 0
    }
}

@media(min-width: 1024px) {
    .cookiebar--visible~.footer {
        margin-bottom:60px
    }
}

[data-controller=career][data-action=index] .career_header__cta {
    display: none
}

.career_header {
    height: 79px;
    width: 100%;
    z-index: 100;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute
}

.career_header--hidden {
    display: none
}

.career_header__group {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    height: 79px;
    margin-right: 16px
}

.career_header__navigation {
    position: fixed;
    bottom: 0;
    z-index: 1;
    transition: top .5s;
    background-color: #fff;
    width: 100%;
    height: 90px
}

.career_header__container {
    max-width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.career_header__logo {
    width: 78px;
    opacity: 1;
    transition: opacity .6s
}

.career_header__logo--hidden {
    opacity: 0
}

.career_header__logo_image {
    height: 24px;
    display: block;
    margin-left: 16px
}

@media(min-width: 1024px) {
    .career_header {
        position:fixed;
        top: 0;
        transition: top .5s,border-bottom .6s;
        background-color: #181d1e
    }

    .career_header__cta {
        display: none
    }

    .career_header__navigation {
        position: initial;
        background-color: rgba(0,0,0,0);
        width: auto;
        height: 79px
    }

    .career_header__container {
        width: 90% !important;
        max-width: 1280px !important;
        position: relative;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: space-between
    }

    .career_header__logo {
        float: none;
        margin-left: 0;
        padding-left: 0
    }

    .career_header__logo--transparent {
        padding-left: 14px
    }

    .career_header__logo_image {
        margin-top: 1px;
        margin-left: 0;
        height: 24px
    }
}

@media screen and (max-width: 768px) {
    [data-controller=career][data-action=detail] .career_header__group,[data-controller=jobs] .career_header__group {
        display:none
    }
}

.career_hero {
    background-image: url("https://www.fitx.de/img/block/shared/career_hero/bg.png");
    position: relative;
    background-color: #24353f;
    background-size: 410px;
    background-repeat: no-repeat;
    background-position: center bottom;
    height: 500px;
    text-align: center;
    color: #fff
}

.career_hero__container {
    padding: 300px 0 0
}

.career_hero__text {
    margin: .6em auto 1em
}

.career_hero__title {
    width: 90%;
    max-width: 600px;
    margin-bottom: .5em;
    float: none;
    margin-right: auto;
    margin-left: auto
}

@media(min-width: 768px) {
    .career_hero__text {
        max-width:90%;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .career_hero__container {
        padding: 200px 0
    }
}

@media(min-width: 1024px) {
    .career_hero {
        background-image:url("https://www.fitx.de/img/block/shared/career_hero/bg.png");
        background-size: 620px;
        height: 700px;
        margin-top: 79px
    }

    .career_hero__title {
        font-size: 72px;
        line-height: 72px
    }

    .career_hero__text {
        max-width: 85%;
        float: none;
        margin-right: auto;
        margin-left: auto
    }
}

.career_image_text {
    background-color: #fff
}

.career_image_text__container {
    width: 100%;
    background-color: #f18841;
    width: 100%;
    max-width: 1280px;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.career_image_text__content {
    color: #fff;
    padding: 35px 5%
}

.career_image_text__image {
    padding: 410px 0 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.career_image_text__image--image_text_white_borderless {
    padding: 250px 0 0 0
}

.career_image_text__headline {
    font-size: 24px;
    line-height: 30px;
    font-weight: normal;
    margin-bottom: .5em
}

.career_image_text__text h3 {
    font-size: 24px;
    line-height: 30px;
    font-weight: normal;
    margin-bottom: .5em;
    color: #181d1e
}

.career_image_text__text p {
    font-size: 16px;
    line-height: 26px
}

.career_image_text a.career_image_text__link {
    color: #24353f;
    font-size: 16px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.career_image_text a.career_image_text__link span {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center
}

.career_image_text a.career_image_text__link span img {
    height: 17px;
    width: 17px;
    margin-left: 10px
}

.career_image_text a.career_image_text__link:hover span img {
    margin-left: 13px
}

@media(min-width: 768px) {
    .career_image_text__image {
        padding:460px 0 0 0
    }
}

@media(min-width: 1024px) {
    .career_image_text {
        padding:7em 0
    }

    .career_image_text--two_elements {
        padding: 0;
        width: 48.5%;
        max-width: 48.5%;
        margin: 0;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex
    }

    .career_image_text--offset {
        display: block
    }

    .career_image_text__container {
        width: 90%;
        max-width: 1280px;
        background-color: #f18841;
        float: none;
        margin-right: auto;
        margin-left: auto;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: space-between;
        -webkit-align-items: flex-start;
        -moz-align-items: flex-start;
        -ms-align-items: flex-start;
        align-items: flex-start
    }

    .career_image_text__container--two_elements {
        width: 100%;
        max-width: 100%;
        display: block
    }

    .career_image_text__content {
        padding: 45px 33px;
        width: 48%
    }

    .career_image_text__content--two_elements {
        width: 100%;
        padding: 45px 33px
    }

    .career_image_text__content--image_text_white_borderless {
        padding: 45px 0
    }

    .career_image_text__image {
        padding: 460px 0 0 0;
        background-repeat: no-repeat;
        background-size: contain;
        width: 48%
    }

    .career_image_text__image--two_elements {
        width: 100%;
        background-size: cover
    }

    .career_image_text__image--image_text_white_borderless {
        padding: 410px 0 0 0
    }

    .career_image_text__headline {
        font-size: 28px;
        line-height: 32px;
        font-weight: normal
    }

    .career_image_text a.career_image_text__link {
        font-size: 18px
    }
}

.career_job_search {
    width: 90%;
    max-width: 690px;
    float: none;
    margin-right: auto;
    margin-left: auto;
    z-index: 100;
    position: relative
}

.career_job_search__input {
    width: 100%;
    border-radius: 28px;
    height: 50px !important;
    line-height: 50px !important;
    font-size: 16px !important;
    padding: 0 10px 0 50px !important;
    position: relative;
    background-image: url("https://www.fitx.de/img/block/shared/icon/search.svg");
    background-repeat: no-repeat;
    background-position: left 20px center;
    background-size: 20px
}

.career_job_search__input--submitting {
    background-image: url("https://www.fitx.de/img/block/shared/omnisearch/loader.svg");
    background-size: 20px
}

.career_job_search__autocomplete {
    width: 100%;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 15px;
    top: 60px;
    -webkit-box-shadow: 0px 4px 10px 0px rgba(0,0,0,.1);
    box-shadow: 0px 4px 10px 0px rgba(0,0,0,.1);
    padding: 15px 0;
    position: absolute;
    text-align: left;
    z-index: 101
}

.career_job_search__submit {
    display: none
}

.career_job_search__job {
    display: block;
    padding: 10px 20px;
    color: #181d1e !important;
    font-size: 16px;
    font-weight: 300
}

.career_job_search__job--hover {
    background-color: #f5f5f5
}

.career_job_search__error {
    color: #fff;
    position: absolute;
    top: -32px;
    height: 25px;
    background-color: #e83623;
    left: 0;
    padding: 0 10px;
    line-height: 25px;
    border-radius: 2px;
    box-shadow: 2px 2px 8px rgba(0,0,0,.2)
}

.career_job_search__error:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 5px solid rgba(0,0,0,0);
    border-top: 5px solid #e83623;
    border-left: 5px solid rgba(0,0,0,0);
    border-right: 5px solid rgba(0,0,0,0);
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    left: 45%;
    top: 24px
}

@media(min-width: 768px) {
    .career_job_search {
        z-index:99
    }

    .career_job_search__input {
        height: 60px !important;
        line-height: 60px !important;
        font-size: 18px !important;
        padding: 0 10px 0 27px !important;
        background-image: none
    }

    .career_job_search__autocomplete {
        top: 70px
    }

    .career_job_search__submit {
        display: block;
        width: auto;
        border-radius: 28px;
        height: 56px !important;
        line-height: 56px !important;
        font-size: 18px !important;
        background-color: #ed6a12;
        color: #fff;
        border: none;
        font-family: "Niveau",sans-serif;
        font-weight: normal;
        padding: 0 20px 0 50px;
        position: absolute;
        right: 2px;
        top: 2px;
        background-image: url("https://www.fitx.de/img/block/shared/icon/search_white.svg");
        background-repeat: no-repeat;
        background-position: left 20px center;
        cursor: pointer
    }

    .career_job_search__submit--submitting {
        background-image: url("https://www.fitx.de/img/block/shared/omnisearch/loader.svg");
        background-size: 20px
    }

    .career_job_search__job {
        padding: 10px 10px 10px 27px
    }
}

.career_jobs_overview {
    background-color: #fff;
    position: relative;
    padding: 4em 0 0
}

.career_jobs_overview--zentrale {
    padding: 4em 0;
    border-radius: 10px;
    margin-top: -10px
}

.career_jobs_overview__container {
    width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.career_jobs_overview__headline {
    font-size: 24px;
    font-weight: normal;
    line-height: 26px;
    margin-bottom: 1em
}

.career_jobs_overview__headline--zentrale {
    color: #777;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 30px;
    margin-bottom: 0
}

.career_jobs_overview__content {
    width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    gap: 2%;
    flex-wrap: wrap
}

.career_jobs_overview__content--zentrale {
    display: block
}

.career_jobs_overview__content--zentrale .career_jobs_overview__item:last-child .career_jobs_overview__item_title {
    border-bottom: 0 !important
}

.career_jobs_overview__item {
    width: 49%;
    margin-bottom: 25px
}

.career_jobs_overview__item--zentrale {
    width: 100%;
    margin-bottom: 0
}

.career_jobs_overview__item_image {
    display: block;
    width: 100%;
    padding-top: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 10px
}

.career_jobs_overview__item_image--zentrale {
    display: none
}

.career_jobs_overview__item_title {
    color: #181d1e !important;
    font-size: 16px;
    font-weight: normal;
    line-height: 19px;
    margin-top: 10px;
    display: block
}

.career_jobs_overview__item_title--zentrale {
    background-image: url("https://www.fitx.de/img/block/shared/icon/arrow_slim.svg");
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: right center;
    font-size: 18px;
    line-height: 21px;
    border-bottom: 1px solid #e6e6e6;
    padding: 15px 0;
    margin: 0
}

@media(min-width: 768px) {
    .career_jobs_overview {
        padding:4em 0
    }

    .career_jobs_overview--zentrale {
        border-radius: 0;
        margin-top: 0
    }

    .career_jobs_overview__container {
        width: 90%;
        max-width: 1280px;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .career_jobs_overview__content {
        width: 100%;
        gap: 2%
    }

    .career_jobs_overview__content--zentrale {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        gap: 1%;
        flex-wrap: wrap
    }

    .career_jobs_overview__headline {
        width: 70%;
        font-size: 36px;
        font-weight: normal;
        line-height: 41px
    }

    .career_jobs_overview__headline--zentrale {
        color: #181d1e;
        text-transform: none;
        font-size: 36px;
        font-weight: normal;
        line-height: 41px;
        margin-bottom: 1em
    }

    .career_jobs_overview__item {
        width: 32%;
        margin-bottom: 20px
    }

    .career_jobs_overview__item_title {
        color: #181d1e;
        font-size: 18px;
        font-weight: 500;
        line-height: 21px
    }

    .career_jobs_overview__item_title--zentrale {
        background-color: #f8ede6;
        height: 160px;
        border-radius: 10px;
        padding: 20px;
        color: #ed6a12 !important;
        font-size: 28px;
        font-weight: normal;
        line-height: 1.2;
        background-size: 24px;
        background-position: left 20px bottom 20px;
        border-bottom: 0
    }
}

@media(min-width: 1024px) {
    .career_jobs_overview__content {
        width:100%;
        float: none;
        margin-right: auto;
        margin-left: auto;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        gap: 1%;
        flex-wrap: wrap
    }

    .career_jobs_overview__content--zentrale {
        gap: 2%
    }

    .career_jobs_overview__item {
        width: 24.25%;
        margin-bottom: 20px
    }

    .career_jobs_overview__item--zentrale {
        width: 32%
    }
}

.career_jobs_spotlight {
    background-color: #fff;
    position: relative;
    padding: 4em 0
}

.career_jobs_spotlight__container {
    width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.career_jobs_spotlight__container .career_jobs_spotlight__item:last-child {
    border-bottom: 0 !important
}

.career_jobs_spotlight__headline {
    font-size: 24px;
    font-weight: normal;
    line-height: 26px;
    margin-bottom: 1em
}

.career_jobs_spotlight__item {
    display: block;
    width: 100%;
    margin-bottom: 0;
    font-size: 18px;
    line-height: 24px;
    padding: 15px 0;
    border-bottom: 1px solid #e6e6e6
}

.career_jobs_spotlight__item span {
    display: block;
    color: #181d1e;
    font-size: 14px;
    line-height: 24px;
    font-weight: 300
}

@media(min-width: 768px) {
    .career_jobs_spotlight {
        padding:4em 0
    }

    .career_jobs_spotlight__container {
        width: 90%;
        max-width: 1280px;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .career_jobs_spotlight__content {
        width: 100%;
        float: none;
        margin-right: auto;
        margin-left: auto;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        gap: 13px
    }

    .career_jobs_spotlight__headline {
        width: 70%;
        font-size: 36px;
        font-weight: normal;
        line-height: 41px
    }

    .career_jobs_spotlight__item {
        font-size: 22px;
        border-bottom: 0;
        background-color: #f8ede6;
        border-radius: 10px;
        padding: 25px 20px;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center
    }

    .career_jobs_spotlight__item span {
        font-size: 16px
    }
}

.career_navigation {
    height: 100%;
    border-top: 1px solid #dbdbdb
}

.career_navigation a.career_navigation__link {
    color: #181d1e;
    text-align: left;
    background-repeat: no-repeat;
    background-position: center top
}

.career_navigation__list {
    padding: 0;
    height: 80%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-evenly;
    -moz-justify-content: space-evenly;
    -ms-justify-content: space-evenly;
    justify-content: space-evenly;
    -ms-flex-pack: space-evenly
}

.career_navigation__list_item {
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    text-align: left;
    list-style-type: none;
    font-size: 12px;
    font-weight: 500;
    transition: background-color .3s
}

.career_navigation__list_item--current {
    background-color: #2d3132
}

.career_navigation__list_icon {
    background-image: url("https://www.fitx.de/img/block/shared/icon/play_icon.svg");
    background-size: 22px;
    display: unset;
    padding: 2px 0;
    padding-left: 30px;
    background-repeat: no-repeat;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.career_navigation__label {
    display: none
}

.career_navigation__mobile_label {
    color: #717171;
    font-weight: 400;
    display: block
}

.career_navigation__mobile_label--active {
    color: #ed6a12
}

.career_navigation__mobile_label span {
    height: 20px;
    width: 20px;
    display: block;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin: 0 auto
}

@media(min-width: 1024px) {
    .career_navigation {
        height:auto;
        display: inline-block;
        margin-top: 0;
        position: relative;
        padding-left: 2em;
        border-top: 0
    }

    .career_navigation:after {
        content: "";
        display: table;
        clear: both
    }

    .career_navigation a.career_navigation__link {
        color: #fff;
        text-align: left;
        margin: 0 10px;
        height: 3em;
        display: block;
        line-height: 3em;
        padding: 0 20px 50px 20px
    }

    .career_navigation a.career_navigation__link--cta {
        text-align: center;
        line-height: 2.5em
    }

    .career_navigation__label {
        display: block
    }

    .career_navigation__mobile_label {
        display: none
    }

    .career_navigation__logo {
        position: absolute;
        top: 2.8em;
        left: 2.4em;
        width: 54px;
        height: 45px;
        background-image: url("https://www.fitx.de/img/block/shared/career_navigation/ma_logo.svg");
        background-size: contain;
        background-repeat: no-repeat
    }

    .career_navigation__list {
        display: block;
        height: auto;
        margin: 0;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex
    }

    .career_navigation__list:after {
        content: "";
        display: table;
        clear: both
    }

    .career_navigation__list_item {
        float: none;
        display: list-item;
        border-bottom: none;
        font-size: 1.3em;
        line-height: 2em
    }

    .career_navigation__list_item[data-alias=jobs] {
        background-color: rgba(0,0,0,0)
    }

    .career_navigation__list_item[data-alias=jobs]:hover {
        background-color: rgba(0,0,0,0)
    }

    .career_navigation__list_item[data-alias=jobs]>a.career_navigation__link {
        height: auto;
        line-height: initial;
        border-radius: 26px;
        padding: .9em 2em;
        margin-top: 12px;
        border: 1px solid #ed6a12;
        margin-left: 1em;
        background-color: #ed6a12
    }

    .career_navigation__list_item[data-alias=jobs]>a.career_navigation__link:hover {
        background-color: #f18841;
        border-color: #f18841
    }

    .career_navigation__list_item--hideOnDesktop {
        display: none
    }

    .career_navigation__list_item--cta {
        height: auto;
        margin: 0;
        border-radius: 0;
        transition: margin-left .3s,padding .3s,background-color .3s
    }

    .career_navigation a.career_navigation__link {
        font-size: 18px;
        display: inline-block;
        margin: 0;
        height: 79px;
        line-height: 79px;
        padding: 0 20px 50px 20px
    }

    .career_navigation a.career_navigation__link:hover,.career_navigation a.career_navigation__link--active {
        background-color: #2d3132
    }
}

@media(min-width: 1280px) {
    .career_navigation {
        padding-left:4em
    }

    .career_navigation a.career_navigation__link {
        padding: 0 20px 50px 20px
    }

    .career_navigation__list_item[data-alias=jobs]>a.career_navigation__link {
        padding: .9em 3em
    }
}

.career_quote {
    background-color: #fff;
    padding: 4em 0
}

.career_quote__container {
    width: 100%;
    width: 100%;
    max-width: 1280px;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.career_quote__image {
    padding: 0 0 270px 0;
    width: 100%;
    background-size: 95%;
    background-position: right top;
    background-repeat: no-repeat
}

.career_quote__content {
    width: 90%;
    margin: 0 auto;
    position: relative
}

.career_quote__quote {
    width: 90%;
    margin: 0 auto;
    padding: 4em 0 0 0;
    position: relative
}

.career_quote__quote p {
    font-style: italic;
    font-size: 18px;
    line-height: 22px;
    color: #999;
    position: relative;
    width: 80%;
    margin: 0 auto
}

.career_quote__quotes_illu {
    position: absolute;
    height: 174px;
    width: 72px;
    color: #f8ede6;
    font-family: "Niveau Grotesk";
    font-size: 150px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 174px
}

.career_quote__author {
    width: 80%;
    margin: 1em auto 0;
    font-size: 16px;
    line-height: 22px;
    color: #444;
    font-weight: 300
}

.career_quote__author span {
    color: #999
}

@media(min-width: 1024px) {
    .career_quote {
        padding:7em 0
    }

    .career_quote__container {
        width: 90%;
        max-width: 1280px;
        float: none;
        margin-right: auto;
        margin-left: auto;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex
    }

    .career_quote__image {
        padding: 0 0 350px 0;
        width: 60%;
        background-size: 90%;
        background-position: right top;
        background-repeat: no-repeat
    }

    .career_quote__quote {
        width: 90%;
        margin: 0 auto;
        padding: 6em 0 0 0;
        position: relative
    }

    .career_quote__quote p {
        font-style: italic;
        font-size: 24px;
        line-height: 1.4;
        color: #999;
        position: relative;
        width: 95%;
        margin: 0 auto
    }

    .career_quote__quotes_illu {
        height: 291px;
        width: 120px;
        color: #f8ede6;
        font-family: "Niveau Grotesk";
        font-size: 250px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 248px;
        left: -5%
    }

    .career_quote__author {
        width: 95%;
        font-size: 18px
    }
}

.career_statistics {
    background-color: #33454f;
    padding: 4em 5%
}

.career_statistics__container {
    width: 100%;
    width: 100%;
    max-width: 1280px;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.career_statistics__headline {
    font-weight: normal;
    margin-bottom: 2em;
    color: #f6ac6f
}

.career_statistics__item_headline {
    font-size: 24px;
    line-height: 1;
    font-weight: normal;
    color: #f6ac6f
}

.career_statistics__item_text {
    font-size: 16px;
    font-weight: 400;
    color: #f6ac6f
}

@media(min-width: 1024px) {
    .career_statistics {
        padding:7em 0
    }

    .career_statistics__container {
        width: 90%;
        max-width: 1280px;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .career_statistics__headline {
        text-align: center
    }

    .career_statistics__items {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-around;
        -moz-justify-content: space-around;
        -ms-justify-content: space-around;
        justify-content: space-around;
        -ms-flex-pack: space-around
    }

    .career_statistics__item_headline {
        font-size: 38px
    }

    .career_statistics__item_text {
        font-size: 16px
    }
}

@media(min-width: 1800px) {
    .career_statistics__item_headline {
        font-size:48px
    }

    .career_statistics__item_text {
        font-size: 18px
    }
}

.career_tiles {
    background-color: #fff;
    position: relative;
    padding: 4em 0
}

.career_tiles__container {
    width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.career_tiles__headline {
    font-size: 24px;
    font-weight: normal;
    line-height: 26px;
    margin-bottom: 1em
}

.career_tiles__item {
    border-radius: 10px;
    height: 205px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    display: block;
    margin-bottom: 10px
}

.career_tiles__item:last-child {
    margin: 0
}

.career_tiles__item_headline {
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 37px;
    text-align: center;
    width: 90%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.career_tiles__arrow {
    width: 32px;
    height: 32px;
    background-color: #fff;
    background-image: url("https://www.fitx.de/img/block/shared/icon/arrow_slim.svg");
    border-radius: 100px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 10px;
    bottom: 10px
}

@media(min-width: 768px) {
    .career_tiles {
        padding:4em 0
    }

    .career_tiles__container {
        width: 90%;
        max-width: 1280px;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .career_tiles__content {
        width: 100%;
        float: none;
        margin-right: auto;
        margin-left: auto;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: space-between;
        gap: 35px
    }

    .career_tiles__headline {
        width: 70%;
        font-size: 36px;
        font-weight: normal;
        line-height: 41px
    }

    .career_tiles__item {
        flex: 1;
        height: 220px
    }

    .career_tiles__item_headline {
        font-size: 30px;
        line-height: 1.2
    }

    .career_tiles__arrow {
        width: 39px;
        height: 39px;
        left: 20px;
        bottom: 20px
    }
}

@media(min-width: 1024px) {
    .career_tiles__item {
        height:374px
    }

    .career_tiles__item_headline {
        font-size: 48px;
        line-height: 1.2
    }

    .career_tiles__arrow {
        width: 49px;
        height: 49px;
        left: 20px;
        bottom: 20px
    }
}

.career_video {
    background-color: #fff
}

.career_video__container {
    width: 100%;
    width: 100%;
    max-width: 1280px;
    float: none;
    margin-right: auto;
    margin-left: auto;
    text-align: center
}

.career_video__video_container {
    width: 100%
}

.career_video__video_preview_container {
    width: 100%;
    padding: 60% 0 0 0;
    position: relative;
    background-color: #ccc;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important
}

.career_video__headline {
    font-size: 24px;
    line-height: 30px;
    font-weight: normal;
    margin-bottom: 1em;
    padding: 0 5%
}

.career_video__video_preview {
    position: absolute;
    top: 80%;
    left: 50%;
    transform: translate(-50%, -80%);
    text-shadow: 0px 0px 12px rgba(0,0,0,.5)
}

.career_video__video--hidden {
    display: none
}

.career_video__kicker p {
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    text-transform: uppercase;
    color: #fff;
    margin: 0
}

.career_video__subline {
    font-size: 24px;
    line-height: 26px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 1em
}

.career_video__play_video {
    background-image: url("https://www.fitx.de/img/block/shared/icon/play_circle_orange.svg");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 40px;
    padding: 50px 0 0 0;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-weight: 300
}

@media(min-width: 1024px) {
    .career_video {
        padding:4em 0
    }

    .career_video--two_elements {
        width: 48.5%;
        max-width: 48.5%;
        margin: 0;
        padding: 0 4%
    }

    .career_video--offset {
        display: block
    }

    .career_video__container {
        width: 90%;
        max-width: 1280px;
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: left
    }

    .career_video__container--two_elements {
        width: 100%;
        max-width: 100%;
        text-align: center;
        border-radius: 0
    }

    .career_video__headline {
        font-size: 36px;
        line-height: 44px;
        margin-bottom: 1em;
        padding: 0
    }

    .career_video__kicker p {
        font-size: 18px;
        line-height: 21px
    }

    .career_video__subline {
        font-size: 28px;
        line-height: 37px
    }

    .career_video__play_video {
        font-size: 16px;
        background-size: 60px;
        padding: 70px 0 0 0
    }
}

@media(min-width: 1800px) {
    .career_video {
        padding:4em 0
    }

    .career_video--two_elements {
        padding: 0 4%
    }
}

.chat_blob {
    position: fixed;
    width: 62px;
    height: 62px;
    bottom: 16px;
    right: 16px;
    font-size: 1.2em;
    line-height: 60px;
    border-radius: 31px;
    background-color: #ed6a12;
    box-shadow: 2px 2px 5px rgba(0,0,0,.15);
    color: rgba(0,0,0,0);
    overflow: hidden;
    transition: color .3s,opacity .3s,width .3s,padding-left .3s;
    cursor: pointer;
    z-index: 1;
    background-image: url("https://www.fitx.de/img/block/shared/chat_blob/help_icon.svg");
    background-position: center right 17px;
    background-repeat: no-repeat
}

.chat_blob:not(.chat_blob--loading):hover {
    color: #fff;
    width: 132px;
    padding-left: 2em
}

.chat_blob--loading {
    background-image: url("https://www.fitx.de/img/block/shared/form/loading_x.gif");
    background-position: center
}

.chat_blob--hidden {
    opacity: 0
}

@media(min-width: 768px) {
    .chat_blob {
        bottom:60px;
        right: 60px
    }
}

.chatbot {
    position: fixed;
    right: 0;
    top: 0;
    z-index: 101;
    height: 100vh;
    width: 100%;
    transition: max-width .5s,box-shadow .5s,border .5s,border-left .5s;
    overflow: hidden;
    font-weight: 400;
    box-shadow: 0 4px 10px rgba(0,0,0,.1)
}

.chatbot--hidden {
    box-shadow: none;
    max-width: 0;
    border: none
}

@media(min-width: 480px) {
    .chatbot {
        max-width:390px;
        border-left: 1px solid #e5e5e5
    }

    .chatbot--hidden {
        border: none;
        max-width: 0
    }
}

@media(min-width: 768px) {
    .chatbot {
        top:initial;
        right: 2em;
        bottom: 2em;
        max-height: 60vh;
        border-radius: 20px;
        transition: max-width .5s,box-shadow .5s,max-height .5s;
        border: 1px solid #e5e5e5
    }

    .chatbot--hidden {
        border: none;
        max-height: 0
    }
}

.city_studios {
    max-width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    padding: 4em 0;
    color: #181d1e;
    padding: 3em 0;
    background-color: #fff
}

.city_studios .container {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.city_studios__studio,.city_studios__studio:hover,.city_studios__studio:visited {
    color: #181d1e;
    border-bottom: 1px solid #ccc;
    padding: 1em 0;
    background-image: url("https://www.fitx.de/img/block/shared/icon/icon-arrow-right.svg");
    background-repeat: no-repeat;
    background-position: 100% 50%
}

.city_studios__studio:last-child,.city_studios__studio:hover:last-child,.city_studios__studio:visited:last-child {
    border: none
}

.city_studios__infos {
    margin: 1em 0 3em 0
}

.city_studios__info {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center
}

.city_studios__headline {
    margin-bottom: 30px;
    font-size: 24px;
    line-height: 36px;
    font-weight: normal
}

.city_studios__image {
    height: 190px;
    width: 100%;
    border-radius: 10px;
    background-size: cover;
    background-position: center
}

.city_studios__image--single {
    height: 200px
}

.city_studios__name {
    font-size: 16px;
    line-height: 31px;
    position: relative;
    overflow: hidden;
    font-weight: normal
}

.city_studios__address {
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    margin-bottom: 0;
    color: #717171
}

.city_studios__rating--desktop {
    display: none
}

.city_studios__planned_notice {
    font-size: 16px;
    font-weight: normal;
    background-color: #fdedd4;
    color: #f5a323;
    border-radius: 6px;
    display: inline-block;
    padding: 0 15px;
    height: 25px;
    line-height: 25px
}

@media(min-width: 768px) {
    .city_studios__studios {
        display:-ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        -ms-justify-content: flex-start;
        justify-content: flex-start;
        -ms-flex-pack: flex-start
    }

    .city_studios__studios--large {
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center
    }

    .city_studios__studio,.city_studios__studio:hover,.city_studios__studio:visited {
        border: 0;
        background-image: none;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 50%;
        padding: 0 2em 0 0;
        margin-bottom: 2em
    }

    .city_studios__studio:nth-child(2n),.city_studios__studio:hover:nth-child(2n),.city_studios__studio:visited:nth-child(2n) {
        padding-right: 0
    }

    .city_studios__rating {
        display: block
    }

    .city_studios__rating--mobile {
        display: none
    }

    .city_studios__infos {
        margin-left: 0;
        padding: 1em 0 0
    }

    .city_studios__address {
        margin-bottom: 1em
    }
}

@media(min-width: 1024px) {
    .city_studios {
        padding:7em 0 3em;
        max-width: 100%
    }

    .city_studios .container {
        position: relative;
        width: 90% !important;
        max-width: 1280px !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        padding: 0
    }

    .city_studios__studio,.city_studios__studio:hover,.city_studios__studio:visited {
        border: 0;
        background-image: none;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 33.3%;
        padding: 0 2em 0 0;
        margin-bottom: 2em
    }

    .city_studios__studio:nth-child(2n),.city_studios__studio:hover:nth-child(2n),.city_studios__studio:visited:nth-child(2n) {
        padding: 0 2em 0 0
    }

    .city_studios__studio:nth-child(3n),.city_studios__studio:hover:nth-child(3n),.city_studios__studio:visited:nth-child(3n) {
        padding-right: 0
    }

    .city_studios__studio--large,.city_studios__studio--large:hover,.city_studios__studio--large:visited {
        width: 50%
    }

    .city_studios__studio--large:not(:has(+.city_studios__studio)),.city_studios__studio--large:hover:not(:has(+.city_studios__studio)),.city_studios__studio--large:visited:not(:has(+.city_studios__studio)) {
        padding-right: 0
    }

    .city_studios__studio--large .city_studios__image,.city_studios__studio--large:hover .city_studios__image,.city_studios__studio--large:visited .city_studios__image {
        height: 341px
    }

    .city_studios__infos {
        margin: 0
    }

    .city_studios__headline {
        font-size: 36px;
        padding-left: 0
    }

    .city_studios__image {
        height: 180px
    }

    .city_studios__name {
        font-size: 18px;
        line-height: 31px
    }

    .city_studios__address {
        font-weight: 400;
        font-size: 16px;
        line-height: 19px
    }
}

@media(min-width: 1280px) {
    .city_studios__image {
        height:219px
    }

    .city_studios__studio--large .city_studios__image,.city_studios__studio--large:hover .city_studios__image,.city_studios__studio--large:visited .city_studios__image {
        height: 408px
    }
}

.classx_overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,.5);
    z-index: 10;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: flex-end
}

.classx_overlay--hidden {
    display: none
}

.classx_overlay__box {
    width: 100%;
    padding: 2.6em 15px 3em 15px;
    background-color: #e6e4dd;
    border-radius: 20px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.classx_overlay__title {
    font-family: "classx skyline",sans-serif;
    font-size: 2em;
    margin-bottom: 0;
    height: 1.8em;
    background-repeat: no-repeat;
    background-size: contain
}

.classx_overlay__intro {
    font-size: 1.2em;
    font-weight: 300
}

.classx_overlay__item,.classx_overlay__hint,.classx_overlay__cta {
    font-weight: 300
}

.classx_overlay__item {
    background-image: url("https://www.fitx.de/img/block/shared/classx_overlay/check.svg");
    background-repeat: no-repeat;
    padding-left: 2.2em;
    background-size: 21px
}

.classx_overlay__hint {
    margin-bottom: 3em
}

.classx_overlay__cta {
    font-size: 1.2em;
    color: #1c2223;
    display: block;
    padding: .6em;
    text-align: center;
    border: 1px solid #1c2223;
    border-radius: 30px
}

.classx_overlay__cta:hover,.classx_overlay__cta:active,.classx_overlay__cta:visited {
    color: #1c2223
}

@media(min-width: 480px) {
    .classx_overlay {
        -webkit-justify-content:center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center
    }

    .classx_overlay__title {
        font-size: 3em
    }

    .classx_overlay__box {
        max-width: 480px;
        padding: 2.6em;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px
    }
}

.classx_teaser {
    display: block;
    height: auto;
    width: 100%;
    margin-top: 73px;
    position: relative;
    background: linear-gradient(129.22deg, #ABE2FF 0%, #BCDFE4 5.1%, #F4DA96 39.42%, #E4D692 81.63%, #B1CC9C 100%);
    padding: 40px 0;
    background-size: 150% 150%;
    -webkit-animation: Animation 5s ease infinite;
    -moz-animation: Animation 5s ease infinite;
    animation: Animation 5s ease infinite
}

@-webkit-keyframes Animation {
    0% {
        background-position: 10% 0%
    }

    50% {
        background-position: 91% 100%
    }

    100% {
        background-position: 10% 0%
    }
}

@-moz-keyframes Animation {
    0% {
        background-position: 10% 0%
    }

    50% {
        background-position: 91% 100%
    }

    100% {
        background-position: 10% 0%
    }
}

@keyframes Animation {
    0% {
        background-position: 10% 0%
    }

    50% {
        background-position: 91% 100%
    }

    100% {
        background-position: 10% 0%
    }
}

.classx_teaser__container {
    width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.classx_teaser__headline {
    color: #181d1e;
    font-size: 18px;
    font-weight: normal;
    line-height: 24px;
    margin-bottom: 10px
}

.classx_teaser__text {
    color: #181d1e;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

@media(min-width: 768px) {
    .classx_teaser__container {
        max-width:1280px;
        width: 90%;
        float: none;
        margin-right: auto;
        margin-left: auto
    }
}

@media(min-width: 1024px) {
    .classx_teaser__container {
        width:90%;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center
    }

    .classx_teaser__col:first-child {
        padding-right: 8em
    }

    .classx_teaser__headline {
        font-size: 22px;
        font-weight: normal;
        margin-bottom: 10px
    }

    .classx_teaser__text {
        font-size: 16px;
        margin-bottom: 0
    }
}

@media(min-width: 1024px) {
    .classx_teaser__container {
        max-width:1280px;
        float: none;
        margin-right: auto;
        margin-left: auto;
        width: 90%
    }
}

.club_fitness_contact {
    background-color: #fff;
    padding: 4em 0 0;
    position: relative
}

.club_fitness_contact__anchor {
    position: absolute;
    top: 0;
    left: 0
}

.club_fitness_contact__container {
    max-width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.club_fitness_contact__content {
    max-width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.club_fitness_contact__headline {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    display: block;
    text-align: left;
    color: #181d1e;
    margin-top: 0;
    font-size: 24px;
    font-weight: normal
}

.club_fitness_contact__kicker {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    display: block;
    text-align: left;
    font-size: 16px;
    line-height: 24px;
    font-weight: 300
}

.club_fitness_contact__subline {
    display: block;
    text-align: left;
    font-size: 24px;
    line-height: 36px;
    font-weight: normal
}

.club_fitness_contact__content_form {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 4em
}

.club_fitness_contact__content_info {
    background-color: #f5f5f5;
    padding: 4em 5%
}

.club_fitness_contact__content_info img {
    width: 150px
}

.club_fitness_contact__content_info__notice {
    display: flex;
    align-items: flex-start;
    padding: 1.2em 0 .4em;
    color: #181d1e;
    mix-blend-mode: normal;
    opacity: .8
}

.club_fitness_contact__content_info__notice_icon {
    margin-right: 15px;
    margin-top: 5px
}

.club_fitness_contact__content_info__notice_icon>img {
    width: 15px
}

.club_fitness_contact__content_info__notice_text {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px
}

.club_fitness_contact__list {
    margin-bottom: 4em
}

.club_fitness_contact__list li {
    background-image: url("https://www.fitx.de/img/block/shared/icon/icon-green-check.svg");
    background-repeat: no-repeat;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 1em;
    background-size: 20px;
    padding-left: 40px;
    background-position: 0 0;
    font-weight: 400;
    color: #444
}

.club_fitness_contact__person {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center
}

.club_fitness_contact__person_image {
    margin-right: 2em
}

.club_fitness_contact__person_image img {
    width: 150px;
    height: auto;
    border: 1px solid #eee
}

.club_fitness_contact__person_text {
    color: #444
}

.club_fitness_contact__person_text h3 {
    font-size: 18px
}

.club_fitness_contact__person_text strong {
    font-weight: normal;
    font-size: 16px
}

.club_fitness_contact__person_text h3,.club_fitness_contact__person_text p {
    margin-bottom: 10px;
    font-size: 16px
}

.club_fitness_contact__person_text a {
    color: #444 !important
}

.club_fitness_contact__recaptcha div>div>iframe {
    transition: border .5s
}

.club_fitness_contact__recaptcha--invalid div>div>iframe {
    border: 2px solid red
}

.club_fitness_contact__thankyou--hidden {
    display: none
}

.club_fitness_contact__error {
    color: #e83623;
    margin-top: 1em
}

.club_fitness_contact__error--hidden {
    display: none
}

.club_fitness_contact .form--hidden {
    display: none
}

.club_fitness_contact #club_fitness_contact {
    padding-bottom: 0 !important;
    background-color: #fff;
    color: #181d1e
}

@media(min-width: 768px) {
    .club_fitness_contact {
        padding:7em 0
    }

    .club_fitness_contact__container {
        max-width: 90%;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .club_fitness_contact__content {
        max-width: 100%;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .club_fitness_contact__subline {
        margin-bottom: 1em
    }

    .club_fitness_contact__person_text h3 {
        font-size: 22px
    }

    .club_fitness_contact__person_text p,.club_fitness_contact__person_text strong {
        font-size: 18px;
        line-height: 28px
    }

    .club_fitness_contact__person_image img {
        width: 170px
    }

    .club_fitness_contact #club_fitness_contact .form__element_button[type=submit] {
        max-width: 300px;
        margin: 0
    }
}

@media(min-width: 1024px) {
    .club_fitness_contact__container {
        width:90% !important;
        max-width: 1280px;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .club_fitness_contact__content {
        width: 100% !important;
        max-width: 100% !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: space-between
    }

    .club_fitness_contact__content_info {
        border-radius: 20px;
        padding: 50px;
        width: 48%
    }

    .club_fitness_contact__content_info__notice_text {
        font-size: 18px;
        line-height: 28px
    }

    .club_fitness_contact__content_form {
        width: 48%;
        float: none;
        margin-left: 0;
        padding-bottom: 0
    }

    .club_fitness_contact__headline {
        float: none;
        margin-right: auto;
        margin-left: auto;
        max-width: 100%;
        font-size: 48px;
        margin-bottom: 25px
    }

    .club_fitness_contact__kicker {
        max-width: 100%;
        font-size: 22px;
        line-height: 34px
    }

    .club_fitness_contact__subline {
        font-size: 28px;
        line-height: 36px
    }

    .club_fitness_contact__list li {
        font-size: 18px;
        line-height: 28px
    }

    .club_fitness_contact #club_fitness_contact .form__segment:last-child {
        min-height: auto;
        margin-bottom: 0
    }
}

body[data-controller=club_fitness] {
    background-color: #fff
}

.club_fitness_hero {
    max-width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    background-image: url("https://www.fitx.de/img/block/mobile/club_fitness_hero/bg.jpg");
    background-size: cover;
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 55vh;
    text-align: left;
    color: #fff;
    position: relative;
    margin-top: 73px
}

@media(min-width: 768px) {
    .club_fitness_hero {
        background-image:url("https://www.fitx.de/img/block/desktop/club_fitness_hero/bg.jpg")
    }
}

.club_fitness_hero__valign {
    background-color: #fff;
    position: absolute;
    width: 100%;
    bottom: 0;
    padding: 0 5%;
    border-radius: 10px 10px 0 0
}

.club_fitness_hero__content {
    padding: 30px 0 40px;
    border-bottom: 1px solid #eee
}

.club_fitness_hero__headline {
    color: #181d1e;
    font-size: 32px;
    line-height: 36px
}

.club_fitness_hero__subline {
    color: #717171;
    text-align: left;
    font-weight: 300
}

.club_fitness_hero__cta .cta {
    min-width: 295px;
    float: none;
    margin-right: auto;
    margin-left: auto
}

@media(min-width: 768px) {
    .club_fitness_hero {
        height:40vh;
        min-height: 400px;
        margin-top: 73px;
        background-position: 50% 0;
        width: 100% !important;
        max-width: 1920px !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        background-size: cover
    }

    .club_fitness_hero__valign {
        width: 90%;
        float: none;
        margin-right: auto;
        margin-left: auto;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
        padding: 0;
        -webkit-align-items: flex-start;
        -moz-align-items: flex-start;
        -ms-align-items: flex-start;
        align-items: flex-start;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center;
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        background-color: rgba(0,0,0,0)
    }

    .club_fitness_hero__content {
        padding: 0;
        border-bottom: 0
    }

    .club_fitness_hero__headline {
        color: #fff
    }

    .club_fitness_hero__subline {
        color: #fff
    }
}

@media(min-width: 1024px) {
    .club_fitness_hero {
        height:calc(300px + 73px)
    }

    .club_fitness_hero__valign {
        width: 90% !important;
        max-width: 1280px !important
    }

    .club_fitness_hero__subline {
        font-size: 22px;
        line-height: 32px
    }
}

@media(min-width: 1280px) {
    .club_fitness_hero {
        height:calc(380px + 73px)
    }

    .club_fitness_hero__headline {
        font-size: 72px;
        line-height: 72px;
        max-width: 510px
    }
}

@media(min-width: 1800px) {
    .club_fitness_hero {
        height:calc(640px + 73px)
    }
}

.checkmark_list li {
    background-image: url("https://www.fitx.de/img/block/shared/icon/check_large.svg");
    background-size: 20px;
    background-repeat: no-repeat;
    padding-left: 30px;
    font-weight: 400;
    font-size: 1.1em;
    margin-bottom: .8em;
    background-position: 0 5px
}

.checkmark_list--white li {
    background-image: url("https://www.fitx.de/img/block/shared/icon/check_large_white.svg");
    font-weight: normal
}

.checkmark_list__item--scratched {
    text-decoration: line-through
}

.checkmark_list--circles li {
    background-image: url("https://www.fitx.de/img/block/shared/icon/check_outline.svg");
    background-size: 22px;
    color: #444;
    background-position: 0 0;
    margin-bottom: 1.2em
}

@media(min-width: 1024px) {
    .checkmark_list--circles li {
        background-size:27px;
        font-size: 18px;
        line-height: 27px;
        padding-left: 37px
    }
}

.club_fitness_offers {
    background-color: #fff;
    padding: 4em 0
}

.club_fitness_offers__container {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    text-align: left
}

.club_fitness_offers__info {
    width: 100% !important;
    max-width: 100% !important;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto
}

.club_fitness_offers__info:after {
    content: "";
    display: table;
    clear: both
}

.club_fitness_offers__info>*:nth-child(2n+1) {
    width: calc(0%);
    float: left;
    clear: left;
    margin-left: 0
}

.club_fitness_offers__info>*:nth-child(2n+2) {
    width: calc(100%);
    float: left;
    clear: none;
    margin-right: 0
}

.club_fitness_offers__info_illustration {
    display: none
}

.club_fitness_offers__copy {
    margin-bottom: 2em
}

.club_fitness_offers__headline {
    border: 0;
    padding: 0;
    margin: 0 0 1em 0;
    display: block;
    text-align: left;
    font-size: 24px;
    line-height: 33px;
    font-weight: normal
}

.club_fitness_offers__info_text {
    text-align: left
}

.club_fitness_offers__info_text p {
    color: #444
}

.club_fitness_offers__list_text {
    color: #444
}

.club_fitness_offers__list_text h3 {
    font-weight: normal
}

.club_fitness_offers__list_text:nth-child(2) {
    margin-top: 3em
}

@media(min-width: 768px) {
    .club_fitness_offers {
        padding:7em 0
    }

    .club_fitness_offers__container {
        width: 90% !important;
        max-width: 1280px !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: left
    }

    .club_fitness_offers__info {
        max-width: 100%;
        max-width: 960px;
        margin-left: auto;
        margin-right: auto
    }

    .club_fitness_offers__info:after {
        content: "";
        display: table;
        clear: both
    }

    .club_fitness_offers__info>*:nth-child(2n+1) {
        width: calc(33.3333333333%);
        float: left;
        clear: left;
        margin-left: 0
    }

    .club_fitness_offers__info>*:nth-child(2n+2) {
        width: calc(66.6666666667%);
        float: left;
        clear: none;
        margin-right: 0
    }

    .club_fitness_offers__info_illustration {
        background-image: url("https://www.fitx.de/img/block/shared/club_fitness_offers/nice.svg");
        padding: 0;
        display: block;
        height: 410px;
        background-repeat: no-repeat;
        text-indent: -9000px;
        background-size: 55%;
        background-position: center 0
    }

    .club_fitness_offers__info_text {
        margin-top: 0;
        text-align: left
    }

    .club_fitness_offers__headline {
        text-align: left
    }
}

@media(min-width: 1024px) {
    .club_fitness_offers {
        padding:7em 0
    }

    .club_fitness_offers__container {
        width: 90% !important;
        max-width: 1280px !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: left
    }

    .club_fitness_offers__info_illustration {
        padding: 0;
        display: block;
        height: 410px;
        background-repeat: no-repeat;
        text-indent: -9000px;
        background-size: 55%;
        background-position: center 0
    }

    .club_fitness_offers__info_text {
        margin-top: 0
    }

    .club_fitness_offers__headline {
        font-size: 48px;
        line-height: 56px
    }

    .club_fitness_offers__lists {
        max-width: 100%;
        max-width: 960px;
        margin-left: auto;
        margin-right: auto;
        margin: 4em 0 0 0
    }

    .club_fitness_offers__lists:after {
        content: "";
        display: table;
        clear: both
    }

    .club_fitness_offers__lists>*:nth-child(2n+1) {
        width: calc(50%);
        float: left;
        clear: left;
        padding-left: 0;
        margin-left: 0
    }

    .club_fitness_offers__lists>*:nth-child(2n+2) {
        width: calc(50%);
        float: left;
        clear: none;
        padding-right: 0;
        margin-right: 0
    }

    .club_fitness_offers__list_text {
        padding: 0 2em
    }

    .club_fitness_offers__list_text:nth-child(2) {
        margin-top: 0
    }
}

@media(min-width: 1280px) {
    .club_fitness_offers__highlight {
        padding:0 4em 0 3.5em
    }

    .club_fitness_offers__info_illustration {
        background-position: center 0
    }

    .club_fitness_offers__info_text {
        margin-top: 0
    }
}

.company_fitness_contact {
    background-color: #fff;
    padding: 4em 0 0;
    position: relative
}

.company_fitness_contact__anchor {
    position: absolute;
    top: 0;
    left: 0
}

.company_fitness_contact__container {
    max-width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.company_fitness_contact__content {
    max-width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.company_fitness_contact__headline {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    display: block;
    text-align: left;
    color: #181d1e;
    margin-top: 0;
    font-size: 24px;
    font-weight: normal
}

.company_fitness_contact__kicker {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    display: block;
    text-align: left;
    font-size: 16px;
    line-height: 24px;
    font-weight: 300
}

.company_fitness_contact__subline {
    display: block;
    text-align: left;
    font-size: 24px;
    line-height: 36px;
    font-weight: normal
}

.company_fitness_contact__content_form {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 4em
}

.company_fitness_contact__content_info {
    background-color: #f4f2ef;
    padding: 4em 5%
}

.company_fitness_contact__content_info img {
    width: 150px
}

.company_fitness_contact__content_info__notice {
    display: flex;
    align-items: flex-start;
    padding: 1.2em 0 .4em;
    color: #181d1e;
    mix-blend-mode: normal;
    opacity: .8
}

.company_fitness_contact__content_info__notice_icon {
    margin-right: 15px;
    margin-top: 5px
}

.company_fitness_contact__content_info__notice_icon>img {
    width: 15px
}

.company_fitness_contact__content_info__notice_text {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px
}

.company_fitness_contact__list {
    margin-bottom: 4em
}

.company_fitness_contact__list li {
    background-image: url("https://www.fitx.de/img/block/shared/icon/icon-green-check.svg");
    background-repeat: no-repeat;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 1em;
    background-size: 20px;
    padding-left: 40px;
    background-position: 0 0;
    font-weight: 400;
    color: #444
}

.company_fitness_contact__person {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center
}

.company_fitness_contact__person_image {
    margin-right: 2em
}

.company_fitness_contact__person_image img {
    width: 150px;
    height: auto;
    border: 1px solid #eee
}

.company_fitness_contact__person_text {
    color: #444
}

.company_fitness_contact__person_text h3 {
    font-size: 18px
}

.company_fitness_contact__person_text strong {
    font-weight: normal;
    font-size: 16px
}

.company_fitness_contact__person_text h3,.company_fitness_contact__person_text p {
    margin-bottom: 10px;
    font-size: 16px
}

.company_fitness_contact__person_text a {
    color: #444 !important
}

.company_fitness_contact__recaptcha div>div>iframe {
    transition: border .5s
}

.company_fitness_contact__recaptcha--invalid div>div>iframe {
    border: 2px solid red
}

.company_fitness_contact__thankyou--hidden {
    display: none
}

.company_fitness_contact__error {
    color: #e83623;
    margin-top: 1em
}

.company_fitness_contact__error--hidden {
    display: none
}

.company_fitness_contact .form--hidden {
    display: none
}

.company_fitness_contact #company_fitness_contact {
    padding-bottom: 0 !important;
    background-color: #fff;
    color: #181d1e
}

@media(min-width: 768px) {
    .company_fitness_contact {
        padding:7em 0
    }

    .company_fitness_contact__container {
        max-width: 90%;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .company_fitness_contact__content {
        max-width: 100%;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .company_fitness_contact__subline {
        margin-bottom: 1em
    }

    .company_fitness_contact__person_text h3 {
        font-size: 22px
    }

    .company_fitness_contact__person_text p,.company_fitness_contact__person_text strong {
        font-size: 18px;
        line-height: 28px
    }

    .company_fitness_contact__person_image img {
        width: 170px
    }

    .company_fitness_contact #company_fitness_contact .form__element_button[type=submit] {
        max-width: 300px;
        margin: 0
    }
}

@media(min-width: 1024px) {
    .company_fitness_contact__container {
        width:90% !important;
        max-width: 1280px;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .company_fitness_contact__content {
        width: 100% !important;
        max-width: 100% !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: space-between
    }

    .company_fitness_contact__content_info {
        border-radius: 20px;
        padding: 50px;
        width: 48%
    }

    .company_fitness_contact__content_info__notice_text {
        font-size: 18px;
        line-height: 28px
    }

    .company_fitness_contact__content_form {
        width: 48%;
        float: none;
        margin-left: 0;
        padding-bottom: 0
    }

    .company_fitness_contact__headline {
        float: none;
        margin-right: auto;
        margin-left: auto;
        max-width: 100%;
        font-size: 48px;
        margin-bottom: 25px
    }

    .company_fitness_contact__kicker {
        max-width: 100%;
        font-size: 22px;
        line-height: 34px
    }

    .company_fitness_contact__subline {
        font-size: 28px;
        line-height: 36px
    }

    .company_fitness_contact__list li {
        font-size: 18px;
        line-height: 28px
    }

    .company_fitness_contact #company_fitness_contact .form__segment:last-child {
        min-height: auto;
        margin-bottom: 0
    }
}

.company_fitness_cooperation {
    max-width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    background-color: #fff;
    color: #181d1e;
    flex-direction: column;
    padding: 4em 0;
    transform: translateZ(0)
}

.company_fitness_cooperation--greyBox,.company_fitness_cooperation--illustration {
    background-color: #fff
}

.company_fitness_cooperation__container {
    width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.company_fitness_cooperation__container--greyBox {
    max-width: 95%;
    max-width: 1280px;
    background-color: #f5f5f5;
    border-radius: 20px;
    padding: 50px;
    text-align: center
}

.company_fitness_cooperation__container--illustration {
    max-width: 95%;
    max-width: 1280px;
    text-align: center
}

.company_fitness_cooperation__anchor {
    position: absolute;
    top: 0
}

.company_fitness_cooperation__image {
    display: none
}

.company_fitness_cooperation__image--illustration {
    display: block
}

.company_fitness_cooperation__headline {
    margin-bottom: 15px;
    font-size: 24px;
    line-height: 36px;
    font-weight: normal
}

.company_fitness_cooperation__text p {
    color: #444
}

.company_fitness_cooperation__subheadline--dgw {
    text-transform: uppercase
}

.company_fitness_cooperation__icon {
    height: 230px;
    margin: 5em 0;
    background-size: contain;
    background-position: 0 center;
    background-repeat: no-repeat
}

.company_fitness_cooperation__icon--all_good {
    background-position: center center;
    height: 126px;
    margin: 1em 0
}

.company_fitness_cooperation__cta .cta {
    min-width: 195px
}

@media(min-width: 768px) {
    .company_fitness_cooperation {
        max-width:100%;
        padding: 7em 0;
        text-align: left
    }

    .company_fitness_cooperation__container {
        width: 90%;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .company_fitness_cooperation__columns {
        max-width: 960px;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        max-width: 1280px;
        display: block
    }

    .company_fitness_cooperation__columns:after {
        content: "";
        display: table;
        clear: both
    }

    .company_fitness_cooperation__columns>*:nth-child(1n+1) {
        width: calc(100% - 8px - 8px);
        float: left;
        margin: 8px;
        clear: left
    }

    .company_fitness_cooperation__cta .cta {
        min-width: 295px
    }
}

@media(min-width: 1024px) {
    .company_fitness_cooperation {
        max-width:100%;
        text-align: left
    }

    .company_fitness_cooperation--greyBox {
        background-color: #fff
    }

    .company_fitness_cooperation__container--greyBox {
        max-width: 95%;
        max-width: 1280px;
        background-color: #f5f5f5;
        border-radius: 20px;
        padding: 50px;
        text-align: center
    }

    .company_fitness_cooperation__columns {
        max-width: 960px;
        margin-left: auto;
        margin-right: auto;
        width: 85%;
        max-width: 1280px;
        display: block
    }

    .company_fitness_cooperation__columns:after {
        content: "";
        display: table;
        clear: both
    }

    .company_fitness_cooperation__columns>*:nth-child(2n+1) {
        width: calc(33.3333333333% - 8px - 8px);
        float: left;
        margin: 8px;
        clear: left
    }

    .company_fitness_cooperation__columns>*:nth-child(2n+2) {
        width: calc(66.6666666667% - 8px - 8px);
        float: left;
        margin: 8px;
        clear: none
    }

    .company_fitness_cooperation__columns--greyBox,.company_fitness_cooperation__columns--illustration {
        max-width: 960px;
        margin-left: auto;
        margin-right: auto;
        float: none
    }

    .company_fitness_cooperation__columns--greyBox:after,.company_fitness_cooperation__columns--illustration:after {
        content: "";
        display: table;
        clear: both
    }

    .company_fitness_cooperation__columns--greyBox>*:nth-child(1n+1),.company_fitness_cooperation__columns--illustration>*:nth-child(1n+1) {
        width: calc(100% - 8px - 8px);
        float: left;
        margin: 8px;
        clear: left
    }

    .company_fitness_cooperation__content {
        padding: 0
    }

    .company_fitness_cooperation__headline {
        font-size: 48px;
        line-height: 56px;
        margin-bottom: 25px
    }

    .company_fitness_cooperation__headline--greyBox,.company_fitness_cooperation__headline--illustration {
        max-width: 560px;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .company_fitness_cooperation__image {
        display: block
    }

    .company_fitness_cooperation__icon {
        height: 300px;
        margin: 0;
        background-size: 80%
    }

    .company_fitness_cooperation__icon--illustration_bottles {
        background-size: 70%;
        margin-top: -2em
    }

    .company_fitness_cooperation__icon--heart_flex {
        background-size: 90%;
        margin-top: -2em
    }

    .company_fitness_cooperation__icon--all_good {
        background-position: center center;
        height: 153px;
        margin: 1em 0;
        background-size: contain
    }
}

@media(min-width: 1800px) {
    .company_fitness_cooperation__icon {
        background-size:65%
    }

    .company_fitness_cooperation__icon--heart_flex {
        background-size: 90%
    }

    .company_fitness_cooperation__icon--illustration_bottles {
        background-size: 60%;
        background-position: 30% 0;
        height: 260px
    }

    .company_fitness_cooperation__icon--all_good {
        background-position: center center;
        height: 153px;
        margin: 1em 0;
        background-size: contain
    }

    .company_fitness_cooperation__icon--chin_chin {
        background-position: center center;
        background-size: contain
    }

    .company_fitness_cooperation__text {
        width: 80%
    }

    .company_fitness_cooperation__text--greyBox,.company_fitness_cooperation__text--illustration {
        width: 100%;
        max-width: 760px;
        float: none;
        margin-right: auto;
        margin-left: auto
    }
}

body[data-controller=company_fitness] {
    background-color: #fff
}

.company_fitness_employees__text {
    margin: 4em auto 4em;
    width: 90%;
    max-width: 1280px
}

.company_fitness_employees__text__headline {
    font-weight: 500;
    font-size: 32px;
    line-height: 38px;
    margin-bottom: 25px
}

.company_fitness_employees__text__text {
    font-size: 18px
}

.company_fitness_employees_image {
    width: 100%
}

.company_fitness_employees_image__img {
    max-width: 100%
}

@media(min-width: 1024px) {
    .company_fitness_employees {
        width:90%;
        max-width: 1280px;
        margin: 7em auto 0;
        display: flex;
        align-items: center;
        flex-direction: row
    }

    .company_fitness_employees__text {
        width: 55%;
        padding-right: 100px
    }

    .company_fitness_employees__text__headline {
        font-weight: 500;
        font-size: 36px;
        line-height: 42px;
        margin-bottom: 25px
    }

    .company_fitness_employees__text__text {
        font-size: 18px;
        line-height: 28px
    }

    .company_fitness_employees__text__text:last-child {
        margin-bottom: 0
    }

    .company_fitness_employees_image {
        width: 40%
    }

    .company_fitness_employees_image__img {
        border-radius: 20px;
        margin: 0 auto
    }
}

.pin_list li {
    background-image: url("https://www.fitx.de/img/block/shared/icon/pin-small.png");
    background-size: 20px;
    background-repeat: no-repeat;
    padding-left: 30px;
    font-weight: 400;
    font-size: 1.1em;
    margin-bottom: .8em;
    background-position: 0 1px
}

@media(min-width: 768px) {
    .pin_list li {
        font-size:.9em;
        margin-bottom: .6em
    }
}

@media(min-width: 1024px) {
    .pin_list li {
        font-size:1.1em;
        margin-bottom: .8em
    }
}

.company_fitness_expansion {
    background-color: #fff
}

.company_fitness_expansion__container {
    max-width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    text-align: left
}

.company_fitness_expansion__headline {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 1em
}

.company_fitness_expansion__text {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    padding: 2em 0
}

.company_fitness_expansion__gallery {
    height: 250px
}

.company_fitness_expansion__gallery .gallery__image {
    width: 100vw !important;
    max-width: 100vw !important
}

.company_fitness_expansion__gallery .gallery__indicators {
    display: none
}

@media(min-width: 768px) {
    .company_fitness_expansion__container {
        width:100% !important;
        max-width: 100% !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        max-width: 960px;
        margin-left: auto;
        margin-right: auto
    }

    .company_fitness_expansion__container:after {
        content: "";
        display: table;
        clear: both
    }

    .company_fitness_expansion__container>*:nth-child(2n+1) {
        width: calc(50%);
        float: left;
        clear: left;
        margin-left: 0
    }

    .company_fitness_expansion__container>*:nth-child(2n+2) {
        width: calc(50%);
        float: left;
        clear: none;
        margin-right: 0
    }

    .company_fitness_expansion__text {
        padding: 2em;
        text-align: center
    }

    .company_fitness_expansion__lists {
        max-width: 960px;
        margin-left: auto;
        margin-right: auto;
        text-align: left
    }

    .company_fitness_expansion__lists:after {
        content: "";
        display: table;
        clear: both
    }

    .company_fitness_expansion__lists>*:nth-child(2n+1) {
        width: calc(50%);
        float: left;
        clear: left;
        padding-left: 0;
        margin-left: 0
    }

    .company_fitness_expansion__lists>*:nth-child(2n+2) {
        width: calc(50%);
        float: left;
        clear: none;
        padding-right: 0;
        margin-right: 0
    }

    .company_fitness_expansion__gallery {
        height: 440px
    }

    .company_fitness_expansion__gallery .gallery__image {
        width: 100vw !important;
        max-width: 50vw !important
    }
}

@media(min-width: 1024px) {
    .company_fitness_expansion__container {
        float:none;
        margin-right: auto;
        margin-left: auto;
        max-width: 960px;
        margin-left: auto;
        margin-right: auto
    }

    .company_fitness_expansion__container:after {
        content: "";
        display: table;
        clear: both
    }

    .company_fitness_expansion__container>*:nth-child(2n+1) {
        width: calc(50%);
        float: left;
        clear: left;
        margin-left: 0
    }

    .company_fitness_expansion__container>*:nth-child(2n+2) {
        width: calc(50%);
        float: left;
        clear: none;
        margin-right: 0
    }

    .company_fitness_expansion__text {
        padding: 3em
    }

    .company_fitness_expansion__lists {
        max-width: 960px;
        margin-left: auto;
        margin-right: auto
    }

    .company_fitness_expansion__lists:after {
        content: "";
        display: table;
        clear: both
    }

    .company_fitness_expansion__lists>*:nth-child(2n+1) {
        width: calc(50%);
        float: left;
        clear: left;
        padding-left: 0;
        margin-left: 0
    }

    .company_fitness_expansion__lists>*:nth-child(2n+2) {
        width: calc(50%);
        float: left;
        clear: none;
        padding-right: 0;
        margin-right: 0
    }

    .company_fitness_expansion__gallery {
        height: 640px
    }
}

@media(min-width: 1280px) {
    .company_fitness_expansion__text {
        padding:5em
    }

    .company_fitness_expansion__lists {
        max-width: 960px;
        margin-left: auto;
        margin-right: auto;
        max-width: 80%
    }

    .company_fitness_expansion__lists:after {
        content: "";
        display: table;
        clear: both
    }

    .company_fitness_expansion__lists>*:nth-child(2n+1) {
        width: calc(50%);
        float: left;
        clear: left;
        padding-left: 0;
        margin-left: 0
    }

    .company_fitness_expansion__lists>*:nth-child(2n+2) {
        width: calc(50%);
        float: left;
        clear: none;
        padding-right: 0;
        margin-right: 0
    }

    .company_fitness_expansion__headline {
        font-size: 30px;
        line-height: 36px;
        margin-bottom: 1em
    }
}

@media(min-width: 1800px) {
    .company_fitness_expansion__gallery {
        height:590px
    }
}

.company_fitness_faqs {
    background-color: #f5f5f5;
    padding: 4em 0;
    position: relative
}

.company_fitness_faqs__anchor {
    position: absolute;
    top: 0
}

.company_fitness_faqs__container {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.company_fitness_faqs__accordion {
    margin: 0 !important;
    border-bottom: 1px solid #ddd
}

.company_fitness_faqs__content_text {
    border-bottom: 1px solid #ddd
}

.company_fitness_faqs__headline {
    max-width: 100%;
    padding: 0;
    display: block;
    text-align: left;
    color: #181d1e;
    margin-top: 0
}

.company_fitness_faqs__subline {
    padding: 0;
    margin: 0 0 2em 0;
    display: block;
    text-align: left
}

@media(min-width: 768px) {
    .company_fitness_faqs {
        padding:7em 0
    }

    .company_fitness_faqs__container {
        max-width: 90%;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .company_fitness_faqs__content {
        max-width: 100%;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .company_fitness_faqs__content_text {
        width: 90%
    }

    .company_fitness_faqs__image {
        background-image: url("https://www.fitx.de/img/block/shared/company_fitness_faqs/faq.jpg");
        background-size: cover;
        min-height: 400px
    }
}

@media(min-width: 1024px) {
    .company_fitness_faqs__container {
        width:90% !important;
        max-width: 1280px;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .company_fitness_faqs__content {
        width: 100% !important;
        max-width: 1280px;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .company_fitness_faqs__headline {
        float: none;
        margin-right: auto;
        margin-left: auto
    }
}

body[data-controller=company_fitness] {
    background-color: #fff
}

.company_fitness_hero {
    color: #181d1e;
    width: 90%;
    max-width: 1280px;
    border-bottom: solid 1px #eee;
    margin: 0 auto;
    padding: 2em 0
}

.company_fitness_hero_wrapper {
    border-radius: 10px 10px 0 0;
    position: relative;
    top: -10px;
    background: #fff
}

.company_fitness_hero__headline {
    font-size: 32px;
    line-height: 38px
}

.company_fitness_hero__text {
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    color: #444
}

.company_fitness_hero__cta {
    padding-top: 2em
}

.company_fitness_hero_image {
    max-width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    background-image: url("https://www.fitx.de/img/block/desktop/company_fitness_hero/bg2.jpg");
    background-size: cover;
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 30vh;
    margin: 73px auto 0
}

.company_fitness_hero_image--desktop {
    display: none
}

@media(min-width: 1024px) {
    .company_fitness_hero {
        text-align:center;
        max-width: 860px;
        padding: 7em 0 0;
        border-bottom: 0;
        margin: 73px auto 0
    }

    .company_fitness_hero_wrapper {
        top: 0;
        border-radius: 0
    }

    .company_fitness_hero__headline {
        font-size: 72px;
        line-height: 72px
    }

    .company_fitness_hero__text {
        font-size: 22px;
        line-height: 36px;
        margin: 2em 0
    }

    .company_fitness_hero_image {
        border-radius: 10px;
        height: 60vh;
        min-height: 400px;
        margin-top: 7em;
        background-position: 50% 0;
        width: 90% !important;
        max-width: 1280px !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        background-size: cover
    }

    .company_fitness_hero_image--mobile {
        display: none
    }

    .company_fitness_hero_image--desktop {
        display: block
    }
}

body[data-controller=company_fitness] {
    background-color: #fff
}

.company_fitness_intro__text {
    width: 90%;
    max-width: 1280px;
    margin: 2em auto
}

.company_fitness_intro__text__headline {
    font-weight: 500;
    font-size: 32px;
    line-height: 38px;
    margin-bottom: 25px
}

.company_fitness_intro__text__text {
    font-size: 18px
}

.company_fitness_intro_tax {
    width: 90%;
    background: #647a84;
    padding: 20px;
    border-radius: 20px 20px 20px 0;
    margin: 0 auto 4em
}

.company_fitness_intro_tax__headline {
    color: #fff;
    font-weight: 500;
    font-size: 32px;
    line-height: 38px;
    margin-bottom: 25px
}

.company_fitness_intro_tax__text {
    color: #fff;
    font-size: 18px
}

@media(min-width: 1024px) {
    .company_fitness_intro {
        width:90%;
        max-width: 1280px;
        margin: 0 auto;
        display: flex;
        align-items: flex-end;
        flex-direction: row
    }

    .company_fitness_intro__text {
        width: 55%;
        margin: 4em auto 0
    }

    .company_fitness_intro__text__headline {
        font-weight: 500;
        font-size: 48px;
        line-height: 56px;
        margin-bottom: 25px
    }

    .company_fitness_intro__text__text {
        font-size: 18px;
        line-height: 28px
    }

    .company_fitness_intro__text__text:last-child {
        margin-bottom: 0
    }

    .company_fitness_intro_tax {
        width: 40%;
        padding: 40px;
        margin: 0
    }

    .company_fitness_intro_tax__headline {
        font-weight: 500;
        color: #fff;
        font-size: 24px;
        line-height: 34px;
        margin-bottom: 10px
    }

    .company_fitness_intro_tax__text {
        color: #fff;
        font-size: 22px;
        line-height: 34px
    }
}

.gm-style .gm-style-iw {
    font-weight: 400 !important;
    text-align: left !important;
    font-size: 1.1em;
    line-height: 1.6em;
    display: block;
    margin-bottom: 0 !important;
    outline: none !important
}

.gm-style .gm-style-iw strong {
    display: block
}

.gm-style * {
    outline: none !important
}

.gm-ui-hover-effect {
    outline: none !important
}

.company_fitness_studio_map {
    padding: 4em 0 0;
    background-color: #fff;
    max-width: 100%;
    position: relative;
    max-height: 1160px;
    overflow: hidden;
    will-change: max-height,padding;
    transition: max-height .5s,padding .5s
}

.company_fitness_studio_map--hidden {
    max-height: 0;
    padding: 0
}

.company_fitness_studio_map__content {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    text-align: left
}

.company_fitness_studio_map__anchor {
    position: absolute;
    top: 0
}

.company_fitness_studio_map__kicker {
    font-size: 14px;
    line-height: 16px;
    color: #717171;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-weight: normal
}

.company_fitness_studio_map__headline,.company_fitness_studio_map__headline_error {
    color: #181d1e;
    float: none;
    margin-right: auto;
    margin-left: auto;
    font-size: 24px;
    line-height: 26px;
    font-weight: normal
}

.company_fitness_studio_map__headline--hidden,.company_fitness_studio_map__headline_error--hidden {
    display: none
}

.company_fitness_studio_map__wrap {
    margin: 2em 0;
    max-width: 100%;
    overflow: hidden
}

.company_fitness_studio_map__wrap--hidden {
    max-height: 0;
    margin-top: 0
}

.company_fitness_studio_map__error_output {
    margin: 2em 0
}

.company_fitness_studio_map__error_output--hidden {
    display: none
}

.company_fitness_studio_map__container {
    height: 350px
}

.company_fitness_studio_map__info {
    padding: 20px 0 0 0;
    text-align: left
}

.company_fitness_studio_map__info p {
    font-size: 1.1em;
    line-height: 1.2em;
    margin-bottom: 1em
}

.company_fitness_studio_map__info h3 {
    line-height: 1.2em
}

.company_fitness_studio_map__info_studio {
    cursor: pointer;
    background-image: url("https://www.fitx.de/img/block/shared/studio_infocard/pin-small.png");
    background-repeat: no-repeat;
    background-size: 21px;
    background-position: 100% 25px;
    transition: background-position .1s ease-in;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    border-bottom: 1px solid #f5f5f5;
    padding: 20px 0;
    font-weight: 400;
    font-size: 1.1em;
    line-height: 1.2em
}

.company_fitness_studio_map__info_studio--active,.company_fitness_studio_map__info_studio:hover {
    background-position: 100% 15px;
    color: #ed6a12 !important
}

.company_fitness_studio_map__info_studio:last-child {
    border-bottom: none
}

.company_fitness_studio_map__info_studio span {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 1.4
}

.company_fitness_studio_map__info_studio_image {
    background-color: #f5f5f5;
    width: 44px;
    height: 44px;
    border-radius: 10px;
    background-size: cover;
    background-position: center;
    margin-right: 15px
}

.company_fitness_studio_map__info_studio_text {
    width: calc(100% - 80px)
}

.company_fitness_studio_map__info_studio_status {
    background-color: #fdedd4;
    color: #f5a323;
    border-radius: 5px;
    font-size: 14px;
    display: inline-block;
    padding: 3px 8px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.company_fitness_studio_map__info_studio_address {
    color: #717171;
    width: 90%;
    font-size: 14px;
    line-height: 16px;
    font-weight: 300
}

.company_fitness_studio_map__info_studio_address a,.company_fitness_studio_map__info_studio_address a:hover {
    color: #717171
}

.company_fitness_studio_map__info_studio_name {
    font-size: 16px
}

.company_fitness_studio_map__info_studio_name a {
    color: #181d1e
}

.company_fitness_studio_map__info_studio_name a:hover {
    color: #ed6a12
}

.company_fitness_studio_map__cta .cta {
    width: auto;
    margin-top: 1em
}

@media(min-width: 768px) {
    .company_fitness_studio_map {
        padding:7em 0 0;
        max-width: 100%
    }

    .company_fitness_studio_map--hidden {
        max-height: 0;
        padding: 0
    }

    .company_fitness_studio_map__content {
        max-width: 90%;
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: center
    }

    .company_fitness_studio_map__wrap {
        margin: 3em 0
    }

    .company_fitness_studio_map__no_result {
        width: 100%;
        float: none;
        margin-right: auto;
        margin-left: auto;
        color: #181d1e;
        line-height: 1.6em !important
    }
}

@media(min-width: 1024px) {
    .company_fitness_studio_map__content {
        max-width:90%
    }

    .company_fitness_studio_map__wrap {
        max-width: 100% !important;
        max-width: 960px;
        margin-left: auto;
        margin-right: auto
    }

    .company_fitness_studio_map__wrap:after {
        content: "";
        display: table;
        clear: both
    }

    .company_fitness_studio_map__wrap>*:nth-child(2n+1) {
        width: calc(66.6666666667%);
        float: left;
        clear: left;
        margin-left: 0
    }

    .company_fitness_studio_map__wrap>*:nth-child(2n+2) {
        width: calc(33.3333333333%);
        float: left;
        clear: none;
        margin-right: 0
    }

    .company_fitness_studio_map__container {
        height: 450px
    }

    .company_fitness_studio_map__kicker {
        font-size: 16px;
        line-height: 19px;
        margin-bottom: 15px
    }

    .company_fitness_studio_map__headline,.company_fitness_studio_map__headline_error {
        font-size: 48px;
        line-height: 56px
    }

    .company_fitness_studio_map__info {
        padding: 12px 0 12px 44px
    }
}

@media(min-width: 1800px) {
    .company_fitness_studio_map__content {
        max-width:66%;
        max-width: 1280px !important
    }

    .company_fitness_studio_map__wrap {
        max-width: 100% !important;
        max-width: 960px;
        margin-left: auto;
        margin-right: auto
    }

    .company_fitness_studio_map__wrap:after {
        content: "";
        display: table;
        clear: both
    }

    .company_fitness_studio_map__wrap>*:nth-child(2n+1) {
        width: calc(66.6666666667%);
        float: left;
        clear: left;
        margin-left: 0
    }

    .company_fitness_studio_map__wrap>*:nth-child(2n+2) {
        width: calc(33.3333333333%);
        float: left;
        clear: none;
        margin-right: 0
    }
}

.company_hero {
    background-image: url("https://www.fitx.de/img/block/mobile/company_hero/bg.jpg");
    background-size: cover;
    height: 620px;
    margin-top: 73px;
    text-align: center;
    color: #fff
}

.company_hero__text {
    margin: .6em auto 1em
}

.company_hero__valign {
    max-width: 95%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-bottom: 4em
}

@media(min-width: 768px) {
    .company_hero {
        background-image:url("https://www.fitx.de/img/block/desktop/company_hero/bg.jpg");
        height: calc(100vh - 145px);
        min-height: 555px
    }

    .company_hero__valign {
        max-width: 85%;
        max-width: 1280px
    }

    .company_hero__text {
        max-width: 90%;
        float: none;
        margin-right: auto;
        margin-left: auto
    }
}

@media(min-width: 1024px) {
    .company_hero {
        background-image:url("https://www.fitx.de/img/block/desktop/company_hero/bg.jpg");
        margin-top: 73px;
        height: 750px
    }

    .company_hero__text {
        max-width: 85%;
        float: none;
        margin-right: auto;
        margin-left: auto
    }
}

.competition_newsletter_form {
    width: 100% !important;
    position: relative;
    background-color: #fff
}

.competition_newsletter_form input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 50px #f5f5f5 inset;
    -webkit-text-fill-color: #1c2223
}

.competition_newsletter_form__subscription_success {
    display: none
}

.competition_newsletter_form__subscription_success--shown {
    display: block
}

.competition_newsletter_form__progress_overlay {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    transition: opacity .3s,background-color .3s,color .3s;
    background-color: #fff;
    opacity: 0;
    z-index: 2;
    color: rgba(0,0,0,0)
}

.competition_newsletter_form__progress_overlay--shown {
    opacity: 1;
    background-image: url(/img/block/shared/icon/loading_dots.gif);
    background-repeat: no-repeat;
    background-position: 50% 30%
}

.competition_newsletter_form__progress_overlay--success {
    background-color: #fff;
    background-image: none;
    color: #1c2223
}

.competition_newsletter_form__form_elements--hidden {
    display: none
}

.competition_newsletter_form__form_element_text {
    overflow: hidden;
    margin-bottom: 1em
}

.competition_newsletter_form__form_element_select {
    margin-bottom: 1em
}

.competition_newsletter_form__progress_valign {
    margin-top: 2em
}

.competition_newsletter_form__success_headline,.competition_newsletter_form__subscription_success_headline {
    font-size: 1.8em;
    line-height: 1.2;
    font-weight: bold;
    margin-bottom: 20px
}

.competition_newsletter_form__success_text,.competition_newsletter_form__subscription_success_text {
    font-size: 1.2em;
    font-weight: 300
}

.competition_newsletter_form__fname[type=text],.competition_newsletter_form__lname[type=text],.competition_newsletter_form__email[type=email],.competition_newsletter_form__member_id[type=text] {
    width: 100%;
    display: block;
    margin: 0 auto;
    padding: 0 1em;
    font-weight: 400;
    background-color: #f5f5f5;
    color: #1c2223;
    font-size: 1.2em;
    border-radius: 3px
}

.competition_newsletter_form__fname[type=text]:focus,.competition_newsletter_form__lname[type=text]:focus,.competition_newsletter_form__email[type=email]:focus,.competition_newsletter_form__member_id[type=text]:focus {
    background-color: #f5f5f5
}

.competition_newsletter_form__fname--error[type=text],.competition_newsletter_form__lname--error[type=text],.competition_newsletter_form__email--error[type=email],.competition_newsletter_form__member_id--error[type=number] {
    color: #e83623
}

.competition_newsletter_form__submit[type=submit] {
    width: 100%;
    outline: none;
    margin-top: 1em;
    border-radius: 3px
}

.competition_newsletter_form__message {
    padding: .4em 0;
    color: #e83623;
    font-weight: 400;
    font-size: 1.1em;
    height: auto;
    line-height: 1.2em
}

.competition_newsletter_form__form_element_checkbox {
    position: relative
}

.competition_newsletter_form__privacy,.competition_newsletter_form__wnewsletter {
    position: absolute;
    left: -9999px;
    visibility: hidden
}

.competition_newsletter_form__privacy+label,.competition_newsletter_form__wnewsletter+label {
    font-weight: 400;
    font-size: 1.1em;
    color: #181d1e;
    padding: 0px 0 10px 35px;
    display: block
}

.competition_newsletter_form__privacy+label:before,.competition_newsletter_form__wnewsletter+label:before {
    position: absolute;
    top: 0;
    left: 0;
    content: " ";
    display: inline-block;
    width: 30px;
    height: 26px;
    background-image: url("https://www.fitx.de/img/block/shared/form/checkbox.svg");
    background-position: bottom left;
    background-repeat: no-repeat
}

.competition_newsletter_form__privacy:checked+label:before,.competition_newsletter_form__wnewsletter:checked+label:before {
    background-image: url("https://www.fitx.de/img/block/shared/form/checkbox_checked.svg")
}

.competition_newsletter_form__form_element_radio {
    padding: 1em 0;
    overflow: hidden;
    font-size: 1em;
    font-weight: 300
}

.competition_newsletter_form__form_element_radio:last-child {
    border-bottom: none
}

.competition_newsletter_form__form_element_radio--inline {
    padding: 0;
    border-bottom: none;
    display: inline-block;
    width: 45%
}

.competition_newsletter_form__form_element_radio input[type=radio] {
    display: none
}

.competition_newsletter_form__form_element_radio input[type=radio]:checked+label:before {
    border-color: #00ae90;
    animation: ripple .2s linear forwards
}

.competition_newsletter_form__form_element_radio input[type=radio]:checked+label:after {
    transform: scale(1)
}

.competition_newsletter_form__form_element_radio label {
    display: inline-block;
    height: 20px;
    position: relative;
    padding: 0 30px;
    margin-bottom: 0;
    cursor: pointer;
    vertical-align: bottom
}

.competition_newsletter_form__form_element_radio label:before,.competition_newsletter_form__form_element_radio label:after {
    position: absolute;
    content: "";
    border-radius: 50%;
    transition: all .3s ease;
    transition-property: transform,border-color
}

.competition_newsletter_form__form_element_radio label:before {
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #999
}

.competition_newsletter_form__form_element_radio label:after {
    top: 5px;
    left: 5px;
    width: 10px;
    height: 10px;
    transform: scale(0);
    background: #00ae90
}

.competition_newsletter_form__member_options_text {
    float: left;
    margin-right: 1em
}

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

.competition_newsletter_form__select_wrapper::after {
    position: absolute;
    content: "";
    top: 21px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid rgba(0,0,0,0);
    border-color: #717171 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)
}

.competition_newsletter_form__select_wrapper select {
    -moz-appearance: none;
    -webkit-appearance: none;
    font-size: 17px;
    font-family: Niveau,sans-serif;
    font-weight: 400;
    appearance: none;
    outline: none;
    border: none;
    width: 100%;
    height: 46px;
    padding: 0 1em;
    background: #f5f5f5;
    color: #717171;
    border-radius: 3px;
    cursor: pointer
}

.competition_newsletter_form__select_wrapper select option {
    color: #181d1e;
    font-size: 15px;
    font-family: Niveau,sans-serif;
    font-weight: 300
}

.competition_newsletter_form__select_wrapper select::-ms-expand {
    display: none
}

.competition_newsletter_form__select_wrapper select:focus::-ms-value {
    background-color: rgba(0,0,0,0)
}

.competition_newsletter_form__label {
    font-size: 1.2em;
    font-weight: 400;
    margin-bottom: .5em;
    display: block;
    color: #717171
}

.competition_newsletter_form--dark {
    background-color: #363636
}

.competition_newsletter_form--dark .competition_newsletter_form__fname[type=text],.competition_newsletter_form--dark .competition_newsletter_form__lname[type=text],.competition_newsletter_form--dark .competition_newsletter_form__email[type=email],.competition_newsletter_form--dark .competition_newsletter_form__member_id[type=text] {
    background-color: #363636;
    color: #ccc
}

.competition_newsletter_form--dark .competition_newsletter_form__fname[type=text]:focus,.competition_newsletter_form--dark .competition_newsletter_form__lname[type=text]:focus,.competition_newsletter_form--dark .competition_newsletter_form__email[type=email]:focus,.competition_newsletter_form--dark .competition_newsletter_form__member_id[type=text]:focus {
    background-color: #181d1e
}

.competition_newsletter_form--dark .competition_newsletter_form__select_wrapper select {
    background: #363636
}

.competition_newsletter_form--dark .competition_newsletter_form__select_wrapper select option {
    color: #ccc
}

.competition_newsletter_form--dark .competition_newsletter_form__label,.competition_newsletter_form--dark .competition_newsletter_form__text {
    color: #ccc
}

.competition_newsletter_form--dark .competition_newsletter_form__privacy+label,.competition_newsletter_form--dark .competition_newsletter_form__wnewsletter+label {
    color: #ccc
}

.competition_newsletter_form--dark .competition_newsletter_form__progress_overlay {
    background-color: #363636;
    transition: opacity .3s,background-color .3s,color .3s;
    opacity: 0
}

.competition_newsletter_form--dark .competition_newsletter_form__progress_overlay--shown {
    opacity: 1;
    background-image: url(/img/block/shared/icon/loading_dots_dark.gif)
}

.competition_newsletter_form--dark .competition_newsletter_form__progress_overlay--success {
    background-color: #363636;
    background-image: none;
    color: #ccc
}

@media(min-width: 768px) {
    .competition_newsletter_form__submit[type=submit] {
        width:initial;
        font-size: 1.3em;
        font-weight: normal
    }
}

@media(min-width: 1024px) {
    .competition_newsletter_form__submit[type=submit] {
        width:100%
    }
}

@media(min-width: 1280px) {
    .competition_newsletter_form__form_element_radio {
        font-size:1.2em
    }
}

.competition_onehundred_newsletter_form {
    width: 100% !important;
    position: relative;
    background-color: #fff
}

.competition_onehundred_newsletter_form input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 50px #f5f5f5 inset;
    -webkit-text-fill-color: #1c2223
}

.competition_onehundred_newsletter_form__subscription_success {
    display: none
}

.competition_onehundred_newsletter_form__subscription_success--shown {
    display: block
}

.competition_onehundred_newsletter_form__progress_overlay {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    transition: opacity .3s,background-color .3s,color .3s;
    background-color: #fff;
    opacity: 0;
    z-index: 2;
    color: rgba(0,0,0,0)
}

.competition_onehundred_newsletter_form__progress_overlay--shown {
    opacity: 1;
    background-image: url(/img/block/shared/icon/loading_dots.gif);
    background-repeat: no-repeat;
    background-position: 50% 30%
}

.competition_onehundred_newsletter_form__progress_overlay--success {
    background-color: #fff;
    background-image: none;
    color: #1c2223
}

.competition_onehundred_newsletter_form__form_elements--hidden {
    display: none
}

.competition_onehundred_newsletter_form__form_element_text {
    overflow: hidden;
    margin-bottom: 1em
}

.competition_onehundred_newsletter_form__form_element_select {
    margin-bottom: 1em
}

.competition_onehundred_newsletter_form__progress_valign {
    margin-top: 2em
}

.competition_onehundred_newsletter_form__success_headline,.competition_onehundred_newsletter_form__subscription_success_headline {
    font-size: 1.8em;
    line-height: 1.2;
    font-weight: bold;
    margin-bottom: 20px
}

.competition_onehundred_newsletter_form__success_text,.competition_onehundred_newsletter_form__subscription_success_text {
    font-size: 1.2em;
    font-weight: 300
}

.competition_onehundred_newsletter_form__fname[type=text],.competition_onehundred_newsletter_form__lname[type=text],.competition_onehundred_newsletter_form__email[type=email],.competition_onehundred_newsletter_form__member_id[type=text] {
    width: 100%;
    display: block;
    margin: 0 auto;
    padding: 0 1em;
    font-weight: 400;
    background-color: #f5f5f5;
    color: #1c2223;
    font-size: 1.2em;
    border-radius: 3px
}

.competition_onehundred_newsletter_form__fname[type=text]:focus,.competition_onehundred_newsletter_form__lname[type=text]:focus,.competition_onehundred_newsletter_form__email[type=email]:focus,.competition_onehundred_newsletter_form__member_id[type=text]:focus {
    background-color: #f5f5f5
}

.competition_onehundred_newsletter_form__fname--error[type=text],.competition_onehundred_newsletter_form__lname--error[type=text],.competition_onehundred_newsletter_form__email--error[type=email],.competition_onehundred_newsletter_form__member_id--error[type=number] {
    color: #e83623
}

.competition_onehundred_newsletter_form__submit[type=submit] {
    width: 100%;
    outline: none;
    margin-top: 1em;
    border-radius: 3px
}

.competition_onehundred_newsletter_form__message {
    padding: .1em 0;
    color: #e83623;
    font-weight: 400;
    font-size: 1.1em;
    height: auto;
    line-height: 1.2em
}

.competition_onehundred_newsletter_form__form_element_checkbox {
    position: relative
}

.competition_onehundred_newsletter_form__privacy,.competition_onehundred_newsletter_form__wnewsletter {
    position: absolute;
    left: -9999px;
    visibility: hidden
}

.competition_onehundred_newsletter_form__privacy+label,.competition_onehundred_newsletter_form__wnewsletter+label {
    font-weight: 400;
    font-size: 1.1em;
    color: #181d1e;
    padding: 0px 0 10px 35px;
    display: block
}

.competition_onehundred_newsletter_form__privacy+label:before,.competition_onehundred_newsletter_form__wnewsletter+label:before {
    position: absolute;
    top: 0;
    left: 0;
    content: " ";
    display: inline-block;
    width: 30px;
    height: 26px;
    background-image: url("https://www.fitx.de/img/block/shared/form/checkbox.svg");
    background-position: bottom left;
    background-repeat: no-repeat
}

.competition_onehundred_newsletter_form__privacy:checked+label:before,.competition_onehundred_newsletter_form__wnewsletter:checked+label:before {
    background-image: url("https://www.fitx.de/img/block/shared/form/checkbox_checked.svg")
}

.competition_onehundred_newsletter_form__form_element_radio {
    padding: 1em 0;
    overflow: hidden;
    font-size: 1em;
    font-weight: 300
}

.competition_onehundred_newsletter_form__form_element_radio:last-child {
    border-bottom: none
}

.competition_onehundred_newsletter_form__form_element_radio--inline {
    padding: 0;
    border-bottom: none;
    display: inline-block;
    width: 45%
}

.competition_onehundred_newsletter_form__form_element_radio input[type=radio] {
    display: none
}

.competition_onehundred_newsletter_form__form_element_radio input[type=radio]:checked+label:before {
    border-color: #00ae90;
    animation: ripple .2s linear forwards
}

.competition_onehundred_newsletter_form__form_element_radio input[type=radio]:checked+label:after {
    transform: scale(1)
}

.competition_onehundred_newsletter_form__form_element_radio label {
    display: inline-block;
    height: 20px;
    position: relative;
    padding: 0 30px;
    margin-bottom: 0;
    cursor: pointer;
    vertical-align: bottom
}

.competition_onehundred_newsletter_form__form_element_radio label:before,.competition_onehundred_newsletter_form__form_element_radio label:after {
    position: absolute;
    content: "";
    border-radius: 50%;
    transition: all .3s ease;
    transition-property: transform,border-color
}

.competition_onehundred_newsletter_form__form_element_radio label:before {
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #999
}

.competition_onehundred_newsletter_form__form_element_radio label:after {
    top: 5px;
    left: 5px;
    width: 10px;
    height: 10px;
    transform: scale(0);
    background: #00ae90
}

.competition_onehundred_newsletter_form__member_options_text {
    float: left;
    margin-right: 1em
}

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

.competition_onehundred_newsletter_form__select_wrapper::after {
    position: absolute;
    content: "";
    top: 21px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid rgba(0,0,0,0);
    border-color: #717171 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)
}

.competition_onehundred_newsletter_form__select_wrapper select {
    -moz-appearance: none;
    -webkit-appearance: none;
    font-size: 17px;
    font-family: Niveau,sans-serif;
    font-weight: 400;
    appearance: none;
    outline: none;
    border: none;
    width: 100%;
    height: 46px;
    padding: 0 1em;
    background: #f5f5f5;
    color: #717171;
    border-radius: 3px;
    cursor: pointer
}

.competition_onehundred_newsletter_form__select_wrapper select option {
    color: #181d1e;
    font-size: 15px;
    font-family: Niveau,sans-serif;
    font-weight: 300
}

.competition_onehundred_newsletter_form__select_wrapper select::-ms-expand {
    display: none
}

.competition_onehundred_newsletter_form__select_wrapper select:focus::-ms-value {
    background-color: rgba(0,0,0,0)
}

.competition_onehundred_newsletter_form__label {
    font-size: 1.2em;
    font-weight: 400;
    margin-bottom: .5em;
    display: block;
    color: #717171
}

.competition_onehundred_newsletter_form--dark {
    background-color: rgba(0,0,0,0)
}

.competition_onehundred_newsletter_form--dark input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 50px #181d1e inset;
    -webkit-text-fill-color: #fff
}

.competition_onehundred_newsletter_form--dark ::-webkit-input-placeholder {
    color: #b5b5b5 !important
}

.competition_onehundred_newsletter_form--dark ::-moz-placeholder {
    color: #b5b5b5 !important
}

.competition_onehundred_newsletter_form--dark :-ms-input-placeholder {
    color: #b5b5b5 !important
}

.competition_onehundred_newsletter_form--dark :-moz-placeholder {
    color: #b5b5b5 !important
}

.competition_onehundred_newsletter_form--dark .competition_onehundred_newsletter_form__form_element_text {
    margin-bottom: .5em
}

.competition_onehundred_newsletter_form--dark .competition_onehundred_newsletter_form__fname[type=text],.competition_onehundred_newsletter_form--dark .competition_onehundred_newsletter_form__lname[type=text],.competition_onehundred_newsletter_form--dark .competition_onehundred_newsletter_form__email[type=email],.competition_onehundred_newsletter_form--dark .competition_onehundred_newsletter_form__member_id[type=text] {
    background-color: #181d1e;
    color: #fff;
    border: 1px solid #444;
    border-radius: 8px;
    height: 59px
}

.competition_onehundred_newsletter_form--dark .competition_onehundred_newsletter_form__fname:focus,.competition_onehundred_newsletter_form--dark .competition_onehundred_newsletter_form__lname:focus,.competition_onehundred_newsletter_form--dark .competition_onehundred_newsletter_form__email:focus,.competition_onehundred_newsletter_form--dark .competition_onehundred_newsletter_form__member_id:focus {
    border: 1px solid #b5b5b5
}

.competition_onehundred_newsletter_form--dark .competition_onehundred_newsletter_form__fname--error,.competition_onehundred_newsletter_form--dark .competition_onehundred_newsletter_form__lname--error,.competition_onehundred_newsletter_form--dark .competition_onehundred_newsletter_form__email--error,.competition_onehundred_newsletter_form--dark .competition_onehundred_newsletter_form__member_id--error {
    background-color: #2c1f1e !important;
    border: 1px solid #e83623 !important;
    color: #e83623 !important
}

.competition_onehundred_newsletter_form--dark .competition_onehundred_newsletter_form__fname--error[type=text],.competition_onehundred_newsletter_form--dark .competition_onehundred_newsletter_form__lname--error[type=text],.competition_onehundred_newsletter_form--dark .competition_onehundred_newsletter_form__email--error[type=email],.competition_onehundred_newsletter_form--dark .competition_onehundred_newsletter_form__member_id--error[type=text] {
    background-color: #2c1f1e !important;
    border: 1px solid #e83623 !important;
    color: #e83623 !important
}

.competition_onehundred_newsletter_form--dark .competition_onehundred_newsletter_form__fname--error[type=text]::-webkit-input-placeholder,.competition_onehundred_newsletter_form--dark .competition_onehundred_newsletter_form__lname--error[type=text]::-webkit-input-placeholder,.competition_onehundred_newsletter_form--dark .competition_onehundred_newsletter_form__email--error[type=email]::-webkit-input-placeholder,.competition_onehundred_newsletter_form--dark .competition_onehundred_newsletter_form__member_id--error[type=text]::-webkit-input-placeholder {
    color: #e83623 !important
}

.competition_onehundred_newsletter_form--dark .competition_onehundred_newsletter_form__fname--error[type=text]::-moz-placeholder,.competition_onehundred_newsletter_form--dark .competition_onehundred_newsletter_form__lname--error[type=text]::-moz-placeholder,.competition_onehundred_newsletter_form--dark .competition_onehundred_newsletter_form__email--error[type=email]::-moz-placeholder,.competition_onehundred_newsletter_form--dark .competition_onehundred_newsletter_form__member_id--error[type=text]::-moz-placeholder {
    color: #e83623 !important
}

.competition_onehundred_newsletter_form--dark .competition_onehundred_newsletter_form__fname--error[type=text]:-ms-input-placeholder,.competition_onehundred_newsletter_form--dark .competition_onehundred_newsletter_form__lname--error[type=text]:-ms-input-placeholder,.competition_onehundred_newsletter_form--dark .competition_onehundred_newsletter_form__email--error[type=email]:-ms-input-placeholder,.competition_onehundred_newsletter_form--dark .competition_onehundred_newsletter_form__member_id--error[type=text]:-ms-input-placeholder {
    color: #e83623 !important
}

.competition_onehundred_newsletter_form--dark .competition_onehundred_newsletter_form__fname--error[type=text]:-moz-placeholder,.competition_onehundred_newsletter_form--dark .competition_onehundred_newsletter_form__lname--error[type=text]:-moz-placeholder,.competition_onehundred_newsletter_form--dark .competition_onehundred_newsletter_form__email--error[type=email]:-moz-placeholder,.competition_onehundred_newsletter_form--dark .competition_onehundred_newsletter_form__member_id--error[type=text]:-moz-placeholder {
    color: #e83623 !important
}

.competition_onehundred_newsletter_form--dark .competition_onehundred_newsletter_form__message--error {
    padding-left: 25px;
    background-image: url("https://www.fitx.de/img/block/shared/icon/icon_error.svg");
    background-repeat: no-repeat;
    background-position: 0 center
}

.competition_onehundred_newsletter_form--dark .competition_onehundred_newsletter_form__select_wrapper select {
    background: #363636
}

.competition_onehundred_newsletter_form--dark .competition_onehundred_newsletter_form__select_wrapper select option {
    color: #ccc
}

.competition_onehundred_newsletter_form--dark .competition_onehundred_newsletter_form__label,.competition_onehundred_newsletter_form--dark .competition_onehundred_newsletter_form__text {
    color: #ccc
}

.competition_onehundred_newsletter_form--dark .competition_onehundred_newsletter_form__privacy+label,.competition_onehundred_newsletter_form--dark .competition_onehundred_newsletter_form__wnewsletter+label {
    color: #c5c5c5
}

.competition_onehundred_newsletter_form--dark .competition_onehundred_newsletter_form__privacy+label:before,.competition_onehundred_newsletter_form--dark .competition_onehundred_newsletter_form__wnewsletter+label:before {
    background-image: url("https://www.fitx.de/img/block/shared/icon/checkbox-unchecked-on-dark.svg")
}

.competition_onehundred_newsletter_form--dark .competition_onehundred_newsletter_form__privacy:checked+label:before,.competition_onehundred_newsletter_form--dark .competition_onehundred_newsletter_form__wnewsletter:checked+label:before {
    background-image: url("https://www.fitx.de/img/block/shared/icon/checkbox-checked-on-dark.svg")
}

.competition_onehundred_newsletter_form--dark .competition_onehundred_newsletter_form__progress_overlay {
    background-color: rgba(0,0,0,0);
    transition: opacity .3s,background-color .3s,color .3s;
    opacity: 0
}

.competition_onehundred_newsletter_form--dark .competition_onehundred_newsletter_form__progress_overlay--shown {
    opacity: 1;
    background-image: url(/img/block/shared/icon/loading_dots_dark.gif)
}

.competition_onehundred_newsletter_form--dark .competition_onehundred_newsletter_form__progress_overlay--success {
    background-color: rgba(0,0,0,0);
    background-image: none;
    color: #ccc
}

.competition_onehundred_newsletter_form--dark .competition_onehundred_newsletter_form__submit[type=submit] {
    width: 100%;
    border-radius: 26px
}

.competition_onehundred_newsletter_form--dark .competition_onehundred_newsletter_form__submit--loading {
    background-color: #444 !important;
    color: #767676 !important
}

.competition_onehundred_newsletter_form--dark .competition_onehundred_newsletter_form__message_privacy {
    padding: 0px 0 10px 35px;
    background-position: 0 top
}

.competition_onehundred_newsletter_form--dark .competition_onehundred_newsletter_form__form_element_text--line {
    margin-bottom: 1em
}

@media(min-width: 768px) {
    .competition_onehundred_newsletter_form__submit[type=submit] {
        width:initial;
        font-size: 1.3em;
        font-weight: normal
    }
}

@media(min-width: 1024px) {
    .competition_onehundred_newsletter_form__submit[type=submit] {
        width:100%
    }
}

@media(min-width: 1280px) {
    .competition_onehundred_newsletter_form__form_element_radio {
        font-size:1.2em
    }
}

.competition_onehundred_success {
    background-color: #181d1e;
    padding: 0;
    min-height: calc(100% - 73px);
    margin-top: 73px
}

.competition_onehundred_success__container {
    max-width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    text-align: left
}

.competition_onehundred_success__content {
    max-width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    padding-top: 3em;
    color: #fff;
    text-align: center;
    padding-bottom: 4em;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center bottom
}

.competition_onehundred_success__headline {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: .5em;
    font-size: 32px;
    line-height: 38px
}

.competition_onehundred_success__second_headline {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: .5em;
    font-size: 28px;
    line-height: 36px;
    font-weight: normal;
    line-height: 1.1
}

.competition_onehundred_success__text_body {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: .5em;
    text-align: center;
    color: #c5c5c5
}

.competition_onehundred_success__x {
    width: 42px;
    height: 36px;
    display: block;
    background-image: url("https://www.fitx.de/img/block/shared/icon/x.svg");
    background-repeat: no-repeat;
    background-size: contain;
    margin: 3em auto;
    text-indent: -9000px
}

.competition_onehundred_success__video {
    max-width: 90%;
    margin: 4.5em auto
}

.competition_onehundred_success__video video {
    border-radius: 15px
}

@media(min-width: 768px) {
    .competition_onehundred_success__container {
        width:100% !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        padding: 0;
        text-align: left
    }
}

@media(min-width: 1024px) {
    .competition_onehundred_success__container {
        width:100% !important;
        max-width: 1920px !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: left
    }

    .competition_onehundred_success__content {
        width: 100% !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 2em
    }

    .competition_onehundred_success__content p {
        font-size: 22px;
        line-height: 36px
    }

    .competition_onehundred_success__headline {
        max-width: 895px;
        float: none;
        margin-right: auto;
        margin-left: auto;
        font-size: 72px;
        line-height: 78px
    }

    .competition_onehundred_success__second_headline {
        max-width: 90%;
        float: none;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: .5em;
        font-size: 48px;
        line-height: 78px
    }

    .competition_onehundred_success__text_body {
        max-width: 895px;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .competition_onehundred_success__video {
        max-width: 1280px;
        float: none;
        margin-right: auto;
        margin-left: auto;
        margin: 9em auto
    }

    .competition_onehundred_success__x {
        margin: 5em auto
    }
}

.competition_onehundred {
    background-color: #181d1e;
    padding: 0;
    min-height: calc(100% - 73px);
    margin-top: 73px
}

.competition_onehundred__container {
    max-width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    text-align: left
}

.competition_onehundred__content {
    max-width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    padding-top: 3em;
    color: #fff;
    text-align: center;
    background-image: url("https://www.fitx.de/img/block/mobile/competition_onehundred/bg.png");
    background-color: #171c1f;
    padding-bottom: 20em;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center bottom
}

.competition_onehundred__kicker {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: .5em;
    font-weight: 400;
    font-size: 10px;
    letter-spacing: .5em
}

.competition_onehundred__headline {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: .5em;
    font-size: 32px;
    line-height: 38px
}

.competition_onehundred__text_body {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: .5em;
    text-align: center;
    color: #c5c5c5
}

.competition_onehundred__form_container {
    position: relative;
    max-width: 85%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    color: #fff;
    padding: 4em 0
}

.competition_onehundred__form_headline {
    font-size: 24px;
    font-weight: normal;
    line-height: 28px;
    margin-bottom: .5em
}

.competition_onehundred__form_text {
    color: #c5c5c5
}

.competition_onehundred__end {
    display: block;
    margin-bottom: 0
}

.competition_onehundred__end--hidden {
    display: none
}

.competition_onehundred__cta {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    margin-top: 3em
}

@media(min-width: 768px) {
    .competition_onehundred__container {
        width:100% !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        padding: 0;
        text-align: left
    }

    .competition_onehundred__content {
        padding-bottom: 20em;
        background-image: url("https://www.fitx.de/img/block/desktop/competition_onehundred/bg.png")
    }
}

@media(min-width: 1024px) {
    .competition_onehundred__container {
        width:100% !important;
        max-width: 1920px !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: left
    }

    .competition_onehundred__content {
        width: 100% !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 2em;
        background-image: url("https://www.fitx.de/img/block/desktop/competition_onehundred/bg.png");
        padding-bottom: 25em
    }

    .competition_onehundred__content p {
        font-size: 22px;
        line-height: 36px
    }

    .competition_onehundred__kicker {
        max-width: 895px;
        float: none;
        margin-right: auto;
        margin-left: auto;
        font-size: 16px !important;
        font-weight: 300 !important
    }

    .competition_onehundred__headline {
        max-width: 895px;
        float: none;
        margin-right: auto;
        margin-left: auto;
        font-size: 72px;
        line-height: 78px
    }

    .competition_onehundred__text_body {
        max-width: 895px;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .competition_onehundred__form_container {
        max-width: 895px;
        float: none;
        margin-right: auto;
        margin-left: auto;
        padding: 7em 0
    }

    .competition_onehundred__form_container_content {
        max-width: 650px;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .competition_onehundred__form_headline {
        font-size: 36px;
        font-weight: normal;
        line-height: 42px
    }
}

@media(min-width: 1280px) {
    .competition_onehundred__content {
        padding-bottom:35em
    }
}

@media(min-width: 1800px) {
    .competition_onehundred__content {
        padding-bottom:40em
    }
}

.competition {
    background-color: #181d1e;
    padding: 0;
    color: #fff;
    min-height: calc(100% - 73px);
    margin-top: 73px
}

.competition__container {
    max-width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    text-align: left
}

.competition__kicker {
    margin-bottom: .5em;
    font-weight: 500;
    font-size: 1.5em
}

.competition__headline {
    text-align: left;
    margin-bottom: .5em
}

.competition__subheadline {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 500
}

.competition__video {
    width: 100%;
    position: absolute
}

.competition__img {
    width: 100%;
    margin: 0 auto 1em;
    display: block;
    padding-bottom: 52%;
    background-color: #181d1e;
    position: relative;
    background-repeat: no-repeat;
    background-size: 150%;
    background-position: -50px -20%
}

.competition__img_text {
    position: absolute;
    font-size: 40px;
    font-weight: 200;
    line-height: 1.2;
    left: 7.5%;
    bottom: 0
}

.competition__img_text span {
    display: none;
    font-size: 0;
    color: rgba(0,0,0,0);
    height: 60px;
    background-image: url("https://www.fitx.de/img/block/shared/icon/logo.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 2px 0
}

.competition__text_list {
    margin-bottom: 2em
}

.competition__text_list li,.competition__text_list p {
    margin-bottom: 0 !important
}

.competition__badge {
    width: 130px;
    height: 130px;
    border-radius: 100px;
    background-color: #00ae90;
    position: absolute;
    right: 10px;
    top: 10px;
    text-align: center;
    -webkit-transform: rotate(-7deg);
    -moz-transform: rotate(-7deg);
    -ms-transform: rotate(-7deg);
    transform: rotate(-7deg)
}

.competition__badge_text {
    color: #fff;
    font-weight: 400;
    font-size: .9em;
    line-height: 1.2;
    padding: 0 5px;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.competition__badge_text span {
    display: block;
    font-size: 250%;
    font-weight: bold
}

.competition__text {
    max-width: 85%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    padding-top: 3em
}

.competition__text__desktop {
    display: none
}

.competition__list_badge_container {
    background-color: #363636;
    padding: 2em 0
}

.competition__list_badge_circle {
    float: none;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    height: 205px;
    width: 205px;
    background-color: #ed6a12;
    border-radius: 120px;
    transform: rotateZ(-12deg);
    color: #fff;
    padding: 1.4em 0 0 0;
    text-transform: uppercase;
    text-align: center;
    font-weight: 400;
    font-size: 2.2em;
    line-height: initial
}

.competition__list_badge_circle__text1 {
    font-size: 18px;
    text-transform: none;
    font-weight: 300
}

.competition__list_badge_circle__text2 {
    font-size: .75em;
    font-weight: 200
}

.competition__list_badge_circle__text3 {
    font-weight: bold
}

.competition__list_bullets_content li {
    font-size: 16px;
    font-weight: 400 !important;
    text-align: left
}

.competition__list_headline {
    margin-bottom: .5em;
    text-align: left;
    color: #ccc
}

.competition__form_container {
    position: relative;
    max-width: 85%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.competition__form_headline {
    font-size: 18px;
    font-weight: bold;
    line-height: 28px
}

.competition__end {
    display: block;
    margin-bottom: 0
}

.competition__end--hidden {
    display: none
}

@media(min-width: 768px) {
    .competition__container {
        width:100% !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        padding: 0;
        text-align: left
    }

    .competition__badge {
        width: 170px;
        height: 170px;
        border-radius: 100px;
        background-color: #00ae90;
        position: absolute;
        right: 20px;
        top: 20px;
        text-align: center;
        -webkit-transform: rotate(-7deg);
        -moz-transform: rotate(-7deg);
        -ms-transform: rotate(-7deg);
        transform: rotate(-7deg)
    }

    .competition__badge_text {
        color: #fff;
        font-weight: 400;
        font-size: 1.1em;
        line-height: 1.2;
        padding: 0 5px;
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .competition__badge_text span {
        display: block;
        font-size: 250%;
        font-weight: bold
    }

    .competition__list_bullets_content li {
        font-size: 18px
    }

    .competition__list_badge_container {
        width: 85%;
        margin: 0 auto 3em;
        border-radius: 10px
    }

    .competition_text {
        font-size: 50px
    }

    .competition_text span {
        height: 90px
    }

    .competition__img {
        padding-bottom: 53%
    }

    .competition__img_text {
        font-size: 60px
    }

    .competition__img_text span {
        height: 90px
    }
}

@media(min-width: 1024px) {
    .competition__container {
        width:95% !important;
        max-width: 1280px !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: left;
        padding: 2em 0
    }

    .competition__video {
        width: 100%;
        position: absolute;
        border-radius: 10px
    }

    .competition__badge {
        width: 170px;
        height: 170px;
        border-radius: 100px;
        background-color: #00ae90;
        position: absolute;
        right: -50px;
        top: -50px;
        text-align: center;
        -webkit-transform: rotate(-7deg);
        -moz-transform: rotate(-7deg);
        -ms-transform: rotate(-7deg);
        transform: rotate(-7deg)
    }

    .competition__badge_text {
        color: #fff;
        font-weight: 400;
        font-size: 1.1em;
        line-height: 1.2;
        padding: 0 5px;
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .competition__badge_text span {
        display: block;
        font-size: 250%;
        font-weight: bold
    }

    .competition__list {
        width: 95% !important;
        max-width: 100% !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        max-width: 960px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 2em
    }

    .competition__list:after {
        content: "";
        display: table;
        clear: both
    }

    .competition__list>*:nth-child(2n+1) {
        width: calc(50% - 2em - 2em + 1em + 1em);
        float: left;
        margin: 2em;
        clear: left;
        margin-left: 0
    }

    .competition__list>*:nth-child(2n+2) {
        width: calc(50% - 2em - 2em + 1em + 1em);
        float: left;
        margin: 2em;
        clear: none;
        margin-right: 0
    }

    .competition__list_badge_container {
        border-radius: 10px
    }

    .competition__text {
        width: 100% !important;
        max-width: 100% !important;
        padding-top: 2em
    }

    .competition__text__desktop {
        display: block
    }

    .competition__text__mobile {
        display: none
    }

    .competition__img {
        width: 100%;
        border-radius: 10px;
        margin: 0 auto 2em;
        display: block;
        padding-bottom: 56%;
        background-color: #181d1e;
        position: relative;
        background-repeat: no-repeat;
        background-size: 150%;
        background-position: -50px -20%
    }

    .competition__img_text {
        position: absolute;
        font-size: 40px;
        font-weight: 200;
        line-height: 1.2;
        left: 7.5%;
        bottom: .5em
    }

    .competition__img_text span {
        display: none;
        font-size: 0;
        color: rgba(0,0,0,0);
        height: 60px;
        background-image: url("https://www.fitx.de/img/block/shared/icon/logo.svg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 2px 0
    }
}

@media(min-width: 1800px) {
    .competition__container {
        width:100% !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: left;
        padding: 4em 0
    }

    .competition__list {
        width: 100% !important;
        max-width: 100% !important;
        max-width: 960px;
        margin-left: auto;
        margin-right: auto
    }

    .competition__list:after {
        content: "";
        display: table;
        clear: both
    }

    .competition__list>*:nth-child(2n+1) {
        width: calc(58.3333333333% - 4em - 4em + 2em + 2em);
        float: left;
        margin: 0 4em;
        clear: left;
        margin-left: 0
    }

    .competition__list>*:nth-child(2n+2) {
        width: calc(41.6666666667% - 4em - 4em + 2em + 2em);
        float: left;
        margin: 0 4em;
        clear: none;
        margin-right: 0
    }

    .competition__img_text {
        font-size: 60px;
        left: .5em
    }
}

[data-controller=conditions] {
    background-color: #fff
}

.conditions_header {
    padding-top: 73px;
    padding-bottom: 0;
    color: #f5f5f5;
    background-color: #fff
}

.conditions_header__container {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #fff;
    margin: 3em auto 2em
}

.conditions_header__container--classx {
    background-image: url("https://www.fitx.de/img/block/desktop/conditions_header/classx.jpg");
    height: 180px !important
}

.conditions_header__headline_wrap {
    position: relative;
    margin-bottom: 0;
    text-align: center;
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.conditions_header__headline {
    border: 5px solid #ed6a12;
    padding: 14px 1em;
    display: inline-block
}

.conditions_header__subheadline {
    width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    margin-bottom: 1em
}

.conditions_header__subheadline_text {
    margin-bottom: 0
}

.conditions_header__hashtag {
    width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    font-size: 1.4em;
    font-weight: 700;
    text-transform: uppercase
}

.conditions_header__icon {
    width: 90px;
    height: 80px;
    background-color: #181d1e;
    background-image: url("https://www.fitx.de/img/block/shared/icon/trainingareas/course_room.svg");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

.conditions_header__icon--barbell {
    background-image: url("https://www.fitx.de/img/block/shared/conditions_header/barbell.svg")
}

.conditions_header__icon--bear {
    background-image: url("https://www.fitx.de/img/block/shared/conditions_header/bear.svg")
}

.conditions_header__icon--bottles {
    background-image: url("https://www.fitx.de/img/block/shared/conditions_header/bottles.svg")
}

.conditions_header__icon--donutbra {
    background-image: url("https://www.fitx.de/img/block/shared/conditions_header/donutbra.svg")
}

.conditions_header__icon--girls {
    background-image: url("https://www.fitx.de/img/block/shared/conditions_header/girls.svg")
}

.conditions_header__icon--finger {
    background-image: url("https://www.fitx.de/img/block/shared/conditions_header/finger.svg")
}

.conditions_header__icon--heart {
    background-image: url("https://www.fitx.de/img/block/shared/conditions_header/heart.svg")
}

.conditions_header__icon--shoe {
    background-image: url("https://www.fitx.de/img/block/shared/conditions_header/shoe.svg")
}

.conditions_header__icon--airwalk {
    background-image: url(/img/block/shared/bringafriend/bring_a_friend_week.svg);
    width: 100%;
    background-color: rgba(0,0,0,0);
    text-indent: -9000px;
    margin: 0 auto
}

.conditions_header__icon--donutbra {
    top: -56px !important
}

.conditions_header__cta a {
    width: 85%;
    font-size: 14px;
    overflow: hidden;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.conditions_header__cta>div {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.conditions_header__hardfacts {
    margin-top: 1em
}

@media(min-width: 768px) {
    .conditions_header__bringafriend {
        padding-top:130px !important
    }

    .conditions_header__container {
        max-width: 85%;
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: center
    }

    .conditions_header__headline {
        max-width: 85%;
        font-size: 42px;
        line-height: 50px;
        padding: 24px 1em
    }

    .conditions_header__subheadline {
        max-width: 85%;
        margin: 2em auto
    }

    .conditions_header__subheadline_text {
        font-size: 19px;
        line-height: 26px;
        font-weight: 300
    }

    .conditions_header__cta .cta {
        width: 380px;
        font-size: 15px
    }

    .conditions_header__cta>div {
        max-width: 100%;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .conditions_header__icon {
        width: 130px;
        height: 120px;
        top: -90px
    }

    .conditions_header__icon--donutbra {
        top: -82px !important
    }

    .conditions_header__icon--shoe {
        width: 140px
    }

    .conditions_header__icon--bear {
        width: 120px
    }

    .conditions_header__icon--airwalk {
        background-image: url(/img/block/shared/bringafriend/bring_a_friend_week.svg);
        width: 560px
    }
}

@media(min-width: 1024px) {
    .conditions_header__container {
        max-width:85%;
        margin: 5em auto 4em
    }
}

@media(min-width: 1280px) {
    .conditions_header__container {
        max-width:90%
    }

    .conditions_header__subheadline {
        max-width: 85%
    }
}

@media(min-width: 1800px) {
    .conditions_header__container {
        max-width:85%;
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: center
    }

    .conditions_header__subheadline {
        max-width: 66%;
        margin: 2em auto
    }

    .conditions_header__subheadline_text {
        font-size: 22px;
        line-height: 30px;
        font-weight: 300
    }
}

.conditions {
    background: #fff;
    padding: 2em 0 2em;
    margin-top: 73px
}

.conditions__container {
    width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    overflow: auto
}

.conditions h1 {
    margin-bottom: 1em
}

.conditions h2 {
    margin: 2em 0 1em
}

.conditions p {
    margin: 0 0 1em 0
}

.conditions p.tel_info {
    font-size: 14px;
    font-weight: 300
}

.conditions span.desktop {
    display: none
}

.conditions__conditions {
    margin-top: 1em
}

.conditions__conditions_status {
    text-align: right;
    font-weight: bold !important
}

.conditions__listHeadline {
    margin-bottom: 1em !important;
    font-weight: normal
}

.conditions ul {
    margin-bottom: 3em
}

.conditions ul li {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    list-style-type: square;
    list-style-position: outside;
    margin-left: 1em
}

.conditions ul li ul {
    margin-bottom: 1em
}

.conditions ul li ul li {
    list-style-type: circle
}

.conditions ol[type=a]>li {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    list-style-position: outside;
    margin-left: 0;
    list-style-type: lower-alpha;
    margin-bottom: 1em
}

.conditions ol[type=a]>li ul {
    margin: .5em 0 1em
}

@media(min-width: 768px) {
    .conditions {
        padding:7em 0
    }

    .conditions__container {
        max-width: 1280px;
        width: 85%;
        margin: 0 auto
    }

    .conditions p {
        margin: 0 0 2em 0
    }

    .conditions__conditions {
        margin-top: 2em
    }

    .conditions ul li {
        font-size: 18px;
        line-height: 28px
    }

    .conditions ol[type=a]>li {
        font-size: 18px;
        line-height: 28px;
        margin-left: 2em
    }
}

@media(min-width: 1024px) {
    .conditions__conditions {
        max-width:960px;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%
    }

    .conditions__conditions:after {
        content: "";
        display: table;
        clear: both
    }

    .conditions__conditions>*:nth-child(2n+1) {
        width: calc(50%);
        float: left;
        clear: left;
        padding-left: 0;
        margin-left: 0
    }

    .conditions__conditions>*:nth-child(2n+2) {
        width: calc(50%);
        float: left;
        clear: none;
        padding-right: 0;
        margin-right: 0
    }

    .conditions__conditions section {
        padding: 0 2em
    }

    .conditions span.desktop {
        display: inline-block
    }

    .conditions span.mobile {
        display: none
    }
}

body[data-controller=contact] {
    background: #fff !important
}

.contact_form {
    margin: 73px auto 0;
    max-width: 1280px;
    width: 95%;
    padding: 1em 0 4em;
    min-height: calc(100vh - 73px);
    font-size: 16px;
    position: relative
}

.contact_form__target {
    max-width: 700px;
    font-weight: 300
}

.contact_form__notice {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.contact_form__notice_headline {
    font-size: 2.4em;
    margin-top: 1em
}

.contact_form__notice_text {
    font-size: 16px;
    font-weight: 400;
    max-width: 500px
}

@media(min-width: 768px) {
    .contact_form {
        width:95%;
        margin: 0 auto;
        padding: 7em 0
    }

    .contact_form__notice_headline {
        font-size: 2.8em
    }

    .contact_form__notice_text {
        font-size: 18px
    }
}

@media(min-width: 1024px)and (max-width:1279px) {
    .contact_form {
        width:90%;
        padding: 4em 0
    }
}

@media(min-width: 1280px)and (max-width:1799px) {
    .contact_form {
        width:90%;
        padding: 4em 0
    }
}

@media(min-width: 1800px) {
    .contact_form {
        width:100%;
        padding: 7em 0
    }
}

body[data-action=webview] .contact_form {
    width: 100%;
    padding: 0 16px 1em 16px;
    margin: 24.3333333333px auto 0
}

.container {
    max-width: 1280px;
    margin: 0 auto
}

.container--large {
    max-width: 1440px
}

@media(min-width: 1024px) {
    .container {
        padding:0 5%;
        padding-bottom: 20px;
        max-width: calc(1280px + 10%)
    }

    .container--large {
        padding: 0;
        max-width: 1440px
    }
}

.content_image_text_slider {
    height: 100%;
    border-radius: 10px
}

.content_image_text_slider__scroller {
    height: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    padding-bottom: 1em;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none
}

.content_image_text_slider__scroller::-webkit-scrollbar {
    display: none
}

.content_image_text_slider__items {
    height: 100%;
    white-space: nowrap;
    border-radius: 10px
}

.content_image_text_slider__item {
    height: auto;
    width: 43vw;
    border-radius: 10px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    display: inline-block;
    margin-left: 1em;
    overflow: hidden;
    vertical-align: top;
    margin-left: 2.5%
}

.content_image_text_slider__item--mobile_full {
    width: 90vw
}

.content_image_text_slider__item:nth-child(2) {
    margin-left: 5%
}

.content_image_text_slider__item:last-child {
    margin-right: 5%
}

.content_image_text_slider__item--large {
    width: 63vw
}

.content_image_text_slider__item--single {
    width: 90vw
}

.content_image_text_slider__item h3,.content_image_text_slider__item p {
    white-space: normal
}

.content_image_text_slider__item p {
    padding: 0 10px
}

.content_image_text_slider__item_image {
    height: 270px;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

.content_image_text_slider__item_content {
    height: 100%;
    padding: 0 20px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column-reverse;
    -moz-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    width: 100%;
    white-space: normal;
    float: left
}

.content_image_text_slider__item_content_text {
    text-align: left
}

.content_image_text_slider__item_content_text h2,.content_image_text_slider__item_content_text p {
    color: #fff
}

.content_image_text_slider__item_content_text h2 {
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 30px
}

.content_image_text_slider__item_content_text p {
    font-size: 14px;
    line-height: 22px
}

.content_image_text_slider__item_content_image {
    padding: 20px 0;
    height: 166px
}

.content_image_text_slider__item_content_image img {
    height: 126px
}

.content_image_text_slider__button {
    display: none
}

.content_image_text_slider__indicators {
    display: block
}

.content_image_text_slider__indicator {
    width: 9px;
    height: 9px;
    text-indent: -9000px;
    border-radius: 100px;
    border: 1px solid #ccc;
    background-color: #ccc;
    cursor: pointer;
    display: inline-block;
    margin: 0 2px
}

.content_image_text_slider__indicator--active {
    border-color: #ed6a12;
    background-color: #ed6a12
}

.content_teaser {
    color: #fff
}

.content_teaser--desktop-only {
    display: none
}

.content_teaser__headline {
    font-size: 2em;
    margin-bottom: .5em
}

.content_teaser__text {
    color: #fff
}

.content_teaser__infobox {
    padding: 4em 5% 2em
}

.content_teaser__image {
    height: 340px;
    background-size: cover
}

.content_teaser__image--trainingareas {
    background-image: url("https://www.fitx.de/img/block/mobile/content_teaser/trainingareas.jpg");
    background-position: center center
}

@media(min-width: 768px) {
    .content_teaser__image--trainingareas {
        background-image:url("https://www.fitx.de/img/block/desktop/content_teaser/trainingareas.jpg")
    }
}

.content_teaser__image--courses {
    background-image: url("https://www.fitx.de/img/block/mobile/content_teaser/courses.jpg")
}

@media(min-width: 768px) {
    .content_teaser__image--courses {
        background-image:url("https://www.fitx.de/img/block/desktop/content_teaser/courses.jpg")
    }
}

.content_teaser__cta .cta {
    margin-bottom: 20px
}

.content_teaser__cta--desktop {
    display: none
}

@media(min-width: 768px) {
    .content_teaser {
        padding:0
    }

    .content_teaser__image {
        height: 560px
    }

    .content_teaser__cta .cta {
        margin-right: 3%;
        display: inline-block
    }

    .content_teaser__cta .cta:last-child {
        margin-right: 0
    }
}

@media(min-width: 1024px) {
    .content_teaser {
        background-color:#181d1e;
        padding: 0
    }

    .content_teaser--desktop-only {
        display: block;
        background-color: #181d1e !important;
        padding: 7em 0 0;
        max-width: 1920px;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .content_teaser--desktop-only .container {
        padding: 0 !important;
        max-width: 100%
    }

    .content_teaser__container {
        max-width: initial;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
        -webkit-border-radius: inherit;
        -moz-border-radius: inherit;
        border-radius: inherit;
        background-size: cover
    }

    .content_teaser__container:after {
        content: "";
        display: table;
        clear: both
    }

    .content_teaser__container>*:nth-child(2n+1) {
        width: calc(44.4444444444%);
        float: left;
        clear: left;
        margin-left: 0
    }

    .content_teaser__container>*:nth-child(2n+2) {
        width: calc(55.5555555556%);
        float: left;
        clear: none;
        margin-right: 0
    }
}

@media(min-width: 1024px)and (min-width:1024px) {
    .content_teaser__container {
        -webkit-border-radius:10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        overflow: hidden
    }
}

@media(min-width: 1024px) {
    .content_teaser__container--large {
        height:825px;
        position: relative;
        margin-top: 0
    }
}

@media(min-width: 1024px) {
    .content_teaser__container--trainingareas {
        background-image:url("https://www.fitx.de/img/block/mobile/content_teaser/trainingareas.jpg")
    }
}

@media(min-width: 1024px)and (min-width:768px) {
    .content_teaser__container--trainingareas {
        background-image:url("https://www.fitx.de/img/block/desktop/content_teaser/trainingareas.jpg")
    }
}

@media(min-width: 1024px) {
    .content_teaser__container--courses {
        background-image:url("https://www.fitx.de/img/block/mobile/content_teaser/courses.jpg");
        background-position: 80% 0
    }
}

@media(min-width: 1024px)and (min-width:768px) {
    .content_teaser__container--courses {
        background-image:url("https://www.fitx.de/img/block/desktop/content_teaser/courses.jpg")
    }
}

@media(min-width: 1024px) {
    .content_teaser__container--desktop-only {
        max-width:initial;
        margin-left: auto;
        margin-right: auto;
        background-image: url("https://www.fitx.de/img/block/mobile/content_teaser/classx_bg.jpg");
        background-position: center top;
        height: 1000px
    }

    .content_teaser__container--desktop-only:after {
        content: "";
        display: table;
        clear: both
    }

    .content_teaser__container--desktop-only>*:nth-child(2n+1) {
        width: calc(44.4444444444%);
        float: left;
        clear: left;
        margin-left: 0
    }

    .content_teaser__container--desktop-only>*:nth-child(2n+2) {
        width: calc(55.5555555556%);
        float: left;
        clear: none;
        margin-right: 0
    }
}

@media(min-width: 1024px)and (min-width:768px) {
    .content_teaser__container--desktop-only {
        background-image:url("https://www.fitx.de/img/block/desktop/content_teaser/classx_bg.jpg")
    }
}

@media(min-width: 1024px) {
    .content_teaser__container--courses_training_areas {
        border-radius:0
    }
}

@media(min-width: 1024px) {
    .content_teaser__icon--desktop-only {
        height:1.5em;
        margin-bottom: 1.5em
    }
}

@media(min-width: 1024px) {
    .content_teaser__headline {
        font-size:2.5em
    }
}

@media(min-width: 1024px) {
    .content_teaser__text {
        margin-bottom:3em
    }

    .content_teaser__text--desktop-only {
        margin-bottom: 1em
    }
}

@media(min-width: 1024px) {
    .content_teaser__infobox {
        background-color:#1c2223;
        height: 560px;
        padding: 0 5%
    }

    .content_teaser__infobox--large {
        background: rgba(0,0,0,0);
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%)
    }
}

@media(min-width: 1024px) {
    .content_teaser__valign {
        position:relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .content_teaser__valign--desktop-only {
        width: 80%
    }
}

@media(min-width: 1024px) {
    .content_teaser__image {
        height:560px
    }

    .content_teaser__image--large {
        display: none
    }
}

@media(min-width: 1024px) {
    .content_teaser__cta--mobile {
        display:none
    }

    .content_teaser__cta--desktop {
        display: block
    }
}

@media(min-width: 1280px) {
    .content_teaser {
        padding:0
    }
}

@media(min-width: 1800px) {
    .content_teaser__headline {
        font-size:3em
    }

    .content_teaser__valign--desktop-only {
        width: 65%
    }
}

.contract_termination_error {
    background-color: #fff;
    padding: 4em 0;
    overflow: scroll
}

.contract_termination_error__container {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.contract_termination_error__notice {
    margin: 3em 0;
    background: #e83623;
    border-radius: 5px
}

.contract_termination_error__notice_content {
    display: flex;
    padding: 12px;
    color: #fff
}

.contract_termination_error__notice_text {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.contract_termination_error__notice_icon {
    margin-left: 0;
    margin-right: 12px;
    display: flex;
    align-self: center
}

.contract_termination_error__lottie lottie-player {
    display: block;
    height: 270px;
    margin: 0 auto
}

.contract_termination_error__cta {
    margin-top: 50px;
    display: flex;
    justify-content: center
}

@media(min-width: 768px) {
    .contract_termination_error {
        height:100vh
    }

    .contract_termination_error__lottie lottie-player {
        height: 500px
    }

    .contract_termination_error__cta>.cta {
        width: 45%
    }
}

@media(min-width: 1024px) {
    .contract_termination_error__container {
        float:none;
        margin-right: auto;
        margin-left: auto;
        width: 90%;
        max-width: 1280px !important
    }

    .contract_termination_error__notice {
        float: none;
        margin-right: auto;
        margin-left: auto;
        width: 100%
    }

    .contract_termination_error__notice_icon {
        margin-left: 13px;
        margin-right: 25px
    }

    .contract_termination_error__cta>.cta {
        width: 45%
    }
}

.contract_termination_form {
    background-color: #fff;
    padding: 4em 0 0;
    position: relative
}

.contract_termination_form--hidden {
    display: none
}

.contract_termination_form__anchor {
    position: absolute;
    top: 0;
    left: 0
}

.contract_termination_form__container {
    max-width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.contract_termination_form__content {
    max-width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.contract_termination_form__headline {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    display: block;
    text-align: left;
    margin-top: 0;
    margin-bottom: 26px;
    font-weight: 400;
    font-size: 32px;
    line-height: 38px;
    color: #222
}

.contract_termination_form__kicker {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    display: block;
    text-align: left;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #444
}

.contract_termination_form__subline {
    display: block;
    text-align: left;
    font-size: 24px;
    line-height: 36px;
    font-weight: normal
}

.contract_termination_form__content_form {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 4em
}

.contract_termination_form__content_info {
    background-color: #f5f5f5;
    padding: 4em 5%
}

.contract_termination_form__content_info img {
    width: 150px
}

.contract_termination_form__list {
    margin-bottom: 4em
}

.contract_termination_form__list li {
    background-image: url("https://www.fitx.de/img/block/shared/icon/icon-green-check.svg");
    background-repeat: no-repeat;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 1em;
    background-size: 20px;
    padding-left: 40px;
    background-position: 0 0;
    font-weight: 400;
    color: #444
}

.contract_termination_form__recaptcha {
    margin: 20px 0;
    display: flex;
    justify-content: center
}

.contract_termination_form .form--hidden {
    display: none
}

.contract_termination_form #contract_termination_form {
    padding-bottom: 0 !important;
    background-color: #fff;
    color: #181d1e
}

.contract_termination_form #contract_termination_form label {
    font-weight: 400;
    color: #171717;
    mix-blend-mode: normal;
    opacity: .7
}

.contract_termination_form__element_radio {
    padding: 1em 0;
    overflow: hidden;
    font-size: 1em;
    font-weight: 300
}

.contract_termination_form__element_radio:last-child {
    border-bottom: none
}

.contract_termination_form__element_radio--inline {
    padding: 0;
    border-bottom: none;
    display: inline-block;
    width: 45%
}

.contract_termination_form__element_radio input[type=radio] {
    display: none
}

.contract_termination_form__element_radio input[type=radio]:checked+label:before {
    animation: ripple .2s linear forwards;
    background: #181d1e
}

.contract_termination_form__element_radio input[type=radio]:checked+label:after {
    transform: scale(1)
}

.contract_termination_form__element_radio label {
    display: inline-block;
    height: 24px;
    position: relative;
    padding: 0 34px;
    cursor: pointer;
    vertical-align: bottom;
    mix-blend-mode: normal;
    opacity: 1;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 21px;
    color: #171717
}

.contract_termination_form__element_radio label:before,.contract_termination_form__element_radio label:after {
    position: absolute;
    content: "";
    border-radius: 50%;
    transition: all .3s ease;
    transition-property: transform,border-color
}

.contract_termination_form__element_radio label:before {
    left: 0;
    top: 0;
    width: 24px;
    height: 24px;
    border: 1px solid #b5b5b5
}

.contract_termination_form__element_radio label:after {
    top: 7px;
    left: 7px;
    width: 10px;
    height: 10px;
    transform: scale(0);
    background: #fff
}

.contract_termination_form__element_radio p {
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    line-height: 24px;
    color: #717171;
    padding: 0 34px
}

.contract_termination_form__link {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    text-decoration-line: underline;
    mix-blend-mode: normal;
    cursor: pointer
}

.contract_termination_form__link>a {
    color: #444
}

.contract_termination_form__notice {
    margin-bottom: 2em
}

.contract_termination_form__notice--hidden {
    display: none
}

.contract_termination_form__notice_content {
    display: flex;
    padding: 1em;
    border-radius: 5px;
    background: #f8ede6;
    border-top: 8px solid #ed6a12
}

.contract_termination_form__notice_text {
    flex: 1;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #444
}

.contract_termination_form__notice_icon {
    margin-right: 15px;
    margin-top: 5px
}

.contract_termination_form__backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    z-index: 200
}

.contract_termination_form__backdrop--hidden {
    display: none
}

.contract_termination_form__overlay,.contract_termination_form__submission,.contract_termination_form__error {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    background: #fff;
    border-radius: 16px 16px 0px 0px;
    transition: height .5s ease;
    z-index: 300
}

.contract_termination_form__overlay--hidden,.contract_termination_form__submission--hidden,.contract_termination_form__error--hidden {
    display: none
}

.contract_termination_form__submission {
    top: 15%;
    overflow-y: scroll
}

.contract_termination_form__overlay_content,.contract_termination_form__submission_content,.contract_termination_form__error_content {
    padding: 20px 18px
}

.contract_termination_form__overlay_content>h2,.contract_termination_form__submission_content>h2,.contract_termination_form__error_content>h2 {
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #181d1e;
    margin-bottom: 20px
}

.contract_termination_form__overlay_content>p,.contract_termination_form__submission_content>p,.contract_termination_form__error_content>p {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #444
}

.contract_termination_form__overlay_close,.contract_termination_form__submission_close,.contract_termination_form__error_close {
    position: absolute;
    right: 5%;
    top: 20px;
    width: 16px;
    height: 16px;
    background-image: url("https://www.fitx.de/img/block/shared/icon/close_darkgrey.svg");
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: -9000px;
    cursor: pointer;
    z-index: 400
}

@media(min-width: 768px) {
    .contract_termination_form {
        padding:7em 0
    }

    .contract_termination_form__container {
        max-width: 90%;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .contract_termination_form__content {
        max-width: 100%;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .contract_termination_form__subline {
        margin-bottom: 1em
    }

    .contract_termination_form__submission {
        position: absolute;
        width: 90%;
        border-radius: 16px;
        top: -50%;
        left: 50%;
        transform: translate(-50%, 0);
        height: fit-content
    }

    .contract_termination_form #contract_termination_form .form__element_button[type=submit] {
        max-width: 300px;
        margin: 0
    }
}

@media(min-width: 1024px) {
    .contract_termination_form__container {
        width:90% !important;
        max-width: 1280px;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .contract_termination_form__content {
        width: 100% !important;
        max-width: 100% !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: space-between
    }

    .contract_termination_form__content_info {
        border-radius: 20px;
        padding: 50px;
        width: 48%
    }

    .contract_termination_form__content_form {
        width: 48%;
        float: none;
        margin-left: 0;
        padding-bottom: 0
    }

    .contract_termination_form__headline {
        float: none;
        margin-right: auto;
        margin-left: auto;
        max-width: 100%;
        font-weight: 400;
        font-size: 32px;
        line-height: 37px
    }

    .contract_termination_form__kicker {
        max-width: 100%;
        font-weight: 400;
        font-size: 18px;
        line-height: 26px;
        color: #717171
    }

    .contract_termination_form__subline {
        font-size: 28px;
        line-height: 36px
    }

    .contract_termination_form__list li {
        font-size: 18px;
        line-height: 28px
    }

    .contract_termination_form__link {
        text-align: left
    }

    .contract_termination_form__overlay_content,.contract_termination_form__submission_content,.contract_termination_form__error_content {
        padding: 60px 18px
    }

    .contract_termination_form__overlay,.contract_termination_form__error {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 80%;
        max-width: 500px;
        height: fit-content;
        border-radius: 16px
    }

    .contract_termination_form__submission {
        width: 50%;
        max-width: 750px
    }

    .contract_termination_form #contract_termination_form .form__segment:last-child {
        min-height: auto;
        margin-bottom: 0
    }
}

body[data-controller=contract_termination][data-action=index] {
    background-color: #fff
}

.contract_termination_hero {
    position: relative;
    color: #fff;
    max-width: 1920px;
    margin: 73px auto 0 auto
}

.contract_termination_hero--noMarginTop {
    margin: 0 auto
}

.contract_termination_hero__background {
    background-image: url("https://www.fitx.de/img/block/desktop/contract_termination_hero/bg2.jpg");
    height: 280px;
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat
}

.contract_termination_hero__content {
    background-color: #24353f;
    border-radius: 20px;
    color: #fff;
    margin-top: -17px
}

.contract_termination_hero__valign {
    padding: 37px 17px
}

.contract_termination_hero__title {
    font-size: 22px;
    line-height: 26px;
    font-weight: 400;
    height: 30px
}

.contract_termination_hero__text {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px
}

.contract_termination_hero__cta .cta {
    min-width: 295px;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.contract_termination_hero__link .cta,.contract_termination_hero__link .cta:hover {
    font-size: 16px;
    line-height: 19px;
    background-color: rgba(0,0,0,0);
    text-decoration: underline
}

@media(min-width: 1024px) {
    .contract_termination_hero {
        margin-top:73px;
        text-align: left;
        min-height: 512px;
        background-image: url("https://www.fitx.de/img/block/desktop/contract_termination_hero/bg2.jpg");
        background-size: cover;
        width: 100%
    }

    .contract_termination_hero--noMarginTop {
        margin: 0 auto
    }

    .contract_termination_hero__title {
        font-size: 24px;
        line-height: 28px
    }

    .contract_termination_hero__content {
        background: rgba(0,0,0,0);
        color: #fff;
        padding: 0 2.5%;
        margin-top: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .contract_termination_hero__background {
        background-image: none
    }

    .contract_termination_hero__shadow_effect {
        position: absolute;
        top: 0;
        left: 0;
        height: 70vh;
        min-height: 512px;
        width: 100%;
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 15%, rgba(38, 38, 38, 0.4) 100%)
    }

    .contract_termination_hero__valign {
        padding: 0;
        max-width: 1280px;
        float: none;
        margin-right: auto;
        margin-left: auto;
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        margin-bottom: 4em
    }

    .contract_termination_hero__text {
        display: block;
        max-width: 50%;
        float: none;
        margin-left: 0;
        color: #fff;
        font-size: 18px;
        line-height: 28px
    }
}

.contract_termination_submission {
    background-color: #fff;
    position: relative
}

.contract_termination_submission--hidden {
    display: none
}

.contract_termination_submission__anchor {
    position: absolute;
    top: 0;
    left: 0
}

.contract_termination_submission__container {
    max-width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.contract_termination_submission__content {
    max-width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.contract_termination_submission__info {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.contract_termination_submission__info p {
    margin: 0;
    color: #444;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px
}

.contract_termination_submission__info_box {
    margin-bottom: 25px
}

.contract_termination_submission__headline {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    display: block;
    text-align: left;
    margin-top: 0;
    margin-bottom: 26px;
    font-weight: 400;
    font-size: 27px;
    line-height: 32px;
    color: #222
}

.contract_termination_submission__content_form {
    max-width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 4em
}

.contract_termination_submission__content_info {
    background-color: #f5f5f5;
    padding: 4em 5%
}

.contract_termination_submission__content_info img {
    width: 150px
}

.contract_termination_submission__recaptcha {
    margin: 20px 0;
    display: flex;
    justify-content: center
}

.contract_termination_submission__error {
    color: #e83623;
    margin-top: 1em
}

.contract_termination_submission__error--hidden {
    display: none
}

.contract_termination_submission input[name=cancellationDate] {
    padding: 26px 14px 14px !important
}

.contract_termination_submission label[for=cancellationDate] {
    top: 10px !important;
    left: 15px !important;
    font-size: 14px !important
}

.contract_termination_submission .form--hidden {
    display: none
}

.contract_termination_submission #contract_termination_submission {
    padding-bottom: 0 !important;
    background-color: #fff;
    color: #181d1e
}

.contract_termination_submission #contract_termination_submission label {
    font-weight: 400;
    color: #171717;
    mix-blend-mode: normal;
    opacity: .7
}

@media(min-width: 768px) {
    .contract_termination_submission__container {
        max-width:90%;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .contract_termination_submission__content {
        max-width: 100%;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .contract_termination_submission #contract_termination_submission .form__element_button[type=submit] {
        max-width: 300px;
        margin: 0
    }
}

@media(min-width: 1024px) {
    .contract_termination_submission__container {
        width:90% !important;
        max-width: 1280px;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .contract_termination_submission__content {
        width: 100% !important;
        max-width: 100% !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: space-between
    }

    .contract_termination_submission__content_info {
        border-radius: 20px;
        padding: 50px;
        width: 48%
    }

    .contract_termination_submission__content_form {
        width: 100%;
        padding-bottom: 0
    }

    .contract_termination_submission__info {
        max-width: 100%;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .contract_termination_submission__headline {
        float: none;
        margin-right: auto;
        margin-left: auto;
        max-width: 100%;
        font-weight: 400;
        font-size: 32px;
        line-height: 37px
    }

    .contract_termination_submission #contract_termination_submission .form__segment:last-child {
        min-height: auto;
        margin-bottom: 0
    }
}

.contract_termination_success {
    background-color: #fff;
    padding: 4em 0
}

.contract_termination_success__container {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.contract_termination_success__notice {
    margin: 3em 0;
    background: #27ae60;
    border-radius: 5px
}

.contract_termination_success__notice_content {
    display: flex;
    padding: 12px;
    color: #fff
}

.contract_termination_success__notice_text {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.contract_termination_success__notice_icon {
    margin-left: 0;
    margin-right: 12px;
    display: flex;
    align-self: center;
    width: 15px;
    height: 13px
}

.contract_termination_success__hint>h2 {
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #181d1e;
    margin-bottom: 20px
}

.contract_termination_success__hint>p {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #444
}

@media(min-width: 768px) {
    .contract_termination_success {
        height:100vh
    }
}

@media(min-width: 1024px) {
    .contract_termination_success__container {
        float:none;
        margin-right: auto;
        margin-left: auto;
        width: 90%;
        max-width: 1280px !important
    }

    .contract_termination_success__notice {
        float: none;
        margin-right: auto;
        margin-left: auto;
        width: 100%
    }

    .contract_termination_success__notice_icon {
        margin-left: 13px;
        margin-right: 25px
    }
}

body[data-controller=contract_termination] .magicline_contract_termination {
    height: 1600px;
    margin-top: 73px
}

body[data-controller=contract_termination] .magicline_contract_termination__iframe {
    width: 100%;
    height: 100%;
    border: 0
}

@media(min-width: 768px) {
    body[data-controller=contract_termination] {
        display:flex;
        flex-direction: column
    }

    body[data-controller=contract_termination] .magicline_contract_termination {
        flex: auto;
        margin: 0;
        height: auto
    }
}

.cookie_overlay {
    display: none;
    height: 100vh;
    width: 100vw;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.7);
    z-index: 9000
}

.cookie_overlay--shown {
    display: block
}

.cookie_overlay__container {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    background-color: #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 2em 0 2em 0;
    position: fixed;
    bottom: 0;
    max-height: 80vh
}

.cookie_overlay__container--expanded {
    max-height: initial;
    height: 100%;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.cookie_overlay__scroll {
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow-y: auto;
    padding: 0 1.4em
}

.cookie_overlay__buttons {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column-reverse;
    -moz-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    width: 100%;
    max-width: 360px;
    margin: 0 auto;
    padding: 0 1.4em;
    margin-top: 1.8em
}

.cookie_overlay__headline {
    color: #181d1e;
    font-size: 24px;
    margin-bottom: .3em;
    font-weight: 400
}

.cookie_overlay__button.cta {
    margin-bottom: .5em;
    cursor: pointer;
    width: 100%;
    min-width: auto
}

.cookie_overlay__settings_text--hidden {
    display: none
}

.cookie_overlay__confirm_text--hidden {
    display: none
}

.cookie_overlay__more {
    margin: 2em 0
}

.cookie_overlay__more_selection {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto
}

.cookie_overlay__more_selection:after {
    content: "";
    display: table;
    clear: both
}

.cookie_overlay__more_selection>*:nth-child(2n+1) {
    width: calc(50%);
    float: left;
    clear: left;
    margin-left: 0
}

.cookie_overlay__more_selection>*:nth-child(2n+2) {
    width: calc(50%);
    float: left;
    clear: none;
    margin-right: 0
}

.cookie_overlay__details_content {
    margin-top: 1em;
    font-weight: 400;
    font-size: 1.1em;
    display: none
}

.cookie_overlay__details_content--shown {
    display: block
}

@media(min-width: 1024px) {
    .cookie_overlay {
        -webkit-flex-direction:column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center
    }

    .cookie_overlay--shown {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex
    }

    .cookie_overlay__headline {
        font-size: 28px
    }

    .cookie_overlay__buttons {
        margin-top: .8em;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        z-index: 1;
        padding-right: 2.2em;
        max-width: initial;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .cookie_overlay__button {
        margin-bottom: 0;
        -webkit-flex-basis: 0;
        -moz-flex-basis: 0;
        -ms-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-flex-grow: 1;
        -moz-flex-grow: 1;
        -ms-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .cookie_overlay__button:last-child {
        margin-left: 1em
    }

    .cookie_overlay__container {
        margin: 0;
        bottom: initial;
        max-width: 980px;
        border-radius: 10px;
        padding: 3em 0
    }

    .cookie_overlay__container--expanded {
        height: auto
    }

    .cookie_overlay__container--expanded .cookie_overlay__buttons {
        margin-top: 0
    }

    .cookie_overlay__scroll {
        padding: 0 2.2em
    }

    .cookie_overlay__more_selection {
        max-width: initial
    }
}

.cookie_preference--compact {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.cookie_preference__description {
    margin-bottom: 0
}

.cookie_preference__toggle {
    padding: 1em 0;
    font-size: 1.2em
}

.cookie_preference__toggle--compact {
    font-size: 1.1em
}

.cookie_preference__checkbox[type=checkbox] {
    display: none
}

.cookie_preference__title {
    font-weight: 500;
    background-image: url("https://www.fitx.de/img/block/shared/cookie_preference/arrow-down.svg");
    background-repeat: no-repeat;
    background-position: left top 28px
}

.cookie_preference__title--compact {
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    line-height: 1em;
    margin: 0;
    padding-top: 1.4em;
    font-size: 1.2em
}

.cookie_preference__title--open {
    background-image: url("https://www.fitx.de/img/block/shared/cookie_preference/arrow-up.svg")
}

.cookie_preference__title--nodetail {
    background-image: none
}

.cookie_preference__title_text {
    display: block;
    padding-left: 28px;
    font-weight: 400;
    cursor: pointer
}

.cookie_preference__description {
    margin: .9em 0;
    font-size: 14px;
    color: #444;
    padding-right: .9em;
    padding-left: 28px
}

.cookie_preference__description--hidden {
    display: none
}

.cookie_preference__label {
    display: block;
    width: 3.4em;
    height: 2.3em;
    line-height: 2.3em;
    position: relative;
    background-color: #717171;
    border-radius: 2.3em;
    text-indent: 6.5em;
    cursor: pointer;
    transition: background-color .3s
}

.cookie_preference__label::before {
    position: absolute;
    display: block;
    width: 1.9em;
    height: 1.9em;
    border-radius: 1.9em;
    content: "";
    background-color: #fff;
    top: .21em;
    left: .2em;
    transition: left .3s
}

.cookie_preference__label--compact {
    text-indent: -5000px
}

.cookie_preference__checkbox:checked+.cookie_preference__label {
    background-color: #181d1e
}

.cookie_preference__checkbox:checked+.cookie_preference__label::before {
    left: 1.3em;
    background-image: url("https://www.fitx.de/img/block/shared/cookie_preference/check.svg");
    background-repeat: no-repeat;
    background-position: center
}

.cookie_preference__checkbox:disabled+.cookie_preference__label {
    cursor: default;
    background-color: #ddd
}

.cookie_preference__checkbox:disabled+.cookie_preference__label::before {
    background-image: url("https://www.fitx.de/img/block/shared/cookie_preference/check-disabled.svg");
    background-repeat: no-repeat;
    background-position: center
}

@media(min-width: 1024px) {
    .cookie_preference__description {
        font-size:16px
    }
}

.switch__rail {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 17px;
    float: left;
    margin-right: 5px;
    margin-top: 6px
}

.switch input {
    display: none
}

.switch__label {
    cursor: pointer;
    color: #ccc;
    line-height: 32px
}

.switch__slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s
}

.switch__slider:before {
    position: absolute;
    content: "";
    height: 13px;
    width: 13px;
    left: 2px;
    bottom: 2px;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s
}

input:checked+.switch__slider {
    background-color: #ed6a12
}

input:focus+.switch__slider {
    box-shadow: 0 0 1px #ed6a12
}

input:checked+.switch__slider:before {
    -webkit-transform: translateX(13px);
    -ms-transform: translateX(13px);
    transform: translateX(13px)
}

.switch__slider--round {
    border-radius: 17px
}

.switch__slider--round:before {
    border-radius: 50%
}

@media only screen and (max-width: 320px) {
    .cookiebar__content {
        height:80px !important
    }

    .cookiebar--visible {
        height: 80px !important
    }
}

@media only screen and (max-width: 374px) {
    .cookiebar__content {
        height:90px !important
    }

    .cookiebar--visible {
        height: 90px !important
    }
}

.cookiebar {
    overflow: hidden;
    height: 0;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1001;
    width: 100%;
    box-sizing: border-box;
    background-color: #1c2223;
    font-size: 12px;
    line-height: 1.3em;
    transition: height .5s
}

.cookiebar__content {
    max-width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    height: 70px;
    padding: 10px
}

.cookiebar__content--minimized {
    height: 60px
}

.cookiebar__text {
    color: #ccc;
    font-weight: 300
}

.cookiebar__text--hidden {
    display: none
}

.cookiebar__text--minimized {
    float: left
}

.cookiebar__body {
    width: 95%;
    float: left;
    padding: 0 1em 0 0
}

.cookiebar__body_text {
    display: inline;
    padding: 0 1em 0 0
}

.cookiebar__expand {
    float: right;
    color: #ed6a12;
    line-height: .7em;
    font-size: 2em;
    cursor: pointer
}

.cookiebar__expand--hidden {
    display: none
}

.cookiebar__close {
    cursor: pointer;
    position: absolute;
    background-image: url("https://www.fitx.de/img/block/shared/icon/close_grey.svg");
    width: 14px;
    height: 14px;
    top: 10px;
    right: 10px;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: -9000px;
    background-position: right 0
}

.cookiebar__close.cta--small {
    border-color: #ed6a12;
    background-color: #ed6a12;
    font-size: 14px !important
}

.cookiebar__close.cta--small:hover {
    border-color: #f18841;
    background-color: #f18841
}

.cookiebar--visible {
    height: 70px
}

.cookiebar__analytics {
    display: inline-block
}

.cookiebar__settings {
    margin-top: 1em
}

.cookiebar__settings--hidden {
    display: none
}

.cookiebar__set,.cookiebar__accept {
    padding: 0 1em 0 0;
    color: #ccc !important;
    text-decoration: underline;
    display: inline-block
}

.cookiebar__link {
    color: #ccc !important;
    text-decoration: underline !important
}

@media(min-width: 768px) {
    .cookiebar {
        top:auto;
        bottom: 0
    }

    .cookiebar__content {
        height: 60px;
        max-width: 90%;
        float: none;
        margin-right: auto;
        margin-left: auto;
        padding: 10px 0
    }

    .cookiebar--visible {
        height: 60px
    }

    .cookiebar__close {
        top: 10px;
        right: 10px
    }
}

@media(min-width: 1024px) {
    .cookiebar {
        font-size:13px
    }

    .cookiebar__content {
        max-width: 1920px;
        float: none;
        margin-right: auto;
        margin-left: auto;
        height: 80px;
        padding: 20px 0
    }

    .cookiebar__close {
        top: initial;
        right: initial;
        position: relative;
        float: right
    }

    .cookiebar__body {
        display: inline;
        margin-right: 1em
    }

    .cookiebar__body_text {
        display: inline;
        padding: 0 2em 0 0
    }

    .cookiebar--visible {
        height: 80px
    }

    .cookiebar__set,.cookiebar__accept {
        padding: 0 2em 0 0;
        color: #ccc !important;
        text-decoration: underline;
        display: inline-block
    }
}

@media(min-width: 1280px) {
    .cookiebar__content {
        height:60px
    }

    .cookiebar__content--minimized {
        height: 60px
    }

    .cookiebar--visible {
        height: 60px
    }
}

@media(min-width: 1800px) {
    .cookiebar__content {
        height:60px
    }

    .cookiebar__content--minimized {
        height: 60px
    }

    .cookiebar--visible {
        height: 60px
    }
}

.cookies_hero {
    padding: 73px 5% 0 5%;
    color: #fff
}

.cookies_hero__headline {
    padding: 1em 0
}

@media(min-width: 1024px) {
    .cookies_hero {
        padding:73px 0 0 0
    }
}

.cookies_preferences {
    background-color: #fff;
    padding: 4em 5%
}

.cookies_preferences--compact {
    padding: 0
}

.cookies_preferences__intro,.cookies_preferences__togglebar {
    overflow: hidden
}

.cookies_preferences__intro--hidden,.cookies_preferences__togglebar--hidden {
    display: none
}

.cookies_preferences__intro {
    font-size: 14px;
    margin-bottom: 4em;
    color: #444
}

.cookies_preferences__intro--compact {
    margin-bottom: 1em
}

.cookies_preferences__intro>a,.cookies_preferences__intro>a:hover,.cookies_preferences__intro>a:active,.cookies_preferences__intro>a:visited {
    color: #444;
    text-decoration: underline
}

.cookies_preferences__link,.cookies_preferences__link:hover,.cookies_preferences__link:visited,.cookies_preferences__link:active {
    font-size: 14px;
    color: #444;
    text-decoration: underline
}

.cookies_preferences__toggles {
    background-color: #f5f5f5;
    padding: 0 1em
}

.cookies_preferences__toggles--compact {
    padding: 0;
    background-color: rgba(0,0,0,0)
}

.cookies_preferences__group {
    border-bottom: 1px solid #ddd;
    padding: 1em 0
}

.cookies_preferences__group:last-child {
    border-bottom: none
}

.cookies_preferences__group--compact {
    padding: 0
}

.cookies_preferences__togglefooter {
    background-color: #e5e5e5;
    padding: 1em;
    text-align: right
}

.cookies_preferences__togglefooter--compact {
    display: none
}

.cookies_preferences__button.cta {
    cursor: pointer;
    display: inline-block;
    width: auto;
    padding: 0 4em
}

@media(min-width: 1024px) {
    .cookies_preferences__intro {
        font-size:16px
    }

    .cookies_preferences__link,.cookies_preferences__link:hover,.cookies_preferences__link:active {
        font-size: 16px
    }
}

.corporate_health_hero {
    max-width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    background-color: #24353f;
    margin-top: 73px;
    padding: 4em 0
}

.corporate_health_hero__container {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    color: #fff
}

.corporate_health_hero__headline {
    color: #fff;
    font-size: 32px;
    line-height: 36px
}

.corporate_health_hero__subline {
    font-size: 18px;
    line-height: 26px;
    font-weight: normal;
    margin-bottom: 40px
}

.corporate_health_hero__teaser {
    background-color: rgba(100,122,132,.3);
    border-radius: 10px;
    margin-bottom: 10px
}

.corporate_health_hero__teaser_link {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between
}

.corporate_health_hero__image {
    display: block;
    width: 100px;
    height: 100px;
    border-radius: 10px 0 0 10px;
    background-size: contain
}

.corporate_health_hero__text {
    width: 70%;
    padding: 0 20px
}

.corporate_health_hero__teaser_headline {
    color: #fff;
    font-size: 18px;
    line-height: 21px;
    font-weight: normal
}

.corporate_health_hero__more {
    display: none
}

@media(min-width: 768px) {
    .corporate_health_hero__headline {
        font-size:52px;
        line-height: 1.1;
        letter-spacing: -0.47px
    }

    .corporate_health_hero__text {
        width: 80%
    }
}

@media(min-width: 1024px) {
    .corporate_health_hero {
        background-color:#fff;
        background: linear-gradient(0deg, #ffffff 41%, #24353F 41%)
    }

    .corporate_health_hero__container {
        max-width: 90%
    }

    .corporate_health_hero__content {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: start;
        -moz-align-items: start;
        -ms-align-items: start;
        align-items: start;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: space-between;
        padding-bottom: 5em;
        border-bottom: 1px solid #eee
    }

    .corporate_health_hero__headline {
        color: #fff;
        font-size: 52px;
        line-height: 1.1;
        letter-spacing: -0.47px;
        margin-top: 1em
    }

    .corporate_health_hero__subline {
        font-size: 22px;
        font-weight: 500;
        letter-spacing: -0.14px;
        line-height: 25px;
        margin-bottom: 3em
    }

    .corporate_health_hero__teaser {
        width: 32%;
        background-color: rgba(0,0,0,0)
    }

    .corporate_health_hero__teaser_headline {
        color: #181d1e;
        font-size: 24px;
        line-height: 32px;
        font-weight: normal;
        margin-bottom: .5em
    }

    .corporate_health_hero__teaser_link {
        display: block
    }

    .corporate_health_hero__image {
        width: 100%;
        padding-bottom: 100%;
        border-radius: 10px;
        background-size: cover;
        background-repeat: no-repeat
    }

    .corporate_health_hero__more {
        display: inline-block;
        font-size: 18px;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 21px;
        background-image: url("https://www.fitx.de/img/block/shared/icon/arrow_right_orange_thick.svg");
        background-repeat: no-repeat;
        padding-right: 30px;
        background-position: right center
    }
}

@media(min-width: 1280px) {
    .corporate_health_hero {
        padding:4em 0 0
    }

    .corporate_health_hero__content {
        padding-bottom: 7em
    }

    .corporate_health_hero__headline {
        font-size: 72px
    }

    .corporate_health_hero__teaser_headline {
        font-size: 28px;
        line-height: 36px
    }
}

@media(min-width: 1800px) {
    .corporate_health_hero__container {
        max-width:1280px
    }
}

.course_alternatives {
    background-color: #fff;
    padding: 4em 0
}

.course_alternatives__container {
    max-width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    text-align: left
}

.course_alternatives__headline {
    max-width: 90%;
    color: #181d1e;
    padding: 0 5%;
    display: block;
    font-weight: normal;
    font-size: 24px;
    line-height: 33px;
    max-width: 575px;
    margin-bottom: 20px
}

.course_alternatives__list {
    display: none;
    margin: 1em 0
}

.course_alternatives__nocourses {
    max-width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    text-align: center
}

.course_alternatives__course {
    background-size: cover;
    position: relative;
    padding-bottom: 80%;
    margin-bottom: .5em;
    background-position: 50% 99%;
    border-radius: 10px
}

.course_alternatives__course_title {
    font-family: "classx skyline",sans-serif;
    text-align: left;
    color: #181d1e;
    font-size: 18px;
    line-height: 24px
}

@media(min-width: 1024px) {
    .course_alternatives {
        padding-top:7em
    }

    .course_alternatives__container {
        width: 90% !important;
        max-width: 1280px !important;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .course_alternatives__course_title {
        font-size: 22px;
        line-height: 30px
    }

    .course_alternatives__headline {
        max-width: 90%;
        color: #181d1e;
        padding: 0;
        display: block;
        font-weight: normal;
        font-size: 36px;
        line-height: 41px;
        max-width: 575px;
        margin-bottom: 45px
    }

    .course_alternatives__course {
        background-position: 50% 0;
        padding-bottom: 60%
    }
}

.course_benefits {
    background-color: #fff;
    padding: 4em 0 2em
}

.course_benefits__container {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    text-align: left
}

.course_benefits__image {
    width: 100%;
    border-radius: 10px;
    padding-bottom: 60%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 20px
}

.course_benefits__image--fitnesslevel {
    background-image: url("https://www.fitx.de/img/block/mobile/course_benefits/classx_fitnesslevel.jpg")
}

.course_benefits__image--community {
    background-image: url("https://www.fitx.de/img/block/mobile/course_benefits/classx_zeit.jpg")
}

.course_benefits__image--trainer {
    background-image: url("https://www.fitx.de/img/block/mobile/course_benefits/classx_live_trainer.jpg")
}

.course_benefits__headline {
    font-size: 24px;
    line-height: 32px;
    font-weight: normal;
    margin-bottom: 25px
}

.course_benefits__column h3 {
    font-weight: normal;
    margin-bottom: 5px;
    font-size: 22px;
    line-height: 30px
}

.course_benefits__column p {
    font-weight: 400;
    color: #444;
    margin-bottom: 50px;
    font-size: 16px;
    line-height: 26px
}

@media(min-width: 1024px) {
    .course_benefits {
        padding:7em 0
    }

    .course_benefits__container {
        width: 90% !important;
        max-width: 1280px !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: left;
        position: relative;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: space-between
    }

    .course_benefits__headline {
        font-size: 48px;
        line-height: 56px;
        margin-bottom: 200px
    }

    .course_benefits__image {
        padding-bottom: 90%;
        margin-bottom: 40px
    }

    .course_benefits__image--fitnesslevel {
        background-image: url("https://www.fitx.de/img/block/desktop/course_benefits/classx_fitnesslevel.jpg")
    }

    .course_benefits__image--community {
        background-image: url("https://www.fitx.de/img/block/desktop/course_benefits/classx_zeit.jpg")
    }

    .course_benefits__image--trainer {
        background-image: url("https://www.fitx.de/img/block/desktop/course_benefits/classx_live_trainer.jpg")
    }

    .course_benefits__column {
        width: 46.5%
    }

    .course_benefits__column h3 {
        margin-bottom: 5px;
        font-size: 22px;
        line-height: 30px
    }

    .course_benefits__column p {
        margin-bottom: 90px;
        font-size: 18px;
        line-height: 28px
    }
}

.course_finder_link {
    background-color: #363636;
    color: #f5f5f5;
    padding: 4em 0
}

.course_finder_link__container {
    width: 90% !important;
    max-width: 1280px !important;
    margin-right: auto;
    margin-left: auto;
    position: relative
}

.course_finder_link__text {
    text-align: center
}

.course_finder_link__icon {
    background-image: url("https://www.fitx.de/img/block/shared/course_finder_link/courses.svg");
    background-position: center;
    background-repeat: no-repeat;
    margin: 0px auto 20px;
    background-size: contain;
    height: 70px;
    width: 70px
}

.course_finder_link__headline {
    font-size: 21px;
    margin-bottom: 20px;
    line-height: 28px
}

.course_finder_link__cta {
    margin: .7em auto 0;
    width: 200px;
    height: 50px;
    line-height: 50px;
    text-transform: uppercase;
    text-align: center;
    display: block;
    outline: none;
    font-size: 16px;
    font-weight: normal;
    border: 1px solid #f5f5f5;
    background-color: rgba(0,0,0,0);
    color: #fff !important;
    border-radius: 3px
}

.course_finder_link__cta:hover {
    background-color: #1c2223;
    transition: background-color .3s,border .3s
}

@media(min-width: 1024px) {
    .course_finder_link__inner_div {
        display:inline-block
    }

    .course_finder_link__text {
        margin-left: 20px;
        text-align: left;
        top: 50%;
        position: absolute;
        transform: translateY(-50%);
        max-width: 65%
    }

    .course_finder_link__headline,.course_finder_link__subheadline {
        margin-bottom: 0
    }

    .course_finder_link__icon {
        margin: 0
    }

    .course_finder_link__cta {
        float: right
    }
}

.course_gallery {
    background-color: #181d1e
}

.course_gallery__big_wrapper {
    color: #fff;
    text-align: center;
    position: relative;
    height: 40vh;
    min-height: 220px
}

.course_gallery__headline {
    display: block;
    border: none;
    text-align: center
}

.course_gallery__quote_container {
    max-width: 95%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    padding: 4em 0
}

.course_gallery__quote {
    text-align: center;
    width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    color: #fff
}

.course_gallery__author {
    margin: 0 auto 0;
    text-align: center;
    display: block;
    color: #fff
}

.course_gallery__pictures {
    display: none;
    margin-top: 5px;
    height: 100px
}

.course_gallery__pictures:after {
    content: "";
    display: table;
    clear: both
}

.course_gallery__thumbnail {
    height: 100px;
    width: calc(33.3333333333% - 3.3333333333px);
    float: left;
    margin-left: 5px;
    position: relative;
    cursor: pointer
}

.course_gallery__thumbnail:first-child {
    margin-left: 0
}

.course_gallery__picture {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 20;
    transition: opacity .3s
}

.course_gallery__picture--xlife_0 {
    background-color: #717171
}

.course_gallery__picture--xlife_1 {
    background-color: #999
}

.course_gallery__picture--xlife_2 {
    background-color: #ddd
}

@media(min-width: 768px) {
    .course_gallery__big_wrapper {
        width:100%;
        height: 50vh
    }

    .course_gallery__quote_container {
        max-width: 100%
    }

    .course_gallery__pictures {
        height: 160px
    }

    .course_gallery__thumbnail {
        height: 160px
    }

    .course_gallery__quote {
        width: 85%;
        float: none;
        margin-right: auto;
        margin-left: auto
    }
}

@media(min-width: 1024px) {
    .course_gallery__quote_container {
        width:90% !important;
        max-width: 1280px !important
    }

    .course_gallery__big_wrapper {
        height: calc(100vh - 60px)
    }
}

.course_hero {
    background-color: #fff;
    position: relative;
    z-index: 1
}

.course_hero__container {
    max-width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    margin-top: 73px;
    min-height: 600px;
    text-align: left;
    position: relative;
    overflow: unset
}

.course_hero__hero_bar {
    display: block;
    position: fixed;
    z-index: 10000;
    left: 0;
    width: 100%;
    background-color: #fff
}

.course_hero__hero_bar_container {
    max-width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    padding: 0 5%;
    height: 62px;
    border-bottom: 1px solid #e5e5e5
}

.course_hero__hero_title {
    font-family: classx skyline,sans-serif;
    font-size: 22px;
    line-height: 38px;
    color: #181d1e;
    font-weight: 300
}

.course_hero__content {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column-reverse;
    -moz-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    padding-top: 62px
}

.course_hero__text {
    padding: 40px 5% 0;
    margin-top: -10px;
    background-color: #fff;
    z-index: 1;
    border-radius: 10px
}

.course_hero__headline {
    font-size: 32px;
    line-height: 28px
}

.course_hero__intro {
    font-size: 16px;
    line-height: 26px;
    text-align: left;
    font-weight: 400;
    color: #444
}

.course_hero__conditions {
    background-color: #f5f5f5;
    border-radius: 10px;
    padding: 28px 17px 13px 17px;
    margin-top: 45px;
    overflow: hidden
}

.course_hero__condition_headline {
    font-size: 16px;
    color: #181d1e;
    font-weight: normal;
    margin-bottom: 0
}

.course_hero__condition_text {
    font-size: 16px;
    line-height: 24px;
    color: #444;
    font-weight: 400;
    margin-bottom: 15px
}

.course_hero__hero_cta--desktop {
    display: none
}

@media(min-width: 1024px) {
    .course_hero__container {
        width:90% !important;
        max-width: 1280px !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: left;
        position: relative
    }

    .course_hero__hero_bar_container {
        width: 90% !important;
        max-width: 1280px !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        padding: 0;
        height: 90px
    }

    .course_hero__hero_title {
        font-size: 38px
    }

    .course_hero__content {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-top: 90px
    }

    .course_hero__text {
        padding: 0;
        margin-top: 0;
        border-radius: 0
    }

    .course_hero__headline {
        font-size: 72px;
        line-height: 51px;
        text-align: center;
        margin: 140px 0 35px
    }

    .course_hero__intro {
        font-size: 18px;
        line-height: 32px;
        text-align: center;
        width: 70%;
        max-width: 770px;
        margin: 0 auto 140px
    }

    .course_hero__conditions {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-around;
        -moz-justify-content: space-around;
        -ms-justify-content: space-around;
        justify-content: space-around;
        -ms-flex-pack: space-around;
        margin-bottom: 80px;
        background-color: rgba(0,0,0,0);
        border-radius: 0;
        padding: 0;
        margin-top: 0
    }

    .course_hero__condition_headline {
        font-size: 22px;
        color: #181d1e;
        font-weight: normal;
        margin-bottom: 6px
    }

    .course_hero__condition_text {
        font-size: 18px;
        line-height: 32px;
        color: #444;
        font-weight: 400;
        margin-bottom: 0
    }

    .course_hero__video {
        width: 100%;
        border-radius: 10px;
        overflow: hidden;
        margin-bottom: 2em;
        background-color: #f5f5f5;
        background-image: url("https://www.fitx.de/img/block/shared/icon/loading_dots.gif");
        background-repeat: no-repeat;
        background-position: center
    }

    .course_hero__video video {
        width: 100%
    }

    .course_hero__hero_cta--desktop {
        display: block
    }

    .course_hero__hero_cta--mobile {
        display: none
    }
}

.course_info {
    background-color: #f5f5f5;
    padding: 4em 0
}

.course_info__container {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    text-align: left
}

.course_info__info {
    width: 100% !important;
    max-width: 100% !important;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto
}

.course_info__info:after {
    content: "";
    display: table;
    clear: both
}

.course_info__info>*:nth-child(2n+1) {
    width: calc(0%);
    float: left;
    clear: left;
    margin-left: 0
}

.course_info__info>*:nth-child(2n+2) {
    width: calc(100%);
    float: left;
    clear: none;
    margin-right: 0
}

.course_info__info_illustration {
    display: none
}

.course_info__headline {
    border: 0;
    padding: 0;
    margin: 0;
    display: block;
    text-align: left
}

.course_info__subheadline {
    border: 0;
    padding: 0;
    margin: 0;
    display: block;
    text-align: left
}

.course_info__week_classes {
    background: url(/img/block/shared/icon/black_calender.svg) 0 .5em no-repeat
}

.course_info__duration {
    background: url(/img/block/shared/icon/black_duration.svg) 0 .5em no-repeat
}

.course_info__week_classes,.course_info__duration {
    text-align: left;
    background-size: 1.5em;
    padding-left: 2.5em;
    margin: 1em 0
}

.course_info__week_classes h3,.course_info__duration h3 {
    font-size: 16px;
    line-height: 20px;
    margin: 0
}

.course_info__week_classes p,.course_info__duration p {
    font-size: 14px;
    line-height: 20px;
    margin: 0
}

.course_info__text {
    text-align: left
}

.course_info__highlights {
    margin-top: 2em
}

.course_info__highlight {
    text-align: left;
    margin-bottom: 1em;
    background: url(/img/block/shared/icon/check_large.svg) 0 .4em no-repeat;
    padding-left: 2.5em;
    background-size: 2em
}

.course_info__highlight .desktop {
    display: none
}

.course_info__highlight--no_tick {
    padding-left: 0;
    background: rgba(0,0,0,0)
}

.course_info__highlight_headline {
    display: block;
    margin: 0
}

@media(min-width: 768px) {
    .course_info {
        padding:7em 0
    }

    .course_info__container {
        width: 95% !important;
        max-width: 1280px !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: left
    }

    .course_info__info {
        max-width: 100%;
        max-width: 960px;
        margin-left: auto;
        margin-right: auto
    }

    .course_info__info:after {
        content: "";
        display: table;
        clear: both
    }

    .course_info__info>*:nth-child(2n+1) {
        width: calc(33.3333333333%);
        float: left;
        clear: left;
        padding-left: 0;
        margin-left: 0
    }

    .course_info__info>*:nth-child(2n+2) {
        width: calc(66.6666666667%);
        float: left;
        clear: none;
        padding-right: 0;
        margin-right: 0
    }

    .course_info__info_illustration {
        padding: 0 3em;
        display: block;
        height: 410px;
        background-repeat: no-repeat;
        text-indent: -9000px;
        background-size: 85%;
        background-position: center top
    }

    .course_info__info_text {
        margin-top: 0
    }

    .course_info__headline {
        text-align: left
    }

    .course_info__subheadline {
        text-align: left
    }

    .course_info__text {
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: left
    }

    .course_info__duration {
        text-align: left
    }

    .course_info__highlights {
        margin-top: 2em;
        width: 95% !important;
        max-width: 1280px !important;
        padding: 0 0 0 29.5%
    }

    .course_info__highlight {
        padding: 0 1em 0 2em;
        background-size: 25px
    }

    .course_info__highlight--no_tick {
        padding: 0 1em 0 1em
    }
}

@media(min-width: 1024px) {
    .course_info {
        padding:7em 0
    }

    .course_info__container {
        width: 90% !important;
        max-width: 1280px !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: left
    }

    .course_info__info_text {
        margin-top: 2em
    }

    .course_info__text {
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: left
    }

    .course_info__highlights {
        width: 100% !important;
        max-width: 960px;
        margin-left: auto;
        margin-right: auto;
        padding: 0
    }

    .course_info__highlights:after {
        content: "";
        display: table;
        clear: both
    }

    .course_info__highlights>*:nth-child(3n+1) {
        width: calc(33.3333333333%);
        float: left;
        clear: left;
        margin-left: 0
    }

    .course_info__highlights>*:nth-child(3n+2) {
        width: calc(33.3333333333%);
        float: left;
        clear: none
    }

    .course_info__highlights>*:nth-child(3n+3) {
        width: calc(33.3333333333%);
        float: left;
        clear: none;
        margin-right: 0
    }

    .course_info__highlight {
        padding: 0 1em 0 3.5em;
        background-size: 40px
    }

    .course_info__highlight .desktop {
        display: block
    }

    .course_info__highlight .mobile {
        display: none
    }

    .course_info__highlight--no_tick {
        padding: 0 1em 0 1em
    }
}

@media(min-width: 1280px) {
    .course_info__highlight {
        padding:0 4em 0 3.5em
    }

    .course_info__info_text {
        margin-top: 3em
    }
}

.course_membership {
    background-color: #f5f5f5;
    padding: 4em 0
}

.course_membership__container {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    text-align: center
}

.course_membership__headline {
    border: 0;
    padding: 0;
    display: block;
    text-align: left
}

.course_membership__subheadline {
    border: 0;
    padding: 0;
    margin: 0;
    display: block;
    text-transform: none;
    text-align: left;
    margin-top: .3em
}

.course_membership__cta {
    margin-top: 1em
}

.course_membership__cta .cta_group {
    width: 100%;
    max-width: 100%;
    margin-bottom: 0
}

.course_membership__hardfacts {
    margin: 2em 0
}

@media(min-width: 768px) {
    .course_membership {
        padding:7em 0
    }

    .course_membership__container {
        max-width: 90%;
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: center
    }

    .course_membership__headline {
        text-align: center
    }

    .course_membership__subheadline {
        text-align: center
    }

    .course_membership__cta .cta_group {
        width: 95%;
        max-width: 295px
    }

    .course_membership__hardfacts {
        margin: 3em 0
    }
}

@media(min-width: 1024px) {
    .course_membership__container {
        width:90% !important;
        max-width: 1280px !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: center
    }

    .course_membership__headline {
        width: 66% !important;
        max-width: 1280px !important;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .course_membership__subheadline {
        width: 66% !important;
        float: none;
        margin-right: auto;
        margin-left: auto
    }
}

.course_news_hero {
    margin-top: 73px;
    background-color: #f5f5f5;
    padding-top: 44.9%;
    background-image: url("https://www.fitx.de/img/block/shared/course_news/neue-kurse-fitx.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0 bottom
}

@media(min-width: 1024px) {
    .course_news_hero {
        max-width:1920px;
        float: none;
        margin-right: auto;
        margin-left: auto
    }
}

@media(min-width: 1920px) {
    .course_news_hero {
        padding-top:750px
    }
}

.course_news {
    background-color: #f5f5f5
}

.course_news__content {
    width: 90%;
    max-width: 768px;
    padding: 3em 0;
    margin: 0 auto
}

.course_news__intro {
    color: #717171;
    text-transform: uppercase;
    font-size: 1.2em
}

.course_news__intro--flipped {
    display: block;
    text-transform: none;
    margin-bottom: 1em
}

.course_news__headline {
    margin-bottom: 1em;
    line-height: 1.2em
}

.course_news__headline--flipped {
    margin-bottom: 0;
    text-transform: none
}

.course_news__text {
    margin-bottom: 0;
    text-transform: none
}

@media(min-width: 768px) {
    .course_news__content {
        padding:4em 0
    }

    .course_news__headline {
        font-size: 2.5em
    }
}

@media(min-width: 1024px) {
    .course_news {
        max-width:1920px;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .course_news__content {
        padding: 4em 0
    }

    .course_news__headline {
        font-size: 2.5em
    }
}

.course_plan_selector {
    color: #181d1e;
    background-color: #fff;
    padding: 4em 0;
    text-align: center
}

.course_plan_selector--with-plan {
    padding: 4em 0 0 0
}

.course_plan_selector--light {
    background-color: #fff
}

.course_plan_selector__input--hidden {
    display: none
}

.course_plan_selector__select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    outline: none;
    border: 1px solid #bababa;
    background: #fff;
    border-radius: 8px;
    font-size: 1.2em;
    padding: 1em 2em 1em 1em;
    font-family: Niveau,sans-serif;
    font-weight: 400;
    width: 100%
}

.course_plan_selector__option {
    font-weight: 400;
    padding: .8em
}

.course_plan_selector__select_wrap {
    position: relative;
    display: inline-block;
    width: 90%;
    margin: 2em auto 0 auto;
    max-width: 460px
}

.course_plan_selector__select_wrap:after {
    display: block;
    position: absolute;
    content: " ";
    width: .6em;
    height: .6em;
    top: 1.5em;
    right: 1.8em;
    border-bottom: 2px solid #000;
    border-right: 2px solid #000;
    transform-origin: center;
    transform: rotateZ(45deg)
}

.course_plan_selector__headline {
    font-weight: normal;
    font-size: 24px;
    padding: 0 5%
}

.course_plan_selector__headline--leftAlign {
    text-align: left
}

.course_plan_target--loading {
    padding: 7em;
    background-color: #fff;
    background-image: url(/img/block/shared/icon/loading_dots.gif);
    background-repeat: no-repeat;
    background-position: center
}

.course_plan_error,.course_plan_error__studio {
    display: none
}

.course_plan_error__message,.course_plan_error__studio__message {
    padding-top: 7em;
    text-align: center;
    color: #e83623;
    font-weight: bold
}

.course_plan_error--visible,.course_plan_error__studio--visible {
    display: block
}

@media(min-width: 1024px) {
    .course_plan_selector {
        padding:7em 0;
        max-width: 1920px;
        margin: 0 auto
    }

    .course_plan_selector--with-plan {
        padding: 7em 0 0 0
    }

    .course_plan_selector__headline {
        padding: 0;
        font-size: 36px
    }
}

@media print {
    .course_plan_selector__headline {
        display: none
    }

    .nps_calculator_survey__headline {
        display: none
    }
}

.course_requirements {
    background-color: #f5f5f5;
    padding: 0
}

.course_requirements__container {
    max-width: 100%
}

.course_requirements__headline {
    border: 0;
    padding: 0;
    margin: 0 0 1em 0;
    display: block
}

.course_requirements__items {
    text-align: left
}

.course_requirements__item {
    margin-bottom: 2em
}

.course_requirements__item_headline {
    display: block;
    margin-bottom: 0
}

.course_requirements__item_text {
    display: block
}

.course_requirements__faqtext {
    font-weight: 400;
    text-align: left
}

.course_requirements__faqlink {
    color: #ed6a12
}

.course_requirements__illustration {
    text-indent: -9000px;
    height: 220px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 0;
    margin: 2em 0 4em
}

@media(min-width: 768px) {
    .course_requirements__container {
        max-width:100%;
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: center
    }

    .course_requirements__items {
        margin-top: 2em;
        width: 95% !important;
        max-width: 1280px !important;
        padding: 0
    }

    .course_requirements__item {
        padding: 0 2em 0;
        background-size: 25px
    }

    .course_requirements__faqtext {
        text-align: center;
        margin: 1em 0 0
    }

    .course_requirements__illustration {
        display: none
    }
}

@media(min-width: 1024px) {
    .course_requirements__container {
        width:90% !important;
        max-width: 1280px !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: center
    }

    .course_requirements__headline {
        width: 66% !important;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .course_requirements__items {
        max-width: 960px;
        margin-left: auto;
        margin-right: auto
    }

    .course_requirements__items:after {
        content: "";
        display: table;
        clear: both
    }

    .course_requirements__items>*:nth-child(3n+1) {
        width: calc(33.3333333333%);
        float: left;
        clear: left;
        margin-left: 0
    }

    .course_requirements__items>*:nth-child(3n+2) {
        width: calc(33.3333333333%);
        float: left;
        clear: none
    }

    .course_requirements__items>*:nth-child(3n+3) {
        width: calc(33.3333333333%);
        float: left;
        clear: none;
        margin-right: 0
    }
}

body[data-controller=course_survey] {
    background-color: #1c2223
}

body[data-controller=course_survey] .menuicon,body[data-controller=course_survey] .navigation--header {
    display: none
}

.course_survey {
    top: 73px;
    position: fixed;
    width: 100%;
    height: calc(100% - 73px)
}

.course_survey__content {
    width: 100%;
    height: 100%;
    border: 0
}

.course_trialworkout_item {
    margin-bottom: 3em;
    text-align: left
}

.course_trialworkout_item__name {
    text-align: left;
    margin: 0
}

.course_trialworkout_item__name_link {
    padding: 0
}

.course_trialworkout_item__name_link--checked {
    padding: 0 40px 0 0;
    background-image: url("https://www.fitx.de/img/block/shared/icon/check_small.svg");
    background-position: 100% 2px;
    background-repeat: no-repeat
}

.course_trialworkout_item a.course_trialworkout_item__name_link {
    color: #181d1e
}

.course_trialworkout_item__address {
    margin: 0
}

.course_trialworkout_item__address_desktop {
    display: none
}

.course_trialworkout_item__distance {
    margin-top: .5em;
    display: inline-block;
    font-weight: bold;
    margin-bottom: 20px
}

.course_trialworkout_item__distance_value {
    background-image: url("https://www.fitx.de/img/block/shared/icon/distance_icon_dark.svg");
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 0 bottom;
    display: inline-block;
    width: 20px;
    height: 1.4em
}

.course_trialworkout_item__btn {
    display: block;
    cursor: pointer;
    color: #ed6a12;
    text-transform: uppercase
}

.course_trialworkout_item__btn--hidden {
    display: none !important
}

.course_trialworkout_item__status {
    color: #00ae90;
    font-size: 1.1em;
    margin: 0 0 .5rem 0;
    font-weight: 300
}

@media(min-width: 768px) {
    .course_trialworkout_item {
        text-align:center
    }

    .course_trialworkout_item__name {
        text-align: center
    }

    .course_trialworkout_item__name_link {
        padding: 0
    }

    .course_trialworkout_item__name_link--checked {
        padding: 0 40px;
        background-position: 100% 4px
    }

    .course_trialworkout_item__address_mobile {
        display: none
    }

    .course_trialworkout_item__address_desktop {
        display: block
    }

    .course_trialworkout_item__status {
        font-size: 1.2em;
        margin: 0
    }

    .course_trialworkout_item__btn {
        margin: 0 auto
    }
}

@media(min-width: 1024px) {
    .course_trialworkout_item {
        text-align:center;
        margin-bottom: 4em
    }

    .course_trialworkout_item__name {
        text-align: center
    }

    .course_trialworkout_item__distance {
        background-size: 24px;
        margin-top: .5em
    }
}

.course_trialworkout {
    background-color: #f5f5f5;
    padding: 4em 0 calc(3em);
    position: relative
}

.course_trialworkout__container {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    text-align: center
}

.course_trialworkout__headline {
    border: 0;
    padding: 0;
    display: block;
    text-align: left
}

.course_trialworkout__subheadline {
    border: 0;
    padding: 0;
    margin: 0;
    display: block;
    text-transform: none;
    text-align: left
}

.course_trialworkout__duration {
    text-align: left;
    margin-top: 0;
    font-weight: bold
}

.course_trialworkout__search {
    margin: 2em 0
}

.course_trialworkout__table {
    border-collapse: collapse;
    width: 100%;
    border: 1px solid #e5e5e5
}

.course_trialworkout__table_row {
    border-bottom: 1px solid #e5e5e5
}

.course_trialworkout__table_row:last-child {
    border: 1px solid #e5e5e5
}

.course_trialworkout__table_header {
    background-color: #e5e5e5;
    color: #181d1e
}

.course_trialworkout__table_time {
    width: 12%;
    font-weight: 400;
    background-color: rgba(0,0,0,0)
}

.course_trialworkout__table_time:nth-child(2n) {
    background-color: #fff
}

.course_trialworkout__anchor {
    position: absolute;
    top: 0
}

.course_trialworkout__requirements {
    overflow-y: hidden;
    max-height: 940px;
    transition: max-height .7s
}

.course_trialworkout__requirements--hidden {
    max-height: 0
}

.course_trialworkout__search_result_anchor {
    padding-top: 1em;
    display: block
}

.course_trialworkout__notice {
    margin: 0
}

@media(min-width: 768px) {
    .course_trialworkout {
        padding:7em 0 calc(5em)
    }

    .course_trialworkout__container {
        max-width: 90%;
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: center
    }

    .course_trialworkout__headline {
        text-align: center
    }

    .course_trialworkout__subheadline {
        text-align: center
    }

    .course_trialworkout__table {
        width: 50%;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .course_trialworkout__duration {
        width: 50%;
        text-align: left;
        margin: 0 auto !important
    }

    .course_trialworkout__search_result_anchor {
        padding-top: 2em
    }

    .course_trialworkout__notice {
        margin: 0
    }
}

@media(min-width: 1024px) {
    .course_trialworkout__container {
        width:90% !important;
        max-width: 1280px !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: center
    }

    .course_trialworkout__headline {
        width: 66% !important;
        max-width: 1280px !important;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .course_trialworkout__subheadline {
        width: 66% !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        margin-top: .3em
    }

    .course_trialworkout__duration {
        width: 85%;
        max-width: 630px
    }

    .course_trialworkout__table {
        width: 85%;
        max-width: 630px
    }

    .course_trialworkout__table_header {
        padding: .5em 0
    }

    .course_trialworkout__table_time {
        padding: .35em 0
    }
}

.courseplan_overlay {
    color: #181d1e;
    overflow: hidden;
    padding: 4em 0 2em 0
}

.courseplan_overlay__headline {
    display: block;
    font-size: 3em;
    line-height: 1em;
    margin: 1em 0 1em;
    padding: 0 5%
}

.courseplan_overlay__text {
    padding: 0 5%;
    margin-bottom: 2em;
    color: #ccc
}

.courseplan_overlay__subline {
    padding: 0 5%
}

.courseplan_overlay__courses {
    padding-bottom: 1em;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch
}

.courseplan_overlay__courses::-webkit-scrollbar,.courseplan_overlay__courses::-webkit-scrollbar-track,.courseplan_overlay__courses::-webkit-scrollbar-thumb {
    display: none;
    background-color: rgba(0,0,0,0)
}

.courseplan_overlay__courses_wrap {
    white-space: nowrap
}

.courseplan_overlay__course {
    display: inline-block;
    width: 80%;
    height: 190px;
    margin-left: 2.5%;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px
}

.courseplan_overlay__course:first-child {
    margin-left: 5%
}

.courseplan_overlay__course:last-child {
    margin-right: 5%
}

.courseplan_overlay__logo {
    width: 80%;
    height: 19%;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    bottom: 2em;
    left: 2em;
    background-position: left bottom
}

@media(min-width: 768px) {
    .courseplan_overlay__course {
        width:40%
    }
}

@media(min-width: 1024px) {
    .courseplan_overlay__headline {
        font-size:5em;
        padding: 0;
        margin: 1em 0 .2em
    }

    .courseplan_overlay__subline {
        display: none
    }

    .courseplan_overlay__text {
        padding: 0 0 2em 0;
        margin: 0 0 1em 0
    }

    .courseplan_overlay__courses:after {
        content: "";
        display: table;
        clear: both
    }

    .courseplan_overlay__course {
        width: 31%;
        height: 140px;
        margin-right: 3.5%;
        margin-left: 0;
        float: left;
        margin-bottom: 3.5%;
        background-size: cover;
        background-repeat: no-repeat;
        position: relative;
        -webkit-border-radius: inherit;
        -moz-border-radius: inherit;
        border-radius: inherit
    }
}

@media(min-width: 1024px)and (min-width:1024px) {
    .courseplan_overlay__course {
        -webkit-border-radius:10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        overflow: hidden
    }
}

@media(min-width: 1024px) {
    .courseplan_overlay__course:first-child {
        margin-left:0
    }
}

@media(min-width: 1024px) {
    .courseplan_overlay__course:last-child {
        margin-right:0
    }
}

@media(min-width: 1024px) {
    .courseplan_overlay__course:nth-child(3n+3) {
        margin-right:0
    }
}

@media(min-width: 1024px) {
    .courseplan_overlay__logo {
        width:80%;
        height: 15%;
        position: absolute;
        background-size: contain;
        background-repeat: no-repeat;
        bottom: 2em;
        left: 2em;
        background-position: left bottom
    }
}

@media(min-width: 1024px) {
    .courseplan_overlay__course {
        height:190px
    }
}

@media(min-width: 1280px) {
    .courseplan_overlay__course {
        height:220px
    }
}

@media(min-width: 1800px) {
    .courseplan_overlay__course {
        height:250px
    }
}

@media(max-width: 320px) {
    .courseplan_overlay__headline {
        font-size:2em
    }
}

body[data-controller=courses][data-action=index] {
    background-color: #fff
}

.courses_hero {
    position: relative;
    color: #fff;
    max-width: 1920px;
    margin: 73px auto 0 auto
}

.courses_hero--noMarginTop {
    margin: 0 auto
}

.courses_hero__background {
    height: 280px;
    background-size: cover;
    background-position: center
}

.courses_hero__content {
    background-color: #fff;
    color: #181d1e;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin-top: -10px
}

.courses_hero__valign {
    padding: 2em 2.5% 0 2.5%
}

.courses_hero__title {
    font-size: 32px;
    line-height: 1.2em
}

.courses_hero__text {
    font-weight: 400;
    line-height: 26px;
    color: #444
}

.courses_hero__ctas {
    margin-top: 2em
}

@media(min-width: 1024px) {
    .courses_hero {
        margin-top:73px;
        text-align: left;
        height: 70vh;
        min-height: 512px
    }

    .courses_hero--noMarginTop {
        margin: 0 auto
    }

    .courses_hero__title {
        font-size: 72px
    }

    .courses_hero__content {
        background: rgba(0,0,0,0);
        color: #fff;
        padding: 0 2.5%;
        margin-top: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .courses_hero__content,.courses_hero__background {
        position: absolute;
        top: 0;
        height: 70vh;
        min-height: 512px;
        width: 100%
    }

    .courses_hero__shadow_effect {
        position: absolute;
        top: 0;
        left: 0;
        height: 70vh;
        min-height: 512px;
        width: 100%;
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 15%, rgba(38, 38, 38, 0.4) 100%)
    }

    .courses_hero__valign {
        padding: 0;
        max-width: 1280px;
        float: none;
        margin-right: auto;
        margin-left: auto;
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        margin-bottom: 4em
    }

    .courses_hero__text {
        display: block;
        line-height: 28px;
        max-width: 50%;
        float: none;
        margin-left: 0;
        color: #fff
    }

    .courses_hero__ctas .cta_group {
        float: none;
        margin-left: 0
    }
}

.courses_list {
    width: 95%;
    max-width: 768px;
    float: none;
    margin-right: auto;
    margin-left: auto;
    padding: 0 0 4em 0;
    color: #1c2223;
    position: relative
}

.courses_list__divider {
    height: 1px;
    background-color: #eee;
    margin-bottom: 3em
}

.courses_list__headline {
    font-weight: 400
}

.courses_list__container {
    width: 100%;
    max-width: 1280px;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.courses_list__header {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    align-items: flex-end;
    margin-bottom: 2em
}

.courses_list__courses {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -webkit-column-gap: 1em;
    -moz-column-gap: 1em;
    column-gap: 1em;
    grid-column-gap: 1em;
    -webkit-row-gap: 1.8em;
    -moz-row-gap: 1.8em;
    row-gap: 1.8em;
    grid-row-gap: 1.8em
}

.courses_list__image {
    width: 100%;
    padding-top: 100%;
    border-radius: 8px;
    background-position: center;
    background-size: cover
}

.courses_list__subline,.courses_list__duration {
    font-size: .9em;
    color: #717171
}

.courses_list__duration {
    font-weight: 300
}

.courses_list__title {
    color: #181d1e;
    font-family: "classx skyline",sans-serif;
    font-size: 18px;
    margin-top: .6em;
    word-spacing: -0.125em
}

@media(min-width: 768px) {
    .courses_list {
        max-width:100%;
        padding: 6em 0 7em 0
    }
}

@media(min-width: 1024px) {
    .courses_list {
        max-width:1280px
    }

    .courses_list__divider {
        display: none
    }

    .courses_list__courses {
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
        -webkit-column-gap: 1.2em;
        -moz-column-gap: 1.2em;
        column-gap: 1.2em;
        grid-column-gap: 1.2em;
        -webkit-row-gap: 3em;
        -moz-row-gap: 3em;
        row-gap: 3em;
        grid-row-gap: 3em
    }

    .courses_list__image {
        padding-top: 66.666%
    }

    .courses_list__title {
        font-size: 28px;
        margin-top: .4em
    }

    .courses_list__subline,.courses_list__duration {
        font-size: 16px
    }

    .courses_list__subline {
        font-weight: 300
    }
}

@media(min-width: 1800px) {
    .courses_list {
        width:100%;
        max-width: 1920px
    }
}

.courses_overlay {
    color: #181d1e;
    background-color: #fff
}

.courses_overlay__headline {
    display: block;
    font-size: 24px;
    font-weight: normal;
    line-height: 1em;
    margin: 1em 0 1em;
    padding: 0 5%
}

.courses_overlay__text {
    padding: 0 5%;
    margin-bottom: 2em;
    color: #ccc
}

.courses_overlay__subline {
    padding: 0 5%
}

.courses_overlay__courses {
    padding-bottom: 1em
}

.courses_overlay__courses_wrap {
    width: 90%;
    overflow: auto;
    margin: 0 auto
}

.courses_overlay__course {
    display: block;
    width: 48%;
    position: relative;
    float: left;
    min-height: 260px;
    margin-bottom: 1.5em
}

.courses_overlay__course:nth-child(2n) {
    margin-left: 4%
}

.courses_overlay__course_image {
    width: 100%;
    padding-bottom: 100%;
    background-size: cover;
    background-position: center;
    border-radius: 10px
}

.courses_overlay__mainFocus,.courses_overlay__duration {
    font-size: 12px;
    font-weight: 400;
    color: #444;
    color: #444444cc
}

.courses_overlay__mainFocus {
    font-weight: normal
}

.courses_overlay__logo {
    font-family: classx skyline,sans-serif;
    font-size: 18px;
    color: #222;
    padding: .5em 0 .25em
}

@media(min-width: 768px) {
    .courses_overlay__course_image {
        padding-bottom:70%
    }
}

@media(min-width: 1024px) {
    .courses_overlay {
        padding:0
    }

    .courses_overlay__headline {
        font-size: 36px;
        padding: 0;
        margin: 1em 0
    }

    .courses_overlay__subline {
        display: none
    }

    .courses_overlay__text {
        padding: 0 0 2em 0;
        margin: 0 0 1em 0
    }

    .courses_overlay__logo {
        font-size: 28px
    }

    .courses_overlay__courses:after {
        content: "";
        display: table;
        clear: both
    }

    .courses_overlay__courses_wrap {
        width: 100%;
        overflow: auto;
        margin: 0 auto
    }

    .courses_overlay__course {
        display: block;
        width: 32%;
        margin-right: 1.5%;
        margin-left: 0;
        float: left;
        margin-bottom: 3.5%;
        position: relative
    }

    .courses_overlay__course:nth-child(2n) {
        margin-left: 0
    }

    .courses_overlay__course:first-child {
        margin-left: 0
    }

    .courses_overlay__course:last-child {
        margin-right: 0
    }

    .courses_overlay__course:nth-child(3n+3) {
        margin-right: 0
    }

    .courses_overlay__course_image {
        width: 100%;
        height: 278px;
        background-size: cover;
        border-radius: 10px
    }

    .courses_overlay__mainFocus,.courses_overlay__duration {
        font-size: 16px;
        color: #444;
        font-weight: 300
    }
}

@media(min-width: 1024px) {
    .courses_overlay__course_image {
        height:208px
    }
}

@media(min-width: 1280px) {
    .courses_overlay__course_image {
        height:250px
    }
}

@media(min-width: 1800px) {
    .courses_overlay__course_image {
        height:278px
    }
}

@media(max-width: 320px) {
    .courses_overlay__headline {
        font-size:2em
    }
}

.courses_plan {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    background-color: #fff;
    color: #181d1e;
    padding: 4em 0
}

.courses_plan__print_headline {
    display: none
}

.courses_plan__print {
    background-image: url("https://www.fitx.de/img/block/shared/courses_plan/print_icon_light.svg");
    background-repeat: no-repeat;
    padding: 0 0 0 2em;
    cursor: pointer;
    margin: 2em 0 2em 15px
}

.courses_plan__week_toggle {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    cursor: pointer;
    position: relative;
    font-size: 18px;
    font-weight: 400;
    transition: opacity .2s
}

.courses_plan__week_toggle--next {
    margin-left: auto
}

.courses_plan__week_toggle--next:after {
    display: block;
    content: " ";
    border-radius: 41px;
    width: 41px;
    height: 41px;
    margin-left: .6em
}

.courses_plan__week_toggle--current:before {
    display: block;
    content: " ";
    border-radius: 41px;
    width: 41px;
    height: 41px;
    margin-right: .6em
}

.courses_plan__week_toggle:before,.courses_plan__week_toggle:after {
    background-color: #f5f5f5;
    transition: background-color .2s;
    background-position: center;
    background-repeat: no-repeat
}

.courses_plan__week_toggle:before {
    background-image: url("https://www.fitx.de/img/block/shared/icon/icon-arrow-left-darkgrey.svg");
    background-position: 15px 13px
}

.courses_plan__week_toggle:after {
    background-image: url("https://www.fitx.de/img/block/shared/icon/icon-arrow-right-darkgrey.svg");
    background-position: 17px 13px
}

.courses_plan__week_toggle:hover:not(.courses_plan__week_toggle--disabled) {
    text-decoration: underline
}

.courses_plan__week_toggle:hover:not(.courses_plan__week_toggle--disabled):before,.courses_plan__week_toggle:hover:not(.courses_plan__week_toggle--disabled):after {
    background-color: #181d1e
}

.courses_plan__week_toggle:hover:not(.courses_plan__week_toggle--disabled):before {
    background-image: url("https://www.fitx.de/img/block/shared/icon/icon-arrow-left-light-hard.svg")
}

.courses_plan__week_toggle:hover:not(.courses_plan__week_toggle--disabled):after {
    background-image: url("https://www.fitx.de/img/block/shared/icon/icon-arrow-right.svg")
}

.courses_plan__week_toggle--disabled {
    display: none
}

.courses_plan__week {
    transition: opacity .2s,transform .2s
}

.courses_plan__week--hidden {
    display: none
}

.courses_plan__week--shift-left {
    transform: translateX(-300px);
    opacity: 0
}

.courses_plan__week--shift-right {
    transform: translateX(300px);
    opacity: 0
}

.courses_plan__week--hidden {
    display: none
}

.courses_plan__default--hidden {
    display: none
}

.courses_plan__day_toggles {
    display: flex;
    background-color: #fff;
    position: -webkit-sticky;
    position: sticky;
    top: 73px;
    z-index: 2
}

.courses_plan__toggle_value--desktop {
    display: none
}

.courses_plan__toggle {
    flex-basis: 0;
    flex-grow: 1;
    margin: 3px;
    text-align: center;
    font-size: 1.2em;
    border-radius: 3px;
    cursor: pointer;
    padding: .2em 0;
    position: relative
}

.courses_plan__toggle--selected {
    background-color: #363636;
    color: #fff
}

.courses_plan__toggle:first-child {
    margin-left: 0
}

.courses_plan__toggle:last-child {
    margin-right: 0
}

.courses_plan__toggle--holiday:after {
    position: absolute;
    content: "";
    display: block;
    top: .3em;
    right: .3em;
    width: 5px;
    height: 5px;
    border-radius: 5px;
    background-color: #ed6a12
}

.courses_plan__plan {
    overflow: hidden
}

.courses_plan__wrap {
    width: 700%;
    display: flex
}

.courses_plan__week_toggles {
    margin-bottom: 1em;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    width: 95%;
    max-width: 1280px;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.courses_plan__container {
    width: 90%;
    max-width: 1280px;
    float: none;
    margin-right: auto;
    margin-left: auto;
    position: relative
}

.courses_plan__container--hidden {
    display: none
}

.courses_plan__default_toggle {
    cursor: pointer;
    width: 95%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    font-weight: 400;
    padding: 1em 4em;
    border: 1px solid #717171;
    border-radius: 3px;
    background: url(/img/block/shared/icon/icon-dark-info-hollow.svg) 1em 1em/20px no-repeat,url(/img/block/shared/icon/arrow_right_dark.svg) right 1em center/8px no-repeat;
    margin-bottom: 2em
}

.courses_plan__default_toggle>strong {
    padding-right: 1em
}

.courses_plan__title {
    border: none;
    padding: 0
}

.courses_plan__title--center {
    text-align: center
}

.courses_plan__separator {
    font-weight: normal;
    color: #181d1e;
    margin-top: 1.4em;
    font-size: 14px
}

.courses_plan__logo {
    font-family: "classx skyline",sans-serif;
    word-spacing: -0.125em;
    font-size: 22px
}

.courses_plan__image {
    line-height: 3.4em;
    text-indent: 1em;
    width: 50%
}

.courses_plan__next {
    display: none;
    font-size: .9em;
    color: #00ae90
}

.courses_plan__times {
    padding: 0 1em 0 0;
    text-align: right;
    width: 50%
}

.courses_plan__day {
    flex-basis: 0;
    flex-grow: 1
}

.courses_plan__day--selected {
    background-color: #ed6a12;
    color: #fff;
    border-radius: 4px 4px 0 0;
    box-shadow: 3px 0 7px rgba(0,0,0,.1);
    border-left: none
}

.courses_plan__day--selected+.courses_plan__day {
    border-left: none
}

.courses_plan__day:first-child {
    border-left: none
}

.courses_plan__entry {
    color: #181d1e;
    display: block;
    border-radius: 3px;
    background-color: #f4f2ef;
    font-size: 1.2em;
    font-weight: 400;
    margin: .5em 0;
    overflow: hidden;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center
}

.courses_plan__entry:visited,.courses_plan__entry:active,.courses_plan__entry:hover {
    color: #181d1e
}

.courses_plan__entry--empty {
    display: none
}

.courses_plan__entry--filler {
    display: none
}

.courses_plan__entry--highlight {
    background-color: #ed6a12;
    color: #fff
}

.courses_plan__entry--highlight:visited,.courses_plan__entry--highlight:active,.courses_plan__entry--highlight:hover {
    color: #fff
}

.courses_plan__entry--highlight .courses_plan__entry_details {
    -webkit-align-self: baseline;
    -moz-align-self: baseline;
    -ms-align-self: baseline;
    align-self: baseline
}

.courses_plan__entry_details {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    justify-content: space-around;
    -ms-flex-pack: space-around;
    width: 100%
}

.courses_plan__entry_details:after {
    content: "";
    display: table;
    clear: both
}

.courses_plan__download_links {
    margin-top: 4em;
    text-align: center
}

.courses_plan__download_link:first-child {
    margin-bottom: 20px
}

.courses_plan__anchor {
    position: absolute;
    top: -2em
}

.courses_plan__notice {
    color: #ccc;
    margin-top: 1em;
    font-size: 1.15em;
    padding: 1em;
    line-height: 1.6em;
    border: 1px solid #444;
    border-radius: 3px
}

.courses_plan__notice strong {
    display: block
}

.courses_plan__small_notice {
    color: #717171;
    text-align: right;
    font-size: 1em
}

.courses_plan__specials_container {
    width: 95%;
    max-width: 1280px;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.courses_plan__upcoming_specials {
    font-size: 1.2em;
    margin-top: 2em;
    max-width: 400px
}

.courses_plan__specials_list {
    color: #b5b5b5;
    line-height: 1.8em;
    font-weight: 300
}

.courses_plan__specials_list_item {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto
}

.courses_plan__specials_list_item:after {
    content: "";
    display: table;
    clear: both
}

.courses_plan__specials_list_item>*:nth-child(2n+1) {
    width: calc(30%);
    float: left;
    clear: left;
    margin-left: 0
}

.courses_plan__specials_list_item>*:nth-child(2n+2) {
    width: calc(70%);
    float: left;
    clear: none;
    margin-right: 0
}

.courses_plan__specials_list_item--special .courses_plan__special_title {
    color: #ed6a12;
    cursor: pointer
}

.courses_plan__holiday_toggle {
    font-size: .8em;
    font-weight: 400;
    color: #b5b5b5
}

.courses_plan__day_status {
    margin-top: 1em;
    font-size: 1.2em
}

.courses_plan__entry--special {
    cursor: pointer
}

.courses_plan__special_overlay_content {
    display: block;
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: rgba(34,27,27,.6);
    z-index: 1000
}

.courses_plan__special_overlay_content--hidden {
    display: none
}

.courses_plan__special_overlay_container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 5%, rgb(255, 255, 255) 5%, rgb(255, 255, 255) 100%);
    width: 100%;
    color: #181d1e;
    border-radius: 8px
}

.courses_plan__special_overlay--hidden {
    display: none
}

.courses_plan__special_overlay_text {
    padding: 20px
}

.courses_plan__special_overlay_date {
    padding-bottom: .5em;
    border-bottom: 1px solid #eee;
    background-image: url("https://www.fitx.de/img/block/shared/icon/black_calender.svg");
    background-repeat: no-repeat;
    padding-left: 30px;
    background-position: 0px 4px
}

.courses_plan__special_overlay_close {
    position: absolute;
    right: 20px;
    top: 20px;
    background-image: url("https://www.fitx.de/img/block/shared/icon/close.svg");
    width: 26px;
    height: 26px;
    color: rgba(0,0,0,0);
    font-size: 0px;
    cursor: pointer
}

.courses_plan__special_overlay_hero {
    color: #fff;
    height: 250px;
    background-size: cover;
    position: relative;
    border-radius: 6px 6px 0 0;
    background-repeat: no-repeat
}

.courses_plan__special_overlay_hero span {
    position: absolute;
    bottom: 0em;
    left: 0em;
    width: 100%;
    padding: 0 0 20px 20px;
    font-weight: bold;
    font-size: 2em
}

@media(max-width: 320px) {
    .courses_plan__logo {
        width:110px
    }
}

@media(min-width: 768px) {
    .courses_plan {
        padding:4em 0
    }

    .courses_plan__week_toggle--disabled {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        opacity: .7;
        cursor: default
    }

    .courses_plan__special_overlay_container {
        width: 600px
    }

    .courses_plan__special_overlay_hero {
        height: 350px
    }
}

@media print,(min-width: 1024px) {
    .courses_plan__day_status {
        display:none
    }

    .courses_plan__separator {
        display: none
    }

    .courses_plan__wrap {
        transform: none !important;
        max-height: 812px
    }

    .courses_plan__print {
        float: right;
        margin: 2em 0 0 0;
        padding-bottom: 2em
    }

    .courses_plan__print:after {
        content: "";
        display: table;
        clear: both
    }

    .courses_plan__container {
        width: 95%;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .courses_plan__default_toggle {
        max-width: 1280px;
        margin-bottom: 0
    }

    .courses_plan__days {
        display: none
    }

    .courses_plan__day {
        padding: 0 5px
    }

    .courses_plan__day:first-child {
        padding-left: 0
    }

    .courses_plan__day:last-child {
        padding-right: 0
    }

    .courses_plan__notice strong {
        overflow: hidden;
        display: block;
        float: left;
        height: 40px;
        padding-right: 10px
    }

    .courses_plan__plan {
        display: flex;
        height: auto !important
    }

    .courses_plan__entries {
        border-radius: 3px
    }

    .courses_plan__entry {
        width: 100%;
        padding: 13px;
        margin: 10px 0;
        height: 80px
    }

    .courses_plan__entry--filler {
        display: block
    }

    .courses_plan__entry--empty {
        display: block;
        background-color: rgba(129,123,115,.05)
    }

    .courses_plan__entry--highlight {
        background-color: #ed6a12
    }

    .courses_plan__entry--size_2 {
        height: 170px
    }

    .courses_plan__entry--size_3 {
        height: 260px
    }

    .courses_plan__entry--size_4 {
        height: 350px
    }

    .courses_plan__entry--size_5 {
        height: 440px
    }

    .courses_plan__entry--size_6 {
        height: 530px
    }

    .courses_plan__entry--size_7 {
        height: 620px
    }

    .courses_plan__entry--size_8 {
        height: 710px
    }

    .courses_plan__entry--size_9 {
        height: 800px
    }

    .courses_plan__entry--size_10 {
        height: 890px
    }

    .courses_plan__entry--size_11 {
        height: 980px
    }

    .courses_plan__entry--size_12 {
        height: 1070px
    }

    .courses_plan__entry--size_13 {
        height: 1160px
    }

    .courses_plan__entry--size_14 {
        height: 1250px
    }

    .courses_plan__entry--size_15 {
        height: 1340px
    }

    .courses_plan__entry--size_16 {
        height: 1430px
    }

    .courses_plan__entry--size_17 {
        height: 1520px
    }

    .courses_plan__entry--size_18 {
        height: 1610px
    }

    .courses_plan__entry_details {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: baseline;
        -moz-align-items: baseline;
        -ms-align-items: baseline;
        align-items: baseline;
        -webkit-justify-content: space-around;
        -moz-justify-content: space-around;
        -ms-justify-content: space-around;
        justify-content: space-around;
        -ms-flex-pack: space-around;
        width: 100%
    }

    .courses_plan__entry_title {
        display: block;
        font-weight: 500;
        color: #ed6a12
    }

    .courses_plan__toggle {
        display: block;
        font-size: 1.2em;
        font-weight: 500;
        padding: 1em 0;
        background-color: rgba(0,0,0,0) !important;
        text-align: left;
        cursor: default
    }

    .courses_plan__toggle--selected {
        color: #181d1e
    }

    .courses_plan__toggle--holiday:after {
        display: none
    }

    .courses_plan__toggle_value--desktop {
        display: inline
    }

    .courses_plan__toggle_value--mobile {
        display: none
    }

    .courses_plan__image {
        background-image: none !important;
        float: none;
        line-height: 1em;
        font-weight: 500;
        text-indent: 0
    }

    .courses_plan__logo {
        width: 100px
    }

    .courses_plan__times {
        float: none;
        padding: 0;
        text-align: left;
        font-size: .9em;
        margin-top: .3em;
        width: 100%
    }
}

.overlay .courses_plan__day_toggles {
    top: 0px
}

@media print {
    body[data-controller=courses]>*:not(.course_plan_target) {
        display: none
    }

    body[data-controller=studio] {
        overflow: visible !important
    }

    body[data-controller=studio]>*:not(.overlay--courseplan) {
        display: none
    }

    body[data-controller=studio]>.overlay--courseplan>*:not(.course_plan_target) {
        display: none
    }

    body[data-controller=studio]>.overlay--courseplan {
        position: relative;
        top: 0;
        width: auto;
        height: auto
    }

    body[data-controller=studio] .overlay_close {
        display: none !important
    }

    .courses_plan {
        padding: 0;
        background-color: #fff
    }

    .courses_plan__day {
        padding: 0 .05cm
    }

    .courses_plan__week_toggles {
        display: none
    }

    .courses_plan__day_toggles {
        position: relative;
        top: 0;
        background: #fff
    }

    .courses_plan__toggle {
        color: #181d1e
    }

    .courses_plan__print {
        display: none
    }

    .courses_plan__print_headline {
        display: block;
        color: #000
    }

    .courses_plan__default_toggle {
        display: none
    }

    .courses_plan__plan {
        overflow: visible
    }

    .courses_plan__entry {
        background: #fff;
        border: 2px solid #181d1e;
        color: #181d1e !important;
        height: 44px;
        margin: 4px 0;
        padding: 6px 0 0 6px
    }

    .courses_plan__entry--size_2 {
        height: 92px
    }

    .courses_plan__entry--size_3 {
        height: 140px
    }

    .courses_plan__entry--size_4 {
        height: 188px
    }

    .courses_plan__entry--size_5 {
        height: 236px
    }

    .courses_plan__entry--size_6 {
        height: 284px
    }

    .courses_plan__entry--size_7 {
        height: 332px
    }

    .courses_plan__entry--size_8 {
        height: 380px
    }

    .courses_plan__entry--size_9 {
        height: 428px
    }

    .courses_plan__entry--size_10 {
        height: 476px
    }

    .courses_plan__entry--size_11 {
        height: 524px
    }

    .courses_plan__entry--size_12 {
        height: 572px
    }

    .courses_plan__entry--size_13 {
        height: 620px
    }

    .courses_plan__entry--size_14 {
        height: 668px
    }

    .courses_plan__entry--size_15 {
        height: 716px
    }

    .courses_plan__entry--size_16 {
        height: 764px
    }

    .courses_plan__entry--size_17 {
        height: 812px
    }

    .courses_plan__entry--size_18 {
        height: 860px
    }

    .courses_plan__entry:last-child {
        margin-bottom: 0
    }

    .courses_plan__entry--highlight {
        color: #fff !important
    }

    .courses_plan__entry_details {
        display: block;
        width: 100%;
        font-size: .8em
    }

    .courses_plan__entry_details:after {
        content: "";
        display: table;
        clear: both
    }

    .courses_plan__entry_details::after {
        display: none
    }

    .courses_plan__toggle--selected {
        color: #181d1e
    }

    .courses_plan__logo {
        width: 2cm;
        display: block;
        font-size: 16px
    }

    .courses_plan__times {
        font-size: 12px
    }

    .courses_plan__upcoming_specials {
        display: none
    }
}

.courses_poll {
    background-color: #fff;
    padding: 4em 0
}

.courses_poll__container {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    text-align: center
}

.courses_poll__headline {
    margin-bottom: 1em
}

.courses_poll__illu {
    display: none
}

.courses_poll__cta .cta {
    width: auto;
    margin: 0 auto;
    background-color: #ed6a12;
    border-color: #ed6a12;
    max-width: 225px
}

.courses_poll__cta .cta:hover {
    background-color: #f18841;
    border-color: #f18841
}

@media(min-width: 768px) {
    .courses_poll {
        padding:4em 0
    }

    .courses_poll__container {
        width: 66% !important;
        max-width: 1280px !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: center
    }

    .courses_poll__illu {
        display: none
    }
}

@media(min-width: 1024px) {
    .courses_poll {
        padding:5em 0
    }

    .courses_poll__container {
        width: 85% !important;
        max-width: 1280px !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: left
    }

    .courses_poll__text {
        text-align: left;
        top: 50%;
        position: absolute;
        transform: translateY(-50%);
        display: inline-block
    }

    .courses_poll__text p {
        margin-bottom: 0px
    }

    .courses_poll__content {
        max-width: 100%;
        max-width: 1280px !important;
        max-width: 960px;
        margin-left: auto;
        margin-right: auto;
        position: relative
    }

    .courses_poll__content:after {
        content: "";
        display: table;
        clear: both
    }

    .courses_poll__content>*:nth-child(3n+1) {
        width: calc(12.5%);
        float: left;
        clear: left;
        padding-left: 0;
        margin-left: 0
    }

    .courses_poll__content>*:nth-child(3n+2) {
        width: calc(62.5%);
        float: left;
        clear: none
    }

    .courses_poll__content>*:nth-child(3n+3) {
        width: calc(25%);
        float: left;
        clear: none;
        padding-right: 0;
        margin-right: 0
    }

    .courses_poll__illu {
        display: block;
        background-image: url("https://www.fitx.de/img/block/desktop/courses_poll/fingers_crossed.svg");
        background-repeat: no-repeat;
        background-size: contain;
        min-height: 140px
    }

    .courses_poll__headline {
        margin-bottom: 0
    }

    .courses_poll__text {
        padding: 0 2em 0 4em
    }

    .courses_poll__cta {
        float: right !important;
        padding: 0 2em
    }

    .courses_poll__cta .cta {
        margin: 2.5em 0 0 auto
    }
}

@media(min-width: 1280px) {
    .courses_poll__content {
        max-width:85%;
        max-width: 1280px !important;
        max-width: 960px;
        margin-left: auto;
        margin-right: auto
    }

    .courses_poll__content:after {
        content: "";
        display: table;
        clear: both
    }

    .courses_poll__content>*:nth-child(3n+1) {
        width: calc(8.3333333333%);
        float: left;
        clear: left;
        padding-left: 0;
        margin-left: 0
    }

    .courses_poll__content>*:nth-child(3n+2) {
        width: calc(66.6666666667%);
        float: left;
        clear: none
    }

    .courses_poll__content>*:nth-child(3n+3) {
        width: calc(25%);
        float: left;
        clear: none;
        padding-right: 0;
        margin-right: 0
    }
}

.courses_preview_bar {
    max-width: 1920px;
    margin: 0 auto
}

.courses_preview_bar__slot_wrap {
    height: 168px;
    overflow: hidden;
    background-color: #fff
}

.courses_preview_bar__slot_list {
    background-color: #fff;
    margin: 0;
    transition: transform .5s,opacity .5s;
    opacity: 0
}

.courses_preview_bar__slot_list--next {
    transform: translateY(-168px)
}

.courses_preview_bar__slot_list--ready {
    opacity: 1
}

.courses_preview_bar__slot {
    height: 56px
}

.courses_preview_bar__slot--hidden {
    display: none
}

.courses_preview_bar__slot_valign {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.courses_preview_bar__slot_valign:after {
    content: "";
    display: table;
    clear: both
}

.courses_preview_bar__slot_left {
    width: 30%;
    text-align: right;
    padding-right: 1em;
    float: left
}

.courses_preview_bar__slot_right {
    width: 70%;
    float: left
}

.courses_preview_bar__day {
    font-weight: 300
}

.courses_preview_bar__day--tomorrow {
    color: #1da0c9
}

.courses_preview_bar__course_name {
    color: #ed6a12
}

.courses_preview_bar__course_description {
    font-weight: 300
}

.courses_preview_bar__button {
    background-color: #f5f5f5;
    height: 56px;
    line-height: 56px;
    text-align: center;
    color: #ed6a12;
    cursor: pointer
}

.courses_preview_bar__course_plan {
    display: none
}

@media(min-width: 768px) {
    .courses_preview_bar {
        background-color:#f5f5f5
    }

    .courses_preview_bar:after {
        content: "";
        display: table;
        clear: both
    }

    .courses_preview_bar__wrap {
        max-width: 1280px;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .courses_preview_bar__slot_wrap {
        height: 72px;
        width: 80%;
        float: left
    }

    .courses_preview_bar__slot_list {
        width: 200%
    }

    .courses_preview_bar__slot_list--next {
        transform: translateX(-50%)
    }

    .courses_preview_bar__slot_list:after {
        content: "";
        display: table;
        clear: both
    }

    .courses_preview_bar__slot {
        height: 72px;
        width: 16.6666666667%;
        float: left;
        border: 1px solid #f5f5f5
    }

    .courses_preview_bar__button {
        height: 72px;
        line-height: 72px;
        float: left;
        width: 20%
    }
}

@media(min-width: 1280px) {
    .courses_preview_bar__slot_wrap {
        width:60%
    }

    .courses_preview_bar__course_plan {
        display: block;
        height: 72px;
        line-height: 72px;
        float: left;
        width: 20%;
        text-align: center;
        color: #ed6a12;
        cursor: pointer
    }

    .courses_preview_bar__course_plan_link {
        color: #ed6a12;
        text-transform: uppercase
    }
}

@media(max-width: 359px) {
    .csat_survey_survey__answer--numbers+label {
        width:20px !important;
        height: 20px !important;
        line-height: 20px !important
    }
}

.csat_survey_survey {
    width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.csat_survey_survey__headline {
    margin-bottom: 0;
    font-size: 1.2em;
    line-height: 1.4em
}

.csat_survey_survey__headline--light {
    font-weight: normal
}

.csat_survey_survey__headline--thankyou {
    text-align: center;
    font-weight: normal
}

.csat_survey_survey__headline--lightEmoji {
    font-weight: normal
}

.csat_survey_survey__notice {
    font-size: .9em;
    margin: 0
}

.csat_survey_survey__checkbox {
    position: relative;
    float: left
}

.csat_survey_survey__max_length {
    display: inline-block;
    font-size: 11px;
    color: #717171;
    float: right;
    text-align: right;
    width: 100%
}

.csat_survey_survey__answerContainer--light {
    overflow: hidden;
    border-radius: 5px;
    border: 1px solid #e5e5e5;
    border-right: 0
}

.csat_survey_survey__answers {
    margin: 30px auto 0;
    display: inline-block
}

.csat_survey_survey__answers--light {
    width: 100%
}

.csat_survey_survey__answer {
    position: absolute;
    left: -9999px;
    visibility: hidden
}

.csat_survey_survey__answer+label {
    font-weight: 400;
    font-size: 1.1em;
    color: #181d1e;
    width: 24px;
    height: 24px;
    line-height: 24px;
    display: inline-block;
    background: #fff;
    text-align: center;
    margin: 0 3px;
    border-radius: 3px;
    cursor: pointer
}

.csat_survey_survey__answer+label.csat_survey_survey__label--light {
    margin: 0;
    border-radius: 0;
    border-right: 1px solid #e5e5e5;
    width: 100%;
    height: 50px;
    line-height: 50px
}

.csat_survey_survey__answer:checked+label,.csat_survey_survey__answer:hover+label {
    background: #ed6a12;
    color: #fff
}

.csat_survey_survey__answer:disabled:hover+label {
    background: #fff;
    color: #181d1e;
    cursor: default
}

.csat_survey_survey__answer:disabled:checked:hover+label {
    background: #ed6a12;
    color: #fff;
    cursor: default
}

.csat_survey_survey__checkbox--light:last-child label.csat_survey_survey__label--light {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

.csat_survey_survey__answer--emoji+label {
    font-weight: 400;
    font-size: 1.1em;
    color: silver;
    width: 35px;
    height: 35px;
    display: inline-block;
    background-color: rgba(0,0,0,0) !important;
    text-align: center;
    margin: 0 8px;
    text-indent: -99999px;
    background-size: 35px;
    background-repeat: no-repeat;
    cursor: pointer
}

.csat_survey_survey__answer--emoji+.csat_survey_survey__label--0,.csat_survey_survey__answer--emoji:disabled:hover+.csat_survey_survey__label--0 {
    background-image: url("https://www.fitx.de/img/block/shared/csat_survey_survey/1.svg")
}

.csat_survey_survey__answer--emoji:hover+.csat_survey_survey__label--0,.csat_survey_survey__answer--emoji:checked+.csat_survey_survey__label--0,.csat_survey_survey__answer--emoji:disabled:checked:hover+.csat_survey_survey__label--0 {
    background-image: url("https://www.fitx.de/img/block/shared/csat_survey_survey/1o.svg");
    background-size: 35px
}

.csat_survey_survey__answer--emoji:disabled:hover+.csat_survey_survey__label--0,.csat_survey_survey__answer--emoji:disabled:checked:hover+.csat_survey_survey__label--0 {
    cursor: default
}

.csat_survey_survey__answer--emoji+.csat_survey_survey__label--1,.csat_survey_survey__answer--emoji:disabled:hover+.csat_survey_survey__label--1 {
    background-image: url("https://www.fitx.de/img/block/shared/csat_survey_survey/2.svg")
}

.csat_survey_survey__answer--emoji:hover+.csat_survey_survey__label--1,.csat_survey_survey__answer--emoji:checked+.csat_survey_survey__label--1,.csat_survey_survey__answer--emoji:disabled:checked:hover+.csat_survey_survey__label--1 {
    background-image: url("https://www.fitx.de/img/block/shared/csat_survey_survey/2o.svg");
    background-size: 35px
}

.csat_survey_survey__answer--emoji:disabled:hover+.csat_survey_survey__label--1,.csat_survey_survey__answer--emoji:disabled:checked:hover+.csat_survey_survey__label--1 {
    cursor: default
}

.csat_survey_survey__answer--emoji+.csat_survey_survey__label--2,.csat_survey_survey__answer--emoji:disabled:hover+.csat_survey_survey__label--2 {
    background-image: url("https://www.fitx.de/img/block/shared/csat_survey_survey/3.svg")
}

.csat_survey_survey__answer--emoji:hover+.csat_survey_survey__label--2,.csat_survey_survey__answer--emoji:checked+.csat_survey_survey__label--2,.csat_survey_survey__answer--emoji:disabled:checked:hover+.csat_survey_survey__label--2 {
    background-image: url("https://www.fitx.de/img/block/shared/csat_survey_survey/3o.svg");
    background-size: 35px
}

.csat_survey_survey__answer--emoji:disabled:hover+.csat_survey_survey__label--2,.csat_survey_survey__answer--emoji:disabled:checked:hover+.csat_survey_survey__label--2 {
    cursor: default
}

.csat_survey_survey__answer--emoji+.csat_survey_survey__label--3,.csat_survey_survey__answer--emoji:disabled:hover+.csat_survey_survey__label--3 {
    background-image: url("https://www.fitx.de/img/block/shared/csat_survey_survey/4.svg")
}

.csat_survey_survey__answer--emoji:hover+.csat_survey_survey__label--3,.csat_survey_survey__answer--emoji:checked+.csat_survey_survey__label--3,.csat_survey_survey__answer--emoji:disabled:checked:hover+.csat_survey_survey__label--3 {
    background-image: url("https://www.fitx.de/img/block/shared/csat_survey_survey/4o.svg");
    background-size: 35px
}

.csat_survey_survey__answer--emoji:disabled:hover+.csat_survey_survey__label--3,.csat_survey_survey__answer--emoji:disabled:checked:hover+.csat_survey_survey__label--3 {
    cursor: default
}

.csat_survey_survey__answer--emoji+.csat_survey_survey__label--4,.csat_survey_survey__answer--emoji:disabled:hover+.csat_survey_survey__label--4 {
    background-image: url("https://www.fitx.de/img/block/shared/csat_survey_survey/5.svg")
}

.csat_survey_survey__answer--emoji:hover+.csat_survey_survey__label--4,.csat_survey_survey__answer--emoji:checked+.csat_survey_survey__label--4,.csat_survey_survey__answer--emoji:disabled:checked:hover+.csat_survey_survey__label--4 {
    background-image: url("https://www.fitx.de/img/block/shared/csat_survey_survey/5o.svg");
    background-size: 35px
}

.csat_survey_survey__answer--emoji:disabled:hover+.csat_survey_survey__label--4,.csat_survey_survey__answer--emoji:disabled:checked:hover+.csat_survey_survey__label--4 {
    cursor: default
}

.csat_survey_survey__answer--lightEmoji+label {
    font-weight: 400;
    font-size: 1.1em;
    color: silver;
    width: 43px;
    height: 43px;
    display: inline-block;
    background-color: rgba(0,0,0,0) !important;
    text-align: center;
    margin: 0 8px;
    text-indent: -99999px;
    background-size: 43px;
    background-repeat: no-repeat;
    cursor: pointer
}

.csat_survey_survey__answer--lightEmoji+.csat_survey_survey__label--0,.csat_survey_survey__answer--lightEmoji:disabled:hover+.csat_survey_survey__label--0 {
    background-image: url("https://www.fitx.de/img/block/shared/csat_survey_survey/csat_1.svg")
}

.csat_survey_survey__answer--lightEmoji:hover+.csat_survey_survey__label--0,.csat_survey_survey__answer--lightEmoji:checked+.csat_survey_survey__label--0,.csat_survey_survey__answer--lightEmoji:disabled:checked:hover+.csat_survey_survey__label--0 {
    background-image: url("https://www.fitx.de/img/block/shared/csat_survey_survey/csat_1_orange.svg");
    background-size: 43px
}

.csat_survey_survey__answer--lightEmoji:disabled:hover+.csat_survey_survey__label--0,.csat_survey_survey__answer--lightEmoji:disabled:checked:hover+.csat_survey_survey__label--0 {
    cursor: default
}

.csat_survey_survey__answer--lightEmoji+.csat_survey_survey__label--1,.csat_survey_survey__answer--lightEmoji:disabled:hover+.csat_survey_survey__label--1 {
    background-image: url("https://www.fitx.de/img/block/shared/csat_survey_survey/csat_2.svg")
}

.csat_survey_survey__answer--lightEmoji:hover+.csat_survey_survey__label--1,.csat_survey_survey__answer--lightEmoji:checked+.csat_survey_survey__label--1,.csat_survey_survey__answer--lightEmoji:disabled:checked:hover+.csat_survey_survey__label--1 {
    background-image: url("https://www.fitx.de/img/block/shared/csat_survey_survey/csat_2_orange.svg");
    background-size: 43px
}

.csat_survey_survey__answer--lightEmoji:disabled:hover+.csat_survey_survey__label--1,.csat_survey_survey__answer--lightEmoji:disabled:checked:hover+.csat_survey_survey__label--1 {
    cursor: default
}

.csat_survey_survey__answer--lightEmoji+.csat_survey_survey__label--2,.csat_survey_survey__answer--lightEmoji:disabled:hover+.csat_survey_survey__label--2 {
    background-image: url("https://www.fitx.de/img/block/shared/csat_survey_survey/csat_3.svg")
}

.csat_survey_survey__answer--lightEmoji:hover+.csat_survey_survey__label--2,.csat_survey_survey__answer--lightEmoji:checked+.csat_survey_survey__label--2,.csat_survey_survey__answer--lightEmoji:disabled:checked:hover+.csat_survey_survey__label--2 {
    background-image: url("https://www.fitx.de/img/block/shared/csat_survey_survey/csat_3_orange.svg");
    background-size: 43px
}

.csat_survey_survey__answer--lightEmoji:disabled:hover+.csat_survey_survey__label--2,.csat_survey_survey__answer--lightEmoji:disabled:checked:hover+.csat_survey_survey__label--2 {
    cursor: default
}

.csat_survey_survey__answer--lightEmoji+.csat_survey_survey__label--3,.csat_survey_survey__answer--lightEmoji:disabled:hover+.csat_survey_survey__label--3 {
    background-image: url("https://www.fitx.de/img/block/shared/csat_survey_survey/csat_4.svg")
}

.csat_survey_survey__answer--lightEmoji:hover+.csat_survey_survey__label--3,.csat_survey_survey__answer--lightEmoji:checked+.csat_survey_survey__label--3,.csat_survey_survey__answer--lightEmoji:disabled:checked:hover+.csat_survey_survey__label--3 {
    background-image: url("https://www.fitx.de/img/block/shared/csat_survey_survey/csat_4_orange.svg");
    background-size: 43px
}

.csat_survey_survey__answer--lightEmoji:disabled:hover+.csat_survey_survey__label--3,.csat_survey_survey__answer--lightEmoji:disabled:checked:hover+.csat_survey_survey__label--3 {
    cursor: default
}

.csat_survey_survey__answer--lightEmoji+.csat_survey_survey__label--4,.csat_survey_survey__answer--lightEmoji:disabled:hover+.csat_survey_survey__label--4 {
    background-image: url("https://www.fitx.de/img/block/shared/csat_survey_survey/csat_5.svg")
}

.csat_survey_survey__answer--lightEmoji:hover+.csat_survey_survey__label--4,.csat_survey_survey__answer--lightEmoji:checked+.csat_survey_survey__label--4,.csat_survey_survey__answer--lightEmoji:disabled:checked:hover+.csat_survey_survey__label--4 {
    background-image: url("https://www.fitx.de/img/block/shared/csat_survey_survey/csat_5_orange.svg");
    background-size: 43px
}

.csat_survey_survey__answer--lightEmoji:disabled:hover+.csat_survey_survey__label--4,.csat_survey_survey__answer--lightEmoji:disabled:checked:hover+.csat_survey_survey__label--4 {
    cursor: default
}

.csat_survey_survey__checkbox--numbers:first-child label {
    margin-left: 0
}

.csat_survey_survey__checkbox--numbers:nth-last-child(2) label {
    margin-right: 0
}

.csat_survey_survey__checkbox--light {
    width: 9.09%
}

.csat_survey_survey__numbers_description_container {
    max-width: initial;
    margin-left: auto;
    margin-right: auto
}

.csat_survey_survey__numbers_description_container:after {
    content: "";
    display: table;
    clear: both
}

.csat_survey_survey__numbers_description_container>*:nth-child(2n+1) {
    width: calc(50%);
    float: left;
    clear: left;
    margin-left: 0
}

.csat_survey_survey__numbers_description_container>*:nth-child(2n+2) {
    width: calc(50%);
    float: left;
    clear: none;
    margin-right: 0
}

.csat_survey_survey__numbers_description {
    margin-top: 4px;
    font-weight: 400;
    text-align: left;
    font-size: .9em
}

.csat_survey_survey__numbers_description--positive {
    text-align: right
}

.csat_survey_survey__followup {
    display: none;
    width: 100%;
    margin: 30px 0 0
}

.csat_survey_survey__followup--expanded {
    display: block;
    overflow: hidden
}

.csat_survey_survey__followup textarea {
    background: #fff
}

.csat_survey_survey__followup_answer[type=text],.csat_survey_survey__followup_answer[type=text]:focus {
    background-color: #fff;
    border: none;
    border-bottom: 1px solid #717171;
    color: #fff;
    min-height: 46px;
    line-height: 20px;
    padding: 0;
    width: 100%;
    outline: none;
    max-width: 100%;
    box-sizing: border-box;
    resize: none
}

.csat_survey_survey__followup_answer[type=text]::-webkit-scrollbar,.csat_survey_survey__followup_answer[type=text]:focus::-webkit-scrollbar {
    width: 10px;
    height: 8px;
    background-color: #444
}

.csat_survey_survey__followup_answer[type=text]::-webkit-scrollbar-thumb,.csat_survey_survey__followup_answer[type=text]:focus::-webkit-scrollbar-thumb {
    background: #ed6a12
}

.csat_survey_survey__followup_answer--light[type=text],.csat_survey_survey__followup_answer--light[type=text]:focus {
    background-color: rgba(0,0,0,0);
    border: none;
    border-bottom: 1px solid #717171;
    color: #181d1e;
    min-height: 46px;
    line-height: 20px;
    padding: 0;
    width: 100%;
    outline: none;
    max-width: 100%;
    box-sizing: border-box;
    resize: none
}

.csat_survey_survey__followup_answer--light[type=text]::-webkit-scrollbar,.csat_survey_survey__followup_answer--light[type=text]:focus::-webkit-scrollbar {
    width: 10px;
    height: 8px;
    background-color: #fff
}

.csat_survey_survey__followup_answer--light[type=text]::-webkit-scrollbar-thumb,.csat_survey_survey__followup_answer--light[type=text]:focus::-webkit-scrollbar-thumb {
    background: #ed6a12
}

.csat_survey_survey__followup_answer--lightEmoji[type=text],.csat_survey_survey__followup_answer--lightEmoji,.csat_survey_survey__followup_answer--lightEmoji[type=text]:focus {
    background-color: #fff;
    border: none;
    border: 1px solid #b5b5b5;
    border-radius: 8px;
    color: #181d1e;
    min-height: 76px !important;
    line-height: 20px;
    padding: 1em;
    width: 100%;
    outline: none;
    max-width: 100%;
    box-sizing: border-box;
    resize: none
}

.csat_survey_survey__followup_answer--lightEmoji[type=text]::-webkit-scrollbar,.csat_survey_survey__followup_answer--lightEmoji::-webkit-scrollbar,.csat_survey_survey__followup_answer--lightEmoji[type=text]:focus::-webkit-scrollbar {
    width: 5px;
    height: 8px;
    background-color: rgba(0,0,0,0)
}

.csat_survey_survey__followup_answer--lightEmoji[type=text]::-webkit-scrollbar-thumb,.csat_survey_survey__followup_answer--lightEmoji::-webkit-scrollbar-thumb,.csat_survey_survey__followup_answer--lightEmoji[type=text]:focus::-webkit-scrollbar-thumb {
    background: silver;
    border-radius: 8px
}

.csat_survey_survey__followup_error_message {
    color: #e83623;
    display: none;
    text-align: left;
    position: absolute
}

.csat_survey_survey__error_message {
    color: #e83623;
    display: block
}

.csat_survey_survey__error_message--hidden {
    display: none
}

.csat_survey_survey__form {
    display: block;
    text-align: left;
    background-color: #f5f5f5;
    padding: 2em;
    border-radius: 10px;
    margin: 0 auto;
    overflow: hidden;
    width: 90%;
    max-width: 600px
}

.csat_survey_survey__form--hidden {
    display: none
}

.csat_survey_survey__thankyou {
    text-align: center;
    display: none
}

.csat_survey_survey__thankyou--show {
    display: block
}

.csat_survey_survey__submit[type=submit]:enabled {
    margin-top: 1em;
    display: block;
    width: auto !important
}

body[data-controller=preregistration] .csat_survey_survey {
    margin: 2em auto 0
}

body[data-controller=preregistration] .csat_survey_survey--light {
    margin: 0 auto
}

@media(min-width: 768px) {
    .csat_survey_survey__headline {
        margin-bottom:0;
        font-size: 1.6em;
        line-height: 1.2em
    }

    .csat_survey_survey__headline--light {
        font-size: 1.2em;
        font-weight: normal
    }

    .csat_survey_survey__headline--lightEmoji {
        font-weight: normal;
        margin: 0 auto
    }

    .csat_survey_survey__answers--light {
        width: initial
    }

    .csat_survey_survey__checkbox--light {
        width: auto
    }

    .csat_survey_survey__answerContainer--light {
        overflow: hidden;
        border-radius: 5px;
        border: 1px solid #e5e5e5;
        border-right: 0
    }

    .csat_survey_survey__answer+label {
        width: 35px;
        height: 35px;
        line-height: 35px;
        margin: 0 5px
    }

    .csat_survey_survey__answer+label.csat_survey_survey__label--light {
        width: 50px;
        height: 50px;
        line-height: 50px;
        margin: 0;
        border-radius: 0;
        border-right: 1px solid #e5e5e5
    }

    .csat_survey_survey__answer--emoji+label {
        margin: 0 8px
    }

    .csat_survey_survey__answer--lightEmoji+label {
        width: 43px;
        height: 43px;
        line-height: 43px
    }

    .csat_survey_survey__followup {
        width: 70%;
        max-width: 550px
    }

    .csat_survey_survey__followup_answer[type=text],.csat_survey_survey__followup_answer[type=text]:focus {
        min-height: 30px;
        line-height: 20px
    }
}

@media(min-width: 1280px) {
    .csat_survey_survey__answer+label.csat_survey_survey__label--light {
        width:60px;
        height: 50px;
        line-height: 50px;
        margin: 0;
        border-radius: 0;
        border-right: 1px solid #e5e5e5
    }

    .csat_survey_survey__checkbox--light:last-child label.csat_survey_survey__label--light {
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px
    }
}

@media(min-width: 1800px) {
    .csat_survey_survey__followup {
        width:100%
    }

    .csat_survey_survey__answer:hover+label.csat_survey_survey__label--light {
        background: #f5f5f5;
        color: #181d1e
    }

    .csat_survey_survey__answer:hover:checked+label.csat_survey_survey__label--light,.csat_survey_survey__answer:focus+label.csat_survey_survey__label--light {
        background: #ed6a12;
        color: #fff
    }
}

.csat_survey {
    padding: 4em 0;
    color: #fff
}

.csat_survey--grey {
    padding: 0 0 4em 0;
    background-color: #1c2223
}

.csat_survey--dark {
    padding: 0 0 4em 0;
    background-color: #181d1e
}

.csat_survey--light {
    padding: 4em 0 !important;
    color: #181d1e;
    background-color: #f5f5f5
}

.csat_survey--lightEmoji {
    padding: 2em 0 !important;
    color: #181d1e;
    background-color: #fff
}

.csat_survey--topOfPage {
    margin-top: 73px !important
}

[data-controller=preregistration] .csat_survey {
    padding: 0 0 4em
}

[data-controller=services] .csat_survey {
    padding: 0 !important
}

@media(min-width: 768px) {
    .csat_survey {
        background-color:#181d1e;
        padding: 6em 0 6em 0
    }

    .csat_survey--lightEmoji {
        padding: 2em 0 !important
    }

    .csat_survey__container {
        width: 100%;
        max-width: 1280px;
        float: none;
        margin-right: auto;
        margin-left: auto;
        background: #1c2223;
        border-radius: 5px;
        padding: 3em 2em
    }

    .csat_survey__container--morePadding {
        padding: 5em 2em
    }

    .csat_survey--grey {
        background-color: #1c2223;
        max-width: 1920px;
        margin: 0 auto;
        padding: 0 0 4em 0
    }

    .csat_survey--grey .csat_survey__container {
        background-color: #1c2223
    }

    .csat_survey--dark {
        background-color: #181d1e;
        max-width: 1920px;
        margin: 0 auto;
        padding: 4em 0
    }

    .csat_survey--dark .csat_survey__container {
        background-color: #1c2223
    }

    .csat_survey--light {
        background-color: #f5f5f5;
        margin: 0 auto;
        padding: 4em 0
    }

    .csat_survey--light .csat_survey__container {
        background-color: #f5f5f5
    }

    .csat_survey--lightEmoji {
        background-color: #fff;
        margin: 0 auto;
        padding: 4em 0
    }

    .csat_survey--lightEmoji .csat_survey__container {
        background-color: #fff
    }

    [data-controller=preregistration] .csat_survey {
        background-color: #1c2223;
        padding: 4em 0 7em 0
    }

    [data-controller=preregistration] .csat_survey__container {
        width: 100%;
        max-width: 1280px;
        float: none;
        margin-right: auto;
        margin-left: auto;
        background: #1c2223;
        border-radius: 5px;
        padding: 0 2em 3em
    }

    [data-controller=preregistration] .csat_survey--light {
        background-color: #f5f5f5
    }

    [data-controller=preregistration] .csat_survey--light .csat_survey__container {
        background-color: #f5f5f5
    }

    [data-controller=preregistration] .csat_survey--lightEmoji {
        background-color: #fff
    }

    [data-controller=preregistration] .csat_survey--lightEmoji .csat_survey__container {
        background-color: #fff
    }
}

@media(min-width: 1024px) {
    .csat_survey__container {
        width:100%;
        max-width: 1280px
    }

    .csat_survey__container--morePadding {
        padding: 5em 2em
    }

    .csat_survey--light,.csat_survey--lightEmoji {
        background-color: #fff;
        margin: 0 auto;
        padding: 4em 0
    }

    .csat_survey--light .csat_survey__container,.csat_survey--lightEmoji .csat_survey__container {
        background-color: #fff
    }

    [data-controller=preregistration] .csat_survey--light,[data-controller=preregistration] .csat_survey--lightEmoji {
        background-color: #fff
    }

    [data-controller=preregistration] .csat_survey--light .csat_survey__container,[data-controller=preregistration] .csat_survey--lightEmoji .csat_survey__container {
        background-color: #fff
    }

    [data-controller=studio] .csat_survey {
        padding: 0 !important
    }

    [data-controller=studio] .csat_survey__container {
        padding: 0em 2em 4em
    }

    [data-controller=courses] .csat_survey {
        max-width: 1920px;
        margin: 0 auto
    }
}

.csr_hero {
    margin-top: 73px;
    background-position: 0 bottom
}

.csr_hero__background {
    width: 100%
}

.csr_hero__background--hidden {
    display: none
}

.csr_hero__content {
    color: #181d1e;
    width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    padding: 3em 0;
    overflow: hidden
}

.csr_hero__kicker {
    text-transform: uppercase;
    font-weight: normal;
    margin-bottom: 0
}

.csr_hero__text {
    margin: 2em 0;
    color: #444
}

.csr_hero__play {
    height: 36px;
    line-height: 36px;
    font-weight: bold;
    margin-top: 1em;
    cursor: pointer;
    background-image: url("https://www.fitx.de/img/block/shared/icon/play_button.svg");
    background-size: contain;
    background-repeat: no-repeat;
    padding: 0 0 0 50px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.csr_hero__play:hover {
    background-image: url("https://www.fitx.de/img/block/shared/icon/play_button_hover.svg")
}

.csr_hero__video {
    height: 100%;
    background-color: #181d1e;
    position: relative
}

.csr_hero__video--hidden {
    display: none
}

.csr_hero__video_content {
    height: 100%
}

.csr_hero__video_close {
    background-image: url("https://www.fitx.de/img/block/shared/icon/close_grey.svg");
    background-repeat: no-repeat;
    text-indent: -9000px;
    height: 26px;
    width: 26px;
    background-size: cover;
    cursor: pointer;
    top: 16px;
    right: 16px;
    position: absolute;
    z-index: 1
}

.csr_hero--csr_project {
    background-color: #f4f2ef
}

@media(min-width: 768px) {
    .csr_hero {
        height:60%;
        background-position: 0 bottom !important;
        background-repeat: no-repeat;
        background-size: cover !important
    }

    .csr_hero__background {
        display: none
    }

    .csr_hero__content {
        color: #fff;
        width: 90%;
        max-width: 90%;
        height: 100%;
        padding: 0;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .csr_hero__text {
        color: #fff
    }

    .csr_hero__valign {
        max-width: 66%;
        position: relative;
        top: 40%;
        -webkit-transform: translateY(-40%);
        -ms-transform: translateY(-40%);
        transform: translateY(-40%)
    }

    .csr_hero__play {
        margin-top: 2em
    }

    .csr_hero__video_close {
        top: 2em;
        right: 2em
    }
}

@media(min-width: 1024px) {
    .csr_hero {
        height:80%;
        background-position: 0 center !important;
        background-repeat: no-repeat;
        background-size: cover !important
    }
}

@media(min-width: 1024px)and (orientation: portrait) {
    .csr_hero {
        height:40%
    }
}

@media(min-width: 1024px) {
    .csr_hero--csr_project {
        background-position:0 bottom !important
    }
}

@media(min-width: 1024px) {
    .csr_hero__background {
        display:none
    }
}

@media(min-width: 1024px) {
    .csr_hero__content {
        width:90% !important;
        max-width: 1280px !important;
        height: 100%;
        padding: 0;
        float: none;
        margin-right: auto;
        margin-left: auto
    }
}

@media(min-width: 1024px) {
    .csr_hero__valign {
        max-width:50%;
        position: relative;
        top: 45%;
        -webkit-transform: translateY(-45%);
        -ms-transform: translateY(-45%);
        transform: translateY(-45%)
    }
}

@media(min-width: 1280px) {
    .csr_hero {
        max-width:1920px;
        float: none;
        margin-right: auto;
        margin-left: auto;
        height: 80%;
        padding: 0
    }

    .csr_hero__valign {
        max-width: 33%
    }

    .csr_hero--csr_project .csr_hero__valign {
        max-width: 50%
    }
}

@media screen and (max-width: 767px) {
    .csr_hero {
        background-image:none !important
    }
}

.csr_project_contact {
    background-color: #f4f2ef;
    width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    padding: 4em 0
}

.csr_project_contact__container {
    width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    color: #181d1e;
    overflow: hidden
}

.csr_project_contact__kicker {
    text-transform: uppercase;
    color: #444;
    margin-bottom: 1em
}

.csr_project_contact__text p {
    color: #444
}

@media(min-width: 1024px) {
    .csr_project_contact {
        padding:7em 0
    }

    .csr_project_contact__container {
        width: 100%;
        max-width: 100% !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        max-width: 960px;
        margin-left: auto;
        margin-right: auto
    }

    .csr_project_contact__container:after {
        content: "";
        display: table;
        clear: both
    }

    .csr_project_contact__container>*:nth-child(2n+1) {
        width: calc(57.1428571429%);
        float: left;
        clear: left;
        padding-left: 0;
        margin-left: 0
    }

    .csr_project_contact__container>*:nth-child(2n+2) {
        width: calc(42.8571428571%);
        float: left;
        clear: none;
        padding-right: 0;
        margin-right: 0
    }

    .csr_project_contact__project {
        display: inline-block;
        width: 33%
    }

    .csr_project_contact__project_logo {
        background-color: #1c2223;
        height: 250px;
        border-radius: 10px;
        text-align: center;
        padding: 1em
    }

    .csr_project_contact__project_logo img {
        height: 100%;
        float: none;
        margin-right: auto;
        margin-left: auto
    }
}

.csr_project_content {
    background-color: #fff;
    position: relative;
    color: #181d1e;
    width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    padding: 4em 0 0
}

.csr_project_content__container {
    overflow: hidden
}

.csr_project_content__anchor {
    position: absolute;
    top: 0;
    left: 0
}

.csr_project_content__text {
    color: #181d1e;
    width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 4em
}

.csr_project_content__text h2 {
    color: #181d1e
}

.csr_project_content__text li {
    list-style-type: none;
    font-weight: 400;
    margin-left: 1.5em;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 24px
}

.csr_project_content__text li:before {
    display: inline-block;
    content: "-";
    width: 1.5em;
    margin-left: -1.5em
}

.csr_project_content__headline {
    margin-bottom: 1em;
    color: #fff
}

.csr_project_content__image {
    background-position: center
}

.csr_project_content__image--csr_intro {
    background-image: url("https://www.fitx.de/img/block/desktop/csr_project_content/csr_intro.jpg");
    height: 240px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 0
}

.csr_project_content__image--csr_project {
    height: auto;
    background-repeat: no-repeat;
    background-size: cover
}

@media(min-width: 768px) {
    .csr_project_content__image {
        overflow:hidden;
        background-position: center;
        height: 480px
    }

    .csr_project_content__image--csr_intro {
        height: 535px
    }

    .csr_project_content__image--csr_intro {
        background-image: url("https://www.fitx.de/img/block/desktop/csr_project_content/csr_intro.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 0 0
    }

    .csr_project_content__image--csr_project {
        height: auto
    }

    .csr_project_content__text li {
        font-size: 18px;
        line-height: 28px
    }
}

@media(min-width: 1024px) {
    .csr_project_content {
        padding:7em 0
    }

    .csr_project_content__container {
        max-width: 100% !important;
        max-width: 960px;
        margin-left: auto;
        margin-right: auto;
        overflow: initial
    }

    .csr_project_content__container:after {
        content: "";
        display: table;
        clear: both
    }

    .csr_project_content__container>*:nth-child(2n+1) {
        width: calc(50%);
        float: left;
        clear: left;
        padding-left: 0;
        margin-left: 0
    }

    .csr_project_content__container>*:nth-child(2n+2) {
        width: calc(50%);
        float: left;
        clear: none;
        padding-right: 0;
        margin-right: 0
    }

    .csr_project_content__image {
        height: 480px;
        background-size: cover
    }

    .csr_project_content__image--csr_intro {
        height: 56em
    }

    .csr_project_content__image--csr_intro {
        background-image: url("https://www.fitx.de/img/block/desktop/csr_project_content/csr_intro.jpg");
        background-position: 0 0;
        background-repeat: no-repeat;
        background-size: contain
    }

    .csr_project_content__image--csr_project {
        border-radius: 5px;
        height: auto;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: 0 0;
        margin-bottom: 4em
    }

    .csr_project_content__text {
        padding: 0 4em;
        margin-bottom: 0
    }
}

@media(min-width: 1280px) {
    .csr_project_content li {
        font-size:18px;
        line-height: 28px
    }
}

@media(min-width: 1800px) {
    .csr_project_content li {
        font-size:18px;
        line-height: 28px
    }
}

.csr_projects {
    background-color: #fff;
    position: relative;
    padding: 4em 0
}

.csr_projects__container {
    color: #181d1e;
    width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden
}

.csr_projects__headline {
    padding: 0 5% 1em
}

.csr_projects__anchor {
    position: absolute;
    top: 0
}

.csr_projects__projects {
    overflow-x: scroll;
    overflow-y: hidden;
    padding-bottom: 1em;
    -webkit-overflow-scrolling: touch
}

.csr_projects__projects::-webkit-scrollbar,.csr_projects__projects::-webkit-scrollbar-track,.csr_projects__projects::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,0)
}

.csr_projects__projects_wrap {
    white-space: nowrap
}

.csr_projects__project {
    color: #fff;
    display: inline-block;
    width: 60vw;
    margin-left: 2.5%;
    text-align: left;
    white-space: normal
}

.csr_projects__project:first-child {
    margin-left: 5%
}

.csr_projects__project:last-child {
    margin-right: 5%
}

.csr_projects__project_logo {
    background-color: #1c2223;
    outline: none;
    width: 100%;
    height: 150px;
    position: relative;
    display: block;
    border-radius: 3px;
    background-size: cover;
    background-position: center
}

.csr_projects__project_text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.csr_projects__project_title {
    font-size: 1em;
    color: #181d1e !important;
    text-align: left;
    display: block;
    margin-top: .5em
}

.csr_projects__project_teaser {
    display: none
}

.csr_projects__project_cta {
    display: none
}

@media(min-width: 768px) {
    .csr_projects__project {
        width:40vw
    }

    .csr_projects__project_logo {
        height: 200px
    }

    .csr_projects__project_title {
        font-size: 1.4em
    }
}

@media(min-width: 1024px) {
    .csr_projects {
        padding:0
    }

    .csr_projects__container {
        padding: 0 0 7em;
        position: relative;
        overflow: initial
    }

    .csr_projects__anchor {
        top: -7em
    }

    .csr_projects__headline {
        padding: 0 0 1em
    }

    .csr_projects__projects {
        overflow: hidden
    }

    .csr_projects__project {
        width: 31.333333%
    }

    .csr_projects__project:first-child {
        margin-left: 0
    }

    .csr_projects__project:last-child {
        margin-right: 0
    }

    .csr_projects__project_logo {
        height: 240px
    }

    .csr_projects__project_title {
        display: block;
        padding: 0;
        margin-top: 1.5em
    }

    .csr_projects__projects_wrap {
        position: relative;
        transition: transform .6s
    }

    .csr_projects__button {
        display: block;
        opacity: 0;
        transition: opacity .2s;
        position: absolute;
        top: 25%;
        padding: 2em;
        background-color: #f5f5f5;
        border-radius: 50%;
        cursor: pointer
    }

    .csr_projects__button--left {
        left: -2em
    }

    .csr_projects__button--right {
        right: -2em
    }

    .csr_projects__arrow {
        width: .6em;
        height: .6em;
        border-bottom: 2px solid #181d1e;
        border-right: 2px solid #181d1e
    }

    .csr_projects__arrow--left {
        transform: rotateZ(135deg)
    }

    .csr_projects__arrow--right {
        transform: rotateZ(-45deg)
    }

    .csr_projects:hover .csr_projects__button {
        opacity: 1
    }

    .csr_projects:hover .csr_projects__button--hidden {
        opacity: 0
    }

    .csr_projects__project_cta {
        display: block
    }

    .csr_projects__project_text {
        min-height: 212px;
        display: block
    }

    .csr_projects__project_teaser {
        font-weight: 400;
        color: #444;
        padding: .5em 0 1em;
        display: block;
        min-height: 150px
    }
}

@media(min-width: 1280px) {
    .csr_projects {
        float:none;
        margin-right: auto;
        margin-left: auto
    }

    .csr_projects__project_teaser {
        min-height: 110px
    }
}

@media(min-width: 1800px) {
    .csr_projects__project_teaser {
        min-height:110px
    }

    .csr_projects__project_text {
        min-height: 170px
    }
}

.cta_group {
    text-align: center;
    max-width: 295px;
    float: none;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 2em;
    width: 100%
}

.cta_group a {
    margin: 0 auto 1em;
    width: 100%
}

.cta_group--fullwidth {
    max-width: 100%
}

@media(min-width: 768px) {
    .cta_group {
        max-width:960px;
        margin-left: auto;
        margin-right: auto;
        max-width: 600px;
        margin-bottom: 7em;
        width: 100%
    }

    .cta_group:after {
        content: "";
        display: table;
        clear: both
    }

    .cta_group>*:nth-child(2n+1) {
        width: calc(50% - 10px - 10px + 5px + 5px);
        float: left;
        margin: 10px;
        clear: left;
        margin-left: 0
    }

    .cta_group>*:nth-child(2n+2) {
        width: calc(50% - 10px - 10px + 5px + 5px);
        float: left;
        margin: 10px;
        clear: none;
        margin-right: 0
    }

    .cta_group--single {
        max-width: 960px;
        margin-left: auto;
        margin-right: auto;
        max-width: 300px
    }

    .cta_group--single:after {
        content: "";
        display: table;
        clear: both
    }

    .cta_group--single>*:nth-child(1n+1) {
        width: calc(100%);
        float: left;
        clear: left;
        margin-left: 0;
        margin-right: 0
    }

    .cta_group a {
        margin-bottom: 0
    }
}

.cta_paragraph {
    padding: 4em 5%;
    text-align: center
}

.cta_paragraph--blue {
    background-color: #35484f;
    color: #fff
}

.cta_paragraph--grey {
    background-color: #f4f2ef
}

.cta_paragraph--desktoponly {
    display: none
}

.cta_paragraph__image_wrap {
    margin-bottom: 1em
}

.cta_paragraph__headline {
    font-size: 24px
}

.cta_paragraph__subheadline {
    font-size: 16px
}

.cta_paragraph__text {
    margin: 1.5em 0;
    font-size: 16px;
    font-weight: 300
}

.cta_paragraph__cta {
    margin-top: 2.5em
}

@media(min-width: 1024px) {
    .cta_paragraph--mobileonly {
        display:none
    }

    .cta_paragraph--desktoponly {
        display: block
    }

    .cta_paragraph--embedded {
        height: 100%;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: left;
        -moz-align-items: left;
        -ms-align-items: left;
        align-items: left;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center;
        text-align: left;
        padding: 0 7%
    }

    .cta_paragraph--embedded .cta_paragraph__cta {
        margin-top: 0
    }

    .cta_paragraph--fullwidth {
        padding: 7em 0
    }

    .cta_paragraph--fullwidth .cta_paragraph__content {
        max-width: 700px;
        margin: 0 auto
    }

    .cta_paragraph__image_wrap {
        display: none
    }

    .cta_paragraph__headline {
        font-size: 28px;
        line-height: 38px
    }

    .cta_paragraph__subheadline {
        font-size: 20px;
        line-height: 30px
    }

    .cta_paragraph__text {
        font-size: 18px;
        line-height: 28px
    }
}

@media(min-width: 1280px) {
    .cta_paragraph__image_wrap {
        display:block
    }

    .cta_paragraph__headline {
        font-size: 48px;
        line-height: 56px
    }

    .cta_paragraph__subheadline {
        font-size: 24px;
        line-height: 32px
    }
}

.cta {
    font-size: 16.8px;
    padding: 17px;
    line-height: 1;
    border-radius: 26px;
    text-align: center;
    background-color: #ed6a12;
    display: inline-block;
    width: 100%;
    color: #fff;
    transition: background-color .3s;
    outline: none;
    border: 0;
    font-weight: normal;
    cursor: pointer;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.cta:visited,.cta:active,.cta:hover {
    color: #fff
}

.cta:hover {
    background-color: #f18841
}

.cta--disabled {
    background-color: #f5f5f5;
    color: #999;
    cursor: default
}

.cta--disabled:visited,.cta--disabled:active,.cta--disabled:hover {
    background-color: #f5f5f5;
    color: #999;
    cursor: default
}

.cta--white {
    background-color: #fff;
    color: #181d1e
}

.cta--white:visited,.cta--white:active,.cta--white:hover {
    color: #181d1e
}

.cta--white:hover {
    background-color: #f5f5f5
}

.cta--white--disabled {
    background-color: #f5f5f5;
    color: #999;
    cursor: default
}

.cta--white--disabled:visited,.cta--white--disabled:active,.cta--white--disabled:hover {
    background-color: #f5f5f5;
    color: #999;
    cursor: default
}

.cta--link {
    font-weight: 400;
    background-color: rgba(0,0,0,0);
    color: #444;
    text-decoration: underline
}

.cta--link:hover {
    background-color: rgba(0,0,0,0);
    color: #181d1e
}

.cta--link:active {
    background-color: rgba(0,0,0,0);
    color: #181d1e
}

.cta--dark {
    background-color: #181d1e;
    color: #fff
}

.cta--dark:visited,.cta--dark:active,.cta--dark:hover {
    color: #fff
}

.cta--dark:hover {
    background-color: #363636
}

.cta--dark--disabled {
    background-color: #363636;
    color: #999;
    cursor: default
}

.cta--dark--disabled:visited,.cta--dark--disabled:active,.cta--dark--disabled:hover {
    background-color: #363636;
    color: #999;
    cursor: default
}

.cta--ghost {
    padding: 15px;
    background-color: rgba(0,0,0,0);
    border: 2px solid #fff;
    color: #fff
}

.cta--ghost:visited,.cta--ghost:active,.cta--ghost:hover {
    color: #fff
}

.cta--ghost:hover {
    background-color: #363636;
    border: 2px solid #fff
}

.cta--ghost--disabled {
    padding: 15px;
    color: #999;
    border: 2px solid #444;
    background-color: rgba(0,0,0,0);
    cursor: default
}

.cta--ghost--disabled:visited,.cta--ghost--disabled:active,.cta--ghost--disabled:hover {
    color: #999;
    border: 2px solid #444;
    background-color: rgba(0,0,0,0);
    cursor: default
}

.cta--dark-ghost {
    padding: 15px;
    background-color: rgba(0,0,0,0);
    border: 2px solid #181d1e;
    color: #181d1e
}

.cta--dark-ghost:visited,.cta--dark-ghost:active,.cta--dark-ghost:hover {
    color: #181d1e
}

.cta--dark-ghost:hover {
    background-color: #f5f5f5;
    border: 2px solid #181d1e
}

.cta--dark-ghost--disabled {
    padding: 15px;
    color: #999;
    border: 2px solid #eee;
    background-color: rgba(0,0,0,0);
    cursor: default
}

.cta--dark-ghost--disabled:visited,.cta--dark-ghost--disabled:active,.cta--dark-ghost--disabled:hover {
    color: #999;
    border: 2px solid #eee;
    background-color: rgba(0,0,0,0);
    cursor: default
}

.cta--arrow {
    width: auto !important;
    min-width: auto !important;
    height: auto !important;
    padding: 0;
    text-align: left;
    line-height: initial;
    text-align: left;
    display: block;
    outline: none;
    font-size: 18px;
    font-weight: normal;
    border: none;
    background-color: initial;
    color: #ed6a12 !important;
    border-radius: 0;
    background-image: url("https://www.fitx.de/img/block/shared/icon/icon-orange-next.svg");
    background-repeat: no-repeat;
    background-position: right 5px center;
    padding-right: 2em;
    transition: background-position .2s cubic-bezier(0.4, 0, 1, 1)
}

.cta--arrow:hover {
    background-color: initial;
    border: none;
    color: #f18841 !important;
    background-position: right 0 center;
    transition: background-position .2s cubic-bezier(0.4, 0, 1, 1)
}

.cta--play {
    background-image: url("https://www.fitx.de/img/block/shared/icon/play_icon.svg");
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: 10% center;
    padding-left: 20px
}

.cta--small {
    min-width: 120px;
    font-size: 14px;
    border-radius: 100px;
    padding: 9px 20px
}

.cta--dark-ghost.cta--small,.cta--dark-ghost--disabled.cta--small {
    padding: 8px;
    border-width: 1px
}

.cta--search {
    background-image: url("https://www.fitx.de/img/block/shared/icon/search_white.svg");
    background-position: 10px center;
    background-repeat: no-repeat;
    padding: 9px 16px 9px 34px;
    background-size: 16px;
    opacity: 0
}

.cta--search:hover {
    background-color: rgba(255,255,255,.3)
}

.cta--search.cta--active {
    opacity: 1;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in
}

@media(min-width: 768px) {
    .cta {
        font-size:18px;
        width: auto;
        min-width: auto
    }

    .cta--small {
        font-size: 16px
    }
}

@media(min-width: 1280px) {
    .cta {
        min-width:295px;
        border-radius: 100px
    }

    .cta--wider {
        padding-left: 30px;
        padding-right: 30px
    }

    .cta--small {
        min-width: 120px
    }

    .cta--search {
        background-image: url("https://www.fitx.de/img/block/shared/icon/search_white.svg");
        background-position: 19px center;
        background-repeat: no-repeat;
        padding: 15px 30px 15px 50px;
        background-size: 18px;
        min-width: auto
    }
}

.cutout_bg_text {
    background-color: #fff;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: #f3f2ee;
    background-position: center bottom;
    color: #181d1e;
    padding: 2em 0 400px;
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    margin: 50px auto;
    border-radius: 10px
}

.cutout_bg_text__container {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.cutout_bg_text__headline {
    font-size: 24px;
    line-height: 36px;
    font-weight: normal
}

.cutout_bg_text__text p {
    font-size: 16px;
    line-height: 28px
}

@media(min-width: 768px) {
    .cutout_bg_text {
        padding:7em 0;
        max-width: 1920px;
        background-size: cover;
        background-position: -300px bottom;
        background-repeat: no-repeat;
        margin: 0 auto 66px;
        border-radius: 0
    }

    .cutout_bg_text .container {
        height: 100%
    }

    .cutout_bg_text__container {
        width: 90% !important;
        max-width: 1280px !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: left;
        height: 100%;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row-reverse;
        -moz-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center
    }

    .cutout_bg_text__text {
        width: 60%
    }

    .cutout_bg_text__text p {
        font-size: 16px;
        color: #444
    }

    .cutout_bg_text__headline {
        font-size: 32px;
        line-height: 38px;
        font-weight: normal;
        color: #181d1e
    }
}

@media(min-width: 1024px) {
    .cutout_bg_text {
        background-position:-300px bottom;
        background-repeat: no-repeat;
        margin-bottom: 66px
    }

    .cutout_bg_text .container {
        height: 100%
    }

    .cutout_bg_text__container {
        width: 90% !important;
        max-width: 1280px !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: left;
        height: 100%;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row-reverse;
        -moz-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center
    }

    .cutout_bg_text__text {
        width: 60%
    }

    .cutout_bg_text__text p {
        font-size: 18px;
        color: #444
    }

    .cutout_bg_text__headline {
        font-size: 32px;
        line-height: 38px;
        font-weight: normal;
        color: #181d1e
    }
}

@media(min-width: 1024px) {
    .cutout_bg_text {
        background-position:-180px bottom
    }
}

@media(min-width: 1280px) {
    .cutout_bg_text {
        padding:7em 0;
        max-width: 1920px;
        background-size: contain;
        background-position: center bottom;
        background-repeat: no-repeat;
        margin-bottom: 66px
    }

    .cutout_bg_text .container {
        height: 100%
    }

    .cutout_bg_text__container {
        width: 90% !important;
        max-width: 1280px !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: left;
        height: 100%;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row-reverse;
        -moz-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center
    }

    .cutout_bg_text__text {
        width: 50%;
        font-size: 18px;
        color: #444
    }

    .cutout_bg_text__headline {
        font-size: 48px;
        line-height: 56px;
        font-weight: normal;
        color: #181d1e
    }
}

@media(min-width: 1800px) {
    .cutout_bg_text {
        height:730px
    }
}

@media screen and (min-width: 1921px) {
    .cutout_bg_text {
        border-radius:10px
    }
}

.cutout_overlap_hero__container {
    width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    margin-top: 73px;
    overflow: auto;
    background-color: #35484f;
    padding: 4em 0 0;
    text-align: center;
    position: relative
}

.cutout_overlap_hero__img_container {
    background-image: url("https://www.fitx.de/img/block/desktop/cutout_overlap_hero/bg.jpg");
    background-repeat: repeat-x;
    background-position: 0;
    background-size: contain
}

.cutout_overlap_hero__img {
    width: 85%
}

.cutout_overlap_hero__headline {
    color: #fff;
    font-weight: bold;
    font-size: 32px;
    line-height: 36px;
    margin-bottom: 1em;
    width: 250px;
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.cutout_overlap_hero__subline p {
    color: #fff;
    font-weight: normal;
    font-size: 14px;
    line-height: 34px;
    width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    text-transform: uppercase;
    margin-bottom: .5em
}

.cutout_overlap_hero__subline a {
    color: #fff;
    border-bottom: 2px solid #fff
}

.cutout_overlap_hero__cta {
    width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 4em
}

.cutout_overlap_hero__cta .cta {
    width: 284px
}

.cutout_overlap_hero__anchor {
    display: block;
    font-weight: 400;
    margin-top: 20px;
    text-decoration: underline;
    font-size: 16px;
    color: #ccc
}

.cutout_overlap_hero__anchor:visited,.cutout_overlap_hero__anchor:active,.cutout_overlap_hero__anchor:hover {
    color: #ccc;
    text-decoration: underline
}

.cutout_overlap_hero .teaser {
    width: 132px;
    height: 190px;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 50%
}

.cutout_overlap_hero__sales_badge {
    position: absolute;
    display: block;
    width: 132px;
    height: 190px;
    left: 50%
}

.cutout_overlap_hero .cutout_overlap_hero__sales_badge {
    cursor: pointer
}

@media(min-width: 768px) {
    .cutout_overlap_hero__headline {
        width:auto;
        font-size: 52px;
        line-height: 52px;
        max-width: 500px;
        margin-bottom: 1em;
        line-height: initial
    }

    .cutout_overlap_hero__img {
        width: 60%;
        max-width: 625px
    }

    .cutout_overlap_hero .teaser {
        width: 192px;
        height: 350px
    }

    .cutout_overlap_hero__sales_badge {
        width: 160px;
        height: 160px
    }
}

@media(min-width: 1024px) {
    .cutout_overlap_hero__container {
        padding:7em 0 0
    }

    .cutout_overlap_hero__headline {
        font-size: 72px;
        line-height: 72px;
        max-width: 840px;
        margin-bottom: 45px
    }

    .cutout_overlap_hero__subline p {
        font-size: 18px;
        line-height: 34px;
        margin-bottom: 1em
    }

    .cutout_overlap_hero__img {
        width: 40%
    }
}

@media(min-width: 1800px) {
    .cutout_overlap_hero__img {
        width:33%
    }

    .cutout_overlap_hero__headline {
        font-size: 72px;
        line-height: 72px;
        margin-bottom: 45px
    }

    .cutout_overlap_hero__subline p {
        font-size: 18px;
        line-height: 34px;
        margin-bottom: 1em
    }

    .cutout_overlap_hero .teaser {
        width: 200px;
        margin-top: 30px;
        left: 50%
    }

    .cutout_overlap_hero__sales_badge {
        width: 200px;
        height: 200px;
        margin-top: 30px;
        left: 50%
    }
}

.data_protection {
    background: #fff;
    overflow: hidden;
    margin-top: 73px;
    padding: 3em 0
}

.data_protection h2 {
    margin: 1em 0 .3em 0
}

.data_protection h4 {
    font-size: 140% !important;
    line-height: 160% !important;
    font-weight: 400 !important
}

.data_protection a {
    color: #ed6a12;
    font-size: 16px;
    line-height: 28px;
    word-wrap: break-word
}

.data_protection li {
    list-style-type: disc;
    list-style-position: inside;
    padding-left: 1em;
    font-size: 16px;
    font-weight: 300
}

.data_protection ul {
    margin-bottom: 2em
}

.data_protection__container {
    width: 85%;
    max-width: 1280px;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.data_protection__headline {
    font-size: 26px;
    line-height: 44px;
    margin-bottom: 1em
}

.data_protection .CookieDeclaration>:not(.CookieDeclarationLastUpdated):not(.CookieDeclarationType) {
    display: none
}

@media(min-width: 768px) {
    .data_protection {
        padding:7em 0
    }

    .data_protection a,.data_protection li {
        font-size: 18px
    }

    .data_protection__headline {
        font-size: 36px;
        line-height: 44px
    }
}

.datepicker__selects {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.datepicker .form__element_text--valid~.datepicker__selects,.datepicker .form__element_text--invalid~.datepicker__selects {
    width: calc(100% - 30px)
}

.datepicker__select {
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-basis: 0;
    -moz-flex-basis: 0;
    -ms-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    font-family: Niveau,sans-serif;
    padding: 10px 22px 3px 1px;
    background: rgba(0,0,0,0);
    color: #717171;
    border: none;
    border-bottom: 1px solid #525252;
    border-radius: 0;
    font-weight: 400;
    font-size: 1.1em;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    outline: none;
    margin: 0 4px
}

.datepicker__select option {
    font-weight: 400;
    color: #1c2223;
    background-color: #fff
}

.datepicker__select:focus {
    color: #fff;
    border-bottom: 1px solid #f5f5f5
}

.datepicker__select option[selected] {
    color: #717171
}

.datepicker__select--selected {
    color: #fff
}

.datepicker__select:first-child {
    margin-left: 0
}

.datepicker__select:last-child {
    margin-right: 0
}

.datepicker__select:-moz-focusring {
    color: rgba(0,0,0,0);
    text-shadow: 0 0 0 #444
}

.datepicker__select::-ms-expand {
    display: none
}

.dgw_gallery {
    padding: 4em 0;
    color: #f5f5f5;
    background-color: #181d1e;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
}

.dgw_gallery__intro {
    text-align: center;
    float: none;
    margin-right: auto;
    margin-left: auto;
    margin-left: auto;
    margin-right: auto
}

.dgw_gallery__image {
    width: 100%;
    padding-top: 38%;
    padding-bottom: 38%;
    color: #f5f5f5;
    text-transform: uppercase;
    text-shadow: 0 0 3px rgba(0,0,0,.5);
    text-align: center;
    background-size: cover;
    background-position: center
}

.dgw_gallery__image--large {
    padding-top: 55%;
    padding-bottom: 2em
}

.dgw_gallery__cta {
    padding: 2em 0
}

.dgw_gallery__cta a {
    width: 85%;
    font-size: 14px;
    overflow: hidden;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.dgw_gallery__cta>div {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.dgw_gallery .swap_gallery__frame:nth-child(n+2) .dgw_gallery__text {
    box-shadow: inset 0 0 1000px rgba(0,0,0,.4);
    font-size: 20px
}

.dgw_gallery__image {
    padding-top: 0;
    padding-bottom: 0;
    height: 100%;
    line-height: 140px
}

.dgw_gallery__image--large {
    height: 100%;
    position: relative
}

.dgw_gallery__image--large .dgw_gallery__text_container {
    width: 100%;
    height: 20.6%;
    background: inherit;
    position: absolute;
    overflow: hidden;
    bottom: 0;
    left: 0
}

.dgw_gallery__image--large .dgw_gallery__text_container:before {
    width: 100%;
    height: 480%;
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    background: inherit;
    box-shadow: inset 0 0 0 100px rgba(0,0,0,.3);
    filter: blur(2px);
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -o-filter: blur(2px);
    -ms-filter: blur(2px);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius="2");
    width: calc(100% + 8px);
    height: calc(480% + 4px);
    bottom: -4px;
    right: -4px
}

.dgw_gallery__image--large .dgw_gallery__text {
    position: inherit;
    font-size: 25px;
    height: 100%;
    width: 100%;
    padding-top: 8em;
    line-height: 2em;
    text-align: center
}

@media(min-width: 480px) {
    .dgw_gallery {
        max-width:85%
    }
}

@media(min-width: 768px) {
    .dgw_gallery__intro {
        max-width:85%;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .dgw_gallery__swap_gallery {
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .dgw_gallery__cta a {
        width: 380px;
        font-size: 15px
    }

    .dgw_gallery__cta>div {
        max-width: 100%;
        float: none;
        margin-right: auto;
        margin-left: auto
    }
}

@media(min-width: 1024px) {
    .dgw_gallery {
        padding:7em 0
    }

    .dgw_gallery__intro {
        max-width: 66%;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .dgw_gallery__swap_gallery {
        margin-top: 60px;
        margin-bottom: 30px;
        height: 420px
    }

    .dgw_gallery .swap_gallery__frame:first-child .dgw_gallery__text {
        line-height: 5.5em;
        padding-top: 12.3em
    }
}

@media(min-width: 1280px) {
    .dgw_gallery__swap_gallery {
        max-width:100%
    }
}

body[data-controller=tourdex_conditions] {
    background-color: #fff
}

body[data-controller=tourdex_conditions] h1 {
    margin: 0 0 14px 0
}

body[data-controller=kursevent_conditions],body[data-controller=arborea_conditions] {
    background-color: #fff
}

.dgw_header {
    padding-top: 73px;
    padding-bottom: 2em;
    color: #f5f5f5
}

.dgw_header__bringafriend {
    padding-top: 80px !important
}

.dgw_header__wm,.dgw_header__tourdex_conditions {
    padding-bottom: 0
}

.dgw_header__container {
    max-width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    text-align: center
}

.dgw_header__wm_container {
    background-image: url("https://www.fitx.de/img/block/mobile/dgw_header/bg.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    height: 60vh;
    background-color: #fff
}

@media(min-width: 768px) {
    .dgw_header__wm_container {
        background-image:url("https://www.fitx.de/img/block/desktop/dgw_header/bg.jpg")
    }
}

.dgw_header__tourdex_conditions_container {
    background-image: url("https://www.fitx.de/img/block/shared/course_info/illustration-tour-de-x.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    height: 36vh;
    margin: 4em 0;
    background-color: #fff
}

.dgw_header__kursevent_conditions_container {
    background-image: url("https://www.fitx.de/img/block/shared/dgw_header/hero.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    height: 36vh;
    margin: 4em 0;
    background-color: #fff
}

.dgw_header__headline_wrap {
    position: relative;
    margin-bottom: 0;
    text-align: center;
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.dgw_header__headline {
    border: 5px solid #ed6a12;
    padding: 14px 1em;
    display: inline-block
}

.dgw_header__subheadline {
    width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    margin-bottom: 1em
}

.dgw_header__subheadline_text {
    margin-bottom: 0
}

.dgw_header__hashtag {
    width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    font-size: 1.4em;
    font-weight: 700;
    text-transform: uppercase
}

.dgw_header__icon {
    width: 90px;
    height: 80px;
    background-color: #181d1e;
    background-image: url("https://www.fitx.de/img/block/shared/icon/trainingareas/course_room.svg");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

.dgw_header__icon--barbell {
    background-image: url("https://www.fitx.de/img/block/shared/dgw_header/barbell.svg")
}

.dgw_header__icon--bear {
    background-image: url("https://www.fitx.de/img/block/shared/dgw_header/bear.svg")
}

.dgw_header__icon--bottles {
    background-image: url("https://www.fitx.de/img/block/shared/dgw_header/bottles.svg")
}

.dgw_header__icon--donutbra {
    background-image: url("https://www.fitx.de/img/block/shared/dgw_header/donutbra.svg")
}

.dgw_header__icon--girls {
    background-image: url("https://www.fitx.de/img/block/shared/dgw_header/girls.svg")
}

.dgw_header__icon--finger {
    background-image: url("https://www.fitx.de/img/block/shared/dgw_header/finger.svg")
}

.dgw_header__icon--heart {
    background-image: url("https://www.fitx.de/img/block/shared/dgw_header/heart.svg")
}

.dgw_header__icon--shoe {
    background-image: url("https://www.fitx.de/img/block/shared/dgw_header/shoe.svg")
}

.dgw_header__icon--airwalk {
    background-image: url(/img/block/shared/bringafriend/bring_a_friend_week.svg);
    width: 100%;
    background-color: rgba(0,0,0,0);
    text-indent: -9000px;
    margin: 0 auto
}

.dgw_header__icon--donutbra {
    top: -56px !important
}

.dgw_header__cta a {
    width: 85%;
    font-size: 14px;
    overflow: hidden;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.dgw_header__cta>div {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.dgw_header__hardfacts {
    margin-top: 1em
}

@media(min-width: 768px) {
    .dgw_header__bringafriend {
        padding-top:130px !important
    }

    .dgw_header__container {
        max-width: 85%;
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: center
    }

    .dgw_header__headline {
        max-width: 85%;
        font-size: 42px;
        line-height: 50px;
        padding: 24px 1em
    }

    .dgw_header__subheadline {
        max-width: 85%;
        margin: 2em auto
    }

    .dgw_header__subheadline_text {
        font-size: 19px;
        line-height: 26px;
        font-weight: 300
    }

    .dgw_header__cta .cta {
        width: 380px;
        font-size: 15px
    }

    .dgw_header__cta>div {
        max-width: 100%;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .dgw_header__icon {
        width: 130px;
        height: 120px;
        top: -90px
    }

    .dgw_header__icon--donutbra {
        top: -82px !important
    }

    .dgw_header__icon--shoe {
        width: 140px
    }

    .dgw_header__icon--bear {
        width: 120px
    }

    .dgw_header__icon--airwalk {
        background-image: url(/img/block/shared/bringafriend/bring_a_friend_week.svg);
        width: 560px
    }
}

@media(min-width: 1024px) {
    .dgw_header__container {
        max-width:85%
    }
}

@media(min-width: 1280px) {
    .dgw_header__container {
        max-width:90%
    }

    .dgw_header__subheadline {
        max-width: 85%
    }
}

@media(min-width: 1800px) {
    .dgw_header__container {
        max-width:85%;
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: center
    }

    .dgw_header__subheadline {
        max-width: 66%;
        margin: 2em auto
    }

    .dgw_header__subheadline_text {
        font-size: 22px;
        line-height: 30px;
        font-weight: 300
    }
}

.downtime {
    max-width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    background-color: #fff;
    color: #181d1e;
    text-align: center;
    padding: 73px 0
}

.downtime__container {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    text-align: center
}

.downtime__headline {
    font-size: 24px;
    line-height: 33px
}

.downtime__text p {
    color: #444;
    font-size: 14px;
    line-height: 20px
}

.downtime__lottie {
    width: 270px;
    height: 270px;
    margin: 30px auto
}

@media(min-width: 768px) {
    .downtime {
        display:-ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
        height: 100%;
        padding: 73px 0
    }

    .downtime__container {
        width: 90% !important;
        max-width: 1280px !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center
    }

    .downtime__lottie {
        width: 330px;
        height: 330px;
        margin: 0 auto
    }

    .downtime__cta .cta {
        min-width: 295px
    }
}

@media(min-width: 1024px) {
    .downtime {
        display:-ms-flexbox;
        display: -webkit-flex;
        display: flex;
        height: 100%
    }

    .downtime__container {
        text-align: left;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row-reverse;
        -moz-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: space-between;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center
    }

    .downtime__headline {
        font-size: 34px;
        line-height: 43px
    }

    .downtime__text {
        margin-bottom: 30px
    }

    .downtime__text p {
        font-size: 22px;
        line-height: 36px;
        color: #444
    }
}

@media(min-width: 1800px) {
    .downtime__lottie {
        width:430px;
        height: 430px;
        margin-bottom: 0
    }

    .downtime__headline {
        font-size: 56px;
        line-height: 72px
    }

    .downtime__text {
        margin-bottom: 60px
    }
}

.email_verification_result {
    max-width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    background-color: #fff;
    margin-top: 73px;
    color: #181d1e;
    text-align: center;
    padding: 2em 0
}

.email_verification_result__container {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    text-align: left
}

.email_verification_result__headline {
    font-size: 28px;
    line-height: 24px;
    font-weight: normal;
    color: #444;
    margin-bottom: 2em
}

.email_verification_result__headline_container {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: start;
    -moz-align-items: start;
    -ms-align-items: start;
    align-items: start
}

.email_verification_result__headline_container img {
    display: none;
    margin: 2em 0
}

.email_verification_result__notice {
    background-color: #27ae60;
    padding: 20px 20px 20px 55px;
    margin-bottom: 2em;
    border-radius: 5px;
    color: #fff;
    font-size: 18px;
    background-image: url("https://www.fitx.de/img/block/shared/icon/check_white.svg");
    background-repeat: no-repeat;
    background-size: 23px;
    background-position: 20px 20px;
    line-height: 1.2
}

.email_verification_result__notice--error {
    background-color: #e83623;
    background-image: url("https://www.fitx.de/img/block/shared/icon/close_info_red.svg")
}

.email_verification_result__column p {
    color: #444
}

.email_verification_result__column .cta {
    width: 100% !important
}

.email_verification_result__column_image {
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100px;
    margin-bottom: 1em
}

.email_verification_result__column_image--sign {
    background-image: url("https://www.fitx.de/img/block/shared/email_verification_result/sign.svg")
}

.email_verification_result__column_image--train {
    background-image: url("https://www.fitx.de/img/block/shared/email_verification_result/train.svg")
}

.email_verification_result__column_img {
    width: 80%;
    height: auto;
    margin: 2em auto
}

.email_verification_result__column_text h3 {
    color: #444
}

.email_verification_result__column_text b {
    color: #00ae90;
    display: block;
    margin: 1em 0 0
}

.email_verification_result__column_text b::before {
    content: "Aktion";
    color: #fff;
    background-color: #00ae90;
    padding: 4px 0;
    border-radius: 3px;
    font-size: .8em;
    line-height: 1;
    display: block;
    width: 65px;
    text-align: center
}

@media(min-width: 768px) {
    .email_verification_result {
        padding:2em 0 4em
    }

    .email_verification_result__container {
        width: 90% !important;
        max-width: 1280px !important;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .email_verification_result__headline {
        font-size: 27px;
        line-height: 40px;
        margin-bottom: 3em
    }

    .email_verification_result__headline_container img {
        display: block;
        margin: 2em 3em
    }

    .email_verification_result__notice {
        padding: 25px 25px 25px 60px;
        background-size: 23px;
        background-position: 25px 25px
    }

    .email_verification_result__columns {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: space-between
    }

    .email_verification_result__columns--error {
        margin: 7em 0
    }

    .email_verification_result__column {
        width: 46%;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: space-between
    }

    .email_verification_result__column--noflex {
        display: block
    }

    .email_verification_result__column--noflex_image {
        text-align: center
    }

    .email_verification_result__column .cta {
        width: 295px !important
    }

    .email_verification_result__column_image {
        width: 35%;
        background-repeat: no-repeat;
        background-size: contain;
        height: auto;
        max-height: 217px
    }

    .email_verification_result__column_image--sign {
        background-image: url("https://www.fitx.de/img/block/shared/email_verification_result/sign.svg")
    }

    .email_verification_result__column_image--train {
        background-image: url("https://www.fitx.de/img/block/shared/email_verification_result/train.svg")
    }

    .email_verification_result__column_img {
        margin: 0 auto
    }

    .email_verification_result__column_text {
        width: 55%
    }

    .email_verification_result__column_text h3 {
        color: #444
    }

    .email_verification_result__column_text b {
        color: #00ae90;
        display: block;
        margin: 1em 0 0
    }

    .email_verification_result__column_text b::before {
        content: "Aktion";
        color: #fff;
        background-color: #00ae90;
        padding: 4px 0;
        border-radius: 3px;
        font-size: .8em;
        line-height: 1;
        display: block;
        width: 65px;
        text-align: center
    }
}

@media(min-width: 1024px) {
    .email_verification_result__headline {
        font-size:32px;
        line-height: 40px
    }
}

@media(min-width: 1280px) {
    .email_verification_result__headline {
        font-size:36px;
        line-height: 50px
    }
}

.emergency_notice {
    background-color: #fdedd4;
    border-top: 9px solid #ed6a12;
    border-radius: 5px;
    color: #444;
    display: none
}

.emergency_notice--visible {
    display: block
}

.emergency_notice--break {
    white-space: normal
}

.emergency_notice--top {
    margin-top: 73px;
    border-top: none;
    border-radius: 0
}

.emergency_notice__container {
    padding: 1em 1em 1.2em 3em;
    background-image: url("https://www.fitx.de/img/block/shared/icon/icon-orange-info.svg");
    background-size: 17px;
    background-repeat: no-repeat;
    background-position: 2.5% 1em;
    max-width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.emergency_notice__headline {
    font-size: 15px;
    font-weight: bold;
    display: inline-block;
    line-height: 1.4
}

.emergency_notice__text {
    display: inline-block;
    color: #181d1e
}

.emergency_notice p {
    font-size: 14px;
    line-height: 1.4;
    margin-bottom: 1em;
    color: #181d1e;
    display: inline-block
}

.emergency_notice p:last-child {
    margin-bottom: 0
}

.emergency_notice__cta {
    font-size: 16px
}

@media(min-width: 768px) {
    .emergency_notice--top .emergency_notice__container {
        width:90%;
        padding: 1em 1em 1.2em 2.5em;
        background-position: 0 16px
    }

    .emergency_notice--top .emergency_notice__headline {
        font-size: 16px
    }

    .emergency_notice--top .emergency_notice__text {
        margin-left: 1em
    }

    .emergency_notice--top p {
        font-size: 16px
    }
}

@media(min-width: 1024px) {
    .emergency_notice--top .emergency_notice__container {
        width:90% !important;
        max-width: 1280px !important;
        position: relative
    }
}

.error {
    background-color: #1c2223;
    color: #f5f5f5;
    height: calc(100vh - 73px);
    min-height: calc(80vh - 73px)
}

.error__content {
    padding-top: 30%;
    text-align: center
}

.error__text {
    padding-top: 20px;
    float: none;
    margin-right: auto;
    margin-left: auto;
    width: 95%
}

.error__text h2 {
    font-size: 18px;
    line-height: 20px
}

.error__text h3 {
    text-transform: uppercase
}

.error__code {
    color: #717171
}

.error__image_wrapper {
    height: 250px;
    background-color: #1c2223
}

.error__springbirne {
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("https://www.fitx.de/img/block/shared/error/springbirne.svg")
}

@media(min-width: 768px) {
    .error__image_wrapper {
        height:350px
    }

    .error__text h2 {
        font-size: 34px;
        line-height: 30px;
        margin-bottom: 10px
    }

    .error__text h3 {
        font-size: 24px
    }
}

@media(min-width: 1024px) {
    .error__content {
        padding-top:10%
    }
}

.expansion_contact {
    background-color: #fff;
    padding: 4em 0 0;
    position: relative;
    padding-bottom: 4em
}

.expansion_contact__anchor {
    position: absolute;
    top: 0;
    left: 0
}

.expansion_contact__container {
    max-width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.expansion_contact__content {
    max-width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.expansion_contact__headline {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    display: block;
    text-align: left;
    color: #181d1e;
    margin-top: 0;
    font-size: 24px;
    font-weight: normal
}

.expansion_contact__kicker {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    display: block;
    text-align: left;
    font-size: 16px;
    line-height: 24px;
    font-weight: 300
}

.expansion_contact__subline {
    display: block;
    text-align: left;
    font-size: 24px;
    line-height: 36px;
    font-weight: normal
}

.expansion_contact__thankyou--hidden {
    display: none
}

.expansion_contact__error {
    color: #e83623;
    margin-top: 1em
}

.expansion_contact__error--hidden {
    display: none
}

.expansion_contact .form--hidden {
    display: none
}

.expansion_contact__content_form {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.expansion_contact__content_info {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    background-color: #f5f5f5;
    padding: 4em 5%;
    border-radius: 10px;
    color: #181d1e;
    height: fit-content
}

.expansion_contact__content_info__headline {
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 40px
}

.expansion_contact__content_info__picture {
    margin-right: 32px;
    width: 170px;
    height: auto;
    margin-bottom: 32px
}

.expansion_contact__content_info__text {
    font-size: 18px;
    line-height: 28px;
    mix-blend-mode: normal;
    opacity: .8
}

.expansion_contact__content_info__subheadline {
    font-weight: 500;
    display: block
}

.expansion_contact__content_info__subheadline--name {
    font-size: 20px;
    margin-bottom: 10px
}

.expansion_contact__content_info__email {
    color: #ed6a12;
    margin-bottom: 10px;
    display: block
}

.expansion_contact__content_info__notice {
    display: flex;
    align-items: flex-start;
    padding: .4em 0;
    color: #181d1e;
    mix-blend-mode: normal;
    opacity: .8
}

.expansion_contact__content_info__notice_icon {
    margin-right: 15px;
    margin-top: 5px
}

.expansion_contact__content_info__notice_icon>img {
    width: 15px
}

.expansion_contact__content_info__notice_text {
    font-weight: 400;
    font-size: 18px;
    line-height: 28px
}

.expansion_contact__recaptcha div>div>iframe {
    transition: border .5s
}

.expansion_contact__recaptcha--invalid div>div>iframe {
    border: 2px solid red
}

.expansion_contact__thankyou--hidden {
    display: none
}

.expansion_contact__error {
    color: #e83623;
    margin-top: 1em
}

.expansion_contact__error--hidden {
    display: none
}

.expansion_contact .form--hidden {
    display: none
}

@media(min-width: 768px) {
    .expansion_contact {
        padding:7em 0
    }

    .expansion_contact__container {
        max-width: 90%;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .expansion_contact__content {
        max-width: 100%;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .expansion_contact__subline {
        margin-bottom: 1em
    }
}

@media(min-width: 1024px) {
    .expansion_contact__container {
        width:90% !important;
        max-width: 1280px;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .expansion_contact__content {
        width: 100% !important;
        max-width: 100% !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: space-between
    }

    .expansion_contact__content_info {
        border-radius: 20px;
        padding: 50px;
        width: 48%
    }

    .expansion_contact__content_info__picture {
        float: left;
        margin-bottom: 0
    }

    .expansion_contact__content_form {
        width: 48%;
        float: none;
        margin-left: 0;
        padding-bottom: 0
    }

    .expansion_contact__headline {
        float: none;
        margin-right: auto;
        margin-left: auto;
        max-width: 100%;
        font-size: 48px;
        margin-bottom: 25px
    }

    .expansion_contact__kicker {
        max-width: 100%;
        font-size: 22px;
        line-height: 34px
    }

    .expansion_contact__subline {
        font-size: 28px;
        line-height: 36px
    }
}

.expansion_locations {
    background-color: #fff;
    padding: 4em 0 0;
    position: relative
}

.expansion_locations__container {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    background: #24353f;
    border-radius: 20px;
    padding-bottom: 50px
}

.expansion_locations__headline {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    display: block;
    text-align: center;
    color: #fff;
    font-size: 24px;
    line-height: 32px;
    font-weight: normal;
    padding: 30px 0
}

.expansion_locations__content {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap
}

.expansion_locations__accordion {
    width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.expansion_locations__accordion .accordion-item .accordion-header {
    cursor: pointer;
    color: #fff;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    padding: 20px 10px;
    border-bottom: 1px solid #647a84;
    display: flex;
    justify-content: space-between;
    align-items: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.expansion_locations__accordion .accordion-item .accordion-arrow {
    float: right;
    width: 10px;
    height: 10px;
    border-right: 2px solid #ed6a12;
    border-top: 2px solid #ed6a12;
    margin-right: 1em;
    transform: rotateZ(135deg);
    transform-origin: 5px 5px;
    transition: transform .3s
}

.expansion_locations__accordion .accordion-item .accordion-content {
    display: none;
    max-width: 90%;
    color: #fff;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    padding: 10px
}

.expansion_locations__accordion .accordion-item.active .accordion-arrow {
    transform: rotateZ(-45deg)
}

.expansion_locations__accordion .accordion-item.active .accordion-header {
    border-bottom: none;
    padding-bottom: 0
}

.expansion_locations__accordion .accordion-item.active .accordion-content {
    display: block
}

@media(min-width: 768px) {
    .expansion_locations {
        padding:4em 0 0
    }

    .expansion_locations__container {
        max-width: 90%;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .expansion_locations__content {
        max-width: 100%;
        float: none;
        margin-right: auto;
        margin-left: auto
    }
}

@media(min-width: 1024px) {
    .expansion_locations {
        padding:7em 0
    }

    .expansion_locations__container {
        width: 90% !important;
        max-width: 1280px;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .expansion_locations__headline {
        float: none;
        margin-right: auto;
        margin-left: auto;
        max-width: 100%;
        font-size: 48px;
        line-height: 56px;
        padding: 50px 0
    }

    .expansion_locations__accordion .accordion-item .accordion-header {
        cursor: pointer;
        font-size: 28px;
        line-height: 26px
    }
}

.expansion_requirements {
    background-color: #fff;
    padding: 4em 0 0;
    position: relative
}

.expansion_requirements__container {
    max-width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.expansion_requirements__headline {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    display: block;
    text-align: center;
    color: #181d1e;
    margin-top: 0;
    font-size: 24px;
    font-weight: normal;
    margin-bottom: 50px
}

.expansion_requirements__content {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap
}

.expansion_requirements__item {
    width: 100%
}

.expansion_requirements__item>h3 {
    font-size: 18px;
    line-height: 21px;
    font-weight: 400;
    color: #181d1e;
    margin: 0;
    text-align: left
}

.expansion_requirements__item>p {
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    color: #444;
    text-align: left;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.expansion_requirements__cta {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    margin-top: 30px
}

.expansion_requirements__cta_button {
    display: inline-block;
    width: auto;
    background: #fff !important;
    border: solid 2px #181d1e;
    color: #181d1e !important;
    font-size: 16px;
    line-height: 16px;
    padding: 15px 53px
}

.expansion_requirements__cta_button:hover {
    background: #2d3132 !important;
    color: #fff !important
}

@media(min-width: 768px) {
    .expansion_requirements {
        padding:4em 0 0
    }

    .expansion_requirements__container {
        max-width: 90%;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .expansion_requirements__content {
        max-width: 100%;
        float: none;
        margin-right: auto;
        margin-left: auto
    }
}

@media(min-width: 1024px) {
    .expansion_requirements {
        padding:7em 0
    }

    .expansion_requirements__container {
        width: 90% !important;
        max-width: 1280px;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .expansion_requirements__headline {
        float: none;
        margin-right: auto;
        margin-left: auto;
        max-width: 100%;
        font-size: 48px;
        margin-bottom: 100px
    }

    .expansion_requirements__content {
        width: 75% !important;
        max-width: 75% !important;
        display: grid;
        grid-template-columns: 50% 50%
    }

    .expansion_requirements__item {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding-left: 25%
    }

    .expansion_requirements__item:nth-child(n+5) {
        justify-content: center
    }

    .expansion_requirements__item>h3 {
        font-size: 28px;
        line-height: 33px
    }

    .expansion_requirements__item>p {
        font-size: 18px;
        line-height: 28px
    }
}

.faq_accordion {
    font-size: 1.3em;
    font-weight: 400;
    overflow: hidden
}

.faq_accordion__drawer {
    border-bottom: 1px solid #ccc
}

.faq_accordion__drawer:last-child {
    border-bottom: none
}

.faq_accordion__content {
    padding-left: 1em;
    max-height: 0px;
    overflow: hidden;
    transition: max-height .3s
}

.faq_accordion__content--open {
    max-height: 1000px
}

.faq_accordion__label {
    padding: .8em 0em;
    cursor: pointer;
    transition: background-color .3s
}

.faq_accordion__label:after {
    content: "";
    display: table;
    clear: both
}

.faq_accordion__arrow {
    float: right;
    width: 10px;
    height: 10px;
    border-right: 2px solid #ed6a12;
    border-top: 2px solid #ed6a12;
    margin-top: .5em;
    margin-right: 1em;
    transform: rotateZ(135deg);
    transform-origin: 5px 5px;
    transition: transform .3s
}

.faq_accordion__arrow--open {
    transform: rotateZ(-45deg)
}

.faq_accordion__title {
    transition: font-weight .3s;
    max-width: 85%;
    display: inline-block
}

.faq_accordion__title--open {
    font-weight: 500
}

.faq_accordion__row {
    display: block;
    color: #1c2223;
    border-bottom: 1px solid #ccc;
    padding: 1em 5% 1em 0
}

.faq_accordion__row:last-child {
    border-bottom: none
}

.faq_accordion__row:hover {
    color: #1D62C8
}

.faq_accordion__row:active,.faq_accordion__row:visited {
    color: #1c2223
}

.faq_accordion__row:hover {
    color: #1D62C8
}

.faq_accordion__row--current {
    color: #1c2223;
    font-weight: 500
}

.faq_accordion__row--current:hover,.faq_accordion__row--current:visited {
    color: #1c2223
}

.faq_accordion__plus {
    font-weight: 500;
    color: #ed6a12;
    padding-right: .8em;
    display: block;
    float: left
}

.faq_accordion__question {
    display: block;
    overflow: hidden
}

@media(min-width: 1024px) {
    .faq_accordion {
        border:1px solid #ccc;
        border-radius: 10px
    }

    .faq_accordion__label {
        padding: .8em 1em
    }

    .faq_accordion__label--open {
        background-color: #f5f5f5
    }

    .faq_accordion__row {
        padding: .6em 5% .6em 0
    }
}

.faq_link {
    background-color: #fff;
    padding: 4em 0;
    position: relative
}

.faq_link--grey,.faq_link--courses,.faq_link--app {
    background-color: #f4f2ef
}

.faq_link__container {
    width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.faq_link__headline {
    max-width: 100%;
    border: 0;
    padding: 0;
    display: block;
    text-align: left;
    color: #181d1e;
    margin-bottom: .3em;
    margin-top: 0
}

.faq_link p {
    margin: 0;
    font-weight: 400;
    color: #181d1e;
    cursor: text
}

.faq_link h2 {
    margin-bottom: .5em;
    font-weight: normal
}

@media(min-width: 768px) {
    .faq_link {
        width:100%;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .faq_link--courses {
        margin: 0 auto
    }

    .faq_link--wide {
        max-width: 100%
    }

    .faq_link__container {
        max-width: 1280px;
        width: 90%;
        float: none;
        margin-right: auto;
        margin-left: auto
    }
}

@media(min-width: 1024px) {
    .faq_link__container {
        width:90%
    }
}

@media(min-width: 1280px) {
    .faq_link {
        padding:7em 0
    }

    .faq_link__container {
        max-width: 1280px;
        float: none;
        margin-right: auto;
        margin-left: auto;
        width: 90%
    }

    .faq_link__headline {
        float: none;
        margin-right: auto;
        margin-left: auto
    }
}

.faq_notice {
    background-color: #fff;
    padding: 0 2.5%;
    display: none
}

.faq_notice--visible {
    display: block
}

.faq_notice--jobs {
    padding: 5%
}

.faq_notice__container {
    background-color: #fef5f4;
    border-top: 9px solid #ed6a12;
    border-radius: 5px;
    color: #181d1e;
    padding: 1em 1em 1.2em 3.5em;
    background-image: url("https://www.fitx.de/img/block/shared/icon/icon-orange-info.svg");
    background-repeat: no-repeat;
    background-position: 1em 1.2em
}

.faq_notice__headline {
    font-size: 18px;
    font-weight: 400;
    display: block;
    margin-bottom: .5em;
    line-height: 1.4
}

.faq_notice p {
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 1em;
    color: #444
}

.faq_notice__cta {
    font-size: 16px
}

@media(min-width: 1024px) {
    .faq_notice {
        padding:4em 5% 0
    }

    .faq_notice--jobs {
        padding: 4em 0 0
    }
}

@media(min-width: 1280px) {
    .faq_notice__container {
        float:none;
        margin-right: auto;
        margin-left: auto;
        max-width: 1280px
    }
}

.faq_question_display {
    padding: 2em 2.5% 4em 2.5%;
    margin-top: 73px;
    background-color: #fff
}

.faq_question_display__headline {
    margin-bottom: 1em;
    font-size: 32px;
    font-weight: 400;
    line-height: 1.2em
}

.faq_question_display__linkwrap {
    margin-bottom: .8em
}

.faq_question_display__accordion {
    display: none
}

.faq_question_display__back_link--desktop {
    display: none
}

.faq_question_display__answer {
    color: #444
}

.faq_question_display__answer img {
    max-width: 100% !important
}

.faq_question_display__related {
    padding-top: 2em
}

.faq_question_display__related_title {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 1em
}

.faq_question_display__related_question,.faq_question_display__related_question:hover,.faq_question_display__related_question:active,.faq_question_display__related_question:visited {
    color: #1c2223;
    text-decoration: underline
}

.faq_question_display__related_question {
    display: block;
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 1.5em;
    padding-right: 3em;
    position: relative
}

.faq_question_display__related_question:after {
    display: block;
    position: absolute;
    right: .5em;
    top: 50%;
    font-weight: 400;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #ed6a12;
    content: "›";
    font-size: 1.8em
}

.faq_question_display__content li {
    font-size: 1.1em;
    font-weight: 400;
    margin: 0;
    color: #181d1e;
    cursor: text;
    list-style-type: none;
    margin-left: 1em
}

.faq_question_display__content li:before {
    display: inline-block;
    content: "-";
    width: 1em;
    margin-left: -1em
}

@media(min-width: 768px) {
    .faq_question_display__content li {
        font-size:1.2em
    }
}

@media(min-width: 1024px) {
    .faq_question_display {
        padding:7em 0
    }

    .faq_question_display__container {
        max-width: initial;
        margin-left: auto;
        margin-right: auto
    }

    .faq_question_display__container:after {
        content: "";
        display: table;
        clear: both
    }

    .faq_question_display__container>*:nth-child(2n+1) {
        width: calc(37.5% - 1em - 1em + 0.5em + 0.5em);
        float: left;
        margin: 0 1em;
        clear: left;
        margin-left: 0
    }

    .faq_question_display__container>*:nth-child(2n+2) {
        width: calc(62.5% - 1em - 1em + 0.5em + 0.5em);
        float: left;
        margin: 0 1em;
        clear: none;
        margin-right: 0
    }

    .faq_question_display__linkwrap {
        margin-bottom: 25px
    }

    .faq_question_display__accordion {
        display: block
    }

    .faq_question_display__back_link {
        display: block
    }

    .faq_question_display__back_link--mobile {
        display: none
    }

    .faq_question_display__answer {
        margin-bottom: 5em
    }

    .faq_question_display__headline {
        margin-bottom: 1em;
        font-size: 2.4em;
        line-height: 1.2em
    }

    .faq_question_display__related {
        padding-top: 5em
    }

    .faq_question_display__related_list {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex
    }

    .faq_question_display__related_question {
        -webkit-flex-basis: 0;
        -moz-flex-basis: 0;
        -ms-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-flex-grow: 1;
        -moz-flex-grow: 1;
        -ms-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
        border-radius: 8px;
        background-color: #f5f5f5;
        padding: .8em 3em .8em 1em;
        max-width: 420px
    }

    .faq_question_display__related_question:after {
        right: .8em
    }

    .faq_question_display__related_question:first-child {
        margin-right: .8em
    }

    .faq_question_display__related_question:last-child {
        margin-right: 0
    }
}

@media(min-width: 1280px) {
    .faq_question_display__container {
        max-width:initial;
        margin-left: auto;
        margin-right: auto
    }

    .faq_question_display__container:after {
        content: "";
        display: table;
        clear: both
    }

    .faq_question_display__container>*:nth-child(2n+1) {
        width: calc(31.25% - 3em - 3em + 1.5em + 1.5em);
        float: left;
        margin: 0 3em;
        clear: left;
        margin-left: 0
    }

    .faq_question_display__container>*:nth-child(2n+2) {
        width: calc(68.75% - 3em - 3em + 1.5em + 1.5em);
        float: left;
        margin: 0 3em;
        clear: none;
        margin-right: 0
    }
}

.faq_search {
    margin-top: 73px;
    padding: 4em 0 0;
    background-color: #fff
}

.faq_search__container {
    width: 90%;
    margin-left: auto;
    margin-right: auto
}

.faq_search__title {
    margin-bottom: 0;
    border: 0
}

.faq_search__input_wrap {
    display: inline-block;
    position: relative;
    width: 100%;
    margin: 1em 0 0
}

.faq_search__search_box {
    font-size: 1.6rem !important;
    height: 70px !important;
    width: calc(100% - 59px);
    border: 7px solid #ed6a12 !important;
    background-color: #fff;
    box-shadow: none;
    border-right: none !important
}

.faq_search ::-webkit-input-placeholder {
    color: #181d1e !important
}

.faq_search ::-moz-placeholder {
    color: #181d1e !important
}

.faq_search :-ms-input-placeholder {
    color: #181d1e !important
}

.faq_search :-moz-placeholder {
    color: #181d1e !important
}

.faq_search__button {
    position: absolute;
    border-radius: 0;
    right: 0;
    width: 73px;
    height: 70px;
    vertical-align: bottom;
    background-image: url("https://www.fitx.de/img/block/shared/search_filter/magnifying_glass_black.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 50%;
    cursor: pointer;
    border: 7px solid #ed6a12;
    border-left: none;
    background-color: #fff
}

@media(min-width: 768px) {
    .faq_search {
        margin-top:73px;
        padding: 7em 0 0;
        max-width: 100%
    }

    .faq_search__container {
        max-width: 1280px;
        width: 85%;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .faq_search__input_wrap {
        margin: 2em 0 0
    }
}

@media(min-width: 1024px) {
    .faq_search__container {
        max-width:1280px;
        float: none;
        margin-right: auto;
        margin-left: auto;
        width: 85%;
        max-width: 1280px
    }
}

.faq_supercategory_display {
    padding: 2em 2.5% 4em 2.5%;
    margin-top: 73px;
    background-color: #fff
}

.faq_supercategory_display__headline {
    margin-bottom: 1em;
    font-size: 32px;
    font-weight: 400;
    line-height: 1.2em
}

.faq_supercategory_display__linkwrap {
    margin-bottom: .8em
}

@media(min-width: 1024px) {
    .faq_supercategory_display {
        padding:7em 2.5%
    }

    .faq_supercategory_display__linkwrap {
        margin-bottom: 25px
    }
}

.faq {
    background-color: #fff;
    padding: 2em 0;
    position: relative
}

.faq--last {
    padding-bottom: 4em
}

.faq__anchor {
    position: absolute;
    top: 0
}

.faq__container {
    width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    border-bottom: 1px solid #ddd
}

.faq__headline {
    max-width: 100%;
    border: 0;
    padding: 0;
    display: block;
    text-align: left;
    color: #181d1e;
    margin-bottom: .3em;
    margin-top: 0
}

.faq__title {
    max-width: 100%;
    padding: 0;
    padding-bottom: 10px;
    display: block;
    text-align: left;
    color: #181d1e;
    margin-bottom: .3em;
    margin-top: 0
}

.faq__subline {
    border: 0;
    padding: 0;
    margin: 0;
    display: block;
    text-transform: none;
    text-align: left;
    margin-bottom: 1em
}

.faq__item {
    border: 1px solid #ddd;
    border-bottom: 0;
    display: none
}

.faq__item--visible {
    display: block
}

.faq__question {
    color: #eee;
    cursor: pointer;
    padding: 0;
    background-color: #fff
}

.faq__question h3 {
    width: 100%;
    border: none;
    padding: 12px 12% 12px 16px;
    margin: 0;
    text-align: left;
    text-transform: none;
    color: #181d1e;
    border-bottom: 1px solid #ddd;
    background-image: url("https://www.fitx.de/img/block/shared/icon/triangle.svg");
    background-position: right 16px bottom 20px;
    background-repeat: no-repeat;
    background-size: 15px
}

.faq__question--opened {
    background-color: #eee
}

.faq__question--opened h3 {
    background-image: url("https://www.fitx.de/img/block/shared/icon/triangle_180.svg");
    font-weight: bold
}

.faq__answer {
    color: #181d1e;
    height: auto;
    transition: all .7s ease-in-out;
    cursor: default;
    margin-top: -1px;
    opacity: 1;
    background-color: #fff
}

.faq__answer ul {
    list-style-position: inside;
    font-size: 1.2em;
    margin: 0;
    padding: 16px;
    font-weight: 400;
    color: #181d1e;
    cursor: text
}

.faq__answer ul li {
    list-style-type: disc
}

.faq__answer a {
    color: #ed6a12
}

.faq__answer p {
    margin: 0;
    padding: 16px;
    font-weight: 400;
    color: #181d1e;
    cursor: text
}

.faq__answer--hidden {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    background-color: #fff;
    transition: all .7s cubic-bezier(0, 1, 0, 1)
}

@media(min-width: 768px) {
    .faq {
        max-width:100%
    }

    .faq--last {
        padding-bottom: 7em
    }

    .faq__container {
        max-width: 1280px;
        width: 85%;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .faq__headline {
        font-size: 3em
    }

    .faq__subline {
        font-size: 1.4em
    }

    .faq__question h3 {
        padding: 12px 5% 12px 16px
    }
}

@media(min-width: 1024px) {
    .faq__container {
        max-width:1280px;
        float: none;
        margin-right: auto;
        margin-left: auto;
        width: 85%;
        max-width: 1280px
    }

    .faq__headline {
        float: none;
        margin-right: auto;
        margin-left: auto;
        font-size: 3em
    }
}

.faqs_contact {
    background-color: #fff;
    color: #444;
    font-size: 1.2em;
    font-weight: 300
}

.faqs_contact__headline {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.35em;
    font-weight: 400;
    margin-bottom: .8em
}

.faqs_contact__wrap {
    padding: 2em 2.5%;
    -webkit-border-radius: inherit;
    -moz-border-radius: inherit;
    border-radius: inherit
}

@media(min-width: 1024px) {
    .faqs_contact__wrap {
        -webkit-border-radius:10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        overflow: hidden
    }
}

.faqs_contact__card {
    margin-bottom: 3em
}

.faqs_contact__card:last-child {
    margin-bottom: 0
}

.faqs_contact__card_icon {
    width: 46px;
    height: 46px;
    background-size: contain;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-repeat: no-repeat
}

.faqs_contact__card_icon--chatbot {
    background-image: url("https://www.fitx.de/img/block/shared/faqs_contact/chatbot.svg");
    margin-bottom: .8em;
    margin-bottom: .8em
}

.faqs_contact__card_icon--form {
    background-image: url("https://images.ctfassets.net/su9bl8bc0q6u/Zu7xXVw4xAwogi0SViwX5/9ea221056e57e1d1572ddb371c5c11a9/Icon_Mail.svg")
}

.faqs_contact__card_icon--phone {
    background-image: url("https://images.ctfassets.net/su9bl8bc0q6u/2aMeLRFhPbyJdg95dUD17Z/64fbb83a12f5b856ff17adca5338cc5b/Icon_Phone.svg");
    background-size: 30px
}

.faqs_contact__card_title {
    font-weight: 400;
    margin-bottom: .5em;
    color: #1c2223
}

.faqs_contact__card_copy {
    margin-bottom: 1.6em
}

.faqs_contact__card_cta {
    max-width: 360px
}

@media(min-width: 768px) {
    .faqs_contact__card_copy {
        max-width:70%
    }
}

@media(min-width: 1280px) {
    .faqs_contact {
        padding:4em 0 4em 0
    }

    .faqs_contact__wrap {
        padding: 0
    }

    .faqs_contact__headline {
        font-size: 36px
    }

    .faqs_contact__cards {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        -ms-justify-content: flex-start;
        justify-content: flex-start;
        -ms-flex-pack: flex-start;
        gap: 10%
    }

    .faqs_contact__card {
        width: 30%;
        max-width: 480px;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex
    }

    .faqs_contact__card:first-child {
        width: 40%
    }

    .faqs_contact__card_content {
        margin-left: 1em
    }

    .faqs_contact__card_copy {
        max-width: 100%
    }

    .faqs_contact__card_icon--chatbot {
        margin-bottom: 0
    }

    .faqs_contact__card_cta {
        max-width: 320px
    }

    .faqs_contact__card_title {
        font-size: 18px
    }
}

.faqs_hero {
    background-color: #fff;
    color: #1c2223;
    margin-top: 73px;
    padding: 3em 2.5%
}

.faqs_hero--hidesearch {
    max-height: 73px;
    padding: 73px 0 0;
    margin-top: 0
}

.faqs_hero--hidesearch p {
    display: none
}

.faqs_hero__search {
    margin-top: 2em
}

.faqs_hero__headline {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.2em
}

@media(min-width: 1024px) {
    .faqs_hero {
        padding:6em 0 3em 0;
        background-color: #f4f2ef;
        text-align: center
    }

    .faqs_hero--white {
        background-color: #fff
    }

    .faqs_hero--hidesearch {
        display: block;
        padding: 3em 0 2em;
        max-height: initial;
        margin-top: 73px
    }

    .faqs_hero--hidesearch p {
        display: block
    }

    .faqs_hero__search {
        width: 50%;
        max-width: 600px;
        margin: 4em auto 0 auto
    }

    .faqs_hero__headline {
        font-size: 48px;
        font-weight: 700;
        line-height: 1.2em
    }
}

.faqs_search_results {
    padding: 4em 2.5%;
    background-color: #fff
}

.faqs_search_results__supercategory_title {
    margin-top: 2em
}

@media(min-width: 768px) {
    .faqs_search_results {
        padding:7em 2.5%
    }
}

.faqs_search {
    position: relative
}

.faqs_search__input[type=text],.faqs_search__input[type=text]:focus {
    background-image: url("https://www.fitx.de/img/block/shared/omnisearch/search.svg");
    background-position: left 17px center;
    background-repeat: no-repeat;
    border: 1px solid #ccc;
    border-radius: 30px;
    height: 52px;
    padding-left: 45px;
    font-size: 16px
}

.faqs_search__input[type=text]:focus {
    border: 1px solid silver
}

.faqs_search__suggestions {
    width: 100%;
    left: initial;
    margin-top: 1em;
    border-radius: 20px;
    overflow: hidden;
    text-align: left;
    filter: drop-shadow(0px 4px 4px rgba(23, 23, 23, 0.07));
    padding: 1em 0
}

.faqs_search__input--open[type=text] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.faqs_search__submit {
    display: none
}

.faqs_search__hc_suggestion {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    font-size: .8em
}

.faqs_search__hc_icon {
    width: 55px;
    height: 65px;
    min-width: 32px;
    min-height: 32px;
    background-image: url("https://www.fitx.de/img/block/shared/faqs_search/chatbot_icon.svg");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

.faqs_search__hc_text {
    margin: 0 .8em;
    margin-left: 1.6em;
    width: 100%
}

.faqs_search__hc_cta>.cta {
    width: auto;
    height: auto;
    line-height: initial;
    padding: .5em .8em;
    white-space: nowrap;
    font-size: 1.1em
}

.faqs_search__hc_arrow {
    display: none
}

@media(min-width: 480px) {
    .faqs_search__hc_suggestion {
        font-size:1em
    }

    .faqs_search__hc_arrow {
        display: inline
    }

    .faqs_search__hc_cta>.cta {
        padding: .5em 1.6em;
        font-size: 1em
    }
}

@media(min-width: 1024px) {
    .faqs_search__input[type=text],.faqs_search__input[type=text]:focus {
        height:65px;
        border: 1px solid #ddd;
        border-radius: 30px;
        background-image: none;
        padding-left: 30px;
        font-size: 18px
    }

    .faqs_search__hc_arrow {
        display: none
    }

    .faqs_search__hc_text {
        margin-left: 1.6em;
        width: 50%
    }

    .faqs_search__submit {
        display: block;
        position: absolute;
        right: 3px;
        top: 3px;
        height: 59px;
        background-color: #ed6a12;
        border-radius: 33px;
        color: #fff;
        line-height: 59px;
        font-size: 18px;
        padding: 0 1.2em 0 3em;
        background-image: url(/img/block/shared/faqs_search/search_white.svg);
        background-repeat: no-repeat;
        cursor: pointer;
        background-position: 24px 20px;
        background-size: 18px;
        transition: background-color .3s
    }

    .faqs_search__submit:hover {
        background-color: #f18841
    }

    .faqs_search__submit:active {
        background-color: #ed6a12
    }
}

@media(min-width: 1280px) {
    .faqs_search__hc_arrow {
        display:inline
    }
}

.faqs {
    background-color: #f5f5f5;
    padding: 4em 0;
    position: relative
}

.faqs__anchor {
    position: absolute;
    top: 0
}

.faqs__container {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.faqs__link {
    margin-top: 25px;
    margin-bottom: 0
}

@media(min-width: 1024px) {
    .faqs {
        padding:7em 0
    }

    .faqs__container {
        float: none;
        margin-right: auto;
        margin-left: auto;
        width: 90% !important;
        max-width: 1280px !important
    }

    .faqs__content {
        width: 100% !important;
        max-width: 1280px;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .faqs__headline {
        float: none;
        margin-right: auto;
        margin-left: auto
    }
}

.featured_faqs {
    display: block;
    background-color: #fff;
    padding: 0 2.5% 2em 2.5%
}

.featured_faqs__headline {
    font-size: 24px;
    font-weight: 400
}

.featured_faqs__headline--desktop {
    display: none
}

.featured_faqs__headline--mobile {
    margin: 1.6em 0 .8em 0
}

.featured_faqs__question_set:not(.featured_faqs__question_set--membersarea) {
    border-bottom: 1px solid #e5e5e5
}

.featured_faqs__question_set:not(.featured_faqs__question_set--membersarea):last-child {
    border-bottom: 0
}

.featured_faqs__question_set--membersarea {
    background-color: #24353f;
    color: #fff;
    padding: 1.4em;
    border-bottom: 0;
    border-radius: 8px
}

.featured_faqs__supertitle {
    text-transform: uppercase;
    color: #fff
}

.featured_faqs__text {
    font-size: 1.3em;
    font-weight: 400;
    margin-bottom: .9em
}

.featured_faqs__bubble_link {
    display: block;
    width: 42px;
    height: 42px;
    position: relative;
    background-color: #fff;
    border-radius: 21px;
    background-image: url("https://www.fitx.de/img/block/shared/featured_faqs/arrow_large.svg");
    background-repeat: no-repeat;
    background-position: center
}

.featured_faqs__set_title:not(.featured_faqs__set_title--membersarea) {
    color: #181d1e;
    font-size: 1.3em;
    font-weight: 400;
    padding: 1em 0;
    background-size: 1.4em;
    background-position: 1.5em center;
    background-repeat: no-repeat;
    margin-bottom: 0;
    display: block;
    position: relative;
    font-weight: 400
}

.featured_faqs__set_title:not(.featured_faqs__set_title--membersarea):hover,.featured_faqs__set_title:not(.featured_faqs__set_title--membersarea):visited {
    color: #181d1e
}

.featured_faqs__set_title:not(.featured_faqs__set_title--membersarea):after {
    display: block;
    position: absolute;
    right: .5em;
    top: 50%;
    font-weight: 400;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #ed6a12;
    content: "›";
    font-size: 1.8em
}

.featured_faqs__set_title--membersarea {
    font-size: 1.6em;
    font-weight: 500;
    line-height: 1.3;
    margin-bottom: .5em
}

.featured_faqs__questions,.featured_faqs__question,.featured_faqs__show_more {
    display: none
}

.featured_faqs__nudge {
    padding-right: 1em;
    display: inline-block;
    width: .5em
}

.featured_faqs__question>a {
    color: #1c2223
}

.featured_faqs__question>a:hover {
    color: #1D62C8
}

@media(min-width: 1024px) {
    .featured_faqs {
        display:block;
        padding: 4em 0 7em 0;
        background-color: #f4f2ef
    }

    .featured_faqs__headline {
        font-size: 1.8em;
        margin-bottom: 0
    }

    .featured_faqs__headline--mobile {
        display: none
    }

    .featured_faqs__headline--desktop {
        display: block;
        font-size: 36px
    }

    .featured_faqs__question_sets {
        border: 0;
        padding: initial;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 2em;
        margin-top: 1.5em
    }

    .featured_faqs__question_set {
        display: flex;
        flex-direction: column;
        justify-content: center
    }

    .featured_faqs__question_set:not(.featured_faqs__question_set--membersarea) {
        background-color: #fff;
        padding: 2em;
        border-bottom: 0;
        border-radius: 8px
    }

    .featured_faqs__question_set--membersarea {
        padding: 2em;
        background-color: #24353f;
        color: #fff
    }

    .featured_faqs__set_title:not(.featured_faqs__set_title--membersarea) {
        font-size: 1.6em;
        font-weight: 500;
        padding: initial;
        background-position: initial;
        background-size: 1em;
        background-repeat: no-repeat;
        margin-bottom: initial
    }

    .featured_faqs__set_title:not(.featured_faqs__set_title--membersarea):after {
        display: none !important
    }

    .featured_faqs__questions,.featured_faqs__question,.featured_faqs__show_more {
        display: block
    }

    .featured_faqs__questions {
        padding: 0;
        margin-bottom: .8em;
        font-size: 1.3em;
        font-weight: 300
    }

    .featured_faqs__question {
        line-height: 2.2em;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    }

    .featured_faqs__show_more {
        padding: .6em 0;
        padding-top: 0;
        font-size: 1.3em
    }

    .featured_faqs__nudge {
        padding-right: 1em;
        display: inline-block;
        width: .5em
    }

    .featured_faqs__question>a {
        color: #1c2223
    }
}

.featured_workout {
    margin-top: 73px;
    padding: 0
}

.featured_workout__container {
    position: relative;
    max-width: 95%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
    min-height: 280px;
    background-size: cover;
    background-position: right;
    border-radius: 5px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    align-items: flex-end
}

.featured_workout__container--empty {
    cursor: default
}

.featured_workout__play {
    background-image: url("https://www.fitx.de/img/block/shared/icon/play_icon.svg");
    display: block;
    height: 30px;
    width: 30px;
    background-size: cover;
    margin-bottom: .5em
}

.featured_workout__play--desktop {
    display: none
}

.featured_workout__content {
    margin: 1.6em;
    color: #fff
}

.featured_workout__headline {
    margin-bottom: 0;
    font-size: 2.6em;
    line-height: 1.1;
    margin-bottom: .4em
}

.featured_workout__subline {
    margin-bottom: 0;
    background-image: url("https://www.fitx.de/img/block/shared/icon/icon-white-duration.svg");
    padding-left: 1.5em;
    background-repeat: no-repeat;
    background-position: 0 center
}

@media(min-width: 768px) {
    .featured_workout {
        padding:0;
        min-height: 600px
    }

    .featured_workout__container {
        max-width: 90%;
        float: none;
        margin-right: auto;
        margin-left: auto;
        border-radius: 10px;
        text-align: left;
        min-height: 600px
    }

    .featured_workout__play {
        background-image: url("https://www.fitx.de/img/block/shared/icon/play_icon.svg");
        position: absolute;
        display: block;
        height: 90px;
        width: 90px;
        background-size: cover;
        top: 50%;
        right: 50%;
        -webkit-transform: translate(50%, -50%);
        -ms-transform: translate(50%, -50%);
        transform: translate(50%, -50%);
        cursor: pointer;
        z-index: 10
    }

    .featured_workout__play--mobile {
        display: none
    }

    .featured_workout__headline {
        font-size: 4em;
        line-height: 1
    }

    .featured_workout__content {
        margin: 3em
    }
}

@media(min-width: 1024px) {
    .featured_workout {
        padding:0
    }

    .featured_workout__container {
        width: 100% !important;
        max-width: 1280px !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: left
    }
}

.feedback_multi {
    padding: 0;
    background-color: #1c2223;
    color: #fff;
    margin: 0 auto 4em
}

.feedback_multi--light {
    background-color: #fff
}

.feedback_multi__container {
    float: none;
    margin-right: auto;
    margin-left: auto;
    max-width: 90%
}

.feedback_multi__headline {
    text-align: center;
    margin-bottom: 1em;
    font-size: 1.4em
}

@media(min-width: 768px) {
    .feedback_multi {
        margin:0 auto 6em
    }
}

@media(min-width: 1024px) {
    .feedback_multi {
        margin:0 auto 4em;
        max-width: 100%
    }

    .feedback_multi__container {
        width: 100%
    }

    .feedback_multi__headline {
        text-align: center;
        margin-bottom: 1em;
        font-size: 2em
    }

    .feedback_multi--light .feedback_multi__container {
        overflow: hidden
    }
}

@media(min-width: 1800px) {
    .feedback_multi {
        max-width:1920px;
        margin: 0 auto 4em
    }

    .feedback_multi__container {
        width: 90%;
        max-width: 1280px !important
    }
}

.feedback_survey {
    padding-top: 4em
}

.feedback_survey--prereg {
    padding: 0 0 4em
}

.feedback_survey--csat {
    padding: 2em 0 0
}

.feedback_survey__question--csat {
    margin-bottom: 2em
}

.feedback_survey__question--hidden {
    display: none
}

.feedback_survey__question_container {
    padding: 3em;
    background-color: rgba(23,23,23,.5);
    margin-bottom: 1em
}

.feedback_survey__questions {
    display: block;
    overflow: hidden
}

.feedback_survey__headline {
    margin-bottom: 0;
    font-size: 1.6em;
    line-height: 1.4em
}

.feedback_survey__headline--thankyou {
    text-align: center
}

.feedback_survey__headline--csat {
    font-size: 1.2em;
    font-weight: normal
}

.feedback_survey__headline_info--csat {
    font-size: 14px
}

.feedback_survey__notice {
    font-size: .9em;
    margin: 0
}

.feedback_survey__checkbox {
    position: relative
}

.feedback_survey__checkbox:nth-of-type(1) {
    margin-top: 1em
}

.feedback_survey__answer {
    position: absolute;
    left: -9999px;
    visibility: hidden
}

.feedback_survey__answer+label {
    font-weight: 400;
    font-size: 1.1em;
    color: silver;
    padding: 5px 0 10px 35px;
    display: inline-block
}

.feedback_survey__answer+label:before {
    position: absolute;
    top: 0;
    left: 0;
    content: " ";
    display: block;
    width: 30px;
    height: 52px;
    background-image: url("https://www.fitx.de/img/block/shared/feedback_survey/checkbox.svg");
    background-position: 0 4px;
    background-repeat: no-repeat
}

.feedback_survey__answer:checked+label:before {
    background-image: url("https://www.fitx.de/img/block/shared/feedback_survey/checkbox_checked.svg")
}

.feedback_survey__answer--csat+label {
    color: #181d1e
}

.feedback_survey__answer--csat+label:before {
    position: absolute;
    top: 0;
    left: 0;
    content: " ";
    display: block;
    width: 30px;
    height: 52px;
    background-image: url("https://www.fitx.de/img/block/shared/icon/radio.svg");
    background-position: 0 4px;
    background-repeat: no-repeat
}

.feedback_survey__answer--csat:checked+label:before {
    background-image: url("https://www.fitx.de/img/block/shared/icon/radio_checked.svg")
}

.feedback_survey__answer--csat.feedback_survey__answer--multiple+label:before {
    background-image: url("https://www.fitx.de/img/block/shared/icon/check_border_radius.svg")
}

.feedback_survey__answer--csat.feedback_survey__answer--multiple:checked+label:before {
    background-image: url("https://www.fitx.de/img/block/shared/icon/check_border_radius_checked.svg")
}

.feedback_survey__followup {
    display: none
}

.feedback_survey__followup--expanded {
    display: block
}

.feedback_survey__followup_answer[type=text],.feedback_survey__followup_answer[type=text]:focus {
    background-color: rgba(0,0,0,0);
    border: none;
    border-bottom: 1px solid #717171;
    color: #181d1e;
    height: 46px;
    line-height: 46px;
    margin-left: 35px;
    padding: 0;
    width: calc(100% - 35px)
}

.feedback_survey__followup_error_message {
    color: #e83623;
    margin-left: 35px;
    display: none
}

.feedback_survey__error_message {
    color: #e83623;
    display: block
}

.feedback_survey__error_message--hidden {
    display: none
}

.feedback_survey__form {
    display: block
}

.feedback_survey__form--hidden {
    display: none
}

.feedback_survey__thankyou {
    display: none
}

.feedback_survey__thankyou--show {
    display: block;
    padding-top: 4em
}

.feedback_survey__submit[type=submit]:enabled {
    background-color: #00ae90;
    border-color: #00ae90;
    margin-top: 1em;
    width: 100%
}

.feedback_survey__submit[type=submit]:enabled:hover {
    background-color: #22c6af;
    border-color: #22c6af
}

.feedback_survey__submit[type=submit]:disabled {
    margin-top: 1em
}

.feedback_survey--light {
    padding: 2em 0 !important
}

.feedback_survey--light h2 {
    color: #444;
    font-size: 28px;
    line-height: 30px;
    font-weight: normal;
    max-width: 600px
}

.feedback_survey--light h3 {
    color: #181d1e;
    font-size: 18px;
    font-weight: normal;
    margin-top: 2em
}

.feedback_survey--light .feedback_survey__headline_info {
    font-size: 14px;
    color: #717171
}

.feedback_survey--light .feedback_survey__questions {
    background-color: #f5f5f5;
    margin-bottom: 1em;
    border-radius: 8px;
    padding: 0 1em 3em
}

.feedback_survey--light .feedback_survey__question_container {
    background-color: #f5f5f5;
    border-right: 0;
    padding: 0
}

.feedback_survey--light .feedback_survey__answers {
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    padding: 20px
}

.feedback_survey--light .feedback_survey__checkbox {
    padding-bottom: 3px
}

.feedback_survey--light .feedback_survey__checkbox:nth-of-type(1) {
    margin: 0
}

.feedback_survey--light .feedback_survey__answer+label {
    color: #181d1e;
    font-size: 15px;
    line-height: 1.7
}

.feedback_survey--light .feedback_survey__answer+label:before {
    background-image: url("https://www.fitx.de/img/block/shared/icon/check_border_radius.svg");
    background-position: 0 7px
}

.feedback_survey--light .feedback_survey__answer:checked+label:before {
    background-image: url("https://www.fitx.de/img/block/shared/icon/check_border_radius_checked.svg")
}

.feedback_survey--light .feedback_survey__submit[type=submit]:enabled {
    background-color: #ed6a12;
    border-color: #ed6a12
}

.feedback_survey--light .feedback_survey__submit[type=submit]:enabled:hover {
    background-color: #f18841;
    border-color: #f18841
}

@media(min-width: 768px) {
    .feedback_survey {
        padding:7em 0
    }

    .feedback_survey--prereg {
        padding: 0
    }

    .feedback_survey--csat {
        padding: 2em 0 0
    }

    .feedback_survey__headline {
        margin-bottom: 0;
        font-size: 1.6em;
        line-height: 1.4em
    }

    .feedback_survey__answer+label {
        display: inline-block;
        height: 46px;
        line-height: 46px
    }

    .feedback_survey__answer+label:before {
        background-position: 0 center
    }

    .feedback_survey__thankyou--show {
        padding-top: 0
    }

    .feedback_survey__submit[type=submit]:enabled {
        width: 295px
    }

    .feedback_survey__submit--multi[type=submit]:enabled {
        float: right
    }

    .feedback_survey--light {
        padding: 4em 0 !important
    }

    .feedback_survey--light h2 {
        font-size: 27px;
        line-height: 40px;
        font-weight: normal
    }

    .feedback_survey--light .feedback_survey__checkbox:nth-of-type(1) {
        margin: 0
    }

    .feedback_survey--light .feedback_survey__questions {
        padding: 0 4em 3em
    }

    .feedback_survey--light h3 {
        margin-top: 2em
    }

    .feedback_survey--light .feedback_survey__answers {
        padding: 20px 30px
    }

    .feedback_survey--light .feedback_survey__answer+label {
        font-size: 18px;
        line-height: 1.4
    }
}

@media(min-width: 1024px) {
    .feedback_survey {
        overflow:hidden
    }

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

    .feedback_survey__questions_rows {
        display: table-row
    }

    .feedback_survey__question_container {
        width: 50%;
        display: table-cell;
        padding: 3em;
        background-clip: padding-box;
        border-right: 2em solid rgba(0,0,0,0)
    }

    .feedback_survey__question_container:last-child {
        border-right: 0 none
    }

    .feedback_survey__submit {
        float: left
    }
}

@media(min-width: 1024px) {
    .feedback_survey--light {
        width:60%;
        float: right
    }

    .feedback_survey--light h2 {
        font-size: 32px;
        line-height: 40px;
        font-weight: normal;
        text-align: left
    }

    .feedback_survey--light .feedback_survey__checkbox:nth-of-type(1) {
        margin: 0
    }

    .feedback_survey--light .feedback_survey__question_container {
        display: block;
        width: 100%
    }

    .feedback_survey--light .feedback_survey__questions {
        max-width: 600px
    }

    .feedback_survey--light .feedback_survey__headline--thankyou {
        text-align: left
    }
}

@media(min-width: 1800px) {
    .feedback_survey--light h2 {
        font-size:36px;
        line-height: 42px;
        font-weight: normal
    }

    .feedback_survey--light .feedback_survey__checkbox:nth-of-type(1) {
        margin: 0
    }
}

.feedback {
    min-height: 700px;
    padding: 4em 0;
    background-color: #1c2223;
    color: #fff
}

.feedback__container {
    float: none;
    margin-right: auto;
    margin-left: auto;
    max-width: 90%
}

@media(min-width: 1024px) {
    .feedback {
        max-width:100%;
        padding: 7em 0
    }

    .feedback__container {
        width: 100%
    }
}

@media(min-width: 1800px) {
    .feedback {
        max-width:1920px;
        margin: 0 auto
    }

    .feedback__container {
        width: 90%;
        max-width: 1280px !important
    }
}

.fitness_app_facts {
    text-align: center;
    padding: 0 0 4em
}

.fitness_app_facts__item {
    width: 90%;
    margin: 0 auto 4em auto;
    transform: translateY(-20px);
    opacity: 0;
    transition: all .5s
}

.fitness_app_facts__item--shown {
    opacity: 1;
    transform: translateY(0px)
}

.fitness_app_facts__item:last-child {
    margin-bottom: 0
}

.fitness_app_facts__title {
    font-size: 22px;
    font-weight: 400;
    margin-bottom: .6em;
    color: #fff
}

.fitness_app_facts__text {
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;
    color: #fff
}

@media(min-width: 1024px) {
    .fitness_app_facts__item {
        max-width:740px;
        margin-bottom: 7em
    }

    .fitness_app_facts__title {
        font-size: 48px;
        line-height: 60px;
        margin-bottom: .4em
    }

    .fitness_app_facts__text {
        font-size: 22px;
        line-height: 32px
    }
}

.fitness_app_features {
    background-color: #181d1e;
    color: #fff;
    padding: 0 0 4em 0
}

.fitness_app_features__wrap {
    width: 90%;
    margin: 0 auto
}

.fitness_app_features__header {
    padding: 4em 0
}

.fitness_app_features__headline {
    font-size: 24px;
    line-height: 36px;
    font-weight: 400;
    margin-bottom: .8em
}

.fitness_app_features__intro {
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    color: #ddd
}

.fitness_app_features__item {
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 2em;
    background-color: #2d3132
}

.fitness_app_features__item:last-child {
    margin-bottom: 0
}

.fitness_app_features__item--white {
    background-color: #f4f2ef;
    color: #181d1e
}

.fitness_app_features__item--darkblue {
    background-color: #24353f;
    color: #fff
}

.fitness_app_features__item--grey {
    background-color: #24353f
}

.fitness_app_features__item_title {
    font-size: 22px;
    line-height: 25px;
    margin-bottom: .8em;
    font-weight: 400
}

.fitness_app_features__item_text {
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    color: #ccc
}

.fitness_app_features__item_text--white {
    color: #444
}

.fitness_app_features__item_text--darkblue {
    color: #fff
}

.fitness_app_features__item_text--grey {
    color: #fff
}

.fitness_app_features__item_content {
    padding: 2em
}

.fitness_app_features__component {
    margin-top: 2em
}

.fitness_app_features__component--workload {
    font-size: 16px
}

.fitness_app_features__item_image {
    background-size: cover;
    background-position: top center
}

.fitness_app_features__item_image--white,.fitness_app_features__item_image--darkblue {
    padding-top: 105%
}

.fitness_app_features__item_image--workload {
    height: 30px;
    width: calc(100% - 4em);
    background-position: center;
    margin: 0 auto 3em auto;
    background-size: contain;
    background-repeat: no-repeat
}

.fitness_app_features__item_image--grey {
    padding-top: 90%
}

@media(min-width: 1024px) {
    .fitness_app_features {
        padding:0 0 15em 0
    }

    .fitness_app_features__wrap {
        max-width: 1280px
    }

    .fitness_app_features__header {
        padding: 7em 0
    }

    .fitness_app_features__headline {
        font-size: 48px;
        line-height: 64px;
        margin-bottom: .3em;
        max-width: 660px
    }

    .fitness_app_features__intro {
        font-size: 22px;
        line-height: 36px;
        max-width: 800px
    }

    .fitness_app_features__items {
        display: -ms-grid;
        display: grid;
        -webkit-row-gap: 30px;
        -moz-row-gap: 30px;
        row-gap: 30px;
        grid-row-gap: 30px;
        -webkit-column-gap: 30px;
        -moz-column-gap: 30px;
        column-gap: 30px;
        grid-column-gap: 30px;
        -ms-grid-columns: .85fr 1.15fr;
        grid-template-columns: .85fr 1.15fr;
        grid-template-areas: "ul ur" "ul ur" "ul br" "ul br" "ul br" "bl br"
    }

    .fitness_app_features__item {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        grid-area: bl;
        margin-bottom: 0;
        border-radius: 20px
    }

    .fitness_app_features__item--white,.fitness_app_features__item--darkblue {
        grid-area: ul
    }

    .fitness_app_features__item--workload {
        grid-area: ur
    }

    .fitness_app_features__item--grey {
        grid-area: br
    }

    .fitness_app_features__item_image--white,.fitness_app_features__item_image--darkblue {
        -webkit-flex-grow: 1;
        -moz-flex-grow: 1;
        -ms-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        padding-top: 0;
        background-size: 100%;
        background-position: bottom center;
        background-repeat: no-repeat
    }

    .fitness_app_features__item_image--grey {
        padding-top: 80%
    }

    .fitness_app_features__item_content {
        padding: 3em
    }

    .fitness_app_features__component--workload {
        font-size: 18px
    }

    .fitness_app_features__item_title {
        font-size: 28px;
        line-height: 33px
    }

    .fitness_app_features__item_text {
        font-size: 18px;
        line-height: 28px
    }
}

body[data-controller=fitness_app] {
    background-color: #24353f
}

.fitness_app_hero {
    margin-top: 73px;
    margin-bottom: 4em
}

.fitness_app_hero__header {
    width: 90%;
    margin: 0 auto;
    padding: 4em 0;
    text-align: center
}

.fitness_app_hero__icon {
    width: 44px;
    height: 44px;
    margin: 0 auto;
    background-image: url("https://www.fitx.de/img/block/shared/fitness_app_hero/app_icon.svg");
    background-size: cover
}

.fitness_app_hero__kicker {
    margin: 1.6em 0 .6em;
    text-transform: uppercase;
    font-size: 14px;
    color: #fff
}

.fitness_app_hero__headline {
    font-size: 32px;
    line-height: 38px;
    margin: 0;
    color: #fff
}

.fitness_app_hero__image {
    background-image: url("https://www.fitx.de/img/block/mobile/fitness_app_hero/header.gif");
    background-position: center -1px;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 94.9%
}

@media(min-width: 768px) {
    .fitness_app_hero__image {
        background-image:url("https://www.fitx.de/img/block/desktop/fitness_app_hero/header.gif")
    }
}

@media(min-width: 768px) {
    .fitness_app_hero__image {
        background-size:contain
    }
}

@media(min-width: 1024px) {
    .fitness_app_hero {
        max-width:1920px;
        margin: 73px auto 5em auto
    }

    .fitness_app_hero__header {
        padding: 7em 0;
        max-width: 700px
    }

    .fitness_app_hero__icon {
        width: 60px;
        height: 60px
    }

    .fitness_app_hero__kicker {
        font-size: 18px
    }

    .fitness_app_hero__headline {
        font-size: 72px;
        line-height: 72px
    }

    .fitness_app_hero__image {
        background-size: auto;
        padding-top: 55%
    }
}

@media(max-width: 320px) {
    .cookiebar--visible+nav+section+.flash_notice {
        top:153px !important;
        transition: top .5s
    }
}

.cookiebar--visible+nav+section+.flash_notice {
    top: 143px;
    transition: top .5s
}

.flash_notice {
    display: none;
    width: 100%;
    height: auto;
    background-color: #f4f2ef;
    padding: 20px;
    position: fixed;
    z-index: 101;
    left: 0;
    top: 73px
}

.flash_notice--visible {
    display: block
}

.flash_notice__headline {
    color: #ed6a12;
    display: block;
    font-size: 1.2em;
    font-weight: bold;
    text-transform: uppercase;
    text-align: left;
    margin-bottom: 8px;
    width: 90%
}

.flash_notice__text {
    color: #1c2223;
    display: block;
    font-size: 16px;
    text-decoration: underline;
    text-align: center
}

.flash_notice p {
    margin-bottom: 0
}

@media(min-width: 768px) {
    .cookiebar--visible+nav+section+.flash_notice {
        top:133px !important;
        transition: top .5s
    }

    .flash_notice__headline {
        font-size: 1.6em;
        text-align: center;
        width: 100%
    }

    .flash_notice__text {
        text-align: center
    }
}

@media(min-width: 1024px) {
    .cookiebar--visible+nav+section+.flash_notice {
        top:153px !important;
        transition: top .5s
    }

    .flash_notice {
        padding: 0;
        top: 73px
    }

    .flash_notice__inner {
        position: relative;
        max-width: 1920px;
        margin: 0 auto;
        padding: 20px
    }

    .flash_notice__close {
        top: 0
    }
}

@media(min-width: 1800px) {
    .cookiebar--visible+nav+section+.flash_notice {
        top:133px !important;
        transition: top .5s
    }
}

.footer {
    color: #fff;
    background-color: #181d1e;
    position: relative
}

.footer--hidden {
    display: none
}

.footer__social_icons {
    margin-top: 1em
}

.footer__social_icon {
    text-indent: -9000px;
    display: inline-block;
    width: 30px;
    height: 30px;
    background: no-repeat center;
    background-size: contain;
    margin: 0 .8em 0 0;
    cursor: pointer
}

.footer__social_icon--facebook {
    background-image: url("https://www.fitx.de/img/block/shared/footer/facebook_v2.svg")
}

.footer__social_icon--facebook:hover {
    background-image: url("https://www.fitx.de/img/block/shared/footer/facebook_v2_hover.svg")
}

.footer__social_icon--instagram {
    background-image: url("https://www.fitx.de/img/block/shared/footer/instagram_v2.svg")
}

.footer__social_icon--instagram:hover {
    background-image: url("https://www.fitx.de/img/block/shared/footer/instagram_v2_hover.svg")
}

.footer__social_icon--youtube {
    background-image: url("https://www.fitx.de/img/block/shared/footer/youtube_v2.svg")
}

.footer__social_icon--youtube:hover {
    background-image: url("https://www.fitx.de/img/block/shared/footer/youtube_v2_hover.svg")
}

.footer__social_icon--tiktok {
    background-image: url("https://www.fitx.de/img/block/shared/footer/tiktok.svg")
}

.footer__social_icon--tiktok:hover {
    background-image: url("https://www.fitx.de/img/block/shared/footer/tiktok_hover.svg")
}

.footer__social_icon--spotify {
    background-image: url("https://www.fitx.de/img/block/shared/footer/spotify.svg")
}

.footer__social_icon--spotify:hover {
    background-image: url("https://www.fitx.de/img/block/shared/footer/spotify_hover.svg")
}

.footer__content {
    max-width: 85%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    padding: 2em 0
}

.footer__meta_nav,.footer__footnote {
    border-top: 1px solid #1c2223;
    margin-top: 2em;
    padding-top: 1.5em;
    width: 100%;
    clear: both
}

.footer__meta_nav {
    padding-bottom: 1.5em
}

.footer__footnote p {
    font-size: 13px;
    line-height: 18px;
    font-weight: 200
}

.footer__social_icons {
    width: 100%
}

.footer--paddingBottom {
    padding-bottom: 100px
}

@media(min-width: 768px) {
    .footer__navigation {
        width:100%
    }

    .footer__social_icon--facebook {
        margin-left: 0
    }

    .footer__content {
        max-width: 90%
    }

    .footer__content:after {
        content: "";
        display: table;
        clear: both
    }

    .footer__badges {
        margin-top: 2em
    }

    .footer__social_icons {
        width: auto;
        float: right;
        margin-top: -0.3em
    }

    .footer__meta_nav {
        float: left
    }

    .footer--high {
        height: 400px
    }
}

@media(min-width: 1024px) {
    .footer__content {
        width:90% !important;
        max-width: 1280px !important;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .footer__social_icon {
        margin: 0 .3em
    }

    .footer__social_icon--facebook {
        margin-left: 0
    }

    .footer__navigation {
        width: 66%;
        float: left
    }

    .footer__badges {
        float: left;
        margin-left: 2em;
        margin-top: 0
    }

    .footer--paddingBottom {
        padding-bottom: initial
    }
}

@media(min-width: 1800px) {
    .footer__content {
        max-width:1280px
    }

    .footer--high {
        height: 350px
    }
}

@media screen and (max-width: 768px) {
    [data-controller=career] .footer {
        padding-bottom:90px
    }
}

.form__segment {
    position: relative;
    min-height: 64px;
    margin: 1.2em 0
}

.form__segment:first-child {
    margin-top: 0
}

.form__segment--grey {
    background-color: #f5f5f5;
    border-radius: 8px;
    padding: 20px
}

.form__segment--rightalign {
    text-align: right
}

.form input[type=text].form__element_text,.form input[type=tel].form__element_text,.form input[type=email].form__element_text,.form input[type=date].form__element_text {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    margin: 0;
    padding: 20px 14px;
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    background: rgba(0,0,0,0);
    line-height: 1;
    border: 1px solid #b5b5b5;
    border-radius: 8px;
    font-size: 18px;
    outline: none;
    width: 100%;
    color: #171717 !important;
    font-family: "Niveau",sans-serif;
    font-weight: 400;
    height: auto !important;
    height: 62px;
    line-height: 1
}

.form input[type=text].form__element_text~label,.form input[type=tel].form__element_text~label,.form input[type=email].form__element_text~label,.form input[type=date].form__element_text~label {
    position: absolute;
    pointer-events: none;
    left: 14px;
    top: 18px;
    -webkit-transition: .2s ease all;
    -o-transition: .2s ease all;
    transition: .2s ease all;
    font-size: 18px;
    color: rgba(23,23,23,.7019607843);
    font-weight: 300
}

.form input[type=text].form__element_text:focus,.form input[type=tel].form__element_text:focus,.form input[type=email].form__element_text:focus,.form input[type=date].form__element_text:focus {
    border: 1px solid #171717
}

.form input[type=text].form__element_text:focus,.form input[type=text].form__element_text--valid,.form input[type=text].form__element_text--invalid,.form input[type=text].form__element_text--blur,.form input[type=text].form__element_text:not(:placeholder-shown),.form input[type=tel].form__element_text:focus,.form input[type=tel].form__element_text--valid,.form input[type=tel].form__element_text--invalid,.form input[type=tel].form__element_text--blur,.form input[type=tel].form__element_text:not(:placeholder-shown),.form input[type=email].form__element_text:focus,.form input[type=email].form__element_text--valid,.form input[type=email].form__element_text--invalid,.form input[type=email].form__element_text--blur,.form input[type=email].form__element_text:not(:placeholder-shown),.form input[type=date].form__element_text:focus,.form input[type=date].form__element_text--valid,.form input[type=date].form__element_text--invalid,.form input[type=date].form__element_text--blur,.form input[type=date].form__element_text:not(:placeholder-shown) {
    padding: 26px 14px 14px
}

.form input[type=text].form__element_text--invalid,.form input[type=tel].form__element_text--invalid,.form input[type=email].form__element_text--invalid,.form input[type=date].form__element_text--invalid {
    border: 1px solid #c13616;
    color: #171717;
    background-color: #fff8f6
}

.form input[type=text].form__element_text--valid,.form input[type=tel].form__element_text--valid,.form input[type=email].form__element_text--valid,.form input[type=date].form__element_text--valid {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='49px' height='35px' viewBox='0 0 49 35' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3c!-- Generator: Sketch 44.1 (41455) - http://www.bohemiancoding.com/sketch --%3e%3ctitle%3eCheck%3c/title%3e%3cdesc%3eCreated with Sketch.%3c/desc%3e%3cdefs%3e%3c/defs%3e%3cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='square'%3e%3cg id='Kursdetailseite-desktop-probetraining-Copy-2' transform='translate(-330.000000, -1420.000000)' stroke='%2300AE96' stroke-width='6'%3e%3cg id='Check' transform='translate(354.506097, 1431.506097) rotate(-315.000000) translate(-354.506097, -1431.506097) translate(344.506097, 1412.506097)'%3e%3cpath d='M0,37 L18.5,37' id='Line'%3e%3c/path%3e%3cpath d='M19,0.286796564 L19,37' id='Line'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: right 14px center
}

.form input[type=text].form__element_text:focus~label,.form input[type=text].form__element_text--valid~label,.form input[type=text].form__element_text--invalid~label,.form input[type=text].form__element_text--blur~label,.form input[type=text].form__element_text:not(:placeholder-shown)~label,.form input[type=tel].form__element_text:focus~label,.form input[type=tel].form__element_text--valid~label,.form input[type=tel].form__element_text--invalid~label,.form input[type=tel].form__element_text--blur~label,.form input[type=tel].form__element_text:not(:placeholder-shown)~label,.form input[type=email].form__element_text:focus~label,.form input[type=email].form__element_text--valid~label,.form input[type=email].form__element_text--invalid~label,.form input[type=email].form__element_text--blur~label,.form input[type=email].form__element_text:not(:placeholder-shown)~label,.form input[type=date].form__element_text:focus~label,.form input[type=date].form__element_text--valid~label,.form input[type=date].form__element_text--invalid~label,.form input[type=date].form__element_text--blur~label,.form input[type=date].form__element_text:not(:placeholder-shown)~label {
    top: 10px;
    left: 15px;
    font-size: 14px;
    opacity: 1
}

.form input[type=text].form__element_text--invalid~label,.form input[type=tel].form__element_text--invalid~label,.form input[type=email].form__element_text--invalid~label,.form input[type=date].form__element_text--invalid~label {
    color: #c13616;
    font-weight: normal
}

.form input[type=text].form__element_text:-webkit-autofill,.form input[type=text].form__element_text:-webkit-autofill:hover,.form input[type=text].form__element_text:-webkit-autofill:focus,.form input[type=text].form__element_text:-webkit-autofill:active,.form input[type=tel].form__element_text:-webkit-autofill,.form input[type=tel].form__element_text:-webkit-autofill:hover,.form input[type=tel].form__element_text:-webkit-autofill:focus,.form input[type=tel].form__element_text:-webkit-autofill:active,.form input[type=email].form__element_text:-webkit-autofill,.form input[type=email].form__element_text:-webkit-autofill:hover,.form input[type=email].form__element_text:-webkit-autofill:focus,.form input[type=email].form__element_text:-webkit-autofill:active,.form input[type=date].form__element_text:-webkit-autofill,.form input[type=date].form__element_text:-webkit-autofill:hover,.form input[type=date].form__element_text:-webkit-autofill:focus,.form input[type=date].form__element_text:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: #171717 !important
}

.form input[type=text].form__element_text--valid:-webkit-autofill,.form input[type=text].form__element_text--valid:-webkit-autofill:hover,.form input[type=text].form__element_text--valid:-webkit-autofill:focus,.form input[type=text].form__element_text--valid:-webkit-autofill:active,.form input[type=tel].form__element_text--valid:-webkit-autofill,.form input[type=tel].form__element_text--valid:-webkit-autofill:hover,.form input[type=tel].form__element_text--valid:-webkit-autofill:focus,.form input[type=tel].form__element_text--valid:-webkit-autofill:active,.form input[type=email].form__element_text--valid:-webkit-autofill,.form input[type=email].form__element_text--valid:-webkit-autofill:hover,.form input[type=email].form__element_text--valid:-webkit-autofill:focus,.form input[type=email].form__element_text--valid:-webkit-autofill:active,.form input[type=date].form__element_text--valid:-webkit-autofill,.form input[type=date].form__element_text--valid:-webkit-autofill:hover,.form input[type=date].form__element_text--valid:-webkit-autofill:focus,.form input[type=date].form__element_text--valid:-webkit-autofill:active {
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both
}

.form input[type=text].form__element_text:disabled,.form input[type=tel].form__element_text:disabled,.form input[type=email].form__element_text:disabled,.form input[type=date].form__element_text:disabled {
    background: #f5f5f5;
    color: #999 !important
}

.form input[type=date]:not(:focus)::-webkit-datetime-edit-year-field,.form input[type=date]:not(:focus)::-webkit-datetime-edit-month-field,.form input[type=date]:not(:focus)::-webkit-datetime-edit-day-field,.form input[type=date]:not(:focus)::-webkit-datetime-edit-text {
    color: rgba(0,0,0,0)
}

.form input[type=date].form__element_text--valid::-webkit-datetime-edit-year-field,.form input[type=date].form__element_text--valid::-webkit-datetime-edit-month-field,.form input[type=date].form__element_text--valid::-webkit-datetime-edit-day-field,.form input[type=date].form__element_text--valid::-webkit-datetime-edit-text {
    color: #171717 !important
}

.form input[type=date]::-webkit-inner-spin-button,.form input[type=date]::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none
}

.form .form__element_select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    margin: 0;
    padding: 20px 14px;
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    background: rgba(0,0,0,0);
    border: 1px solid #b5b5b5;
    border-radius: 8px;
    font-size: 18px;
    outline: none;
    width: 100%;
    color: #171717;
    mix-blend-mode: normal;
    opacity: .7;
    font-family: "Niveau",sans-serif;
    font-weight: 400;
    height: auto !important;
    height: 62px;
    line-height: 1.1
}

.form .form__element_select--blur,.form .form__element_select--valid {
    opacity: 1
}

.form .form__element_select_wrap {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 2em auto 0 auto
}

.form .form__element_select_wrap:after {
    display: block;
    position: absolute;
    content: " ";
    width: .6em;
    height: .6em;
    top: 1.8em;
    right: 1.8em;
    border-bottom: 2px solid;
    border-right: 2px solid;
    transform-origin: center;
    transform: rotateZ(45deg);
    color: #171717;
    mix-blend-mode: normal;
    opacity: .7
}

.form .form__element_select_option {
    font-weight: 400;
    padding: .8em
}

.form .form__element_textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    resize: none;
    appearance: none;
    outline: none;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    background: rgba(0,0,0,0);
    line-height: 1;
    border: 1px solid #b5b5b5;
    border-radius: 8px;
    font-size: 18px;
    outline: none;
    width: 100%;
    color: #171717 !important;
    font-family: "Niveau",sans-serif;
    font-weight: 400;
    height: auto !important;
    padding: 20px 14px
}

.form .form__element_textarea:focus {
    border: 1px solid #171717
}

.form .form__element_button--loading {
    color: rgba(0,0,0,0) !important;
    background-image: url("https://www.fitx.de/img/block/shared/omnisearch/loader.svg");
    border: 0;
    background-repeat: no-repeat;
    background-position-x: center;
    background-size: contain
}

.form__message {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' width='11px' height='11px' viewBox='0 0 11 11' version='1.1' id='svg2' inkscape:version='0.91 r13725' sodipodi:docname='info_red.svg'%3e%3cmetadata id='metadata16'%3e%3crdf:RDF%3e%3ccc:Work rdf:about=''%3e%3cdc:format%3eimage/svg+xml%3c/dc:format%3e%3cdc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage' /%3e%3c/cc:Work%3e%3c/rdf:RDF%3e%3c/metadata%3e%3cdefs id='defs14' /%3e%3csodipodi:namedview pagecolor='%23ffffff' bordercolor='%23666666' borderopacity='1' objecttolerance='10' gridtolerance='10' guidetolerance='10' inkscape:pageopacity='0' inkscape:pageshadow='2' inkscape:window-width='1920' inkscape:window-height='1056' id='namedview12' showgrid='false' inkscape:zoom='21.454545' inkscape:cx='5.5' inkscape:cy='5.5' inkscape:window-x='0' inkscape:window-y='24' inkscape:window-maximized='1' inkscape:current-layer='svg2' /%3e%3c!-- Generator: sketchtool 59.1 (101010) - https://sketch.com --%3e%3ctitle id='title4'%3eA686293C-2767-4F9D-8A3C-5D256B2D587D%3c/title%3e%3cdesc id='desc6'%3eCreated with sketchtool.%3c/desc%3e%3cg style='fill:%2300AE96;fill-rule:nonzero;stroke:none;stroke-width:1;fill-opacity:0.94117647' id='Icons/icon-white-info' transform='translate(-2,-2)'%3e%3cpath d='m 7.5,12.8125 c -2.9340127,0 -5.3125,-2.378487 -5.3125,-5.3125 0,-2.9340127 2.3784873,-5.3125 5.3125,-5.3125 2.934013,0 5.3125,2.3784873 5.3125,5.3125 0,2.934013 -2.378487,5.3125 -5.3125,5.3125 z m 0,-0.625 c 2.588835,0 4.6875,-2.098665 4.6875,-4.6875 0,-2.5888348 -2.098665,-4.6875 -4.6875,-4.6875 -2.5888348,0 -4.6875,2.0986652 -4.6875,4.6875 0,2.588835 2.0986652,4.6875 4.6875,4.6875 z M 7.925,7.5 c 0.110457,0 0.2,0.089543 0.2,0.2 l 0,2.725 c 0,0.110457 -0.089543,0.2 -0.2,0.2 l -0.85,0 c -0.110457,0 -0.2,-0.08954 -0.2,-0.2 l 0,-2.725 c 0,-0.110457 0.089543,-0.2 0.2,-0.2 l 0.85,0 z m 0,-2.5 c 0.110457,0 0.2,0.089543 0.2,0.2 l 0,0.85 c 0,0.110457 -0.089543,0.2 -0.2,0.2 l -0.85,0 c -0.110457,0 -0.2,-0.089543 -0.2,-0.2 l 0,-0.85 C 6.875,5.089543 6.964543,5 7.075,5 l 0.85,0 z' id='info' inkscape:connector-curvature='0' style='fill:%23c1361f;fill-opacity:0.94117647' /%3e%3c/g%3e%3c/svg%3e");
    background-repeat: no-repeat;
    padding-left: 20px;
    background-size: 16px;
    font-size: 14px;
    margin: 8px 0 0;
    font-weight: 400;
    display: none
}

.form__message--error {
    color: #e83623;
    display: block
}

.form__segment--grey .form__message {
    margin-left: 35px
}

.form__element_checkbox {
    position: relative
}

.form__element_checkbox_input {
    position: absolute;
    left: -9999px;
    visibility: hidden
}

.form__element_checkbox_input+label {
    font-weight: 400;
    font-size: 1.1em;
    color: #444;
    padding: 5px 0 10px 45px;
    display: block
}

.form__element_checkbox_input+label:before {
    position: absolute;
    top: 0;
    left: 0;
    content: " ";
    display: inline-block;
    width: 30px;
    height: 26px;
    background-image: url("https://www.fitx.de/img/block/shared/icon/checkbox-unchecked.svg");
    background-position: bottom left;
    background-repeat: no-repeat;
    cursor: pointer
}

.form__element_checkbox_input+label>p {
    margin: 0;
    font-size: unset;
    line-height: unset
}

.form__element_checkbox_input:checked+label:before {
    background-image: url("https://www.fitx.de/img/block/shared/icon/checkbox-checked.svg")
}

.form__element_text_count {
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    color: #444;
    text-align: right;
    padding: 10px 0
}

.full_image_teaser {
    background-color: #fff;
    position: relative;
    width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    padding: 0 0 4em
}

.full_image_teaser__container {
    color: #1c2223;
    width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.full_image_teaser__image {
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 100%;
    width: 100%;
    margin-bottom: 4em;
    background-position: center
}

.full_image_teaser__image img {
    width: 100%
}

.full_image_teaser__content {
    max-width: 720px
}

.full_image_teaser__headline {
    margin-bottom: .5em;
    font-size: 28px;
    line-height: 38px;
    font-weight: normal
}

.full_image_teaser__text {
    padding: 0 0 2em
}

.full_image_teaser__text p {
    font-size: 18px;
    line-height: 26px
}

.full_image_teaser__cta .cta {
    width: 100%
}

@media(min-width: 768px) {
    .full_image_teaser {
        background-color:#fff;
        padding: 0 0 7em;
        max-width: 1920px;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .full_image_teaser__container {
        color: #181d1e;
        width: 90% !important
    }

    .full_image_teaser__image {
        padding-bottom: 50%
    }

    .full_image_teaser__headline {
        margin-bottom: 1em;
        font-size: 40px;
        font-weight: bold;
        line-height: 50px
    }

    .full_image_teaser__text p {
        font-size: 18px;
        line-height: 28px
    }

    .full_image_teaser__cta .cta {
        width: 295px
    }
}

@media(min-width: 1024px) {
    .full_image_teaser__container {
        width:100% !important
    }

    .full_image_teaser__image {
        padding-bottom: 30%
    }
}

.full_width_carousel_landingpage {
    padding: 4em 0 0
}

.full_width_carousel_landingpage video::-internal-media-controls-overlay-cast-button {
    display: none
}

.full_width_carousel_landingpage--imageCampaign {
    padding: 0
}

.full_width_carousel_landingpage__header {
    width: 90%;
    max-width: 1280px;
    float: none;
    margin-right: auto;
    margin-left: auto;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    align-items: flex-end;
    margin-bottom: 20px
}

.full_width_carousel_landingpage__header--imageCampaign {
    display: none
}

.full_width_carousel_landingpage__headline {
    font-size: 24px;
    font-weight: normal;
    line-height: 26px
}

.full_width_carousel_landingpage__nav {
    display: none
}

.full_width_carousel_landingpage__container {
    padding: 0;
    -webkit-overflow-scrolling: touch
}

@media only screen and (max-width: 1024px) {
    .full_width_carousel_landingpage__container {
        overflow-x:scroll;
        overflow-y: hidden;
        padding-bottom: 1em;
        -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
        scroll-padding-left: 5%;
        scroll-behavior: smooth
    }
}

.full_width_carousel_landingpage__container::-webkit-scrollbar,.full_width_carousel_landingpage__container::-webkit-scrollbar-track,.full_width_carousel_landingpage__container::-webkit-scrollbar-thumb {
    display: none;
    background-color: rgba(0,0,0,0)
}

.full_width_carousel_landingpage__wrap {
    white-space: nowrap;
    -webkit-overflow-scrolling: touch
}

.full_width_carousel_landingpage__wrap::-webkit-scrollbar,.full_width_carousel_landingpage__wrap::-webkit-scrollbar-track,.full_width_carousel_landingpage__wrap::-webkit-scrollbar-thumb {
    display: none;
    background-color: rgba(0,0,0,0)
}

.full_width_carousel_landingpage__item {
    position: relative;
    scroll-snap-align: start;
    width: 70vw;
    display: inline-block;
    vertical-align: top;
    height: auto;
    margin-left: 2.5%;
    cursor: pointer
}

.full_width_carousel_landingpage__item:first-child {
    margin-left: 5%
}

.full_width_carousel_landingpage__item:last-child {
    margin-right: 5%
}

.full_width_carousel_landingpage__item--imageCampaign {
    position: relative;
    width: 90vw;
    height: 50vw;
    margin-left: 0
}

.full_width_carousel_landingpage__item_image {
    width: 100%;
    padding-bottom: 140%;
    margin: 0 auto 20px;
    background-color: #ccc;
    display: block;
    border-radius: 8px;
    background-size: cover
}

.full_width_carousel_landingpage__item_image--video {
    padding-bottom: 0;
    -o-object-fit: cover;
    object-fit: cover
}

.full_width_carousel_landingpage__item_image--imageCampaign {
    border-radius: 0;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    padding: 0;
    background-color: rgba(0,0,0,0)
}

.full_width_carousel_landingpage__item_text {
    font-size: 18px;
    color: #181d1e
}

.full_width_carousel_landingpage__item_text--imageCampaign {
    position: absolute;
    color: #fff;
    font-size: 36px;
    line-height: 41px;
    bottom: 10px;
    left: 15px
}

.full_width_carousel_landingpage__item_cta {
    position: absolute;
    bottom: 50px;
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.full_width_carousel_landingpage__item_cta .cta {
    padding: 9px 20px;
    font-size: 16px;
    min-width: 130px
}

.full_width_carousel_landingpage__overlay {
    max-width: 100%;
    background-color: rgba(0,0,0,.4);
    padding: 4em 0;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
    transition: left .3s
}

.full_width_carousel_landingpage__overlay--hidden {
    left: 100%
}

.full_width_carousel_landingpage__overlay_wrap {
    max-height: 100%;
    overflow: auto
}

.full_width_carousel_landingpage__overlay_item {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    margin: 2em auto
}

.full_width_carousel_landingpage__overlay_item--hidden {
    display: none
}

.full_width_carousel_landingpage__overlay_image_container--hidden {
    display: none
}

.full_width_carousel_landingpage__overlay_image {
    height: 332px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.full_width_carousel_landingpage__overlay_image--desktop {
    display: none
}

.full_width_carousel_landingpage__overlay_header {
    text-align: center;
    width: 100%;
    font-size: 18px;
    padding: 20px 0;
    font-weight: normal;
    display: none
}

.full_width_carousel_landingpage__overlay_content {
    position: absolute;
    background-color: #fff;
    width: 100%;
    height: 100%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.full_width_carousel_landingpage__overlay_item_headline {
    font-size: 24px;
    line-height: 26px;
    font-weight: normal;
    margin-bottom: .5em
}

.full_width_carousel_landingpage__overlay_item_text {
    font-size: 16px;
    line-height: 26px;
    font-weight: 300
}

.full_width_carousel_landingpage__overlay_close {
    position: absolute;
    right: 5%;
    top: 20px;
    width: 32px;
    height: 32px;
    background-image: url(/img/block/shared/icon/close_info_grey.svg);
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: -9000px;
    cursor: pointer
}

@media(min-width: 768px) {
    .full_width_carousel_landingpage__item {
        scroll-snap-align:start;
        width: 35vw;
        display: inline-block;
        vertical-align: top;
        height: auto;
        margin-left: 2.5%;
        cursor: pointer
    }

    .full_width_carousel_landingpage__item:first-child {
        margin-left: 5%
    }

    .full_width_carousel_landingpage__item:last-child {
        margin-right: 5%
    }

    .full_width_carousel_landingpage__item--imageCampaign {
        position: relative;
        width: 90vw;
        height: 50vw;
        margin-left: 0
    }

    .full_width_carousel_landingpage__overlay {
        transition: none
    }

    .full_width_carousel_landingpage__overlay--hidden {
        left: 0;
        display: none
    }

    .full_width_carousel_landingpage__overlay_content {
        position: absolute;
        background-color: #fff;
        width: 90%;
        max-width: 784px;
        height: 90%;
        max-height: 800px;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        border-radius: 10px;
        -webkit-box-shadow: 0px 4px 10px 0px rgba(0,0,0,.1);
        box-shadow: 0px 4px 10px 0px rgba(0,0,0,.1)
    }

    .full_width_carousel_landingpage__overlay_wrap {
        height: calc(100% - 70px);
        overflow: auto
    }

    .full_width_carousel_landingpage__overlay_wrap::-webkit-scrollbar {
        width: 5px
    }

    .full_width_carousel_landingpage__overlay_wrap::-webkit-scrollbar-track {
        background: #f1f1f1
    }

    .full_width_carousel_landingpage__overlay_wrap::-webkit-scrollbar-thumb {
        background: #181d1e
    }

    .full_width_carousel_landingpage__overlay_wrap::-webkit-scrollbar-thumb:hover {
        background: #181d1e;
        cursor: pointer
    }

    .full_width_carousel_landingpage__overlay_item {
        width: 85%;
        float: none;
        margin-right: auto;
        margin-left: auto;
        margin: 3em auto
    }

    .full_width_carousel_landingpage__overlay_image {
        height: 332px;
        background-repeat: no-repeat;
        background-size: cover
    }

    .full_width_carousel_landingpage__overlay_image--desktop {
        display: block
    }

    .full_width_carousel_landingpage__overlay_image--mobile {
        display: none
    }

    .full_width_carousel_landingpage__overlay_close {
        position: absolute;
        left: unset;
        right: 23px;
        top: 15px;
        width: 38px;
        height: 38px;
        background-image: url("https://www.fitx.de/img/block/shared/icon/close_darkgrey.svg");
        background-size: 16px;
        background-repeat: no-repeat;
        text-indent: -9000px;
        cursor: pointer;
        border-radius: 100px;
        background-position: center
    }

    .full_width_carousel_landingpage__overlay_close:hover {
        background-color: #f5f5f5
    }

    .full_width_carousel_landingpage__overlay_header {
        border-bottom: 1px solid #e5e5e5;
        display: block
    }
}

@media(min-width: 1024px) {
    .full_width_carousel_landingpage__header {
        width:90%;
        max-width: 1280px;
        float: none;
        margin-right: auto;
        margin-left: auto;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: space-between;
        -webkit-align-items: flex-end;
        -moz-align-items: flex-end;
        -ms-align-items: flex-end;
        align-items: flex-end;
        margin-bottom: 40px
    }

    .full_width_carousel_landingpage__headline {
        width: 70%;
        font-size: 36px;
        font-weight: normal;
        line-height: 41px
    }

    .full_width_carousel_landingpage__container {
        padding: 0;
        overflow: hidden
    }

    .full_width_carousel_landingpage__wrap {
        white-space: nowrap
    }

    .full_width_carousel_landingpage__wrap {
        width: 100%;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: nowrap;
        -moz-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        white-space: nowrap;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        padding-left: 5%;
        padding-right: 5%;
        -webkit-transition: all 1000ms cubic-bezier(0, 0.43, 0, 1.04) 0s;
        -o-transition: all 1000ms cubic-bezier(0, 0.43, 0, 1.04) 0s;
        transition: all 1000ms cubic-bezier(0, 0.43, 0, 1.04) 0s;
        margin-bottom: 60px
    }

    .full_width_carousel_landingpage__wrap::-webkit-scrollbar {
        display: none
    }

    .full_width_carousel_landingpage__wrap--imageCampaign {
        padding: 0
    }

    .full_width_carousel_landingpage__item {
        display: block;
        -webkit-flex-basis: 33.33333%;
        -moz-flex-basis: 33.33333%;
        -ms-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: calc(33.33333% - 17.3px);
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-right: 26px;
        margin-left: 0;
        height: auto
    }

    .full_width_carousel_landingpage__item:first-child {
        margin-left: 0
    }

    .full_width_carousel_landingpage__item:last-child {
        margin-right: 0
    }

    .full_width_carousel_landingpage__item--imageCampaign {
        max-width: 33.33333%;
        margin-right: 0;
        position: relative
    }

    .full_width_carousel_landingpage__item_image {
        width: 100%;
        padding-bottom: 140%;
        margin: 0 auto 20px;
        background-color: #ccc;
        display: block;
        border-radius: 8px;
        background-size: cover
    }

    .full_width_carousel_landingpage__item_image--imageCampaign {
        padding-bottom: 71%;
        margin: 0 auto;
        background-position: center;
        border-radius: 0;
        background-color: rgba(0,0,0,0)
    }

    .full_width_carousel_landingpage__item_image--video {
        padding-bottom: 0
    }

    .full_width_carousel_landingpage__item_image--video.full_width_carousel_landingpage__item_image--imageCampaign {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        margin: 0 auto
    }

    .full_width_carousel_landingpage__item_text {
        font-size: 18px;
        color: #181d1e
    }

    .full_width_carousel_landingpage__item_text--imageCampaign {
        position: absolute;
        color: #fff;
        font-size: 2vw;
        line-height: 4.5vw;
        bottom: 0;
        left: 2vw
    }

    .full_width_carousel_landingpage__item_cta .cta {
        padding: 17px;
        font-size: 18px;
        min-width: 200px
    }

    .full_width_carousel_landingpage__nav {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex
    }

    .full_width_carousel_landingpage__next,.full_width_carousel_landingpage__prev {
        width: 46px;
        height: 46px;
        background-color: #f5f5f5;
        background-image: url("https://www.fitx.de/img/block/shared/icon/icon-arrow-right-darkgrey.svg");
        background-size: 8px;
        background-repeat: no-repeat;
        background-position: center;
        text-indent: -9000px;
        border-radius: 100px;
        cursor: pointer
    }

    .full_width_carousel_landingpage__next:first-child,.full_width_carousel_landingpage__prev:first-child {
        margin-right: 12px;
        background-image: url("https://www.fitx.de/img/block/shared/icon/icon-arrow-left-darkgrey.svg")
    }

    .full_width_carousel_landingpage__next:hover,.full_width_carousel_landingpage__prev:hover {
        background-color: #181d1e;
        background-image: url("https://www.fitx.de/img/block/shared/icon/icon-arrow-right-light.svg")
    }

    .full_width_carousel_landingpage__next:hover:first-child,.full_width_carousel_landingpage__prev:hover:first-child {
        background-image: url("https://www.fitx.de/img/block/shared/icon/icon-arrow-left-light.svg")
    }

    .full_width_carousel_landingpage__overlay_item {
        width: 90%;
        max-width: 1280px;
        float: none;
        margin-right: auto;
        margin-left: auto
    }
}

@media(min-width: 1800px) {
    .full_width_carousel_landingpage__wrap {
        padding-left:calc(50vw - 645px);
        padding-right: calc(50vw - 645px)
    }

    .full_width_carousel_landingpage__wrap--imageCampaign {
        padding-left: 0;
        padding-right: 0
    }

    .full_width_carousel_landingpage__header--imageCampaign {
        width: 95%;
        max-width: 1920px
    }
}

@media screen and (min-width: 1921px) {
    .full_width_carousel_landingpage__header--imageCampaign {
        max-width:1920px
    }

    .full_width_carousel_landingpage__wrap--imageCampaign {
        padding-left: calc(50vw - 960px);
        padding-right: calc(50vw - 960px)
    }
}

.full_width_carousel {
    padding: 4em 0 0
}

.full_width_carousel video::-internal-media-controls-overlay-cast-button {
    display: none
}

.full_width_carousel--imageCampaign {
    padding: 0
}

.full_width_carousel__header {
    width: 90%;
    max-width: 1280px;
    float: none;
    margin-right: auto;
    margin-left: auto;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    align-items: flex-end;
    margin-bottom: 40px
}

.full_width_carousel__header--imageCampaign {
    display: none
}

.full_width_carousel__headline {
    font-size: 24px;
    font-weight: normal;
    line-height: 26px
}

.full_width_carousel__nav {
    display: none
}

.full_width_carousel__container {
    padding: 0;
    -webkit-overflow-scrolling: touch
}

@media only screen and (max-width: 1024px) {
    .full_width_carousel__container {
        overflow-x:scroll;
        overflow-y: hidden;
        padding-bottom: 1em;
        -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
        scroll-padding-left: 5%;
        scroll-behavior: smooth
    }
}

.full_width_carousel__container::-webkit-scrollbar,.full_width_carousel__container::-webkit-scrollbar-track,.full_width_carousel__container::-webkit-scrollbar-thumb {
    display: none;
    background-color: rgba(0,0,0,0)
}

.full_width_carousel__wrap {
    white-space: nowrap;
    -webkit-overflow-scrolling: touch
}

.full_width_carousel__wrap::-webkit-scrollbar,.full_width_carousel__wrap::-webkit-scrollbar-track,.full_width_carousel__wrap::-webkit-scrollbar-thumb {
    display: none;
    background-color: rgba(0,0,0,0)
}

.full_width_carousel__item {
    scroll-snap-align: start;
    width: 70vw;
    display: inline-block;
    vertical-align: top;
    height: 80vw;
    margin-left: 2.5%;
    cursor: pointer
}

.full_width_carousel__item:first-child {
    margin-left: 5%
}

.full_width_carousel__item:last-child {
    margin-right: 5%
}

.full_width_carousel__item--imageCampaign {
    position: relative;
    width: 90vw;
    height: 50vw;
    margin-left: 0
}

.full_width_carousel__item_image {
    width: 100%;
    padding-bottom: 100%;
    margin: 0 auto 20px;
    background-color: #ccc;
    display: block;
    border-radius: 8px;
    background-size: cover
}

.full_width_carousel__item_image--video {
    padding-bottom: 0;
    -o-object-fit: cover;
    object-fit: cover
}

.full_width_carousel__item_image--imageCampaign {
    border-radius: 0;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    padding: 0;
    background-color: rgba(0,0,0,0)
}

.full_width_carousel__item_text {
    font-size: 18px;
    color: #181d1e
}

.full_width_carousel__item_text--imageCampaign {
    position: absolute;
    color: #fff;
    font-size: 36px;
    line-height: 41px;
    bottom: 10px;
    left: 15px
}

.full_width_carousel__overlay {
    max-width: 100%;
    background-color: rgba(0,0,0,.4);
    padding: 4em 0;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
    transition: left .3s
}

.full_width_carousel__overlay--hidden {
    left: 100%
}

.full_width_carousel__overlay_item {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 1em
}

.full_width_carousel__overlay_item--hidden {
    display: none
}

.full_width_carousel__overlay_header {
    text-align: center;
    width: 100%;
    font-size: 18px;
    padding: 20px 0;
    font-weight: normal;
    margin-bottom: 1.5em
}

.full_width_carousel__overlay_content {
    position: absolute;
    background-color: #fff;
    width: 100%;
    height: 100%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.full_width_carousel__overlay_item_headline {
    font-size: 24px;
    line-height: 26px;
    font-weight: normal;
    margin-bottom: .5em
}

.full_width_carousel__overlay_item_text {
    font-size: 16px;
    line-height: 26px;
    font-weight: 300
}

.full_width_carousel__overlay_close {
    position: absolute;
    left: 5%;
    top: 20px;
    width: 32px;
    height: 32px;
    background-image: url("https://www.fitx.de/img/block/shared/icon/back_icon.svg");
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: -9000px;
    cursor: pointer
}

@media(min-width: 768px) {
    .full_width_carousel__item {
        scroll-snap-align:start;
        width: 35vw;
        display: inline-block;
        vertical-align: top;
        height: 40vw;
        margin-left: 2.5%;
        cursor: pointer
    }

    .full_width_carousel__item:first-child {
        margin-left: 5%
    }

    .full_width_carousel__item:last-child {
        margin-right: 5%
    }

    .full_width_carousel__item--imageCampaign {
        position: relative;
        width: 90vw;
        height: 50vw;
        margin-left: 0
    }

    .full_width_carousel__overlay {
        transition: none
    }

    .full_width_carousel__overlay--hidden {
        left: 0;
        display: none
    }

    .full_width_carousel__overlay_content {
        position: absolute;
        background-color: #fff;
        width: 570px;
        height: auto;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        border-radius: 10px;
        -webkit-box-shadow: 0px 4px 10px 0px rgba(0,0,0,.1);
        box-shadow: 0px 4px 10px 0px rgba(0,0,0,.1)
    }

    .full_width_carousel__overlay_item {
        width: 85%;
        float: none;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 3em
    }

    .full_width_carousel__overlay_close {
        position: absolute;
        left: unset;
        right: 23px;
        top: 15px;
        width: 38px;
        height: 38px;
        background-image: url("https://www.fitx.de/img/block/shared/icon/close_darkgrey.svg");
        background-size: 16px;
        background-repeat: no-repeat;
        text-indent: -9000px;
        cursor: pointer;
        border-radius: 100px;
        background-position: center
    }

    .full_width_carousel__overlay_close:hover {
        background-color: #f5f5f5
    }

    .full_width_carousel__overlay_header {
        border-bottom: 1px solid #e5e5e5
    }
}

@media(min-width: 1024px) {
    .full_width_carousel__header {
        width:90%;
        max-width: 1280px;
        float: none;
        margin-right: auto;
        margin-left: auto;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: space-between;
        -webkit-align-items: flex-end;
        -moz-align-items: flex-end;
        -ms-align-items: flex-end;
        align-items: flex-end;
        margin-bottom: 40px
    }

    .full_width_carousel__headline {
        width: 70%;
        font-size: 36px;
        font-weight: normal;
        line-height: 41px
    }

    .full_width_carousel__container {
        padding: 0;
        overflow: hidden
    }

    .full_width_carousel__wrap {
        white-space: nowrap
    }

    .full_width_carousel__wrap {
        width: 100%;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: nowrap;
        -moz-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        white-space: nowrap;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        padding-left: 5%;
        padding-right: 5%;
        -webkit-transition: all 1000ms cubic-bezier(0, 0.43, 0, 1.04) 0s;
        -o-transition: all 1000ms cubic-bezier(0, 0.43, 0, 1.04) 0s;
        transition: all 1000ms cubic-bezier(0, 0.43, 0, 1.04) 0s;
        margin-bottom: 60px
    }

    .full_width_carousel__wrap::-webkit-scrollbar {
        display: none
    }

    .full_width_carousel__wrap--imageCampaign {
        padding: 0
    }

    .full_width_carousel__item {
        display: block;
        -webkit-flex-basis: 33.33333%;
        -moz-flex-basis: 33.33333%;
        -ms-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: calc(33.33333% - 17.3px);
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-right: 26px;
        margin-left: 0;
        height: auto
    }

    .full_width_carousel__item:first-child {
        margin-left: 0
    }

    .full_width_carousel__item:last-child {
        margin-right: 0
    }

    .full_width_carousel__item--imageCampaign {
        max-width: 33.33333%;
        margin-right: 0;
        position: relative
    }

    .full_width_carousel__item_image {
        width: 100%;
        padding-bottom: 100%;
        margin: 0 auto 20px;
        background-color: #ccc;
        display: block;
        border-radius: 8px;
        background-size: cover
    }

    .full_width_carousel__item_image--imageCampaign {
        padding-bottom: 71%;
        margin: 0 auto;
        background-position: center;
        border-radius: 0;
        background-color: rgba(0,0,0,0)
    }

    .full_width_carousel__item_image--video {
        padding-bottom: 0
    }

    .full_width_carousel__item_image--video.full_width_carousel__item_image--imageCampaign {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        margin: 0 auto
    }

    .full_width_carousel__item_text {
        font-size: 18px;
        color: #181d1e
    }

    .full_width_carousel__item_text--imageCampaign {
        position: absolute;
        color: #fff;
        font-size: 2vw;
        line-height: 4.5vw;
        bottom: 0;
        left: 2vw
    }

    .full_width_carousel__nav {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex
    }

    .full_width_carousel__next,.full_width_carousel__prev {
        width: 46px;
        height: 46px;
        background-color: #f5f5f5;
        background-image: url("https://www.fitx.de/img/block/shared/icon/icon-arrow-right-darkgrey.svg");
        background-size: 8px;
        background-repeat: no-repeat;
        background-position: center;
        text-indent: -9000px;
        border-radius: 100px;
        cursor: pointer
    }

    .full_width_carousel__next:first-child,.full_width_carousel__prev:first-child {
        margin-right: 12px;
        background-image: url("https://www.fitx.de/img/block/shared/icon/icon-arrow-left-darkgrey.svg")
    }

    .full_width_carousel__next:hover,.full_width_carousel__prev:hover {
        background-color: #181d1e;
        background-image: url("https://www.fitx.de/img/block/shared/icon/icon-arrow-right-light.svg")
    }

    .full_width_carousel__next:hover:first-child,.full_width_carousel__prev:hover:first-child {
        background-image: url("https://www.fitx.de/img/block/shared/icon/icon-arrow-left-light.svg")
    }

    .full_width_carousel__overlay_item {
        width: 90%;
        max-width: 1280px;
        float: none;
        margin-right: auto;
        margin-left: auto
    }
}

@media(min-width: 1800px) {
    .full_width_carousel__wrap {
        padding-left:calc(50vw - 645px);
        padding-right: calc(50vw - 645px)
    }

    .full_width_carousel__wrap--imageCampaign {
        padding-left: 0;
        padding-right: 0
    }

    .full_width_carousel__header--imageCampaign {
        width: 95%;
        max-width: 1920px
    }
}

@media screen and (min-width: 1921px) {
    .full_width_carousel__header--imageCampaign {
        max-width:1920px
    }

    .full_width_carousel__wrap--imageCampaign {
        padding-left: calc(50vw - 960px);
        padding-right: calc(50vw - 960px)
    }
}

.gallery_overlap_hero {
    height: 720px;
    overflow: hidden;
    background-color: #fff
}

.gallery_overlap_hero__container {
    width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    margin-top: 73px;
    overflow: auto;
    background-color: #24353f;
    padding: 4em 0 0;
    position: relative
}

.gallery_overlap_hero__text {
    width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.gallery_overlap_hero__headline {
    color: #fff;
    font-weight: bold;
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 1em
}

.gallery_overlap_hero__subline {
    height: 300px
}

.gallery_overlap_hero__subline p {
    color: #fff;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 2em
}

.gallery_overlap_hero__subline a {
    color: #fff;
    border-bottom: 2px solid #fff
}

.gallery_overlap_hero__gallery_container {
    position: absolute;
    top: 470px;
    left: 50%;
    transform: translateX(-50%)
}

.gallery_overlap_hero__gallery_container .content_slider__indicators {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%)
}

@media(min-width: 768px) {
    .gallery_overlap_hero__headline {
        font-size:32px;
        line-height: 36px
    }

    .gallery_overlap_hero__subline p {
        font-size: 18px;
        line-height: 26px
    }

    .gallery_overlap_hero__gallery_container {
        top: 390px
    }
}

@media(min-width: 1024px) {
    .gallery_overlap_hero {
        height:960px
    }

    .gallery_overlap_hero__headline,.gallery_overlap_hero__subline {
        max-width: 75%
    }

    .gallery_overlap_hero__gallery_container {
        width: 90%
    }
}

@media(min-width: 1280px) {
    .gallery_overlap_hero {
        height:1200px
    }

    .gallery_overlap_hero__text {
        width: 66%;
        max-width: 1280px !important;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .gallery_overlap_hero__headline {
        font-size: 50px;
        line-height: 52px;
        margin-bottom: 20px;
        letter-spacing: -0.5px
    }

    .gallery_overlap_hero__subline p {
        font-size: 22px;
        line-height: 36px
    }

    .gallery_overlap_hero__gallery_container {
        width: 66%;
        max-width: 1280px !important;
        top: 450px
    }

    .gallery_overlap_hero__gallery_container>.landingpage_gallery__slider {
        height: 720px
    }
}

.gallery {
    width: 100%;
    height: 100%;
    position: relative
}

.gallery__frame {
    width: 100%;
    height: 100%;
    position: relative;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    white-space: nowrap
}

.gallery__slides {
    display: inline-block;
    height: 100%
}

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

.gallery__image {
    width: 100vw;
    max-width: 980px;
    height: 100%;
    background-position: center;
    background-size: cover
}

.gallery__indicators {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center
}

.gallery__indicator {
    display: inline-block;
    position: relative;
    cursor: pointer;
    height: 10px;
    width: 10px;
    margin: 0 2px;
    border: 2px solid #fff;
    background-color: #fff;
    transition: background-color .3s;
    border-radius: 50%
}

.gallery__indicator--active {
    background-color: rgba(0,0,0,0)
}

.gallery__button {
    display: none
}

.gallery__number_of {
    position: absolute;
    bottom: 10px;
    right: 10px;
    background-color: #181d1e;
    color: #fff;
    width: 50px;
    height: 23px;
    line-height: 23px;
    font-size: 14px;
    text-align: center;
    border-radius: 3px
}

@media(min-width: 768px) {
    .gallery__button {
        display:block;
        opacity: 0;
        transition: opacity .2s;
        position: absolute;
        top: 50%;
        padding: 2em;
        background-color: #fff;
        border-radius: 50%;
        transform: translateY(-50%);
        cursor: pointer
    }

    .gallery__button--left {
        left: 2em
    }

    .gallery__button--right {
        right: 2em
    }

    .gallery__arrow {
        width: .6em;
        height: .6em;
        border-bottom: 2px solid #181d1e;
        border-right: 2px solid #181d1e
    }

    .gallery__arrow--left {
        transform: rotateZ(135deg)
    }

    .gallery__arrow--right {
        transform: rotateZ(-45deg)
    }

    .gallery:hover .gallery__button {
        opacity: 1
    }
}

.global_notice {
    background-color: #fdedd4;
    padding: 1em 2em 1em 1em;
    font-size: 1.2em;
    font-weight: 400;
    color: #444
}

.global_notice:after {
    content: "";
    display: table;
    clear: both
}

.global_notice__icon,.global_notice__text {
    float: left
}

.global_notice__icon {
    width: 25px;
    height: 25px;
    background-image: url("https://www.fitx.de/img/block/shared/icon/icon-orange-info.svg");
    background-size: 23px;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center
}

.global_notice__text {
    padding-left: 2em
}

.global_notice__text p {
    display: inline
}

@media(min-width: 769px) {
    .global_notice {
        position:fixed;
        left: 0;
        top: 73px;
        z-index: 100;
        width: 100%
    }

    .global_notice__break {
        display: none
    }

    .global_notice--hidden {
        display: none
    }

    .newnav .global_notice {
        top: 73px
    }
}

@media(min-width: 1024px) {
    .global_notice {
        padding:1em 0
    }
}

.google_reviews {
    float: none;
    margin-right: auto;
    margin-left: auto;
    max-width: 90%;
    display: block;
    border-radius: 8px;
    border: 1px solid #eee;
    padding: 1.5em;
    margin-bottom: 0
}

.google_reviews--shadow {
    box-shadow: 1px 5px 20px 5px rgba(23,23,23,.075);
    margin-bottom: 4em
}

.google_reviews__content {
    background-image: url("https://www.fitx.de/img/block/shared/icon/google.svg");
    background-repeat: no-repeat;
    background-size: contain;
    padding-left: 4em
}

.google_reviews__star_rating {
    margin-right: 10px
}

.google_reviews__stars {
    font-size: 16px;
    font-weight: normal;
    margin: 0 0 5px 0;
    line-height: 1;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.google_reviews__stars .studio_rating__stars_container {
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
    transform-origin: top left
}

.google_reviews__stars span {
    font-size: 14px;
    color: #717171;
    font-weight: 400;
    margin-left: 5px
}

.google_reviews__reviews_count {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    margin: 0
}

@media(min-width: 768px) {
    .google_reviews {
        max-width:360px;
        box-shadow: none
    }
}

@media(min-width: 1024px) {
    .google_reviews {
        max-width:360px;
        box-shadow: none
    }

    .google_reviews__content {
        padding-left: 4.5em
    }

    .google_reviews__stars {
        font-size: 22px
    }

    .google_reviews__stars .studio_rating__stars_container {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        transform-origin: top left
    }

    .google_reviews__stars span {
        font-size: 16px
    }

    .google_reviews__reviews_count {
        font-size: 18px
    }
}

@media only screen and (max-width: 320px) {
    .cookiebar--visible+.header {
        top:80px !important
    }

    .cookiebar--visible+.header .header__menu {
        top: auto
    }

    .cookiebar--visible+.header+section {
        margin-top: 80px
    }

    .cookiebar--visible~.blocks {
        padding-top: 80px
    }

    .cookiebar--visible~.overlay {
        top: calc(80px + 73px)
    }

    .cookiebar--minimized+.header {
        top: 60px !important
    }

    .cookiebar--minimized+.header .header__menu {
        top: auto
    }

    .cookiebar--minimized+.header+section {
        margin-top: 60px
    }

    .cookiebar--minimized~.blocks {
        padding-top: 60px
    }

    .cookiebar--minimized~.overlay {
        top: calc(60px + 73px)
    }
}

@media only screen and (max-width: 374px) {
    .cookiebar--visible+.header {
        top:85px !important
    }

    .cookiebar--visible+.header .header__menu {
        top: auto
    }

    .cookiebar--visible+.header+section {
        margin-top: 85px !important
    }

    .cookiebar--visible~.blocks {
        padding-top: 85px !important
    }

    .cookiebar--visible~.overlay {
        top: calc(85px + 73px)
    }
}

.cookiebar~.footer {
    transition: margin-bottom .5s
}

.header+section {
    transition: margin-top .5s
}

.cookiebar--visible+.header {
    top: 70px
}

.cookiebar--visible+.header .header__menu {
    top: 143px
}

.cookiebar--visible+.header+section {
    margin-top: 70px
}

.cookiebar--visible~.blocks {
    transition: all .5s;
    padding-top: 70px
}

.cookiebar--visible~.overlay {
    transition: all .5s;
    top: calc(70px + 73px)
}

.cookiebar--minimized+.header {
    top: 60px
}

.cookiebar--minimized+.header .header__menu {
    top: 133px
}

.cookiebar--minimized+.header+section {
    margin-top: 60px
}

.cookiebar--minimized~.blocks {
    padding-top: 60px
}

.cookiebar--minimized~.overlay {
    top: calc(60px + 73px)
}

@media(min-width: 768px) {
    .header+section {
        transition:none !important
    }

    body.newnav .cookiebar--visible+.header+section,body.newnav2 .cookiebar--visible+.header+section {
        margin-top: 73px
    }

    body[data-controller=trialworkout] .cookiebar--visible+.header+section {
        margin-top: 0
    }

    body[data-controller=courses] .cookiebar--visible+.header+section {
        margin-top: 60px
    }

    .cookiebar--visible+.header {
        top: 0
    }

    .cookiebar--visible+.header .header__menu {
        top: 0
    }

    .cookiebar--visible+.header+section {
        margin-top: 73px
    }

    .cookiebar--visible~.blocks {
        padding-top: 0
    }

    .cookiebar--visible~.overlay {
        top: auto;
        bottom: 0
    }

    .cookiebar--visible~.footer {
        margin-bottom: 60px
    }

    .cookiebar--minimized+.header {
        top: 0
    }

    .cookiebar--minimized+.header .header__menu {
        top: 0
    }

    .cookiebar--minimized~.blocks {
        padding-top: 0
    }

    .cookiebar--minimized~.overlay {
        top: auto;
        bottom: 0
    }
}

@media(min-width: 1024px) {
    .cookiebar--visible~.footer {
        margin-bottom:60px
    }
}

.header_trialworkout {
    background-color: #181d1e;
    position: fixed;
    top: 0;
    transition: all .5s,border-bottom .6s;
    height: 73px;
    width: 100%;
    z-index: 100;
    border-bottom: 1px solid rgba(0,0,0,0)
}

.header_trialworkout--border {
    border-bottom: 1px solid #444
}

.header_trialworkout--hidden {
    display: none
}

.header_trialworkout__container {
    max-width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    align-items: flex-end;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    height: calc(100% - 10px)
}

.header_trialworkout__logo {
    height: 100%;
    width: 78px;
    opacity: 1;
    transition: opacity .6s;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    align-items: flex-end;
    margin-left: 10px
}

.header_trialworkout__logo--hidden {
    opacity: 0
}

.header_trialworkout__logo_image {
    height: 40px;
    display: block
}

.header_trialworkout a.header_trialworkout__button_cancel {
    display: inline-block;
    background: #444;
    border: 0;
    border-radius: 100px;
    color: #fff;
    padding: 9px 26px;
    margin-right: 10px;
    font-weight: bold;
    font-size: 16px
}

@media(min-width: 768px) {
    .header_trialworkout__container {
        width:90%
    }

    .header_trialworkout__logo--hidden {
        opacity: 1
    }
}

@media(min-width: 1024px) {
    .header_trialworkout__container {
        width:90% !important;
        max-width: 1280px !important;
        position: relative;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
        height: 100%
    }

    .header_trialworkout__logo {
        margin-left: 0;
        float: none;
        margin-left: 0;
        padding-left: 0;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center
    }

    body.newnav .header_trialworkout,body.newnav2 .header_trialworkout {
        height: 73px
    }
}

@media(min-width: 1280px) {
    .header_trialworkout__logo {
        padding-left:0
    }
}

@media(min-width: 1800px) {
    .header_trialworkout__logo {
        padding-left:0
    }
}

@media only screen and (max-width: 320px) {
    .cookiebar--visible+.header {
        top:80px !important
    }

    .cookiebar--visible+.header .header__menu {
        top: auto
    }

    .cookiebar--visible+.header+section {
        margin-top: 80px
    }

    .cookiebar--visible~.blocks {
        padding-top: 80px
    }

    .cookiebar--visible~.overlay {
        top: calc(80px + 73px)
    }

    .cookiebar--minimized+.header {
        top: 60px !important
    }

    .cookiebar--minimized+.header .header__menu {
        top: auto
    }

    .cookiebar--minimized+.header+section {
        margin-top: 60px
    }

    .cookiebar--minimized~.blocks {
        padding-top: 60px
    }

    .cookiebar--minimized~.overlay {
        top: calc(60px + 73px)
    }
}

@media only screen and (max-width: 374px) {
    .cookiebar--visible+.header {
        top:85px !important
    }

    .cookiebar--visible+.header .header__menu {
        top: auto
    }

    .cookiebar--visible+.header+section {
        margin-top: 85px !important
    }

    .cookiebar--visible~.blocks {
        padding-top: 85px !important
    }

    .cookiebar--visible~.overlay {
        top: calc(85px + 73px)
    }
}

.cookiebar~.footer {
    transition: margin-bottom .5s
}

.header+section {
    transition: margin-top .5s
}

.cookiebar--visible+.header {
    top: 70px
}

.cookiebar--visible+.header .header__menu {
    top: 143px
}

.cookiebar--visible+.header+section {
    margin-top: 70px
}

.cookiebar--visible~.blocks {
    transition: all .5s;
    padding-top: 70px
}

.cookiebar--visible~.overlay {
    transition: all .5s;
    top: calc(70px + 73px)
}

.cookiebar--minimized+.header {
    top: 60px
}

.cookiebar--minimized+.header .header__menu {
    top: 133px
}

.cookiebar--minimized+.header+section {
    margin-top: 60px
}

.cookiebar--minimized~.blocks {
    padding-top: 60px
}

.cookiebar--minimized~.overlay {
    top: calc(60px + 73px)
}

@media(min-width: 768px) {
    .header+section {
        transition:none !important
    }

    body.newnav .cookiebar--visible+.header+section,body.newnav2 .cookiebar--visible+.header+section {
        margin-top: 73px
    }

    body[data-controller=trialworkout] .cookiebar--visible+.header+section {
        margin-top: 0
    }

    body[data-controller=courses] .cookiebar--visible+.header+section {
        margin-top: 60px
    }

    .cookiebar--visible+.header {
        top: 0
    }

    .cookiebar--visible+.header .header__menu {
        top: 0
    }

    .cookiebar--visible+.header+section {
        margin-top: 73px
    }

    .cookiebar--visible~.blocks {
        padding-top: 0
    }

    .cookiebar--visible~.overlay {
        top: auto;
        bottom: 0
    }

    .cookiebar--visible~.footer {
        margin-bottom: 60px
    }

    .cookiebar--minimized+.header {
        top: 0
    }

    .cookiebar--minimized+.header .header__menu {
        top: 0
    }

    .cookiebar--minimized~.blocks {
        padding-top: 0
    }

    .cookiebar--minimized~.overlay {
        top: auto;
        bottom: 0
    }
}

@media(min-width: 1024px) {
    .cookiebar--visible~.footer {
        margin-bottom:60px
    }
}

nav.header {
    background-color: #181d1e;
    position: fixed;
    top: 0;
    transition: top .5s,border-bottom .6s;
    height: 73px;
    width: 100%;
    z-index: 100;
    border-bottom: 1px solid rgba(0,0,0,0)
}

nav.header--transparent {
    background-color: rgba(0,0,0,0);
    position: fixed;
    border-bottom: 0;
    transition: none
}

nav.header .header {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

nav.header .header--border {
    border-bottom: 1px solid #444
}

nav.header .header--hidden {
    display: none
}

nav.header .header__container {
    max-width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

nav.header .header__container--transparent {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between
}

nav.header .header__cta_container--transparent {
    padding: 12px 12px 0 0
}

nav.header .header__logo {
    height: 100%;
    width: 78px;
    margin-left: 10px;
    opacity: 1;
    transition: opacity .6s
}

nav.header .header__logo--hidden {
    opacity: 0
}

nav.header .header__logo_image {
    height: 40px;
    display: block;
    margin-top: 16px
}

nav.header .header__logo_image--transparent {
    height: 30px
}

nav.header .header__hidden_checkbox {
    display: none
}

nav.header .header__menu {
    margin: 0;
    position: fixed;
    max-width: 500px;
    width: 100vw;
    left: -100vw;
    padding: 0;
    height: calc(100vh - 73px);
    top: 73px;
    transition: left .5s,opacity .6s,transform .6s;
    overflow: auto;
    background-color: #181d1e;
    color: #fff;
    text-align: center;
    z-index: 100;
    opacity: 1;
    transform: none
}

nav.header .header__menu--hidden {
    opacity: 0;
    transform: translateX(-50%)
}

nav.header .header__hidden_checkbox:checked~.header__menu {
    left: 0
}

nav.header .header__landingpage {
    position: absolute;
    right: 0;
    top: 0;
    white-space: nowrap;
    width: auto;
    float: right;
    max-width: none;
    height: auto;
    z-index: 0;
    background-color: rgba(0,0,0,0);
    text-align: left;
    overflow: visible
}

nav.header .header__navigation {
    margin: 0 10px 0 10px;
    line-height: 73px
}

nav.header .header__navigation__link {
    padding: .9em 3em
}

@media(min-width: 768px) {
    nav.header .header__container {
        width:90%
    }

    nav.header .header__container--transparent {
        width: 100% !important;
        max-width: 1920px !important;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row-reverse;
        -moz-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: space-between
    }

    nav.header .header__logo {
        margin-left: 0
    }

    nav.header .header__logo--hidden {
        opacity: 1
    }

    nav.header .header__logo--transparent {
        padding-left: 14px
    }
}

@media(min-width: 1024px) {
    nav.header .header__container {
        width:90% !important;
        max-width: 1280px !important;
        position: relative
    }

    nav.header .header__container--transparent {
        width: 100% !important;
        max-width: 1920px !important;
        display: block;
        max-width: 100%;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    nav.header .header__logo {
        float: none;
        margin-left: 0;
        padding-top: 8px;
        padding-left: 0
    }

    nav.header .header__logo--transparent {
        padding-left: 14px
    }

    nav.header .header__logo_image {
        margin-top: 10px;
        height: 40px
    }

    nav.header .header__menu {
        white-space: nowrap;
        width: auto;
        float: right;
        max-width: none;
        position: relative;
        height: auto;
        z-index: 0;
        left: auto;
        top: auto;
        background-color: rgba(0,0,0,0);
        text-align: left;
        overflow: visible
    }

    nav.header .header__hidden_checkbox:checked~.header__menu {
        left: auto
    }

    body.newnav nav.header .header,body.newnav2 nav.header .header {
        height: 73px
    }

    body.newnav nav.header .header__container,body.newnav2 nav.header .header__container {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex
    }

    body.newnav nav.header .header__container--transparent,body.newnav2 nav.header .header__container--transparent {
        width: 100%;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: space-between
    }

    body.newnav nav.header .header__logo,body.newnav2 nav.header .header__logo {
        -webkit-order: 1;
        -moz-order: 1;
        order: 1;
        padding-top: 14px
    }

    body.newnav nav.header .header__menu,body.newnav2 nav.header .header__menu {
        float: none;
        -webkit-order: 2;
        -moz-order: 2;
        order: 2;
        -webkit-flex-grow: 1;
        -moz-flex-grow: 1;
        -ms-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    body.newnav nav.header .header__cta_container,body.newnav2 nav.header .header__cta_container {
        -webkit-order: 2;
        -moz-order: 2;
        order: 2
    }
}

@media(min-width: 1280px) {
    nav.header .header__logo {
        padding-left:0
    }

    nav.header .header__logo--transparent {
        padding-left: 14px
    }
}

@media(min-width: 1800px) {
    nav.header .header__logo {
        padding-left:0
    }

    nav.header .header__logo--transparent {
        padding-left: 14px
    }
}

.homeworkout_player_overlay {
    color: #fff;
    text-align: center;
    height: 100%
}

.homeworkout_player_overlay__embed {
    height: calc(100% - 40px);
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center
}

.homeworkout_player_overlay__iframe_wrap {
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

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

.homeworkout_player_overlay__info {
    height: 40px;
    text-align: right;
    padding: 0 20px
}

.homeworkout_player_overlay__external_link {
    line-height: 40px;
    display: inline-block;
    padding: 0 0 0 25px;
    margin: 0;
    font-weight: 400;
    background-image: url("https://www.fitx.de/img/block/shared/icon/comment_orange.svg");
    background-repeat: no-repeat;
    background-position: 0 center
}

@media(min-width: 1024px) {
    .homeworkout_player_overlay__info {
        padding:0
    }
}

.homeworkouts_appteaser {
    color: #fff;
    max-width: 95%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    padding: 4em 0
}

.homeworkouts_appteaser__box {
    background-color: #1c2223;
    padding: 2em 1.6em 0 1.6em;
    border-radius: 5px
}

.homeworkouts_appteaser__headline {
    font-size: 1.8em;
    margin-bottom: .2em
}

.homeworkouts_appteaser__text {
    font-size: 1.2em;
    font-weight: 400;
    color: #b5b5b5
}

.homeworkouts_appteaser__badges a.app_store_badges__logo {
    width: 129px;
    height: 38px
}

.homeworkouts_appteaser__image {
    margin-top: 3em;
    padding-top: 74%;
    background-image: url("https://www.fitx.de/img/block/shared/homeworkouts_appteaser/app.png");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

@media(min-width: 768px) {
    .homeworkouts_appteaser {
        max-width:90%
    }

    .homeworkouts_appteaser__box {
        padding: 4em 3.5em 0 3.5em
    }

    .homeworkouts_appteaser__badges a.app_store_badges__logo {
        width: 144px;
        height: 42px
    }
}

@media(min-width: 1024px) {
    .homeworkouts_appteaser {
        max-width:100%
    }

    .homeworkouts_appteaser__box {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: space-between
    }

    .homeworkouts_appteaser__content {
        width: 40%
    }

    .homeworkouts_appteaser__image {
        margin-top: -2em;
        padding-top: 34%;
        width: 50%
    }

    .homeworkouts_appteaser__text {
        font-size: 1.3em
    }
}

@media(min-width: 1280px) {
    .homeworkouts_appteaser__content {
        width:38%
    }
}

.homeworkouts {
    padding: 4em 0 0 0;
    color: #fff !important
}

.homeworkouts--marginTop {
    margin-top: 73px;
    padding: 4em 0 0 0
}

.homeworkouts a {
    color: #fff
}

.homeworkouts__section {
    max-width: 95%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
    margin-bottom: 4em
}

.homeworkouts__section:last-child {
    margin-bottom: 0
}

.homeworkouts__section_headline {
    font-weight: normal;
    font-size: 2em;
    margin-bottom: .2em;
    line-height: 1
}

.homeworkouts__section_subline {
    margin-bottom: 1.5em;
    font-size: 1.3em;
    font-weight: 400;
    color: #ccc
}

.homeworkouts__items_container {
    overflow-x: scroll;
    overflow-y: hidden;
    -ms-overflow-style: none
}

.homeworkouts__items_container::-webkit-scrollbar {
    display: none
}

.homeworkouts__items {
    transform: translateX(0px);
    white-space: nowrap
}

.homeworkouts__item {
    background-size: cover !important;
    background-position: right !important;
    background-repeat: no-repeat !important;
    border-radius: 5px;
    height: 44vw;
    width: 44vw;
    display: inline-block;
    position: relative;
    margin-right: 3px
}

.homeworkouts__item--no_video {
    cursor: default
}

.homeworkouts__item_content {
    width: 44vw;
    padding: 1em;
    position: absolute;
    bottom: 0
}

.homeworkouts__item_headline {
    font-weight: bold;
    font-size: 1.2em;
    line-height: 1;
    margin-bottom: .5em;
    white-space: wrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.homeworkouts__item_headline span {
    font-weight: 400;
    font-size: .8em
}

.homeworkouts__item_subline {
    font-weight: 400;
    font-size: 1.1em;
    line-height: 1.2;
    background-image: url("https://www.fitx.de/img/block/shared/icon/icon-white-duration.svg");
    padding-left: 1.5em;
    background-repeat: no-repeat;
    white-space: wrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.homeworkouts__show_all {
    color: #ed6a12;
    display: inline-block;
    font-size: 1.3em;
    margin-top: 1em;
    cursor: pointer;
    background-image: url("https://www.fitx.de/img/block/shared/icon/arrow_right_orange_thick.svg");
    background-position: right center;
    padding-right: 25px;
    background-repeat: no-repeat
}

.homeworkouts__show_all:hover {
    color: #f18841
}

@media(min-width: 768px) {
    .homeworkouts__section {
        max-width:90%
    }

    .homeworkouts__item_content {
        width: auto;
        padding: 2em
    }

    .homeworkouts__item_headline {
        font-size: 1.6em;
        line-height: 1.2
    }

    .homeworkouts__item_headline span {
        font-size: 1em
    }

    .homeworkouts__items_container {
        overflow-x: hidden;
        overflow-y: hidden
    }

    .homeworkouts__items {
        transform: none;
        white-space: initial
    }

    .homeworkouts__items {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        grid-gap: 1.6em;
        -ms-grid-rows: 200px;
        grid-auto-rows: 200px
    }

    .homeworkouts__items:before {
        display: none
    }

    .homeworkouts__items>*:first-child {
        -ms-grid-row: initial;
        grid-row: initial;
        -ms-grid-column: initial;
        grid-column: initial
    }

    .homeworkouts__item {
        background-size: cover;
        background-position: right;
        background-repeat: no-repeat;
        border-radius: 5px;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-align-items: flex-end;
        -moz-align-items: flex-end;
        -ms-align-items: flex-end;
        align-items: flex-end;
        width: auto;
        height: auto;
        margin-right: 0
    }

    .homeworkouts__item--no_video {
        cursor: default
    }
}

@media(min-width: 1024px) {
    .homeworkouts {
        padding-top:0
    }

    .homeworkouts--marginTop {
        margin-top: 73px;
        padding: 4em 0 0 0
    }

    .homeworkouts__anchor {
        position: absolute;
        margin-top: -73px
    }

    .homeworkouts__section {
        width: 100%;
        max-width: 1280px;
        padding-bottom: 4em
    }

    .homeworkouts__items {
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr
    }
}

.houserules {
    background: #fff;
    padding: 73px 0 40px
}

.houserules__container {
    width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.houserules h1,.houserules h2,.houserules h3 {
    text-align: left;
    display: block
}

.houserules h1 {
    margin: 1em 0
}

.houserules p {
    font-size: 1.2em;
    line-height: 1.6em;
    margin: 0 0 1em 0;
    font-weight: normal
}

.houserules p.small {
    font-size: .9em
}

.houserules__houserules_status {
    text-align: right;
    font-weight: bold !important
}

.houserules a {
    color: #ed6a12
}

@media(min-width: 768px) {
    .houserules {
        padding:120px 0 73px
    }

    .houserules__container {
        max-width: 1280px;
        width: 85%;
        margin: 0 auto
    }

    .houserules p {
        margin: 0 0 2em 0
    }
}

@media(min-width: 1024px) {
    .houserules__houserules {
        max-width:100%
    }

    .houserules__houserules section {
        padding: 0 0 2em
    }
}

.html_video_image_campaign {
    height: 100%
}

.html_video_image_campaign .video-container {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    position: relative;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center
}

.html_video_image_campaign .video-container video {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.html_video_image_campaign .video-container .play_button {
    width: 110px;
    height: 110px;
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-image: url("https://www.fitx.de/img/block/shared/icon/play_triangle.svg");
    background-size: 32px;
    background-repeat: no-repeat;
    background-position: center
}

.html_video_image_campaign .video-container .play_button.hidden {
    display: none
}

.html_video_image_campaign .video-container .video_controls {
    right: 0;
    left: 0;
    padding: 20px;
    position: absolute;
    bottom: 0;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: flex-end
}

.html_video_image_campaign .video-container .video_controls.hidden {
    display: none
}

.html_video_image_campaign .video-container .video_controls button {
    cursor: pointer;
    position: relative;
    margin-right: 0;
    font-size: 12px;
    padding: 0;
    border: none;
    outline: none;
    background-color: rgba(0,0,0,0);
    width: 40px;
    height: 40px
}

.html_video_image_campaign .video-container .video_controls button * {
    pointer-events: none
}

.html_video_image_campaign .video-container .video_controls svg {
    width: 40px;
    height: 40px;
    fill: #fff;
    cursor: pointer
}

.html_video_image_campaign .video-container .video_controls .hidden {
    display: none
}

.html_video_image_campaign .video-container .video-controls.hide {
    opacity: 0;
    pointer-events: none
}

.html_video_image_campaign .video-container .volume {
    display: none
}

@media(min-width: 1024px) {
    .html_video_image_campaign .video-container video {
        -o-object-fit:cover;
        object-fit: cover
    }

    .html_video_image_campaign .video-container .play_button {
        width: 150px;
        height: 150px;
        background-size: 40px
    }
}

.html_video {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.html_video .video-container {
    width: 100%;
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.html_video video {
    width: 100%;
    height: 100%
}

.html_video video::-internal-media-controls-overlay-cast-button {
    display: none
}

.html_video .video_controls {
    right: 0;
    left: 0;
    padding: 20px;
    position: absolute;
    bottom: 0;
    transition: all .2s ease;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: flex-end
}

.html_video .video_controls button {
    cursor: pointer;
    position: relative;
    font-size: 12px;
    padding: 0;
    border: none;
    outline: none;
    background-color: rgba(0,0,0,0);
    width: 40px;
    height: 40px;
    margin: 0 0 0 10px
}

.html_video .video_controls button * {
    pointer-events: none
}

.html_video .video_controls svg {
    width: 40px;
    height: 40px;
    fill: #fff;
    cursor: pointer
}

.html_video .video_controls .hidden {
    display: none
}

.html_video .video-controls.hide {
    opacity: 0;
    pointer-events: none
}

.html_video .volume {
    display: none
}

.icon {
    text-align: center;
    text-shadow: 0 0 5px rgba(0,0,0,.3);
    line-height: 1.2em
}

.icon--offers,.icon--company_fitness_benefits {
    text-shadow: none
}

.icon--courses {
    margin-bottom: 3em !important
}

.icon--trainingareas,.icon--dgw {
    margin-bottom: 3em !important
}

.icon--trainingareas:last-child,.icon--dgw:last-child {
    width: 100% !important
}

.icon--trainingareasbubble {
    margin-bottom: 2em !important
}

.icon--trainingareasbubble:last-child {
    width: 100% !important
}

.icon--training_supervision {
    margin-bottom: 2em !important
}

.icon--services {
    margin-bottom: 20px;
    word-wrap: break-word
}

.icon--course_membership {
    position: relative;
    text-shadow: none;
    margin: 0 0 1.5em 0 !important
}

.icon__link {
    color: #fff
}

.icon a.icon__link {
    color: #fff
}

.icon__headline {
    display: inline;
    line-height: 20px
}

.icon__headline--preregistration_intro {
    font-size: 1.2em;
    font-weight: bold;
    text-transform: uppercase
}

.icon__headline--course_membership {
    text-align: left;
    color: #181d1e;
    top: 50%;
    position: absolute;
    left: 80px;
    transform: translateY(-50%);
    margin: 0
}

.icon__subheadline {
    margin-top: 5px;
    display: block
}

.icon__subheadline--trainingareas,.icon__subheadline--dgw,.icon__subheadline--training_supervision {
    font-weight: normal
}

.icon__subheadline--trainingareas,.icon__subheadline--dgw {
    line-height: 1.5em
}

.icon__subheadline--training_supervision {
    line-height: 1.6em;
    font-size: 1.1em;
    margin-top: 1em;
    display: block
}

.icon__subheadline--preregistration_intro {
    display: block;
    font-weight: 400;
    font-size: 1.2em;
    opacity: .9;
    line-height: 1.6em;
    margin: 1em 0
}

.icon__icon {
    height: 50px;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: .5em;
    background-size: contain
}

.icon__icon--hardfacts_business_times,.icon__icon--hardfacts_noparking_business_times {
    background-image: url("https://www.fitx.de/img/block/shared/icon/hardfacts.svg");
    background-position: 50% -0px;
    background-size: 50px
}

.icon__icon--hardfacts_courses,.icon__icon--hardfacts_noparking_courses {
    background-image: url("https://www.fitx.de/img/block/shared/icon/hardfacts.svg");
    background-position: 50% -50px;
    background-size: 50px
}

.icon__icon--hardfacts_drinks,.icon__icon--hardfacts_noparking_drinks {
    background-image: url("https://www.fitx.de/img/block/shared/icon/hardfacts.svg");
    background-position: 50% -100px;
    background-size: 50px
}

.icon__icon--hardfacts_price,.icon__icon--hardfacts_noparking_price {
    background-image: url("https://www.fitx.de/img/block/shared/icon/hardfacts.svg");
    background-position: 50% -150px;
    background-size: 50px
}

.icon__icon--hardfacts_showers,.icon__icon--hardfacts_noparking_showers {
    background-image: url("https://www.fitx.de/img/block/shared/icon/hardfacts.svg");
    background-position: 50% -200px;
    background-size: 50px
}

.icon__icon--hardfacts_trainer,.icon__icon--hardfacts_noparking_trainer {
    background-image: url("https://www.fitx.de/img/block/shared/icon/hardfacts.svg");
    background-position: 50% -250px;
    background-size: 50px
}

.icon__icon--hardfacts_parking_space {
    background-image: url("https://www.fitx.de/img/block/shared/icon/hardfacts/parking_space.svg")
}

.icon__icon--services {
    height: 73px;
    margin-top: 10px
}

.icon__icon--services_price {
    background-image: url("https://www.fitx.de/img/block/shared/icon/hardfacts/price.svg")
}

.icon__icon--services_business_times {
    background-image: url("https://www.fitx.de/img/block/shared/icon/hardfacts/business_times.svg")
}

.icon__icon--services_courses {
    background-image: url("https://www.fitx.de/img/block/shared/icon/hardfacts/courses.svg")
}

.icon__icon--services_trainer {
    background-image: url("https://www.fitx.de/img/block/shared/icon/hardfacts/trainer.svg")
}

.icon__icon--services_drinks {
    background-image: url("https://www.fitx.de/img/block/shared/icon/hardfacts/drinks.svg")
}

.icon__icon--services_showers {
    background-image: url("https://www.fitx.de/img/block/shared/icon/hardfacts/showers.svg")
}

.icon__icon--services_parking_space {
    background-image: url("https://www.fitx.de/img/block/shared/icon/hardfacts/parking_space.svg")
}

.icon__icon--services_lady_gym {
    background-image: url("https://www.fitx.de/img/block/shared/icon/hardfacts/lady_gym.svg")
}

.icon__icon--services_starter_pack {
    background-image: url("https://www.fitx.de/img/block/shared/icon/hardfacts/starter_pack.svg")
}

.icon__icon--services_xcard {
    background-image: url("https://www.fitx.de/img/block/shared/icon/hardfacts/xcard.svg")
}

.icon__icon--services_content {
    height: 73px;
    margin-top: 10px
}

.icon__icon--services_content_price {
    background-image: url("https://www.fitx.de/img/block/shared/icon/hardfacts/price_black.svg")
}

.icon__icon--services_content_business_times {
    background-image: url("https://www.fitx.de/img/block/shared/icon/hardfacts/business_times_black.svg")
}

.icon__icon--services_content_courses {
    background-image: url("https://www.fitx.de/img/block/shared/icon/hardfacts/courses_black.svg")
}

.icon__icon--services_content_trainer {
    background-image: url("https://www.fitx.de/img/block/shared/icon/hardfacts/trainer_black.svg")
}

.icon__icon--services_content_drinks {
    background-image: url("https://www.fitx.de/img/block/shared/icon/hardfacts/drinks_black.svg")
}

.icon__icon--services_content_showers {
    background-image: url("https://www.fitx.de/img/block/shared/icon/hardfacts/showers_black.svg")
}

.icon__icon--services_content_parking_space {
    background-image: url("https://www.fitx.de/img/block/shared/icon/hardfacts/parking_space_black.svg")
}

.icon__icon--services_content_lady_gym {
    background-image: url("https://www.fitx.de/img/block/shared/icon/hardfacts/lady_gym_black.svg")
}

.icon__icon--services_content_starter_pack {
    background-image: url("https://www.fitx.de/img/block/shared/icon/hardfacts/starter_pack_black.svg")
}

.icon__icon--services_content_xcard {
    background-image: url("https://www.fitx.de/img/block/shared/icon/hardfacts/xcard_black.svg")
}

.icon__icon--trainingareas {
    margin-bottom: 1em;
    height: 70px;
    width: 73px;
    padding: 1em;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.icon__icon--trainingareas_summary {
    background-image: url("https://www.fitx.de/img/block/shared/icon/trainingareas/summary.svg")
}

.icon__icon--trainingareas_trainingsbereiche {
    background-image: url("https://www.fitx.de/img/block/shared/icon/trainingareas/trainingsbereiche.svg")
}

.icon__icon--trainingareas_cardiobereich {
    background-image: url("https://www.fitx.de/img/block/shared/icon/trainingareas/cardiobereich.svg")
}

.icon__icon--trainingareas_classx {
    background-image: url("https://www.fitx.de/img/block/shared/icon/trainingareas/classx.svg")
}

.icon__icon--trainingareas_freihantelbereich {
    background-image: url("https://www.fitx.de/img/block/shared/icon/trainingareas/freihantelbereich.svg")
}

.icon__icon--trainingareas_zirkeltraining {
    background-image: url("https://www.fitx.de/img/block/shared/icon/trainingareas/zirkeltraining.svg")
}

.icon__icon--trainingareas_ladygym {
    background-image: url("https://www.fitx.de/img/block/shared/icon/trainingareas/ladygym.svg")
}

.icon__icon--trainingareas_turnecke {
    background-image: url("https://www.fitx.de/img/block/shared/icon/trainingareas/turnecke.svg")
}

.icon__icon--trainingareas_free_weights,.icon__icon--trainingareas_freihantelbereich {
    background-size: cover
}

.icon__icon--dgw {
    margin-bottom: 1em;
    height: 70px;
    width: 73px;
    padding: 1em;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.icon__icon--dgw_summary {
    background-image: url("https://www.fitx.de/img/block/shared/icon/trainingareas/summary.svg")
}

.icon__icon--dgw_trainingsbereiche {
    background-image: url("https://www.fitx.de/img/block/shared/icon/trainingareas/trainingsbereiche.svg")
}

.icon__icon--dgw_cardiobereich {
    background-image: url("https://www.fitx.de/img/block/shared/icon/trainingareas/cardiobereich.svg")
}

.icon__icon--dgw_classx {
    background-image: url("https://www.fitx.de/img/block/shared/icon/trainingareas/classx.svg")
}

.icon__icon--dgw_freihantelbereich {
    background-image: url("https://www.fitx.de/img/block/shared/icon/trainingareas/freihantelbereich.svg")
}

.icon__icon--dgw_zirkeltraining {
    background-image: url("https://www.fitx.de/img/block/shared/icon/trainingareas/zirkeltraining.svg")
}

.icon__icon--dgw_ladygym {
    background-image: url("https://www.fitx.de/img/block/shared/icon/trainingareas/ladygym.svg")
}

.icon__icon--dgw_turnecke {
    background-image: url("https://www.fitx.de/img/block/shared/icon/trainingareas/turnecke.svg")
}

.icon__icon--dgw_free_weights,.icon__icon--dgw_freihantelbereich {
    background-size: cover
}

.icon__icon--dgwhardfacts {
    height: 73px;
    margin-top: 10px
}

.icon__icon--dgwhardfacts_price {
    background-image: url("https://www.fitx.de/img/block/shared/icon/hardfacts/price.svg")
}

.icon__icon--dgwhardfacts_business_times {
    background-image: url("https://www.fitx.de/img/block/shared/icon/hardfacts/business_times.svg")
}

.icon__icon--dgwhardfacts_courses {
    background-image: url("https://www.fitx.de/img/block/shared/icon/hardfacts/courses.svg")
}

.icon__icon--dgwhardfacts_trainer {
    background-image: url("https://www.fitx.de/img/block/shared/icon/hardfacts/trainer.svg")
}

.icon__icon--dgwhardfacts_contract {
    background-image: url("https://www.fitx.de/img/block/shared/icon/hardfacts/contract.svg")
}

.icon__icon--dgwhardfacts_showers {
    background-image: url("https://www.fitx.de/img/block/shared/icon/hardfacts/showers.svg")
}

.icon__icon--trainingareasbubble {
    margin-bottom: 1em;
    height: 70px;
    padding: 1em;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.icon__icon--trainingareasbubble_trainingsbereiche {
    background-image: url("https://www.fitx.de/img/block/shared/icon/trainingareasbubble/trainingsbereiche.svg")
}

.icon__icon--trainingareasbubble_cardiobereich {
    background-image: url("https://www.fitx.de/img/block/shared/icon/trainingareasbubble/cardiobereich.svg")
}

.icon__icon--trainingareasbubble_classx {
    background-image: url("https://www.fitx.de/img/block/shared/icon/trainingareasbubble/classx.svg")
}

.icon__icon--trainingareasbubble_freihantelbereich {
    background-image: url("https://www.fitx.de/img/block/shared/icon/trainingareasbubble/freihantelbereich.svg")
}

.icon__icon--trainingareasbubble_zirkeltraining {
    background-image: url("https://www.fitx.de/img/block/shared/icon/trainingareasbubble/zirkeltraining.svg")
}

.icon__icon--trainingareasbubble_ladygym {
    background-image: url("https://www.fitx.de/img/block/shared/icon/trainingareasbubble/ladygym.svg")
}

.icon__icon--trainingareasbubble_turnecke {
    background-image: url("https://www.fitx.de/img/block/shared/icon/trainingareasbubble/turnecke.svg")
}

.icon__icon--training_supervision {
    height: 130px;
    margin-bottom: 1em
}

.icon__icon--training_supervision_support {
    background-image: url("https://www.fitx.de/img/block/shared/icon/training_supervision/support.svg")
}

.icon__icon--training_supervision_plan {
    background-image: url("https://www.fitx.de/img/block/shared/icon/training_supervision/plan.svg")
}

.icon__icon--training_supervision_plan {
    height: 160px
}

.icon__icon--studio_share_bar {
    height: 25px
}

.icon__icon--studio_share_bar_phone {
    background-image: url("https://www.fitx.de/img/block/shared/icon/studio_share_bar/phone.svg")
}

.icon__icon--studio_share_bar_whatsapp {
    background-image: url("https://www.fitx.de/img/block/shared/icon/studio_share_bar/whatsapp.svg")
}

.icon__icon--studio_share_bar_facebook {
    background-image: url("https://www.fitx.de/img/block/shared/icon/studio_share_bar/facebook.svg")
}

.icon__icon--preregistration_intro {
    display: none
}

.icon__icon--course_membership {
    margin-bottom: 0
}

.icon__icon--course_membership_trainer {
    background-image: url("https://www.fitx.de/img/block/shared/icon/hardfacts/trainer_black.svg");
    color: #fff;
    float: left;
    height: 55px;
    width: 55px
}

.icon__icon--course_membership_drinks {
    background-image: url("https://www.fitx.de/img/block/shared/icon/hardfacts/drinks_black.svg");
    color: #fff;
    float: left;
    height: 55px;
    width: 55px
}

.icon__icon--course_membership_business_times {
    background-image: url("https://www.fitx.de/img/block/shared/icon/hardfacts/business_times_black.svg");
    color: #fff;
    float: left;
    height: 55px;
    width: 55px
}

.icon__icon--course_membership_trainingareas {
    background-image: url("https://www.fitx.de/img/block/shared/icon/hardfacts/trainingareas_black.svg");
    color: #fff;
    float: left;
    height: 55px;
    width: 55px
}

.icon__icon--offers {
    height: 73px !important;
    margin-top: 10px
}

.icon__icon--offers_price {
    background-image: url("https://www.fitx.de/img/block/shared/icon/hardfacts/price_black.svg")
}

.icon__icon--offers_business_times {
    background-image: url("https://www.fitx.de/img/block/shared/icon/hardfacts/business_times_black.svg")
}

.icon__icon--offers_courses {
    background-image: url("https://www.fitx.de/img/block/shared/icon/hardfacts/courses_black.svg")
}

.icon__icon--offers_trainer {
    background-image: url("https://www.fitx.de/img/block/shared/icon/hardfacts/trainer_black.svg")
}

.icon__icon--offers_drinks {
    background-image: url("https://www.fitx.de/img/block/shared/icon/hardfacts/drinks_black.svg")
}

.icon__icon--offers_showers {
    background-image: url("https://www.fitx.de/img/block/shared/icon/hardfacts/showers_black.svg")
}

.icon__icon--offers_parking_space {
    background-image: url("https://www.fitx.de/img/block/shared/icon/hardfacts/parking_space_black.svg")
}

.icon__icon--offers_lady_gym {
    background-image: url("https://www.fitx.de/img/block/shared/icon/hardfacts/lady_gym_black.svg")
}

.icon__icon--offers_starter_pack {
    background-image: url("https://www.fitx.de/img/block/shared/icon/hardfacts/starter_pack_black.svg")
}

.icon__icon--offers_xcard {
    background-image: url("https://www.fitx.de/img/block/shared/icon/hardfacts/xcard_black.svg")
}

.icon__icon--company_fitness_benefits {
    height: 73px !important;
    margin-top: 10px
}

.icon__icon--company_fitness_benefits_business_times {
    background-image: url("https://www.fitx.de/img/block/shared/icon/hardfacts/business_times_black.svg")
}

.icon__icon--company_fitness_benefits_trainer {
    background-image: url("https://www.fitx.de/img/block/shared/icon/hardfacts/trainer_black.svg")
}

.icon__icon--company_fitness_benefits_courses {
    background-image: url("https://www.fitx.de/img/block/shared/icon/hardfacts/courses_black.svg")
}

.icon__icon--company_fitness_benefits_drinks {
    background-image: url("https://www.fitx.de/img/block/shared/icon/hardfacts/drinks_black.svg")
}

.icon__icon--company_fitness_benefits_lady_gym {
    background-image: url("https://www.fitx.de/img/block/shared/icon/hardfacts/lady_gym_black.svg")
}

.icon__icon--company_fitness_benefits_showers {
    background-image: url("https://www.fitx.de/img/block/shared/icon/hardfacts/showers_black.svg")
}

.icon__icon--company_fitness_benefits_parking_space {
    background-image: url("https://www.fitx.de/img/block/shared/icon/hardfacts/parking_space_black.svg")
}

.icon__icon--company_fitness_benefits_equipment {
    background-image: url("https://www.fitx.de/img/block/shared/icon/hardfacts/equipment_black.svg")
}

@media(min-width: 768px) {
    .icon--trainingareasbubble:last-child {
        margin-right:12.5% !important
    }

    .icon--trainingareasbubble:last-child,.icon--trainingareasbubble:nth-last-child(3),.icon--trainingareasbubble:nth-last-child(2) {
        width: calc(25% - 20px) !important
    }

    .icon--trainingareasbubble:nth-last-child(3) {
        margin-left: 12.5% !important
    }

    .icon--course_membership {
        position: relative
    }

    .icon__icon {
        height: 55px
    }

    .icon__icon--hardfacts_business_times,.icon__icon--hardfacts_noparking_business_times {
        background-image: url("https://www.fitx.de/img/block/shared/icon/hardfacts.svg");
        background-position: 50% -0px;
        background-size: 55px
    }

    .icon__icon--hardfacts_courses,.icon__icon--hardfacts_noparking_courses {
        background-image: url("https://www.fitx.de/img/block/shared/icon/hardfacts.svg");
        background-position: 50% -55px;
        background-size: 55px
    }

    .icon__icon--hardfacts_drinks,.icon__icon--hardfacts_noparking_drinks {
        background-image: url("https://www.fitx.de/img/block/shared/icon/hardfacts.svg");
        background-position: 50% -110px;
        background-size: 55px
    }

    .icon__icon--hardfacts_price,.icon__icon--hardfacts_noparking_price {
        background-image: url("https://www.fitx.de/img/block/shared/icon/hardfacts.svg");
        background-position: 50% -165px;
        background-size: 55px
    }

    .icon__icon--hardfacts_showers,.icon__icon--hardfacts_noparking_showers {
        background-image: url("https://www.fitx.de/img/block/shared/icon/hardfacts.svg");
        background-position: 50% -220px;
        background-size: 55px
    }

    .icon__icon--hardfacts_trainer,.icon__icon--hardfacts_noparking_trainer {
        background-image: url("https://www.fitx.de/img/block/shared/icon/hardfacts.svg");
        background-position: 50% -275px;
        background-size: 55px
    }

    .icon__icon--services {
        height: 70px
    }

    .icon__icon--trainingareasbubble {
        height: 70px
    }

    .icon__icon--trainingareas,.icon__icon--dgw {
        width: 95px;
        height: 95px
    }

    .icon__icon--courses {
        width: 170px;
        height: 74px
    }

    .icon__icon--courses_relax {
        width: 130px
    }

    .icon__icon--training_supervision {
        width: 150px;
        height: 150px;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .icon__icon--preregistration_intro {
        display: none;
        height: 150px;
        margin-bottom: 20px
    }

    .icon__icon--preregistration_intro_contract {
        background-image: url("https://www.fitx.de/img/block/shared/icon/preregistration_intro/contract.svg")
    }

    .icon__icon--preregistration_intro_card {
        background-image: url("https://www.fitx.de/img/block/shared/icon/preregistration_intro/card.svg")
    }

    .icon__icon--preregistration_intro_studio {
        background-image: url("https://www.fitx.de/img/block/shared/icon/preregistration_intro/studio.svg")
    }

    .icon__icon--course_membership {
        float: left;
        height: 55px;
        width: 55px
    }

    .icon__headline--training_supervision {
        white-space: nowrap
    }

    .icon__headline--course_membership {
        text-align: left;
        top: 50%;
        position: absolute;
        left: 70px;
        transform: translateY(-50%)
    }
}

@media(min-width: 1024px) {
    .icon--course_membership {
        margin-bottom:0 !important
    }

    .icon__icon--preregistration_intro {
        display: block;
        height: 150px
    }

    .icon__icon--services {
        height: 70px
    }

    .icon__headline--preregistration_intro {
        font-size: 1.1em
    }

    .icon__subheadline--preregistration_intro {
        font-weight: normal;
        font-size: 1.1em;
        line-height: 1.4em
    }

    .icon--courses {
        width: 190px;
        height: 74px
    }
}

@media(min-width: 1280px) {
    .icon--trainingareas:last-child,.icon--trainingareas:nth-last-child(2),.icon--trainingareas:nth-last-child(3),.icon--dgw:last-child,.icon--dgw:nth-last-child(2),.icon--dgw:nth-last-child(3) {
        width:33% !important
    }

    .icon__headline--preregistration_intro {
        font-size: 1.4em;
        line-height: 110%;
        font-weight: 400
    }

    .icon__headline--course_membership {
        left: 90px
    }

    .icon__subheadline--preregistration_intro {
        font-weight: normal;
        font-size: 1.2em;
        line-height: 1.6em
    }

    .icon__icon--preregistration_intro {
        display: block;
        height: 150px
    }

    .icon__icon--course_membership {
        float: left;
        height: 70px;
        width: 70px
    }
}

.iconlist {
    max-width: 100%
}

.iconlist--courses--black {
    background-color: #1c2223
}

.iconlist__container {
    padding-top: 1em;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    max-width: 95%
}

.iconlist__container:after {
    content: "";
    display: table;
    clear: both
}

.iconlist__container>*:nth-child(3n+1) {
    width: calc(33.3333333333% - 10px - 10px + 3.3333333333px + 3.3333333333px);
    float: left;
    margin: 10px;
    clear: left;
    margin-left: 0
}

.iconlist__container>*:nth-child(3n+2) {
    width: calc(33.3333333333% - 10px - 10px + 3.3333333333px + 3.3333333333px);
    float: left;
    margin: 10px;
    clear: none
}

.iconlist__container>*:nth-child(3n+3) {
    width: calc(33.3333333333% - 10px - 10px + 3.3333333333px + 3.3333333333px);
    float: left;
    margin: 10px;
    clear: none;
    margin-right: 0
}

.iconlist__container--training_supervision,.iconlist__container--preregistration_intro,.iconlist__container--course_membership {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto
}

.iconlist__container--training_supervision:after,.iconlist__container--preregistration_intro:after,.iconlist__container--course_membership:after {
    content: "";
    display: table;
    clear: both
}

.iconlist__container--training_supervision>*:nth-child(1n+1),.iconlist__container--preregistration_intro>*:nth-child(1n+1),.iconlist__container--course_membership>*:nth-child(1n+1) {
    width: calc(100%);
    float: left;
    clear: left;
    margin-left: 0;
    margin-right: 0
}

.iconlist__container--preregistration_intro {
    display: none
}

.iconlist__container--courses,.iconlist__container--trainingareasbubble,.iconlist__container--trainingareas,.iconlist__container--dgw {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto
}

.iconlist__container--courses:after,.iconlist__container--trainingareasbubble:after,.iconlist__container--trainingareas:after,.iconlist__container--dgw:after {
    content: "";
    display: table;
    clear: both
}

.iconlist__container--courses>*:nth-child(2n+1),.iconlist__container--trainingareasbubble>*:nth-child(2n+1),.iconlist__container--trainingareas>*:nth-child(2n+1),.iconlist__container--dgw>*:nth-child(2n+1) {
    width: calc(50% - 0px - 0px + 0px + 0px);
    float: left;
    margin: 0px;
    clear: left;
    margin-left: 0
}

.iconlist__container--courses>*:nth-child(2n+2),.iconlist__container--trainingareasbubble>*:nth-child(2n+2),.iconlist__container--trainingareas>*:nth-child(2n+2),.iconlist__container--dgw>*:nth-child(2n+2) {
    width: calc(50% - 0px - 0px + 0px + 0px);
    float: left;
    margin: 0px;
    clear: none;
    margin-right: 0
}

.iconlist__container--services,.iconlist__container--offers,.iconlist__container--company_fitness_benefits {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto
}

.iconlist__container--services:after,.iconlist__container--offers:after,.iconlist__container--company_fitness_benefits:after {
    content: "";
    display: table;
    clear: both
}

.iconlist__container--services>*:nth-child(2n+1),.iconlist__container--offers>*:nth-child(2n+1),.iconlist__container--company_fitness_benefits>*:nth-child(2n+1) {
    width: calc(50% - 0px - 0px + 0px + 0px);
    float: left;
    margin: 10px 0px;
    clear: left;
    margin-left: 0
}

.iconlist__container--services>*:nth-child(2n+2),.iconlist__container--offers>*:nth-child(2n+2),.iconlist__container--company_fitness_benefits>*:nth-child(2n+2) {
    width: calc(50% - 0px - 0px + 0px + 0px);
    float: left;
    margin: 10px 0px;
    clear: none;
    margin-right: 0
}

.iconlist__container--studio_share_bar {
    padding-top: 0
}

@media(min-width: 768px) {
    .iconlist__container {
        padding-top:2em;
        max-width: 960px;
        margin-left: auto;
        margin-right: auto;
        width: 85%
    }

    .iconlist__container:after {
        content: "";
        display: table;
        clear: both
    }

    .iconlist__container>*:nth-child(6n+1) {
        width: calc(16.6666666667% - 10px - 10px + 1.6666666667px + 1.6666666667px);
        float: left;
        margin: 10px;
        clear: left;
        margin-left: 0
    }

    .iconlist__container>*:nth-child(6n+2) {
        width: calc(16.6666666667% - 10px - 10px + 1.6666666667px + 1.6666666667px);
        float: left;
        margin: 10px;
        clear: none
    }

    .iconlist__container>*:nth-child(6n+3) {
        width: calc(16.6666666667% - 10px - 10px + 1.6666666667px + 1.6666666667px);
        float: left;
        margin: 10px;
        clear: none
    }

    .iconlist__container>*:nth-child(6n+4) {
        width: calc(16.6666666667% - 10px - 10px + 1.6666666667px + 1.6666666667px);
        float: left;
        margin: 10px;
        clear: none
    }

    .iconlist__container>*:nth-child(6n+5) {
        width: calc(16.6666666667% - 10px - 10px + 1.6666666667px + 1.6666666667px);
        float: left;
        margin: 10px;
        clear: none
    }

    .iconlist__container>*:nth-child(6n+6) {
        width: calc(16.6666666667% - 10px - 10px + 1.6666666667px + 1.6666666667px);
        float: left;
        margin: 10px;
        clear: none;
        margin-right: 0
    }

    .iconlist__container--services {
        max-width: 960px;
        margin-left: auto;
        margin-right: auto;
        width: 90%
    }

    .iconlist__container--services:after {
        content: "";
        display: table;
        clear: both
    }

    .iconlist__container--services>*:nth-child(5n+1) {
        width: calc(20% - 0px - 0px + 0px + 0px);
        float: left;
        margin: 10px 0px;
        clear: left;
        margin-left: 0
    }

    .iconlist__container--services>*:nth-child(5n+2) {
        width: calc(20% - 0px - 0px + 0px + 0px);
        float: left;
        margin: 10px 0px;
        clear: none
    }

    .iconlist__container--services>*:nth-child(5n+3) {
        width: calc(20% - 0px - 0px + 0px + 0px);
        float: left;
        margin: 10px 0px;
        clear: none
    }

    .iconlist__container--services>*:nth-child(5n+4) {
        width: calc(20% - 0px - 0px + 0px + 0px);
        float: left;
        margin: 10px 0px;
        clear: none
    }

    .iconlist__container--services>*:nth-child(5n+5) {
        width: calc(20% - 0px - 0px + 0px + 0px);
        float: left;
        margin: 10px 0px;
        clear: none;
        margin-right: 0
    }

    .iconlist__container--trainingareas,.iconlist__container--courses,.iconlist__container--dgw {
        max-width: 960px;
        margin-left: auto;
        margin-right: auto
    }

    .iconlist__container--trainingareas:after,.iconlist__container--courses:after,.iconlist__container--dgw:after {
        content: "";
        display: table;
        clear: both
    }

    .iconlist__container--trainingareas>*:nth-child(3n+1),.iconlist__container--courses>*:nth-child(3n+1),.iconlist__container--dgw>*:nth-child(3n+1) {
        width: calc(33.3333333333% - 10px - 10px + 3.3333333333px + 3.3333333333px);
        float: left;
        margin: 10px;
        clear: left;
        margin-left: 0
    }

    .iconlist__container--trainingareas>*:nth-child(3n+2),.iconlist__container--courses>*:nth-child(3n+2),.iconlist__container--dgw>*:nth-child(3n+2) {
        width: calc(33.3333333333% - 10px - 10px + 3.3333333333px + 3.3333333333px);
        float: left;
        margin: 10px;
        clear: none
    }

    .iconlist__container--trainingareas>*:nth-child(3n+3),.iconlist__container--courses>*:nth-child(3n+3),.iconlist__container--dgw>*:nth-child(3n+3) {
        width: calc(33.3333333333% - 10px - 10px + 3.3333333333px + 3.3333333333px);
        float: left;
        margin: 10px;
        clear: none;
        margin-right: 0
    }

    .iconlist__container--trainingareasbubble {
        max-width: 960px;
        margin-left: auto;
        margin-right: auto
    }

    .iconlist__container--trainingareasbubble:after {
        content: "";
        display: table;
        clear: both
    }

    .iconlist__container--trainingareasbubble>*:nth-child(4n+1) {
        width: calc(25% - 10px - 10px + 2.5px + 2.5px);
        float: left;
        margin: 10px;
        clear: left;
        margin-left: 0
    }

    .iconlist__container--trainingareasbubble>*:nth-child(4n+2) {
        width: calc(25% - 10px - 10px + 2.5px + 2.5px);
        float: left;
        margin: 10px;
        clear: none
    }

    .iconlist__container--trainingareasbubble>*:nth-child(4n+3) {
        width: calc(25% - 10px - 10px + 2.5px + 2.5px);
        float: left;
        margin: 10px;
        clear: none
    }

    .iconlist__container--trainingareasbubble>*:nth-child(4n+4) {
        width: calc(25% - 10px - 10px + 2.5px + 2.5px);
        float: left;
        margin: 10px;
        clear: none;
        margin-right: 0
    }

    .iconlist__container--offers,.iconlist__container--company_fitness_benefits {
        max-width: 960px;
        margin-left: auto;
        margin-right: auto
    }

    .iconlist__container--offers:after,.iconlist__container--company_fitness_benefits:after {
        content: "";
        display: table;
        clear: both
    }

    .iconlist__container--offers>*:nth-child(4n+1),.iconlist__container--company_fitness_benefits>*:nth-child(4n+1) {
        width: calc(25% - 10px - 10px + 2.5px + 2.5px);
        float: left;
        margin: 10px;
        clear: left;
        margin-left: 0
    }

    .iconlist__container--offers>*:nth-child(4n+2),.iconlist__container--company_fitness_benefits>*:nth-child(4n+2) {
        width: calc(25% - 10px - 10px + 2.5px + 2.5px);
        float: left;
        margin: 10px;
        clear: none
    }

    .iconlist__container--offers>*:nth-child(4n+3),.iconlist__container--company_fitness_benefits>*:nth-child(4n+3) {
        width: calc(25% - 10px - 10px + 2.5px + 2.5px);
        float: left;
        margin: 10px;
        clear: none
    }

    .iconlist__container--offers>*:nth-child(4n+4),.iconlist__container--company_fitness_benefits>*:nth-child(4n+4) {
        width: calc(25% - 10px - 10px + 2.5px + 2.5px);
        float: left;
        margin: 10px;
        clear: none;
        margin-right: 0
    }

    .iconlist__container--preregistration_intro {
        max-width: 960px;
        margin-left: auto;
        margin-right: auto;
        display: block
    }

    .iconlist__container--preregistration_intro:after {
        content: "";
        display: table;
        clear: both
    }

    .iconlist__container--preregistration_intro>*:nth-child(1n+1) {
        width: calc(100% - 10px - 10px + 10px + 10px);
        float: left;
        margin: 10px;
        clear: left;
        margin-left: 0;
        margin-right: 0
    }

    .iconlist__container--training_supervision {
        max-width: 960px;
        margin-left: auto;
        margin-right: auto
    }

    .iconlist__container--training_supervision:after {
        content: "";
        display: table;
        clear: both
    }

    .iconlist__container--training_supervision>*:nth-child(2n+1) {
        width: calc(50% - 10px - 10px + 5px + 5px);
        float: left;
        margin: 10px;
        clear: left;
        margin-left: 0
    }

    .iconlist__container--training_supervision>*:nth-child(2n+2) {
        width: calc(50% - 10px - 10px + 5px + 5px);
        float: left;
        margin: 10px;
        clear: none;
        margin-right: 0
    }

    .iconlist__container--course_membership {
        width: 100%;
        max-width: 100% !important;
        max-width: 960px;
        margin-left: auto;
        margin-right: auto
    }

    .iconlist__container--course_membership:after {
        content: "";
        display: table;
        clear: both
    }

    .iconlist__container--course_membership>*:nth-child(2n+1) {
        width: calc(50%);
        float: left;
        clear: left;
        margin-left: 0
    }

    .iconlist__container--course_membership>*:nth-child(2n+2) {
        width: calc(50%);
        float: left;
        clear: none;
        margin-right: 0
    }
}

@media(min-width: 1024px) {
    .iconlist__container--preregistration_intro {
        display:block;
        max-width: 100% !important;
        width: 95% !important;
        max-width: 960px;
        margin-left: auto;
        margin-right: auto
    }

    .iconlist__container--preregistration_intro:after {
        content: "";
        display: table;
        clear: both
    }

    .iconlist__container--preregistration_intro>*:nth-child(3n+1) {
        width: calc(33.3333333333% - 10px - 10px + 3.3333333333px + 3.3333333333px);
        float: left;
        margin: 10px;
        clear: left;
        margin-left: 0
    }

    .iconlist__container--preregistration_intro>*:nth-child(3n+2) {
        width: calc(33.3333333333% - 10px - 10px + 3.3333333333px + 3.3333333333px);
        float: left;
        margin: 10px;
        clear: none
    }

    .iconlist__container--preregistration_intro>*:nth-child(3n+3) {
        width: calc(33.3333333333% - 10px - 10px + 3.3333333333px + 3.3333333333px);
        float: left;
        margin: 10px;
        clear: none;
        margin-right: 0
    }

    .iconlist__container--services {
        max-width: 960px;
        margin-left: auto;
        margin-right: auto
    }

    .iconlist__container--services:after {
        content: "";
        display: table;
        clear: both
    }

    .iconlist__container--services>*:nth-child(5n+1) {
        width: calc(20% - 20px - 20px + 4px + 4px);
        float: left;
        margin: 20px;
        clear: left;
        margin-left: 0
    }

    .iconlist__container--services>*:nth-child(5n+2) {
        width: calc(20% - 20px - 20px + 4px + 4px);
        float: left;
        margin: 20px;
        clear: none
    }

    .iconlist__container--services>*:nth-child(5n+3) {
        width: calc(20% - 20px - 20px + 4px + 4px);
        float: left;
        margin: 20px;
        clear: none
    }

    .iconlist__container--services>*:nth-child(5n+4) {
        width: calc(20% - 20px - 20px + 4px + 4px);
        float: left;
        margin: 20px;
        clear: none
    }

    .iconlist__container--services>*:nth-child(5n+5) {
        width: calc(20% - 20px - 20px + 4px + 4px);
        float: left;
        margin: 20px;
        clear: none;
        margin-right: 0
    }

    .iconlist__container--course_membership {
        width: 100%;
        max-width: 100% !important;
        max-width: 960px;
        margin-left: auto;
        margin-right: auto
    }

    .iconlist__container--course_membership:after {
        content: "";
        display: table;
        clear: both
    }

    .iconlist__container--course_membership>*:nth-child(4n+1) {
        width: calc(25%);
        float: left;
        clear: left;
        margin-left: 0
    }

    .iconlist__container--course_membership>*:nth-child(4n+2) {
        width: calc(25%);
        float: left;
        clear: none
    }

    .iconlist__container--course_membership>*:nth-child(4n+3) {
        width: calc(25%);
        float: left;
        clear: none
    }

    .iconlist__container--course_membership>*:nth-child(4n+4) {
        width: calc(25%);
        float: left;
        clear: none;
        margin-right: 0
    }
}

@media(min-width: 1280px) {
    .iconlist__container--trainingareas,.iconlist__container--courses,.iconlist__container--dgw {
        max-width:960px;
        margin-left: auto;
        margin-right: auto
    }

    .iconlist__container--trainingareas:after,.iconlist__container--courses:after,.iconlist__container--dgw:after {
        content: "";
        display: table;
        clear: both
    }

    .iconlist__container--trainingareas>*:nth-child(4n+1),.iconlist__container--courses>*:nth-child(4n+1),.iconlist__container--dgw>*:nth-child(4n+1) {
        width: calc(25% - 0px - 0px);
        float: left;
        margin: 0px;
        clear: left
    }

    .iconlist__container--trainingareas>*:nth-child(4n+2),.iconlist__container--courses>*:nth-child(4n+2),.iconlist__container--dgw>*:nth-child(4n+2) {
        width: calc(25% - 0px - 0px);
        float: left;
        margin: 0px;
        clear: none
    }

    .iconlist__container--trainingareas>*:nth-child(4n+3),.iconlist__container--courses>*:nth-child(4n+3),.iconlist__container--dgw>*:nth-child(4n+3) {
        width: calc(25% - 0px - 0px);
        float: left;
        margin: 0px;
        clear: none
    }

    .iconlist__container--trainingareas>*:nth-child(4n+4),.iconlist__container--courses>*:nth-child(4n+4),.iconlist__container--dgw>*:nth-child(4n+4) {
        width: calc(25% - 0px - 0px);
        float: left;
        margin: 0px;
        clear: none
    }

    .iconlist__container--trainingareasbubble {
        max-width: 960px;
        margin-left: auto;
        margin-right: auto
    }

    .iconlist__container--trainingareasbubble:after {
        content: "";
        display: table;
        clear: both
    }

    .iconlist__container--trainingareasbubble>*:nth-child(4n+1) {
        width: calc(25% - 10px - 10px + 2.5px + 2.5px);
        float: left;
        margin: 10px;
        clear: left;
        margin-left: 0
    }

    .iconlist__container--trainingareasbubble>*:nth-child(4n+2) {
        width: calc(25% - 10px - 10px + 2.5px + 2.5px);
        float: left;
        margin: 10px;
        clear: none
    }

    .iconlist__container--trainingareasbubble>*:nth-child(4n+3) {
        width: calc(25% - 10px - 10px + 2.5px + 2.5px);
        float: left;
        margin: 10px;
        clear: none
    }

    .iconlist__container--trainingareasbubble>*:nth-child(4n+4) {
        width: calc(25% - 10px - 10px + 2.5px + 2.5px);
        float: left;
        margin: 10px;
        clear: none;
        margin-right: 0
    }
}

.image_block__content {
    max-width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    max-width: 100% !important;
    height: 100vh
}

.image_block__image {
    background-size: cover;
    background-position: 50%;
    float: left;
    clear: none !important;
    width: 100%;
    height: 33%
}

.image_block__image--assistent {
    background-image: url("https://www.fitx.de/img/block/mobile/image_block/assistent.jpg")
}

@media(min-width: 768px) {
    .image_block__image--assistent {
        background-image:url("https://www.fitx.de/img/block/desktop/image_block/assistent.jpg")
    }
}

.image_block__image--training {
    background-image: url("https://www.fitx.de/img/block/mobile/image_block/training.jpg")
}

@media(min-width: 768px) {
    .image_block__image--training {
        background-image:url("https://www.fitx.de/img/block/desktop/image_block/training.jpg")
    }
}

.image_block__image--machines {
    background-image: url("https://www.fitx.de/img/block/mobile/image_block/machines.jpg")
}

@media(min-width: 768px) {
    .image_block__image--machines {
        background-image:url("https://www.fitx.de/img/block/desktop/image_block/machines.jpg")
    }
}

.image_block__image--rowing {
    background-image: url("https://www.fitx.de/img/block/mobile/image_block/rowing.jpg")
}

@media(min-width: 768px) {
    .image_block__image--rowing {
        background-image:url("https://www.fitx.de/img/block/desktop/image_block/rowing.jpg")
    }
}

.image_block__image--rowing_company {
    background-image: url("https://www.fitx.de/img/block/mobile/image_block/rowing_company.jpg")
}

@media(min-width: 768px) {
    .image_block__image--rowing_company {
        background-image:url("https://www.fitx.de/img/block/desktop/image_block/rowing_company.jpg")
    }
}

.image_block__image--assistent_company {
    background-image: url("https://www.fitx.de/img/block/mobile/image_block/assistent_company.jpg")
}

@media(min-width: 768px) {
    .image_block__image--assistent_company {
        background-image:url("https://www.fitx.de/img/block/desktop/image_block/assistent_company.jpg")
    }
}

@media(min-width: 768px) {
    .image_block__content {
        max-width:100%;
        max-width: 100% !important;
        height: 75vh
    }

    .image_block__image {
        background-size: cover;
        background-position: 50%;
        float: left;
        clear: none !important;
        width: 100%
    }

    .image_block__image:nth-child(1),.image_block__image:nth-child(2) {
        width: 50%;
        height: 50%
    }

    .image_block__image:nth-child(3) {
        height: 50%
    }
}

@media(min-width: 1024px) {
    .image_block__content {
        max-width:100%;
        max-width: 1920px !important;
        height: 100vh
    }

    .image_block__image {
        background-size: cover;
        background-position: 50%;
        float: left;
        clear: none !important;
        width: 50%
    }

    .image_block__image:nth-child(1) {
        height: 100%
    }

    .image_block__image:nth-child(2),.image_block__image:nth-child(3) {
        height: 50%
    }
}

body[data-controller=index] {
    background-color: #fff
}

.no-webp .image_campaign_studio_search__background--startpage {
    background-image: url("https://www.fitx.de/img/block/mobile/startpage_hero/bg_full.jpg")
}

.webp .image_campaign_studio_search__background--startpage {
    background-image: url("https://www.fitx.de/img/block/mobile/startpage_hero/bg_full.webp")
}

.image_campaign_studio_search {
    z-index: 1;
    position: relative;
    margin: 0 auto 0 auto;
    background-color: #f4f2ef;
    border-radius: 10px 10px 0 0
}

.image_campaign_studio_search__mobile_search {
    position: fixed;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 1000;
    top: 0;
    left: 0;
    padding: 1em 5% 0 5%;
    -webkit-transition: height .5s,top .5s;
    -o-transition: height .5s,top .5s;
    transition: height .5s,top .5s
}

.image_campaign_studio_search__mobile_search--hidden {
    height: 0;
    top: 100%
}

.image_campaign_studio_search__mobile_search_nav {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center
}

.image_campaign_studio_search__mobile_search_search {
    width: 100%
}

.image_campaign_studio_search__mobile_search_reset {
    background-image: url(/img/block/shared/icon/back.svg);
    width: 34px;
    height: 54px;
    background-size: 14px;
    background-position: left center;
    display: block;
    text-indent: -9999px;
    background-repeat: no-repeat;
    cursor: pointer
}

.image_campaign_studio_search__background {
    height: 35vh
}

.image_campaign_studio_search__background--startpage {
    background-size: cover;
    background-position: center
}

.image_campaign_studio_search__event_hero {
    opacity: 0
}

.image_campaign_studio_search__event_hero--active {
    opacity: 1
}

.image_campaign_studio_search__split_container {
    position: relative;
    height: 35vh;
    min-height: 400px
}

.image_campaign_studio_search__split_background {
    position: absolute;
    height: 100%;
    width: 100%
}

.image_campaign_studio_search__split_background--noCutout {
    display: none
}

.image_campaign_studio_search__cutout {
    position: absolute;
    top: 10px;
    left: 0;
    width: 100%;
    height: calc(100% - 10px);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain;
    opacity: 0
}

.image_campaign_studio_search__cutout--active {
    opacity: 1;
    -webkit-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s
}

.image_campaign_studio_search__split_background_text {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 5%;
    z-index: 100;
    opacity: 0;
    max-width: 50%
}

.image_campaign_studio_search__split_background_text--active {
    opacity: 1;
    -webkit-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s
}

.image_campaign_studio_search__split_background_text--noCutout {
    top: 65%;
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.image_campaign_studio_search__split_background_headline {
    color: #fff;
    font-size: 28px;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 20px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.image_campaign_studio_search__split_background_cta {
    padding: 10px 20px;
    font-size: 14px;
    width: auto
}

.image_campaign_studio_search__split_background_navigation {
    position: absolute;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    bottom: 51px
}

.image_campaign_studio_search__split_background_navigation_item_clickarea {
    padding: 1em 0
}

.image_campaign_studio_search__split_background_navigation_item {
    width: 30px;
    height: 4px;
    border-radius: 3px;
    background-color: rgba(255,255,255,.5);
    margin: 0 4px;
    cursor: pointer
}

.image_campaign_studio_search__split_background_navigation_item:hover {
    background-color: #fff
}

.image_campaign_studio_search__split_background_navigation_progress_indicator {
    background-color: #fff;
    height: 100%;
    border-radius: 3px;
    width: 0
}

.image_campaign_studio_search__split_background_badge {
    position: absolute;
    top: 50%;
    right: 5%;
    -ms-transform: translate(-5%, -50%);
    -webkit-transform: translate(-5%, -50%);
    -moz-transform: translate(-5%, -50%);
    -o-transform: translate(-5%, -50%);
    transform: translate(-5%, -50%);
    width: 108px;
    z-index: 100;
    opacity: 0
}

.image_campaign_studio_search__split_background_badge img {
    width: 100%;
    height: auto
}

.image_campaign_studio_search__split_background_badge--active {
    opacity: 1;
    -webkit-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s
}

.image_campaign_studio_search__split_background_badge--large {
    top: 40%;
    width: 90%;
    right: 2.5%;
    -ms-transform: translate(-2.5%, -50%);
    -webkit-transform: translate(-2.5%, -50%);
    -moz-transform: translate(-2.5%, -50%);
    -o-transform: translate(-2.5%, -50%);
    transform: translate(-2.5%, -50%)
}

.image_campaign_studio_search__content_wrap {
    border-radius: 10px;
    position: relative;
    display: block
}

.image_campaign_studio_search__content_wrap_container {
    padding: 25px 0
}

.image_campaign_studio_search__content_wrap:before {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: -1;
    border-radius: 10px
}

.image_campaign_studio_search__content {
    padding: 2em 5%;
    color: #181d1e
}

.image_campaign_studio_search__intro {
    margin-bottom: 5px;
    color: #717171
}

.image_campaign_studio_search__headline {
    font-size: 28px;
    line-height: 36px;
    text-align: left
}

.image_campaign_studio_search__search {
    margin: 1.5em 0 0 0;
    -webkit-transition: opacity .3s,-webkit-transform .3s;
    transition: opacity .3s,-webkit-transform .3s;
    -o-transition: transform .3s,opacity .3s;
    transition: transform .3s,opacity .3s;
    transition: transform .3s,opacity .3s,-webkit-transform .3s;
    overflow: hidden;
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.image_campaign_studio_search__search--hidden {
    opacity: 0;
    -ms-transform: translateY(10%);
    -webkit-transform: translateY(10%);
    -moz-transform: translateY(10%);
    -o-transform: translateY(10%);
    transform: translateY(10%)
}

.image_campaign_studio_search__search--shown {
    overflow: visible
}

.image_campaign_studio_search__emergency_notice {
    margin-bottom: 2em
}

.image_campaign_studio_search__cta .cta {
    width: 100%;
    max-width: 420px
}

@media(min-width: 768px) {
    .no-webp .image_campaign_studio_search__background--startpage {
        background-image:url("https://www.fitx.de/img/block/desktop/startpage_hero/bg_full.jpg")
    }

    .webp .image_campaign_studio_search__background--startpage {
        background-image: url("https://www.fitx.de/img/block/desktop/startpage_hero/bg_full.webp")
    }

    .image_campaign_studio_search {
        z-index: 1;
        position: relative;
        height: 400px;
        margin: 0 auto 0 auto
    }

    .image_campaign_studio_search__mobile_search {
        display: none
    }

    .image_campaign_studio_search__background,.image_campaign_studio_search__content {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%
    }

    .image_campaign_studio_search__background {
        height: 400px
    }

    .image_campaign_studio_search__background--startpage {
        background-size: cover;
        background-position: center 0
    }

    .image_campaign_studio_search__split_container {
        height: 400px
    }

    .image_campaign_studio_search__split_background {
        top: 0;
        left: 0;
        height: 400px
    }

    .image_campaign_studio_search__split_background--noCutout {
        display: block
    }

    .image_campaign_studio_search__split_background_text {
        left: 60%;
        max-width: 260px;
        top: 50%;
        -webkit-transform: translateY(-50%) scale(0.8);
        -ms-transform: translateY(-50%) scale(0.8);
        transform: translateY(-50%) scale(0.8);
        -webkit-transform-origin: left;
        -ms-transform-origin: left;
        transform-origin: left
    }

    .image_campaign_studio_search__split_background_text--noCutout {
        left: calc(75% + 50px);
        top: 75%;
        -ms-transform: translate(-75%, -75%);
        -webkit-transform: translate(-75%, -75%);
        -moz-transform: translate(-75%, -75%);
        -o-transform: translate(-75%, -75%);
        transform: translate(-75%, -75%)
    }

    .image_campaign_studio_search__split_background_headline {
        font-size: 36px;
        line-height: 39px;
        margin-bottom: 30px
    }

    .image_campaign_studio_search__cutout {
        top: 25px;
        left: 0;
        width: 100%;
        height: calc(100% - 25px)
    }

    .image_campaign_studio_search__split_background_navigation {
        bottom: 23px
    }

    .image_campaign_studio_search__split_background_navigation_item {
        width: 60px
    }

    .image_campaign_studio_search__split_background_navigation_item {
        width: 60px
    }

    .image_campaign_studio_search__split_background_badge {
        top: 10%;
        right: 5%;
        -ms-transform: translate(-5%, -10%);
        -webkit-transform: translate(-5%, -10%);
        -moz-transform: translate(-5%, -10%);
        -o-transform: translate(-5%, -10%);
        transform: translate(-5%, -10%)
    }

    .image_campaign_studio_search__split_background_badge--large {
        top: 40%;
        width: 40%;
        right: 5%;
        -ms-transform: translate(0, -40%);
        -webkit-transform: translate(0, -40%);
        -moz-transform: translate(0, -40%);
        -o-transform: translate(0, -40%);
        transform: translate(0, -40%)
    }

    .image_campaign_studio_search__split_background_cta {
        padding: 17px;
        font-size: 18px;
        min-width: 250px
    }

    .image_campaign_studio_search__content {
        background-color: rgba(0,0,0,0);
        color: #fff;
        padding: 0 5% 0 5%;
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        opacity: 1
    }

    .image_campaign_studio_search__content_wrap {
        width: 90%;
        max-width: 720px;
        margin: 0 auto;
        background-color: rgba(0,0,0,0);
        border: none
    }

    .image_campaign_studio_search__content_wrap_container {
        padding: 54px 30px
    }

    .image_campaign_studio_search__content_wrap:before {
        content: "";
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .image_campaign_studio_search__headline {
        font-size: 36px;
        line-height: 39px;
        max-width: 720px;
        color: #181d1e;
        text-align: center;
        margin-bottom: 30px
    }

    .image_campaign_studio_search__search {
        height: auto
    }

    .image_campaign_studio_search__emergency_notice {
        margin-bottom: 7em
    }

    .image_campaign_studio_search__cta .cta {
        max-width: 295px
    }
}

@media(min-width: 1024px) {
    .image_campaign_studio_search {
        border-radius:0;
        height: 500px
    }

    .image_campaign_studio_search__background {
        height: 100%
    }

    .image_campaign_studio_search__background--startpage {
        background-position: center 0
    }

    .image_campaign_studio_search__split_container {
        position: relative;
        height: 500px
    }

    .image_campaign_studio_search__split_background_badge {
        top: 15%;
        right: 5%;
        -ms-transform: translate(-5%, -15%);
        -webkit-transform: translate(-5%, -15%);
        -moz-transform: translate(-5%, -15%);
        -o-transform: translate(-5%, -15%);
        transform: translate(-5%, -15%);
        width: 140px
    }

    .image_campaign_studio_search__split_background_badge--large {
        top: 40%;
        width: 40%;
        right: 5%;
        -ms-transform: translate(0, -40%);
        -webkit-transform: translate(0, -40%);
        -moz-transform: translate(0, -40%);
        -o-transform: translate(0, -40%);
        transform: translate(0, -40%)
    }

    .image_campaign_studio_search__split_background {
        height: 100%
    }

    .image_campaign_studio_search__split_background_text {
        left: 63%;
        top: 60%;
        -webkit-transform: scale(0.8) translateY(-60%);
        -ms-transform: scale(0.8) translateY(-60%);
        -moz-transform: scale(0.8) translateY(-60%);
        -o-transform: scale(0.8) translateY(-60%);
        transform: scale(0.8) translateY(-60%);
        -webkit-transform-origin: left;
        -ms-transform-origin: left;
        transform-origin: left
    }

    .image_campaign_studio_search__split_background_text--noCutout {
        left: calc(75% + 50px);
        top: 75%;
        -ms-transform: translate(-75%, -75%);
        -webkit-transform: translate(-75%, -75%);
        -moz-transform: translate(-75%, -75%);
        -o-transform: translate(-75%, -75%);
        transform: translate(-75%, -75%)
    }

    .image_campaign_studio_search__content {
        padding: 0
    }

    .image_campaign_studio_search__headline {
        text-align: center;
        max-width: 720px;
        font-size: 48px;
        line-height: 58px;
        margin-bottom: 50px
    }
}

@media(min-width: 1280px) {
    .image_campaign_studio_search {
        height:500px
    }

    .image_campaign_studio_search__background {
        height: 100%
    }

    .image_campaign_studio_search__background--startpage {
        background-size: cover;
        background-position: center -100px
    }

    .image_campaign_studio_search__split_container {
        position: relative;
        height: 500px
    }

    .image_campaign_studio_search__split_background_badge {
        top: 15%;
        right: 10%;
        -ms-transform: translate(-10%, -15%);
        -webkit-transform: translate(-10%, -15%);
        -moz-transform: translate(-10%, -15%);
        -o-transform: translate(-10%, -15%);
        transform: translate(-10%, -15%);
        width: 140px
    }

    .image_campaign_studio_search__split_background_badge--large {
        top: 40%;
        width: 40%;
        right: 5%;
        -ms-transform: translate(0, -40%);
        -webkit-transform: translate(0, -40%);
        -moz-transform: translate(0, -40%);
        -o-transform: translate(0, -40%);
        transform: translate(0, -40%)
    }

    .image_campaign_studio_search__split_background {
        height: 100%
    }

    .image_campaign_studio_search__split_background_text {
        left: 63%;
        top: 64%;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        -webkit-transform: translateY(-64%);
        -ms-transform: translateY(-64%);
        transform: translateY(-64%)
    }

    .image_campaign_studio_search__split_background_text--noCutout {
        left: calc(75% + 50px);
        top: 80%;
        -ms-transform: translate(-75%, -60%);
        -webkit-transform: translate(-75%, -60%);
        -moz-transform: translate(-75%, -60%);
        -o-transform: translate(-75%, -60%);
        transform: translate(-75%, -60%)
    }

    .image_campaign_studio_search__content_wrap {
        width: 100%;
        transform: none
    }
}

@media(min-width: 1800px) {
    .image_campaign_studio_search {
        height:650px
    }

    .image_campaign_studio_search__background {
        height: 100%
    }

    .image_campaign_studio_search__background--startpage {
        background-size: cover;
        background-position: center -80px
    }

    .image_campaign_studio_search__split_container {
        position: relative;
        height: 650px
    }

    .image_campaign_studio_search__split_background_badge {
        top: 20%;
        right: 15%;
        -ms-transform: translate(-15%, -20%);
        -webkit-transform: translate(-15%, -20%);
        -moz-transform: translate(-15%, -20%);
        -o-transform: translate(-15%, -20%);
        transform: translate(-15%, -20%);
        width: 170px
    }

    .image_campaign_studio_search__split_background_badge--large {
        top: 45%;
        left: 58%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 600px
    }

    .image_campaign_studio_search__split_background_text {
        left: 60%;
        top: 60%;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        -webkit-transform: translateY(-60%);
        -ms-transform: translateY(-60%);
        transform: translateY(-60%)
    }

    .image_campaign_studio_search__split_background_text--noCutout {
        left: calc(75% + 50px);
        top: 75%;
        -ms-transform: translate(-75%, -60%);
        -webkit-transform: translate(-75%, -60%);
        -moz-transform: translate(-75%, -60%);
        -o-transform: translate(-75%, -60%);
        transform: translate(-75%, -60%)
    }

    .image_campaign_studio_search__split_background {
        height: 100%
    }
}

.image_campaign_text {
    max-width: 1920px;
    margin: 0 auto
}

.image_campaign_text__headline,.image_campaign_text__text {
    color: #fff;
    text-align: center;
    width: 90%;
    margin: 0 auto 40px
}

.image_campaign_text__headline {
    font-size: 36px;
    line-height: 48px;
    -ms-transform: translateY(-150px);
    -webkit-transform: translateY(-150px);
    -moz-transform: translateY(-150px);
    -o-transform: translateY(-150px);
    transform: translateY(-150px);
    opacity: 0;
    -webkit-transition: 1s all ease;
    -o-transition: 1s all ease;
    transition: 1s all ease
}

.image_campaign_text__headline--active {
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.image_campaign_text__text {
    font-size: 22px;
    line-height: 32px;
    color: #fff;
    font-weight: 400;
    width: 90%;
    -ms-transform: translateY(150px);
    -webkit-transform: translateY(150px);
    -moz-transform: translateY(150px);
    -o-transform: translateY(150px);
    transform: translateY(150px);
    opacity: 0;
    -webkit-transition: 1s all ease;
    -o-transition: 1s all ease;
    transition: 1s all ease
}

.image_campaign_text__text strong {
    font-weight: normal
}

.image_campaign_text__text--active {
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

@media(min-width: 1024px) {
    .image_campaign_text {
        max-width:1920px;
        margin: 0 auto
    }

    .image_campaign_text__headline,.image_campaign_text__text {
        color: #fff;
        text-align: center;
        width: 60%;
        max-width: 1020px;
        margin: 0 auto
    }

    .image_campaign_text__headline {
        font-size: 4vw;
        line-height: 1.1;
        -ms-transform: translateY(-150px);
        -webkit-transform: translateY(-150px);
        -moz-transform: translateY(-150px);
        -o-transform: translateY(-150px);
        transform: translateY(-150px);
        opacity: 0;
        -webkit-transition: 1s all ease;
        -o-transition: 1s all ease;
        transition: 1s all ease
    }

    .image_campaign_text__headline--active {
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    .image_campaign_text__text {
        font-size: 1.5vw;
        line-height: 1.8;
        color: #fff;
        font-weight: 400;
        width: 95%;
        max-width: 95%;
        margin-top: 3vw;
        -ms-transform: translateY(150px);
        -webkit-transform: translateY(150px);
        -moz-transform: translateY(150px);
        -o-transform: translateY(150px);
        transform: translateY(150px);
        opacity: 0;
        -webkit-transition: 1s all ease;
        -o-transition: 1s all ease;
        transition: 1s all ease
    }

    .image_campaign_text__text strong {
        font-weight: normal
    }

    .image_campaign_text__text--active {
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@media screen and (min-width: 1921px) {
    .image_campaign_text__headline {
        font-size:80px
    }
}

.image_overlap_hero {
    margin: 73px auto 0 auto;
    background-color: #181d1e;
    color: #fff
}

.image_overlap_hero__image {
    height: 40vh;
    background-size: cover;
    background-position: center;
    z-index: 1
}

.image_overlap_hero__text {
    width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    margin: 2em auto
}

.image_overlap_hero__kicker {
    text-transform: uppercase;
    color: rgba(255,255,255,.7)
}

.image_overlap_hero__teaser {
    color: rgba(255,255,255,.7)
}

.image_overlap_hero__teaser--services {
    transition: opacity .3s
}

.image_overlap_hero__teaser--services p {
    font-weight: 400
}

.image_overlap_hero__teaser--services a {
    color: #fff;
    border-bottom: 2px solid #fff
}

.image_overlap_hero__teaser--hidden {
    opacity: 0
}

.image_overlap_hero__teaser ul {
    margin: 1em 0
}

.image_overlap_hero__teaser ul li {
    font-size: 1em;
    background-size: 1em;
    line-height: 1.2
}

@media(min-width: 768px) {
    .image_overlap_hero__headline {
        width:76%
    }

    .image_overlap_hero__text {
        margin: 4em auto
    }

    .image_overlap_hero .app_store_badges {
        transform: scale(0.8);
        transform-origin: left;
        margin-top: 1em
    }
}

@media(min-width: 1024px) {
    .image_overlap_hero {
        margin:0;
        padding-top: 10vh;
        height: 70vh
    }

    .image_overlap_hero__content {
        height: 70vh;
        display: flex;
        flex-direction: row-reverse;
        align-items: center
    }

    .image_overlap_hero__headline {
        width: 100%;
        font-size: 2.8em;
        line-height: 1.1
    }

    .image_overlap_hero__text {
        padding-right: 5em;
        padding-bottom: 6em;
        margin: 0
    }

    .image_overlap_hero__image {
        display: block;
        height: 60vh;
        width: 100%;
        border-radius: 5px;
        padding-left: 8em;
        background-size: cover
    }
}

@media(min-width: 1800px) {
    .image_overlap_hero__headline {
        font-size:3.5em;
        line-height: 1.1;
        letter-spacing: -1.19px
    }

    .image_overlap_hero__teaser {
        width: 80%
    }

    .image_overlap_hero__text {
        padding-right: 7em;
        padding-bottom: 4em
    }

    .image_overlap_hero__text ul {
        margin: 1.5em 0 2em
    }

    .image_overlap_hero__text ul li {
        font-size: 1.3em;
        background-size: 1.3em
    }

    .image_overlap_hero__image {
        padding-left: 12em
    }
}

@media screen and (min-width: 1921px) {
    .image_overlap_hero {
        padding-top:19vh;
        height: 60vh
    }

    .image_overlap_hero__content {
        height: 40vh
    }

    .image_overlap_hero__image {
        height: 51vh
    }
}

.image_teaser {
    background-color: #1c2223;
    width: 100%;
    padding: 4em 0 0
}

.image_teaser__container {
    width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    border-radius: 5px;
    min-height: 600px;
    background-size: contain;
    background-position: 0 0;
    position: relative;
    background-repeat: no-repeat;
    background-color: #f18841
}

.image_teaser__content {
    width: 85%;
    color: #fff;
    position: absolute;
    bottom: 2em;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.image_teaser__content .cta {
    max-width: 250px
}

.image_teaser__headline {
    margin-bottom: .5em
}

@media screen and (min-width: 500px)and (max-width: 1023px) {
    .image_teaser__container {
        background-size:cover;
        height: 800px;
        min-height: 800px
    }
}

@media(min-width: 1024px) {
    .image_teaser {
        background-color:#1c2223;
        padding: 7em 0 2em;
        width: 100%;
        max-width: 1920px;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .image_teaser__container {
        max-width: 1280px !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        background-size: cover;
        background-repeat: no-repeat;
        height: 470px;
        min-height: 470px;
        position: relative;
        background-position: 80% 0
    }

    .image_teaser__content {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 40%;
        color: #fff;
        margin-left: 4em;
        left: 0
    }
}

@media(min-width: 1024px) {
    .image_teaser__container {
        background-position:100% 0
    }
}

.image_text_hero {
    margin: 73px auto 0 auto;
    background-color: #fff;
    color: #181d1e
}

.image_text_hero__image {
    height: 40vh;
    background-size: cover;
    background-position: center;
    z-index: 1
}

.image_text_hero__text {
    width: 100%;
    background-color: #fff;
    float: none;
    margin-right: auto;
    margin-left: auto;
    padding: 40px 5% 0;
    border-radius: 10px;
    margin-top: -20px
}

.image_text_hero__kicker {
    text-transform: uppercase;
    color: #181d1e
}

.image_text_hero__teaser {
    color: #444
}

.image_text_hero__teaser ul {
    margin: 1em 0
}

.image_text_hero__teaser ul li {
    font-size: 1em;
    background-size: 1em;
    line-height: 1.2
}

@media(min-width: 768px) {
    .image_text_hero__headline {
        width:76%
    }
}

@media(min-width: 1024px) {
    .image_text_hero {
        background-color:#f4f2ef;
        margin: 0;
        margin-top: 73px;
        height: 70vh
    }

    .image_text_hero__content {
        height: 70vh;
        display: flex;
        flex-direction: row-reverse;
        align-items: center
    }

    .image_text_hero__headline {
        width: 100%;
        font-size: 2.8em;
        line-height: 1.1
    }

    .image_text_hero__text {
        width: 50%;
        padding: 0 5em 0 0;
        margin: 0;
        background-color: rgba(0,0,0,0);
        border-radius: 0
    }

    .image_text_hero__teaser p {
        font-size: 18px;
        line-height: 34px
    }

    .image_text_hero__image {
        display: block;
        height: 100%;
        width: 50%;
        padding-left: 8em;
        background-size: cover
    }
}

@media(min-width: 1800px) {
    .image_text_hero__headline {
        font-size:3.5em;
        line-height: 1.1;
        letter-spacing: -1.19px
    }

    .image_text_hero__text {
        padding-right: 5em
    }

    .image_text_hero__text ul {
        margin: 1.5em 0 2em
    }

    .image_text_hero__text ul li {
        font-size: 1.3em;
        background-size: 1.3em
    }

    .image_text_hero__image {
        padding-left: 12em
    }
}

@media screen and (min-width: 1921px) {
    .image_text_hero {
        height:650px
    }

    .image_text_hero__content {
        height: 650px
    }
}

.image_text {
    background-color: #fff;
    position: relative
}

.image_text--trainingareas,.image_text--city {
    margin-top: 3em
}

.image_text__anchor {
    position: absolute;
    top: 0;
    left: 0
}

.image_text__container {
    max-width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.image_text__container--tourdex_special,.image_text__container--tourdex_marathon {
    background-color: #1c2223
}

.image_text__container--kursevent_special {
    background-color: #1c2223
}

.image_text__container--studiodetail,.image_text__container--coursedetail,.image_text__container--trainingareas,.image_text__container--city {
    background-color: #35484f
}

.image_text__container--sales_campaign {
    background-color: #24353f
}

.image_text__content {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.image_text__content_image {
    background-size: cover;
    height: 250px;
    background-position: 50% 10%
}

.image_text__content_image--jenajobs {
    background-image: url("https://www.fitx.de/img/block/mobile/image_text/jenajobs.jpg")
}

@media(min-width: 768px) {
    .image_text__content_image--jenajobs {
        background-image:url("https://www.fitx.de/img/block/desktop/image_text/jenajobs.jpg")
    }
}

.image_text__content_image--tourdex_special,.image_text__content_image--tourdex_marathon {
    background-image: url("https://www.fitx.de/img/block/mobile/image_text/tour-de-x_special.jpg")
}

@media(min-width: 768px) {
    .image_text__content_image--tourdex_special,.image_text__content_image--tourdex_marathon {
        background-image:url("https://www.fitx.de/img/block/desktop/image_text/tour-de-x_special.jpg")
    }
}

.image_text__content_image--kursevent_special {
    background-image: url("https://www.fitx.de/img/block/mobile/image_text/kursevent_special.jpg")
}

@media(min-width: 768px) {
    .image_text__content_image--kursevent_special {
        background-image:url("https://www.fitx.de/img/block/desktop/image_text/kursevent_special.jpg")
    }
}

.image_text__content_image--berlinhoch10 {
    background-image: url("https://www.fitx.de/img/block/mobile/image_text/berlinhoch10.jpg")
}

@media(min-width: 768px) {
    .image_text__content_image--berlinhoch10 {
        background-image:url("https://www.fitx.de/img/block/desktop/image_text/berlinhoch10.jpg")
    }
}

.image_text__content_image--studiodetail {
    background-image: url("https://www.fitx.de/img/block/mobile/image_text/courses.jpg")
}

@media(min-width: 768px) {
    .image_text__content_image--studiodetail {
        background-image:url("https://www.fitx.de/img/block/desktop/image_text/courses.jpg")
    }
}

.image_text__content_image--coursedetail {
    background-image: url("https://www.fitx.de/img/block/mobile/image_text/coursedetail.jpg")
}

@media(min-width: 768px) {
    .image_text__content_image--coursedetail {
        background-image:url("https://www.fitx.de/img/block/desktop/image_text/coursedetail.jpg")
    }
}

.image_text__content_image--trainingareas {
    background-image: url("https://www.fitx.de/img/block/mobile/image_text/trialworkout.jpg")
}

@media(min-width: 768px) {
    .image_text__content_image--trainingareas {
        background-image:url("https://www.fitx.de/img/block/desktop/image_text/trialworkout.jpg")
    }
}

.image_text__content_image--sales_campaign {
    background-image: url("https://www.fitx.de/img/block/mobile/image_text/sales_campaign.jpg");
    height: 380px
}

@media(min-width: 768px) {
    .image_text__content_image--sales_campaign {
        background-image:url("https://www.fitx.de/img/block/desktop/image_text/sales_campaign.jpg")
    }
}

.image_text__kicker {
    text-transform: uppercase;
    color: #ccc
}

.image_text__headline {
    display: block;
    color: #fff;
    margin-bottom: initial;
    font-weight: normal
}

.image_text__headline--margin {
    margin-bottom: .5em
}

.image_text__text {
    margin-bottom: 2em;
    color: #e5e5e5
}

.image_text__list {
    margin-bottom: 3em
}

.image_text__list_item {
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 15px;
    background-image: url("https://www.fitx.de/img/block/shared/icon/check_circle_icon_white.svg");
    background-repeat: no-repeat;
    padding: 4px 0 4px 2.5em;
    background-size: 25px;
    background-position: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.image_text__content_info {
    padding: 4em 0;
    color: #fff;
    text-align: center
}

.image_text__content_info .cta {
    margin: 0 auto
}

.image_text__content_info--tourdex_special,.image_text__content_info--tourdex_marathon {
    text-align: left
}

.image_text__content_info--tourdex_special .cta,.image_text__content_info--tourdex_marathon .cta {
    margin: 0;
    width: 100%
}

.image_text__content_info--studiodetail,.image_text__content_info--coursedetail {
    text-align: left
}

.image_text__content_info--studiodetail .cta:first-child,.image_text__content_info--coursedetail .cta:first-child {
    margin-bottom: 1em
}

.image_text__content_info--trainingareas,.image_text__content_info--city {
    text-align: left
}

.image_text__content_info--sales_campaign {
    text-align: left;
    padding: 6em 0 3em
}

.image_text__sales_badge {
    width: 180px;
    height: 180px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.image_text__cta--hideCtaOnMobile {
    display: none
}

@media(min-width: 768px) {
    .image_text__container {
        width:100% !important;
        max-width: 1920px !important;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .image_text__content {
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .image_text__content_image {
        height: 350px
    }

    .image_text__content_info {
        text-align: left
    }

    .image_text__content_info .cta {
        margin: 0
    }

    .image_text__content_info--tourdex_special,.image_text__content_info--tourdex_marathon {
        text-align: left
    }

    .image_text__content_info--tourdex_special .cta,.image_text__content_info--tourdex_marathon .cta {
        margin: 0;
        max-width: 295px
    }

    .image_text__content_info--trainingareas .cta {
        min-width: 295px
    }

    .image_text__ctas .cta:first-child {
        margin-right: 1em;
        min-width: auto;
        padding: 17px 25px;
        margin-bottom: 1em
    }

    .image_text__list_item {
        font-size: 18px;
        line-height: 28px;
        padding: 0 0 0 3em;
        margin-bottom: 15px;
        background-size: 27px;
        background-position: 0 0
    }
}

@media(min-width: 1024px) {
    .image_text {
        padding:0
    }

    .image_text__container {
        float: none;
        margin-right: auto;
        margin-left: auto;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center
    }

    .image_text__content {
        width: 50%
    }

    .image_text__content_image {
        width: 50%;
        min-height: 610px
    }

    .image_text__content_info {
        max-width: 850px;
        padding: 3em
    }

    .image_text__content_info--sales_campaign {
        max-width: 550px;
        padding: 0 3em 0 11em
    }

    .image_text__ctas .cta {
        width: 250px !important;
        min-width: 250px !important
    }

    .image_text__cta--hideCtaOnMobile {
        display: block
    }
}

@media(min-width: 1280px) {
    .image_text__content_info--sales_campaign {
        max-width:550px;
        padding: 0 3em 0 11em
    }
}

@media(min-width: 1800px) {
    .image_text {
        padding:0
    }

    .image_text__container {
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .image_text__content_image {
        min-height: 660px
    }

    .image_text__content_info {
        padding: 0 5em;
        max-width: 680px
    }

    .image_text__content_info--sales_campaign {
        padding: 0 3em 0 14em;
        max-width: 700px
    }

    .image_text__sales_badge {
        width: 280px;
        height: 280px;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%)
    }
}

@media screen and (min-width: 1921px) {
    .image_text--margin {
        margin-bottom:7em
    }

    .image_text__container {
        border-radius: 10px
    }

    .image_text__content_image {
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px
    }
}

.imprint {
    background: #fff;
    margin-top: 73px;
    padding: 4em 0
}

.imprint__container {
    width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.imprint__box {
    padding: 20px;
    display: block;
    border: 1px solid #181d1e;
    margin-bottom: 2em
}

.imprint__box p:last-child {
    margin-bottom: 0
}

.imprint p {
    margin: 0 0 1em 0
}

.imprint p.tel_info {
    font-size: 14px;
    font-weight: 300
}

.imprint #datenschutz {
    position: absolute;
    margin-top: -80px;
    display: block;
    height: 50px;
    width: 50px
}

@media(min-width: 768px) {
    .imprint {
        margin-top:73px;
        padding: 7em 0
    }

    .imprint__container {
        max-width: 1280px;
        width: 85%;
        margin: 0 auto
    }

    .imprint p {
        margin: 0 0 2em 0
    }
}

.info_highlights {
    padding: 4em 5%;
    color: #fff;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto
}

.info_highlights__header {
    text-align: left;
    margin: 0 auto 1em;
    font-size: 2em
}

.info_highlights__item {
    text-align: left;
    margin-bottom: 5em;
    background: url(/img/block/shared/icon/check_large.svg) 0 .4em no-repeat;
    background-size: auto 18%
}

.info_highlights__item:last-child {
    margin-bottom: 0
}

.info_highlights__item--level {
    background-image: url("https://www.fitx.de/img/block/shared/studio_offers/level.svg")
}

.info_highlights__item--courses {
    background-image: url("https://www.fitx.de/img/block/shared/studio_offers/courses.svg")
}

.info_highlights__item--trainer {
    background-image: url("https://www.fitx.de/img/block/shared/studio_offers/trainer.svg")
}

.info_highlights__item--price {
    background-image: url("https://www.fitx.de/img/block/shared/studio_offers/price.svg")
}

.info_highlights__item--price_round {
    background-image: url("https://www.fitx.de/img/block/shared/studio_offers/price_round.svg")
}

.info_highlights__item--business {
    background-image: url("https://www.fitx.de/img/block/shared/studio_offers/business.svg")
}

.info_highlights__item--courses {
    background-image: url("https://www.fitx.de/img/block/shared/studio_offers/courses.svg")
}

.info_highlights__item p {
    color: #ccc
}

.info_highlights__item .desktop {
    display: none
}

.info_highlights__headline {
    display: block;
    padding-left: 2em;
    margin-bottom: 1em;
    font-size: 1.6em;
    padding-top: 5px
}

@media(min-width: 1024px) {
    .info_highlights {
        padding:7em 0
    }

    .info_highlights__header {
        width: 100%;
        text-align: center;
        margin: 0 auto 1em;
        font-size: 32px
    }

    .info_highlights__container {
        max-width: calc(1280px + 10%) !important;
        max-width: 960px;
        margin-left: auto;
        margin-right: auto
    }

    .info_highlights__container:after {
        content: "";
        display: table;
        clear: both
    }

    .info_highlights__container>*:nth-child(3n+1) {
        width: calc(33.3333333333%);
        float: left;
        clear: left;
        margin-left: 0
    }

    .info_highlights__container>*:nth-child(3n+2) {
        width: calc(33.3333333333%);
        float: left;
        clear: none
    }

    .info_highlights__container>*:nth-child(3n+3) {
        width: calc(33.3333333333%);
        float: left;
        clear: none;
        margin-right: 0
    }

    .info_highlights__item {
        text-align: left;
        margin-bottom: 1em;
        background: url(/img/block/shared/icon/check_large.svg) 0 .4em no-repeat;
        padding-left: 3.5em;
        padding-right: 1em;
        background-size: auto 20%
    }

    .info_highlights__item:last-child {
        padding-right: 0
    }

    .info_highlights__item--level {
        background-image: url("https://www.fitx.de/img/block/shared/studio_offers/level.svg")
    }

    .info_highlights__item--courses {
        background-image: url("https://www.fitx.de/img/block/shared/studio_offers/courses.svg")
    }

    .info_highlights__item--trainer {
        background-image: url("https://www.fitx.de/img/block/shared/studio_offers/trainer.svg")
    }

    .info_highlights__item--price {
        background-image: url("https://www.fitx.de/img/block/shared/studio_offers/price.svg")
    }

    .info_highlights__item--price_round {
        background-image: url("https://www.fitx.de/img/block/shared/studio_offers/price_round.svg")
    }

    .info_highlights__item--business {
        background-image: url("https://www.fitx.de/img/block/shared/studio_offers/business.svg")
    }

    .info_highlights__item--courses {
        background-image: url("https://www.fitx.de/img/block/shared/studio_offers/courses.svg")
    }

    .info_highlights__item .desktop {
        display: block
    }

    .info_highlights__item .mobile {
        display: none
    }

    .info_highlights__headline {
        display: block;
        margin-bottom: .6em;
        padding: 0;
        padding-top: 5px
    }
}

@media(min-width: 1280px) {
    .info_highlights__item {
        padding:0 4em 0 3.5em
    }
}

.infoblock {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    color: #fff;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 4em 0
}

.infoblock__columns--illustration_shoe {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.infoblock__image {
    display: none
}

.infoblock__image--illustration_shoe {
    order: -1
}

.infoblock__cta_button {
    display: inline-block;
    width: auto;
    background: rgba(0,0,0,0);
    border: solid 2px #fff;
    font-size: 18px;
    padding: 15px 53px
}

.infoblock__cta_button:hover {
    background: #2d3132
}

.infoblock__icon {
    height: 230px;
    margin: 5em 0;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

.infoblock__icon--illustration_boxer {
    background-image: url("https://www.fitx.de/img/block/shared/infoblock/boxer.svg")
}

.infoblock__icon--illustration_finger {
    background-image: url("https://www.fitx.de/img/block/shared/infoblock/finger.svg")
}

@media(min-width: 768px) {
    .infoblock {
        max-width:100%;
        text-align: left;
        padding: 7em 0
    }

    .infoblock__columns {
        max-width: 960px;
        margin-left: auto;
        margin-right: auto;
        width: 85%;
        max-width: 1280px
    }

    .infoblock__columns:after {
        content: "";
        display: table;
        clear: both
    }

    .infoblock__columns>*:nth-child(1n+1) {
        width: calc(100% - 8px - 8px);
        float: left;
        margin: 8px;
        clear: left
    }

    .infoblock__columns--illustration_shoe {
        display: block
    }

    .infoblock__columns--illustration_shoe>*:nth-child(2n+2) {
        left: calc(0px - ((0px + (50%) + (50%))) + (0px + (50%)));
        position: relative
    }

    .infoblock__columns--illustration_shoe>*:nth-child(2n+1) {
        left: calc(0px - ((0px + (50%))) + (0px + (50%) + (50%)));
        position: relative
    }

    .infoblock__content {
        margin-left: 0 !important
    }

    .infoblock__content--illustration_shoe {
        margin-left: 8px !important;
        margin-right: 0 !important
    }

    .infoblock__image {
        display: none;
        margin-right: 0 !important
    }

    .infoblock__image--illustration_shoe {
        margin-right: 8px !important;
        margin-left: 0 !important
    }

    .infoblock__icon {
        height: 420px;
        margin: 0
    }

    .infoblock__cta_button {
        margin-bottom: 60px
    }
}

@media(min-width: 1024px) {
    .infoblock {
        max-width:100%;
        text-align: left
    }

    .infoblock__columns {
        max-width: 960px;
        margin-left: auto;
        margin-right: auto;
        width: 85%;
        max-width: 1280px
    }

    .infoblock__columns:after {
        content: "";
        display: table;
        clear: both
    }

    .infoblock__columns>*:nth-child(2n+1) {
        width: calc(50% - 8px - 8px);
        float: left;
        margin: 8px;
        clear: left
    }

    .infoblock__columns>*:nth-child(2n+2) {
        width: calc(50% - 8px - 8px);
        float: left;
        margin: 8px;
        clear: none
    }

    .infoblock__columns--illustration_shoe {
        display: block
    }

    .infoblock__columns--illustration_shoe>*:nth-child(2n+2) {
        left: calc(0px - ((0px + (50%) + (50%))) + (0px + (50%)));
        position: relative
    }

    .infoblock__columns--illustration_shoe>*:nth-child(2n+1) {
        left: calc(0px - ((0px + (50%))) + (0px + (50%) + (50%)));
        position: relative
    }

    .infoblock__content {
        margin-left: 0 !important
    }

    .infoblock__content--illustration_shoe {
        margin-left: 8px !important;
        margin-right: 0 !important
    }

    .infoblock__image {
        display: block;
        margin-right: 0 !important
    }

    .infoblock__image--illustration_shoe {
        margin-right: 8px !important;
        margin-left: 0 !important
    }

    .infoblock__icon {
        height: 420px;
        margin: 0
    }
}

.white {
    background-color: #fff
}

.white .infoslider__item_quote {
    color: #181d1e
}

.white .infoslider__item_quote h3 {
    font-weight: normal
}

.white .infoslider__item_quote p {
    color: #444
}

.white .infoslider__indicator {
    border: 1px solid #b5b5b5;
    height: 10px;
    width: 10px
}

.white .infoslider__indicator--active {
    border: 1px solid #181d1e;
    background-color: #181d1e
}

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

.infoslider__content,.infoslider__container,.infoslider__item,.infoslider__item_quote {
    width: 300px
}

.infoslider__content {
    position: relative;
    float: none;
    margin-right: auto;
    margin-left: auto;
    padding: 4em 0
}

.infoslider__container {
    height: 100%;
    position: relative;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    white-space: nowrap
}

.infoslider__items {
    display: inline-block;
    height: 100%
}

.infoslider__item {
    position: relative;
    display: inline-block
}

.infoslider__item_quote {
    color: #fff;
    text-align: center;
    white-space: normal
}

.infoslider__item_quote h3 {
    font-size: 20px;
    line-height: 1.4em;
    font-style: italic;
    text-rendering: optimizeLegibility
}

.infoslider__item_contact h3 {
    font-style: normal
}

.infoslider__item_contact a {
    font-weight: bold;
    margin-top: .5em;
    display: block
}

.infoslider__indicators {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center
}

.infoslider__indicator {
    display: inline-block;
    position: relative;
    cursor: pointer;
    height: 14px;
    width: 14px;
    margin: 0 8px;
    border: 2px solid #fff;
    background-color: rgba(0,0,0,0);
    transition: background-color .3s;
    border-radius: 50%
}

.infoslider__indicator--active {
    background-color: #fff
}

.infoslider__nav {
    display: none
}

@media(min-width: 768px) {
    .infoslider__content,.infoslider__container,.infoslider__item,.infoslider__item_quote {
        width:700px
    }

    .infoslider__content {
        position: relative;
        float: none;
        margin-right: auto;
        margin-left: auto;
        padding: 7em 0
    }

    .infoslider__item_quote h3 {
        font-size: 24px
    }

    .infoslider__item_quote p {
        margin-bottom: 0
    }
}

@media(min-width: 1024px) {
    .infoslider__content,.infoslider__container,.infoslider__item,.infoslider__item_quote {
        width:800px
    }

    .infoslider__item_quote h3 {
        font-size: 29px
    }

    .infoslider__nav {
        display: inline
    }

    .infoslider__prev,.infoslider__next {
        color: #fff;
        width: 30px;
        height: 50px;
        display: block;
        background-repeat: no-repeat;
        position: absolute;
        cursor: pointer;
        top: 40%;
        opacity: .6
    }

    .infoslider__prev:hover,.infoslider__next:hover {
        opacity: 1
    }

    .infoslider__prev {
        background-image: url("https://www.fitx.de/img/block/desktop/infoslider/prev.svg");
        left: -80px
    }

    .infoslider__next {
        background-image: url("https://www.fitx.de/img/block/desktop/infoslider/next.svg");
        right: -80px
    }

    .infoslider__indicators {
        display: none
    }

    .white {
        background-color: #fff
    }

    .white .infoslider__prev {
        background-image: url("https://www.fitx.de/img/block/desktop/infoslider/prev_orange.svg");
        left: -80px
    }

    .white .infoslider__next {
        background-image: url("https://www.fitx.de/img/block/desktop/infoslider/next_orange.svg");
        right: -80px
    }
}

.jobs_contact {
    background-color: #fff;
    margin: 0;
    padding: 0 20px
}

.jobs_contact__content {
    margin-top: 4em;
    border-top: 1px solid #e5e5e5;
    padding-top: 4em
}

.jobs_contact__content--title {
    padding: 0;
    margin-bottom: 1em;
    font-size: 1.2em
}

.jobs_contact__content--contact {
    display: flex;
    align-items: center;
    margin-bottom: 2em
}

.jobs_contact__content--contact_icon {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 50%;
    height: 100px;
    width: 100px
}

.jobs_contact__content--contact_icon--marc {
    background-image: url("https://www.fitx.de/img/block/mobile/jobs_contact/marc_dickmann.jpg");
    background-position-y: 10%
}

@media(min-width: 768px) {
    .jobs_contact__content--contact_icon--marc {
        background-image:url("https://www.fitx.de/img/block/desktop/jobs_contact/marc_dickmann.jpg")
    }
}

.jobs_contact__content--contact_icon--nico {
    background-image: url("https://www.fitx.de/img/block/mobile/jobs_contact/nico_wege.jpg")
}

@media(min-width: 768px) {
    .jobs_contact__content--contact_icon--nico {
        background-image:url("https://www.fitx.de/img/block/desktop/jobs_contact/nico_wege.jpg")
    }
}

.jobs_contact__content--contact_icon--bene {
    background-image: url("https://www.fitx.de/img/block/mobile/jobs_contact/benedicte_menzel.jpg")
}

@media(min-width: 768px) {
    .jobs_contact__content--contact_icon--bene {
        background-image:url("https://www.fitx.de/img/block/desktop/jobs_contact/benedicte_menzel.jpg")
    }
}

.jobs_contact__content--contact_icon--isabell {
    background-image: url("https://www.fitx.de/img/block/mobile/jobs_contact/isabell_kuehnert.jpg")
}

@media(min-width: 768px) {
    .jobs_contact__content--contact_icon--isabell {
        background-image:url("https://www.fitx.de/img/block/desktop/jobs_contact/isabell_kuehnert.jpg")
    }
}

.jobs_contact__content--contact_icon--julia {
    background-image: url("https://www.fitx.de/img/block/mobile/jobs_contact/julia_fritze.jpg")
}

@media(min-width: 768px) {
    .jobs_contact__content--contact_icon--julia {
        background-image:url("https://www.fitx.de/img/block/desktop/jobs_contact/julia_fritze.jpg")
    }
}

.jobs_contact__content--contact_icon--melina {
    background-image: url("https://www.fitx.de/img/block/mobile/jobs_contact/melina_blaesing.jpg")
}

@media(min-width: 768px) {
    .jobs_contact__content--contact_icon--melina {
        background-image:url("https://www.fitx.de/img/block/desktop/jobs_contact/melina_blaesing.jpg")
    }
}

.jobs_contact__content--contact_details {
    margin-left: 20px
}

.jobs_contact__content--contact_name {
    border: 0;
    padding: 0;
    margin-bottom: 0;
    text-transform: none
}

.jobs_contact__content--contact_email {
    line-height: 1.8em;
    font-weight: 400;
    font-size: 1em;
    margin-bottom: 0
}

.jobs_contact__content--contact_email a {
    font-size: 16px;
    font-weight: 400
}

.jobs_contact__content--contact_position {
    font-weight: 400;
    font-size: 1em;
    margin-top: 0;
    margin-bottom: 0;
    text-transform: none
}

.jobs_contact__content--text {
    line-height: 1.8em;
    font-weight: 400;
    font-size: 16px;
    clear: both
}

.jobs_contact__content--text a {
    font-weight: 400
}

.jobs_contact__content--tip {
    margin: 4em 0
}

.jobs_contact__content--link {
    margin-bottom: 0
}

.jobs_contact__content--link a {
    font-weight: 400
}

@media(min-width: 768px) {
    .jobs_contact {
        padding:0
    }

    .jobs_contact__content {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 40px
    }

    .jobs_contact__content--contact {
        display: block;
        align-items: center
    }
}

@media(min-width: 768px)and (orientation: portrait) {
    .jobs_contact__content--contact {
        float:left;
        margin-right: 2em;
        margin-bottom: 1em;
        text-align: center
    }
}

@media(min-width: 768px) {
    .jobs_contact__content--contact_details {
        margin-left:0
    }
}

@media(min-width: 768px) {
    .jobs_contact__content--contact_name {
        font-size:1em;
        line-height: 1em;
        margin-top: .5em;
        font-weight: normal
    }
}

@media(min-width: 768px) {
    body[data-action=detail] .jobs_contact__content {
        width:100%
    }
}

@media(min-width: 1024px) {
    .jobs_contact {
        border-radius:10px
    }

    .jobs_contact__content {
        padding-top: 40px;
        width: 75%;
        margin-top: 0;
        border-top: none
    }

    .jobs_contact__content--title {
        padding: 0;
        margin-bottom: 1em;
        font-size: 1.5em
    }

    .jobs_contact__content--contact {
        display: flex;
        align-items: center
    }

    .jobs_contact__content--contact_details {
        margin-left: 20px
    }

    .jobs_contact__content--contact_name {
        font-size: 1.2em;
        margin-top: 0;
        font-weight: 300
    }

    .jobs_contact__content--contact_position {
        font-size: 1.2em
    }

    .jobs_contact__content--text,.jobs_contact__content--contact_email {
        font-size: 1.2em
    }

    .jobs_contact__content--tip {
        margin: 4em 0 2em
    }

    body[data-action=detail] .jobs_contact__content {
        width: 75%
    }
}

.jobs_content_wrapper {
    background-color: #fff;
    background-repeat: repeat-x
}

.jobs_content_wrapper__mobile {
    display: block;
    margin-top: 73px;
    background-image: url("https://www.fitx.de/img/block/mobile/jobs_content_wrapper/bg.png");
    background-repeat: repeat-x;
    background-size: 100% 220px
}

.jobs_content_wrapper__from_desktop {
    display: none
}

@media(min-width: 768px) {
    .jobs_content_wrapper__mobile {
        background-size:100% 260px
    }
}

@media(min-width: 1024px) {
    .jobs_content_wrapper {
        background-image:url("https://www.fitx.de/img/block/desktop/jobs_content_wrapper/bg.png");
        background-size: 100% 480px
    }

    .jobs_content_wrapper__columns {
        padding-bottom: 40px;
        max-width: 960px;
        margin-left: auto;
        margin-right: auto;
        width: 90%;
        max-width: 1280px;
        margin-right: auto;
        margin-left: auto
    }

    .jobs_content_wrapper__columns:after {
        content: "";
        display: table;
        clear: both
    }

    .jobs_content_wrapper__columns>*:nth-child(2n+1) {
        width: calc(68%);
        float: left;
        clear: left;
        margin-left: 0
    }

    .jobs_content_wrapper__columns>*:nth-child(2n+2) {
        width: calc(32%);
        float: left;
        clear: none;
        margin-right: 0
    }

    .jobs_content_wrapper__column_right_content {
        margin-top: calc(73px + 83px);
        border-radius: 10px;
        -webkit-box-shadow: 0px 5px 22px -16px rgba(0,0,0,.5);
        -moz-box-shadow: 0px 5px 22px -16px rgba(0,0,0,.5);
        box-shadow: 0px 5px 22px -16px rgba(0,0,0,.5);
        border: 1px solid #e5e5e5
    }

    .jobs_content_wrapper__from_desktop {
        display: block
    }

    .jobs_content_wrapper__mobile {
        display: none !important
    }
}

.jobs_details_content_wrapper {
    background: #fff
}

.jobs_details {
    margin-top: 73px;
    padding: 2em 0 0;
    width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.jobs_details--head {
    background-color: #f4f2ef;
    width: 100%;
    padding: 30px 5%
}

.jobs_details .job_posting h2 {
    font-size: 22px;
    line-height: 1.4;
    margin: 2em 0 1em
}

.jobs_details .jobs_detail {
    text-align: center
}

.jobs_details .jobs_detail__title {
    padding: 0;
    border: none;
    text-align: left;
    display: block;
    text-transform: none;
    margin-bottom: 1em;
    font-size: 32px;
    line-height: 36px
}

.jobs_details .jobs_detail__details {
    text-align: left;
    margin-bottom: 1.5em
}

.jobs_details .jobs_detail__btn {
    margin-bottom: 2em;
    text-align: left
}

.jobs_details .jobs_detail__btn .cta {
    margin-top: 0 !important
}

.jobs_details .jobs_detail p,.jobs_details .jobs_detail ul {
    font-size: 16px;
    font-weight: 400;
    margin-top: 0;
    color: #181d1e
}

.jobs_details .jobs_detail__info {
    padding-left: 1.7em;
    margin-bottom: .7em;
    text-align: left;
    background-repeat: no-repeat;
    font-weight: 400;
    font-size: 16px;
    background-position: 0 3px
}

.jobs_details .jobs_detail__worktime {
    background-image: url("https://www.fitx.de/img/block/shared/icon/clock.svg");
    background-size: 18px
}

.jobs_details .jobs_detail__location {
    background-image: url("https://www.fitx.de/img/block/shared/icon/marker.svg");
    background-size: 14px
}

.jobs_details .jobs_detail__location a {
    color: #444
}

.jobs_details .jobs_detail__employmentType {
    background-image: url("https://www.fitx.de/img/block/shared/icon/icon-lock.svg");
    background-size: 14px
}

.jobs_details .jobs_detail__remote {
    background-image: url("https://www.fitx.de/img/block/shared/icon/remote.svg");
    background-size: 14px
}

.jobs_details .jobs_detail__detail_text,.jobs_details .jobs_detail__listing_text {
    clear: both;
    text-align: left
}

.jobs_details .jobs_detail__back {
    text-align: left;
    display: block;
    margin: 0 0 1em;
    font-size: 16px;
    font-weight: 400;
    color: #444;
    text-decoration: underline;
    background-image: url("https://www.fitx.de/img/block/shared/icon/icon-arrow-left-dark.svg");
    padding-left: 25px;
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: 0 center
}

.jobs_details .jobs_detail .cta {
    text-align: center;
    margin-top: 2em
}

.jobs_details .jobs_detail--content {
    margin-top: 4em
}

.jobs_details .job_posting__paragraph strong,.jobs_details .job_posting__paragraph .job_posting__heading {
    display: block;
    margin-top: 2em;
    font-weight: bold
}

.jobs_details .jobs_contact {
    padding: 0
}

.jobs_details .job_posting__list_item {
    background-image: url("https://www.fitx.de/img/block/shared/jobs_detail/bullet.png");
    background-repeat: no-repeat;
    padding-left: 1em;
    background-position: 0 .5em
}

.jobs_details__ratings {
    margin-top: 4em
}

.jobs_details__ratings .softgarden_rating__content {
    width: 100%
}

.jobs_details__ratings .softgarden_rating__content--title {
    font-size: 1.2em
}

.jobs_details__ratings .kununu_rating__content {
    width: 100%
}

.jobs_details_nomargin {
    margin-top: 0;
    padding: 0 0 73px
}

@media(min-width: 1024px) {
    .jobs_details {
        margin-top:73px;
        padding: 4em 0 0;
        max-width: 1280px;
        width: 85% !important;
        max-width: 960px;
        margin-left: auto;
        margin-right: auto
    }

    .jobs_details:after {
        content: "";
        display: table;
        clear: both
    }

    .jobs_details>*:nth-child(2n+1) {
        width: calc(68%);
        float: left;
        clear: left;
        margin-left: 0
    }

    .jobs_details>*:nth-child(2n+2) {
        width: calc(32%);
        float: left;
        clear: none;
        margin-right: 0
    }

    .jobs_details .jobs_detail p,.jobs_details .jobs_detail ul {
        font-size: 18px;
        font-weight: 400;
        line-height: 1.8
    }

    .jobs_details .jobs_detail h1 {
        padding: 0;
        border: none;
        line-height: 42px;
        margin-bottom: 20px
    }

    .jobs_details .jobs_detail__info {
        padding-left: 1.7em;
        margin-bottom: 0;
        text-align: left;
        background-repeat: no-repeat;
        font-size: 16px;
        font-weight: 400;
        display: inline-block;
        margin-right: 2em;
        color: #444
    }

    .jobs_details .jobs_detail__btn {
        margin-bottom: 3em
    }

    .jobs_details .jobs_detail .cta {
        margin: 0 auto
    }

    .jobs_details .jobs_detail__title {
        margin-bottom: .5em
    }

    .jobs_details .jobs_detail__back {
        text-align: left;
        display: block;
        margin: 2em 0 1em;
        font-size: 16px;
        font-weight: 400;
        color: #444;
        text-decoration: underline;
        background-image: url("https://www.fitx.de/img/block/shared/icon/icon-arrow-left-dark.svg");
        padding-left: 25px;
        background-repeat: no-repeat;
        background-size: 10px;
        background-position: 0 center
    }

    .jobs_details .job_posting__list_item {
        background-position: 0 .7em
    }

    .jobs_details .jobs_contact {
        display: block
    }

    .jobs_details .jobs_contact__content {
        width: 75%;
        margin-right: 0;
        padding-top: 0
    }

    .jobs_details .jobs_contact__content--title {
        font-size: 1.5em;
        line-height: 1.8em;
        border: 0;
        padding: 0;
        margin-top: 0;
        margin-bottom: 1em
    }

    .jobs_details__ratings {
        margin-top: 0;
        width: 75%;
        margin-left: auto;
        margin-right: 0
    }

    .jobs_details__ratings .softgarden_rating__content--title {
        font-size: 1.5em
    }

    .jobs_details_nomargin {
        margin-top: 0
    }
}

@media(min-width: 1024px) {
    .jobs_details_content_wrapper {
        background-image:url("https://www.fitx.de/img/block/desktop/jobs_detail/bg.png");
        background-repeat: repeat-x
    }

    .jobs_details {
        margin-top: 0;
        padding-top: 0;
        max-width: 1280px !important;
        width: 100%;
        max-width: 960px;
        margin-left: auto;
        margin-right: auto
    }

    .jobs_details:after {
        content: "";
        display: table;
        clear: both
    }

    .jobs_details>*:nth-child(2n+1) {
        width: calc(68%);
        float: left;
        clear: left;
        padding-left: 0;
        margin-left: 0
    }

    .jobs_details>*:nth-child(2n+2) {
        width: calc(32%);
        float: left;
        clear: none;
        padding-right: 0;
        margin-right: 0
    }

    .jobs_details__aside {
        margin-top: -225px;
        border-radius: 10px;
        -webkit-box-shadow: 0 5px 22px -16px rgba(0,0,0,.5);
        -moz-box-shadow: 0 5px 22px -16px rgba(0,0,0,.5);
        box-shadow: 0 5px 22px -16px rgba(0,0,0,.5);
        border: 1px solid #e5e5e5
    }

    .jobs_details .jobs_detail--hero {
        height: 305px;
        margin-top: 73px;
        padding-right: 2em;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: space-around;
        -moz-justify-content: space-around;
        -ms-justify-content: space-around;
        justify-content: space-around;
        -ms-flex-pack: space-around
    }

    .jobs_details .jobs_detail--content {
        margin-top: 53px;
        padding-right: 7em
    }

    .jobs_details .jobs_contact {
        display: block
    }

    .jobs_details .jobs_contact__content {
        width: 85%;
        margin: 0 auto;
        padding-top: 40px
    }

    .jobs_details__ratings {
        width: 75%;
        margin: 0 auto
    }
}

.jobs_hero {
    background-image: url("https://www.fitx.de/img/block/mobile/jobs_hero/bg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    height: 375px;
    margin-top: 73px;
    text-align: center;
    color: #fff
}

.jobs_hero__text {
    margin: .6em auto 1em
}

.jobs_hero__text--desktop {
    display: none
}

.jobs_hero__text--mobile {
    display: block
}

.jobs_hero__valign {
    max-width: 95%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 65%;
    margin-bottom: 4em
}

@media(min-width: 480px) {
    .jobs_hero {
        background-image:url("https://www.fitx.de/img/block/mobile/jobs_hero/bg.jpg")
    }
}

@media(min-width: 768px) {
    .jobs_hero {
        background-image:url("https://www.fitx.de/img/block/desktop/jobs_hero/bg.jpg");
        height: calc(100vh - 745px);
        min-height: 380px;
        background-size: cover
    }

    .jobs_hero__text {
        max-width: 90%;
        max-width: 85%;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .jobs_hero__valign {
        top: 60%
    }
}

@media(min-width: 1024px) {
    .jobs_hero {
        background-image:url("https://www.fitx.de/img/block/desktop/jobs_hero/bg.jpg");
        margin-top: 73px;
        height: calc(100vh - 545px);
        background-size: cover;
        background-repeat: no-repeat
    }

    .jobs_hero__text--desktop {
        display: block;
        max-width: 66%;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .jobs_hero__text--mobile {
        display: none
    }
}

@media(min-width: 1280px) {
    .jobs_hero {
        background-image:url("https://www.fitx.de/img/block/desktop/jobs_hero/bg.jpg");
        background-position: center -60px;
        margin-top: 73px;
        height: calc(100vh - 545px);
        background-size: cover;
        background-repeat: no-repeat
    }

    .jobs_hero__text--desktop {
        display: block;
        max-width: 66%;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .jobs_hero__text--mobile {
        display: none
    }
}

.jobs_intro {
    margin-top: 73px;
    height: 100px;
    display: none
}

.jobs_intro__content {
    width: 90%;
    margin-left: auto;
    margin-right: auto
}

.jobs_intro__content--title {
    padding: 0;
    text-align: left
}

.jobs_intro__content--text,.jobs_intro__content--subtext {
    line-height: 1.8em;
    font-weight: 400;
    font-size: 1em
}

.jobs_intro__content .cta_group {
    padding-bottom: 10px;
    margin-left: 0;
    margin-bottom: 0
}

.jobs_intro__content .cta_group .cta {
    border-radius: 0;
    width: 80%;
    margin-left: 0
}

.jobs_intro__content--link {
    color: #ed6a12;
    font-weight: 400
}

@media(min-width: 768px) {
    .jobs_intro__content {
        width:90%;
        padding-right: 2em
    }
}

@media(min-width: 1024px) {
    .jobs_intro {
        height:200px;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: end;
        -moz-align-items: end;
        -ms-align-items: end;
        align-items: end;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: flex-end;
        -moz-justify-content: flex-end;
        -ms-justify-content: flex-end;
        justify-content: flex-end;
        -ms-flex-pack: flex-end
    }

    .jobs_intro__content {
        width: 100%
    }

    .jobs_intro__content--content_title {
        padding: 0;
        text-align: left;
        font-size: 48px;
        line-height: 1.1
    }

    .jobs_intro__content--text,.jobs_intro__content--subtext {
        line-height: 1.8em;
        font-weight: 400;
        font-size: 1.2em
    }
}

.jobs_listing_list__content {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: left
}

.jobs_listing_list__content_title {
    font-size: 22px;
    line-height: 1.2em;
    border: 0;
    padding: 0 5%;
    margin-top: 73px;
    height: 80px;
    text-align: left;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: flex-end
}

.jobs_listing_list__tab {
    text-align: center;
    height: 48px;
    position: sticky;
    top: 73px;
    width: 100%;
    background-color: #f4f2ef;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto
}

.jobs_listing_list__tab:after {
    content: "";
    display: table;
    clear: both
}

.jobs_listing_list__tab>*:nth-child(3n+1) {
    width: calc(33.3333333333%);
    float: left;
    clear: left;
    margin-left: 0
}

.jobs_listing_list__tab>*:nth-child(3n+2) {
    width: calc(33.3333333333%);
    float: left;
    clear: none
}

.jobs_listing_list__tab>*:nth-child(3n+3) {
    width: calc(33.3333333333%);
    float: left;
    clear: none;
    margin-right: 0
}

.jobs_listing_list__jobinfo {
    margin-top: 30px;
    padding: 0 5%
}

.jobs_listing_list__jobinfo--invisible {
    display: none
}

.jobs_listing_list__links {
    font-weight: normal;
    font-size: 1.2em;
    cursor: pointer;
    border-width: 0 0 5px 0;
    border-style: solid;
    border-color: rgba(0,0,0,0);
    height: 48px;
    line-height: 48px
}

.jobs_listing_list__links a {
    color: #181d1e
}

.jobs_listing_list__links--active {
    border-color: #ed6a12
}

.jobs_listing_list__links--active a {
    color: #ed6a12
}

.jobs_listing_list__tabcontent {
    display: none;
    border-top: none;
    padding: 0 5%
}

.jobs_listing_list__tabcontent--visible {
    display: block
}

.jobs_listing_list--text,.jobs_listing_list--subtext {
    line-height: 1.5em;
    font-weight: 400;
    font-size: 1em;
    margin-bottom: 0
}

.jobs_listing_list__table_row {
    display: none
}

.jobs_listing_list__table_row--visible {
    display: block;
    border-bottom: 1px solid #e5e5e5
}

.jobs_listing_list__table {
    width: 100%;
    user-select: none;
    margin-top: 2em
}

.jobs_listing_list__table a {
    font-size: 18px;
    line-height: 28px
}

.jobs_listing_list__table--headline {
    text-align: left;
    font-size: 18px;
    line-height: 28px
}

.jobs_listing_list__table--legend {
    text-align: left;
    font-size: 1.1em
}

.jobs_listing_list__table--state {
    display: none
}

.jobs_listing_list__table--position {
    width: 100%;
    padding: 10px 0
}

.jobs_listing_list__table--place {
    font-weight: 400;
    vertical-align: baseline;
    font-size: 14px;
    line-height: 24px;
    color: #444
}

.jobs_listing_list__table--name {
    display: none
}

.jobs_listing_list__table--work_time,.jobs_listing_list__table--work_time_title {
    display: none
}

.jobs_listing_list__table--title {
    position: relative
}

.jobs_listing_list__table--up,.jobs_listing_list__table--down {
    position: absolute;
    height: 6px;
    margin-left: 3px;
    display: inline-block
}

.jobs_listing_list__table--up--invisible,.jobs_listing_list__table--down--invisible {
    display: none
}

.jobs_listing_list__table--up {
    top: .4em
}

.jobs_listing_list__table--down {
    top: .8em
}

.jobs_listing_list__search_filter {
    height: 94px;
    padding: 0 5%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: end;
    -moz-align-items: end;
    -ms-align-items: end;
    align-items: end;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.jobs_listing_list__search_filter .search_filter {
    width: 100%
}

.jobs_listing_list__count {
    font-size: 16px;
    font-weight: 400;
    color: #717171;
    text-align: center;
    padding: 50px 0 20px !important
}

.jobs_listing_list__more {
    display: none;
    text-align: center
}

.jobs_listing_list__more--visible {
    display: block
}

.jobs_listing_list__more .cta {
    margin: 0 auto;
    padding: 8px 30px;
    max-width: 180px !important
}

@media(min-width: 768px) {
    .jobs_listing_list__content_title {
        font-size:32px;
        height: 150px
    }

    .jobs_listing_list__table--title {
        cursor: pointer
    }

    .jobs_listing_list__table--position {
        width: 50%
    }

    .jobs_listing_list__table--place {
        width: 100%;
        padding-right: 20px
    }

    .jobs_listing_list__table--work_time {
        display: inline-block;
        font-weight: 400;
        vertical-align: baseline
    }

    .jobs_listing_list__table--work_time_title {
        display: inline-block;
        width: 100%
    }
}

@media(min-width: 1024px) {
    .jobs_listing_list__content {
        width:90%;
        padding-right: 2em;
        margin-left: 0
    }

    .jobs_listing_list__content_title {
        padding: 0
    }

    .jobs_listing_list__tab {
        position: relative;
        top: 0px;
        background-color: rgba(0,0,0,0)
    }

    .jobs_listing_list__tabcontent {
        padding: 0
    }

    .jobs_listing_list__table--position {
        width: 45%
    }

    .jobs_listing_list__table--place {
        width: 100%;
        font-size: 16px;
        line-height: 24px
    }

    .jobs_listing_list__table--headline {
        font-size: 22px;
        line-height: 30px;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .jobs_listing_list__jobinfo {
        padding: 0
    }

    .jobs_listing_list__search_filter {
        height: 158px;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: end;
        -moz-align-items: end;
        -ms-align-items: end;
        align-items: end;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0
    }

    .jobs_listing_list__search_filter .search_filter {
        width: 100%
    }
}

@media(min-width: 1280px) {
    .jobs_listing_list__content {
        width:90%;
        padding-bottom: 30px
    }

    .jobs_listing_list__links {
        font-weight: normal;
        font-size: 1.6em;
        line-height: 38px
    }

    .jobs_listing_list__table {
        font-size: 1.2em
    }

    .jobs_listing_list__table--position,.jobs_listing_list__table--work_time,.jobs_listing_list__table--place {
        padding-top: 0
    }

    .jobs_listing_list__table td {
        padding: .5em 0
    }

    .jobs_listing_list__table--position {
        width: 50%
    }

    .jobs_listing_list__table--place {
        width: 100%;
        padding-right: 20px
    }
}

.jobs_myfitx__content {
    width: 90%;
    margin-left: auto;
    margin-right: auto
}

.jobs_myfitx__content--title {
    padding: 0;
    margin-top: 1em;
    margin-bottom: 0
}

.jobs_myfitx__content--text,.jobs_myfitx__content--subtext {
    line-height: 1.8em;
    font-weight: 400;
    font-size: 1em
}

.jobs_myfitx__content .cta_group {
    padding-bottom: 10px;
    margin-left: 0;
    margin-bottom: 0
}

.jobs_myfitx__content .cta_group .cta {
    border-radius: 0;
    width: 80%;
    margin-left: 0
}

.jobs_myfitx__content--link {
    color: #ed6a12;
    font-weight: 400
}

@media(min-width: 1024px) {
    .jobs_myfitx__content--text,.jobs_myfitx__content--subtext {
        line-height:1.8em;
        font-weight: 400;
        font-size: 1.2em
    }
}

.kids_fitness_contact {
    background-color: #35484f;
    position: relative;
    margin: 0 auto;
    max-width: 1920px;
    color: #fff
}

.kids_fitness_contact p {
    color: #ccc
}

.kids_fitness_contact__anchor {
    position: absolute;
    top: 0;
    left: 0
}

.kids_fitness_contact__container {
    max-width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.kids_fitness_contact__content {
    max-width: 85%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.kids_fitness_contact__content_image {
    background-image: url("https://www.fitx.de/img/block/mobile/kids_fitness_contact/bg.jpg");
    background-size: cover;
    height: 250px;
    background-position: 50% 10%
}

@media(min-width: 768px) {
    .kids_fitness_contact__content_image {
        background-image:url("https://www.fitx.de/img/block/desktop/kids_fitness_contact/bg.jpg")
    }
}

.kids_fitness_contact__headline {
    display: block;
    text-align: left;
    font-weight: normal;
    margin-bottom: .5em
}

.kids_fitness_contact__content_info {
    padding: 4em 0
}

.kids_fitness_contact__list li {
    background-image: url("https://www.fitx.de/img/block/shared/icon/check_circle_icon_white.svg");
    background-repeat: no-repeat;
    background-size: 25px;
    background-repeat: no-repeat;
    padding: .5em 0 .5em 40px;
    background-position: 0;
    font-size: 1.2em;
    background-position: left .5em
}

@media(min-width: 768px) {
    .kids_fitness_contact__container {
        width:100% !important;
        max-width: 100% !important;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .kids_fitness_contact__content {
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .kids_fitness_contact__content_image {
        height: 470px
    }

    .kids_fitness_contact__headline {
        margin-bottom: 1em
    }
}

@media(min-width: 1024px) {
    .kids_fitness_contact {
        padding:0
    }

    .kids_fitness_contact__container {
        float: none;
        margin-right: auto;
        margin-left: auto;
        max-width: 960px;
        margin-left: auto;
        margin-right: auto
    }

    .kids_fitness_contact__container:after {
        content: "";
        display: table;
        clear: both
    }

    .kids_fitness_contact__container>*:nth-child(2n+1) {
        width: calc(50%);
        float: left;
        clear: left;
        margin-left: 0
    }

    .kids_fitness_contact__container>*:nth-child(2n+2) {
        width: calc(50%);
        float: left;
        clear: none;
        margin-right: 0
    }

    .kids_fitness_contact__content_container {
        height: 610px
    }

    .kids_fitness_contact__content_image {
        height: 610px
    }

    .kids_fitness_contact__content_info {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        max-width: 85%;
        float: none;
        margin-right: auto;
        margin-left: auto;
        padding: 3em
    }

    .kids_fitness_contact__headline {
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .kids_fitness_contact__list li {
        font-size: 1.3em
    }

    .kids_fitness_contact__headline {
        margin-bottom: .5em
    }
}

@media(min-width: 1800px) {
    .kids_fitness_contact {
        padding:0
    }

    .kids_fitness_contact__container {
        float: none;
        margin-right: auto;
        margin-left: auto;
        max-width: 960px;
        margin-left: auto;
        margin-right: auto
    }

    .kids_fitness_contact__container:after {
        content: "";
        display: table;
        clear: both
    }

    .kids_fitness_contact__container>*:nth-child(2n+1) {
        width: calc(50%);
        float: left;
        clear: left;
        margin-left: 0
    }

    .kids_fitness_contact__container>*:nth-child(2n+2) {
        width: calc(50%);
        float: left;
        clear: none;
        margin-right: 0
    }

    .kids_fitness_contact__content_container {
        height: 540px
    }

    .kids_fitness_contact__content_image {
        height: 540px
    }

    .kids_fitness_contact__content_info {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        max-width: 85%;
        float: none;
        margin-right: auto;
        margin-left: auto;
        padding: 0 4em
    }

    .kids_fitness_contact__headline {
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .kids_fitness_contact__list li {
        font-size: 1.3em
    }

    .kids_fitness_contact__headline {
        margin-bottom: 1em
    }
}

@media screen and (min-width: 1921px) {
    .kids_fitness_contact {
        border-radius:10px
    }

    .kids_fitness_contact__content_image {
        border-radius: 10px 0 0 10px
    }
}

.kids_fitness_faqs {
    background-color: #fff;
    padding: 4em 0;
    position: relative
}

.kids_fitness_faqs__anchor {
    position: absolute;
    top: 0
}

.kids_fitness_faqs__container {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.kids_fitness_faqs__accordion {
    margin: 0 !important;
    border-bottom: 1px solid #ddd
}

.kids_fitness_faqs__content_text {
    border-bottom: 1px solid #ddd
}

.kids_fitness_faqs__headline {
    max-width: 100%;
    padding: 0;
    display: block;
    text-align: left;
    color: #181d1e;
    margin-top: 0;
    font-weight: normal
}

.kids_fitness_faqs__subline {
    padding: 0;
    margin: 0 0 2em 0;
    display: block;
    text-align: left
}

@media(min-width: 768px) {
    .kids_fitness_faqs {
        padding:7em 0
    }

    .kids_fitness_faqs__container {
        max-width: 90%;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .kids_fitness_faqs__content {
        max-width: 100%;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .kids_fitness_faqs__content_text {
        width: 90%
    }

    .kids_fitness_faqs__image {
        background-image: url("https://www.fitx.de/img/block/shared/kids_fitness_faqs/faq.jpg");
        background-size: cover;
        min-height: 400px
    }
}

@media(min-width: 1024px) {
    .kids_fitness_faqs__container {
        width:90% !important;
        max-width: 1280px;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .kids_fitness_faqs__content {
        width: 100% !important;
        max-width: 1280px;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .kids_fitness_faqs__headline {
        float: none;
        margin-right: auto;
        margin-left: auto
    }
}

.checkmark_list li {
    background-image: url("https://www.fitx.de/img/block/shared/icon/check_large.svg");
    background-size: 20px;
    background-repeat: no-repeat;
    padding-left: 30px;
    font-weight: 400;
    font-size: 1.1em;
    margin-bottom: .8em;
    background-position: 0 5px
}

.checkmark_list--white li {
    background-image: url("https://www.fitx.de/img/block/shared/icon/check_large_white.svg");
    font-weight: normal
}

.checkmark_list__item--scratched {
    text-decoration: line-through
}

.checkmark_list--circles li {
    background-image: url("https://www.fitx.de/img/block/shared/icon/check_outline.svg");
    background-size: 22px;
    color: #444;
    background-position: 0 0;
    margin-bottom: 1.2em
}

@media(min-width: 1024px) {
    .checkmark_list--circles li {
        background-size:27px;
        font-size: 18px;
        line-height: 27px;
        padding-left: 37px
    }
}

body[data-controller=kids_fitness] {
    background-color: #fff
}

@media only screen and (min-height: 812px) {
    .checklist_list {
        top:22% !important
    }
}

.kids_fitness_hero {
    padding-top: 4em;
    margin-top: 73px;
    background-image: url("https://www.fitx.de/img/block/mobile/kids_fitness_hero/bg.jpg");
    box-shadow: inset 1000px 1000px 1000px 1000px rgba(0,0,0,.2);
    background-size: cover;
    background-position: center 0;
    height: 60vh;
    text-align: center;
    color: #fff;
    position: relative
}

@media(min-width: 768px) {
    .kids_fitness_hero {
        background-image:url("https://www.fitx.de/img/block/desktop/kids_fitness_hero/bg.jpg")
    }
}

.kids_fitness_hero__valign {
    max-width: 95%;
    margin-left: auto;
    margin-right: auto;
    top: 10%;
    position: relative
}

.kids_fitness_hero__valign .kids_fitness_offers__lists {
    max-width: 100%;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.kids_fitness_hero__valign .kids_fitness_offers__lists .checkmark_list li {
    padding-left: 50px;
    text-align: left;
    height: 30px;
    margin: 0;
    font-size: 17px;
    font-weight: 400;
    background-position: 0 2px;
    background-size: 30px
}

.kids_fitness_hero__valign .kids_fitness_offers__list {
    padding: 0;
    margin: 0;
    list-style: none;
    justify-content: center
}

.kids_fitness_hero__arrow_down {
    position: absolute;
    height: 15px;
    width: 30px;
    background-image: url("https://www.fitx.de/img/block/shared/icon/arrow_down.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    cursor: pointer;
    bottom: 15px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media(min-width: 768px) {
    .kids_fitness_hero {
        height:40vh;
        min-height: 400px;
        background-position: 0 20%
    }

    .kids_fitness_hero__valign .kids_fitness_offers__lists>:nth-child(odd) {
        width: 100%
    }

    .kids_fitness_hero__valign .kids_fitness_offers__lists .checkmark_list li {
        margin-left: 3em
    }

    .kids_fitness_hero__valign .kids_fitness_offers__list {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex
    }

    .kids_fitness_hero__subline {
        max-width: 85%;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .kids_fitness_hero__arrow_down {
        height: 20px;
        width: 40px;
        bottom: 30px
    }
}

@media(min-width: 1024px) {
    .checklist_list {
        top:50% !important
    }

    .kids_fitness_hero {
        height: 30vh;
        min-height: 470px;
        max-height: 800px;
        margin: 0 auto;
        max-width: 1920px;
        background-position: center
    }

    .kids_fitness_hero__valign {
        top: 50%
    }

    .kids_fitness_hero__valign .kids_fitness_offers__lists .checkmark_list li {
        width: 300px;
        padding-left: 40px;
        text-align: left
    }

    .kids_fitness_hero__arrow_down {
        bottom: 50px
    }
}

@media(min-width: 1280px) {
    .kids_fitness_hero {
        height:80vh;
        min-height: 555px;
        max-height: 800px
    }
}

.checkmark_list li {
    background-image: url("https://www.fitx.de/img/block/shared/icon/check_large.svg");
    background-size: 20px;
    background-repeat: no-repeat;
    padding-left: 30px;
    font-weight: 400;
    font-size: 1.1em;
    margin-bottom: .8em;
    background-position: 0 5px
}

.checkmark_list--white li {
    background-image: url("https://www.fitx.de/img/block/shared/icon/check_large_white.svg");
    font-weight: normal
}

.checkmark_list__item--scratched {
    text-decoration: line-through
}

.checkmark_list--circles li {
    background-image: url("https://www.fitx.de/img/block/shared/icon/check_outline.svg");
    background-size: 22px;
    color: #444;
    background-position: 0 0;
    margin-bottom: 1.2em
}

@media(min-width: 1024px) {
    .checkmark_list--circles li {
        background-size:27px;
        font-size: 18px;
        line-height: 27px;
        padding-left: 37px
    }
}

.kids_fitness_offers {
    background-color: #fff;
    padding: 4em 0
}

.kids_fitness_offers__container {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    text-align: left
}

.kids_fitness_offers__info {
    width: 100% !important;
    max-width: 100% !important;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto
}

.kids_fitness_offers__info:after {
    content: "";
    display: table;
    clear: both
}

.kids_fitness_offers__info>*:nth-child(2n+1) {
    width: calc(0%);
    float: left;
    clear: left;
    margin-left: 0
}

.kids_fitness_offers__info>*:nth-child(2n+2) {
    width: calc(100%);
    float: left;
    clear: none;
    margin-right: 0
}

.kids_fitness_offers__info p {
    color: #444
}

.kids_fitness_offers__info_illustration {
    display: none
}

.kids_fitness_offers__headline {
    border: 0;
    padding: 0;
    margin: 0 0 1em 0;
    display: block;
    text-align: left;
    font-weight: normal
}

.kids_fitness_offers__text {
    text-align: left;
    color: #444
}

.kids_fitness_offers__list_text:nth-child(2) {
    margin-top: 3em
}

@media(min-width: 768px) {
    .kids_fitness_offers {
        padding:7em 0
    }

    .kids_fitness_offers__container {
        width: 90% !important;
        max-width: 1280px !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: left
    }

    .kids_fitness_offers__info {
        max-width: 100%;
        max-width: 960px;
        margin-left: auto;
        margin-right: auto
    }

    .kids_fitness_offers__info:after {
        content: "";
        display: table;
        clear: both
    }

    .kids_fitness_offers__info>*:nth-child(2n+1) {
        width: calc(33.3333333333%);
        float: left;
        clear: left;
        margin-left: 0
    }

    .kids_fitness_offers__info>*:nth-child(2n+2) {
        width: calc(66.6666666667%);
        float: left;
        clear: none;
        margin-right: 0
    }

    .kids_fitness_offers__info_illustration {
        background-image: url("https://www.fitx.de/img/block/shared/company_fitness_offers/bananas.svg");
        padding: 0;
        display: block;
        height: 250px;
        background-repeat: no-repeat;
        text-indent: -9000px;
        background-size: 80%;
        background-position: 0 0
    }

    .kids_fitness_offers__info_text {
        margin-top: 0
    }

    .kids_fitness_offers__headline {
        text-align: left
    }

    .kids_fitness_offers__text {
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: left
    }
}

@media(min-width: 1024px) {
    .kids_fitness_offers {
        padding:7em 0
    }

    .kids_fitness_offers__container {
        width: 90% !important;
        max-width: 1280px !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: left
    }

    .kids_fitness_offers__info_illustration {
        padding: 0;
        display: block;
        height: 360px;
        background-repeat: no-repeat;
        text-indent: -9000px;
        background-position: 0 0
    }

    .kids_fitness_offers__info_text {
        margin-top: 0
    }

    .kids_fitness_offers__text {
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: left
    }

    .kids_fitness_offers__lists {
        max-width: 100%;
        max-width: 960px;
        margin-left: auto;
        margin-right: auto;
        margin: 4em 0 0 0
    }

    .kids_fitness_offers__lists:after {
        content: "";
        display: table;
        clear: both
    }

    .kids_fitness_offers__lists>*:nth-child(2n+1) {
        width: calc(50%);
        float: left;
        clear: left;
        padding-left: 0;
        margin-left: 0
    }

    .kids_fitness_offers__lists>*:nth-child(2n+2) {
        width: calc(50%);
        float: left;
        clear: none;
        padding-right: 0;
        margin-right: 0
    }

    .kids_fitness_offers__list_text {
        padding: 0 2em
    }

    .kids_fitness_offers__list_text:nth-child(2) {
        margin-top: 0
    }
}

@media(min-width: 1280px) {
    .kids_fitness_offers__highlight {
        padding:0 4em 0 3.5em
    }

    .kids_fitness_offers__info_illustration {
        background-position: 0 0;
        background-size: contain
    }

    .kids_fitness_offers__info_text {
        margin-top: 0
    }
}

.kununu_rating {
    padding-bottom: 2em
}

.kununu_rating__content {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden
}

.kununu_rating__top,.kununu_rating__open {
    display: block;
    height: 90px;
    background-size: contain;
    background-repeat: no-repeat;
    float: left;
    width: 150px
}

.kununu_rating__top {
    background-image: url("https://www.fitx.de/img/block/mobile/kununu_rating/top_company.gif")
}

@media(min-width: 768px) {
    .kununu_rating__top {
        background-image:url("https://www.fitx.de/img/block/desktop/kununu_rating/top_company.gif")
    }
}

.kununu_rating__open {
    background-image: url("https://www.fitx.de/img/block/mobile/kununu_rating/open_company.gif")
}

@media(min-width: 768px) {
    .kununu_rating__open {
        background-image:url("https://www.fitx.de/img/block/desktop/kununu_rating/open_company.gif")
    }
}

@media(min-width: 1024px) {
    .kununu_rating {
        padding-bottom:2em
    }

    .kununu_rating__top,.kununu_rating__open {
        height: 106px
    }

    .kununu_rating__content {
        width: 75%
    }
}

.kursevent_conditions {
    background: #fff;
    margin: 0 0 2em 0
}

.kursevent_conditions__container {
    width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    overflow: auto
}

.kursevent_conditions p {
    margin: 0 0 1em 0
}

.kursevent_conditions p.tel_info {
    font-size: 14px;
    font-weight: 300
}

.kursevent_conditions span.desktop {
    display: none
}

.kursevent_conditions__kursevent_conditions {
    margin-top: 1em
}

.kursevent_conditions__kursevent_conditions_status {
    text-align: right;
    font-weight: bold !important
}

.kursevent_conditions__listHeadline {
    margin-bottom: 1em !important;
    font-weight: normal
}

.kursevent_conditions ul {
    margin-bottom: 3em
}

.kursevent_conditions ul li {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    list-style-type: square;
    list-style-position: outside;
    margin-left: 1em
}

@media(min-width: 768px) {
    .kursevent_conditions {
        padding-bottom:7em
    }

    .kursevent_conditions__container {
        max-width: 1280px;
        width: 85%;
        margin: 0 auto
    }

    .kursevent_conditions p {
        margin: 0 0 2em 0
    }

    .kursevent_conditions__kursevent_conditions {
        margin-top: 2em
    }

    .kursevent_conditions ul li {
        font-size: 18px;
        line-height: 28px
    }
}

@media(min-width: 1024px) {
    .kursevent_conditions__kursevent_conditions {
        max-width:960px;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%
    }

    .kursevent_conditions__kursevent_conditions:after {
        content: "";
        display: table;
        clear: both
    }

    .kursevent_conditions__kursevent_conditions>*:nth-child(2n+1) {
        width: calc(50%);
        float: left;
        clear: left;
        padding-left: 0;
        margin-left: 0
    }

    .kursevent_conditions__kursevent_conditions>*:nth-child(2n+2) {
        width: calc(50%);
        float: left;
        clear: none;
        padding-right: 0;
        margin-right: 0
    }

    .kursevent_conditions__kursevent_conditions section {
        padding: 0 2em
    }

    .kursevent_conditions span.desktop {
        display: inline-block
    }

    .kursevent_conditions span.mobile {
        display: none
    }
}

.kursevent_event {
    background-color: #f5f5f5;
    padding: 1em 0 4em
}

.kursevent_event__container {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    padding: 2em 0 0;
    text-align: left
}

.kursevent_event__headline {
    text-align: left
}

.kursevent_event__subheadline {
    font-size: 18px;
    font-weight: 500
}

.kursevent_event__list {
    margin-bottom: 2em
}

.kursevent_event__list_badge_circle {
    height: 205px;
    width: 205px;
    background-color: #ed6a12;
    border-radius: 120px;
    transform: rotateZ(-12deg);
    color: #fff;
    padding: 1.8em 0 0 0;
    text-transform: uppercase;
    text-align: center;
    font-weight: 400;
    font-size: 2.2em;
    line-height: initial;
    margin: 1em auto
}

.kursevent_event__list_badge_circle_text1 {
    font-size: .855em
}

.kursevent_event__list_badge_circle_text1 span {
    font-weight: bold
}

.kursevent_event__list_badge_circle_text2 {
    font-size: .65em
}

.kursevent_event__list_badge_circle_text3 {
    font-weight: bold
}

.kursevent_event__list_bullets_content li {
    font-size: 16px;
    font-weight: 400 !important;
    text-align: left
}

.kursevent_event__list_headline {
    margin-bottom: .5em;
    text-align: left
}

@media(min-width: 768px) {
    .kursevent_event {
        padding:7em 0
    }

    .kursevent_event__container {
        width: 95% !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        padding: 2em 0 0;
        text-align: left
    }

    .kursevent_event__list {
        max-width: 960px;
        margin-left: auto;
        margin-right: auto
    }

    .kursevent_event__list:after {
        content: "";
        display: table;
        clear: both
    }

    .kursevent_event__list>*:nth-child(2n+1) {
        width: calc(58.3333333333%);
        float: left;
        clear: left;
        padding-left: 0;
        margin-left: 0
    }

    .kursevent_event__list>*:nth-child(2n+2) {
        width: calc(41.6666666667%);
        float: left;
        clear: none;
        padding-right: 0;
        margin-right: 0
    }

    .kursevent_event__list>*:nth-child(2n+2) {
        left: calc(0px - ((0px + (58.3333333333%) + (41.6666666667%))) + (0px + (41.6666666667%)));
        position: relative
    }

    .kursevent_event__list>*:nth-child(2n+1) {
        left: calc(0px - ((0px + (58.3333333333%))) + (0px + (41.6666666667%) + (58.3333333333%)));
        position: relative
    }

    .kursevent_event__list_bullets_content li {
        font-size: 18px
    }

    .kursevent_event__list_badge_circle {
        margin: .5em 0 0 .5em
    }
}

@media(min-width: 1024px) {
    .kursevent_event {
        padding:7em 0
    }

    .kursevent_event__container {
        width: 90% !important;
        max-width: 960px !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: left
    }

    .kursevent_event__list {
        max-width: 960px;
        margin-left: auto;
        margin-right: auto
    }

    .kursevent_event__list:after {
        content: "";
        display: table;
        clear: both
    }

    .kursevent_event__list>*:nth-child(2n+1) {
        width: calc(66.6666666667%);
        float: left;
        clear: left;
        padding-left: 0;
        margin-left: 0
    }

    .kursevent_event__list>*:nth-child(2n+2) {
        width: calc(33.3333333333%);
        float: left;
        clear: none;
        padding-right: 0;
        margin-right: 0
    }

    .kursevent_event__list>*:nth-child(2n+2) {
        left: calc(0px - ((0px + (66.6666666667%) + (33.3333333333%))) + (0px + (33.3333333333%)));
        position: relative
    }

    .kursevent_event__list>*:nth-child(2n+1) {
        left: calc(0px - ((0px + (66.6666666667%))) + (0px + (33.3333333333%) + (66.6666666667%)));
        position: relative
    }
}

@media(min-width: 1800px) {
    .kursevent_event {
        padding:7em 0
    }

    .kursevent_event__container {
        width: 90% !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: left
    }
}

.kursevent_hero__container {
    width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    margin-top: 73px;
    overflow: auto;
    background-color: #fff;
    padding: 2em 0 0;
    text-align: center
}

.kursevent_hero__img_container {
    background-image: url("https://www.fitx.de/img/block/desktop/kursevent_hero/bg.jpg");
    background-repeat: repeat-x;
    background-position: 0;
    background-size: contain
}

.kursevent_hero__img {
    width: 85%
}

.kursevent_hero__headline {
    color: #181d1e;
    font-weight: 400;
    font-size: 1.7em;
    margin-bottom: .3em
}

.kursevent_hero__subline {
    color: #181d1e;
    font-weight: normal;
    font-size: 1.7em;
    margin-bottom: 2em
}

@media(min-width: 768px) {
    .kursevent_hero__logo {
        height:60px;
        width: 280px;
        margin: 2em auto 1em
    }

    .kursevent_hero__headline {
        margin-bottom: 0;
        line-height: initial
    }

    .kursevent_hero__img {
        width: 60%;
        max-width: 748px
    }
}

@media(min-width: 1024px) {
    .kursevent_hero__logo {
        height:80px;
        width: 350px;
        margin: 2em auto 2em
    }

    .kursevent_hero__img {
        width: 50%
    }
}

@media(min-width: 1800px) {
    .kursevent_hero__logo {
        height:80px;
        width: 380px
    }

    .kursevent_hero__img {
        width: 40%
    }

    .kursevent_hero__headline {
        font-size: 2.1em;
        margin-bottom: 0
    }

    .kursevent_hero__subline {
        font-weight: normal;
        font-size: 2.3em;
        margin-bottom: 2em
    }
}

.landingpage_blurb {
    position: relative;
    max-width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    padding: 0 0 4em;
    background-color: #fff;
    color: #444
}

.landingpage_blurb--narrow {
    max-width: 1920px
}

.landingpage_blurb--white {
    background-color: #fff
}

.landingpage_blurb--dark {
    background-color: #181d1e
}

.landingpage_blurb--almostBlack {
    background-color: #181d1e
}

.landingpage_blurb--grey {
    background-color: #f4f2ef
}

.landingpage_blurb--hero {
    margin-top: 73px
}

.landingpage_blurb--hero .landingpage_blurb__headline {
    font-size: 2.8em
}

.landingpage_blurb--white {
    background-color: #fff
}

.landingpage_blurb__text {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    padding: 4em 0 0
}

.landingpage_blurb__text--verticallyCentered {
    padding: 4em 0 0
}

.landingpage_blurb__text--dark {
    font-size: 1.2em;
    font-weight: 400;
    color: #b5b5b5
}

.landingpage_blurb__text--dark h2 {
    color: #fff
}

.landingpage_blurb__text--almostBlack {
    font-size: 1.2em;
    font-weight: 400;
    padding-top: 2em;
    color: #b5b5b5
}

.landingpage_blurb__text--almostBlack h2 {
    color: #fff
}

.landingpage_blurb__text_content {
    color: #444;
    font-size: 16px
}

.landingpage_blurb__text_content ul {
    margin-bottom: 2em
}

.landingpage_blurb__text_content li {
    background-image: url("https://www.fitx.de/img/block/shared/icon/check_list_green.svg");
    color: #444;
    background-size: 20px;
    line-height: 20px;
    background-repeat: no-repeat;
    padding-left: 30px;
    font-weight: 400;
    margin-bottom: .8em;
    background-position: 0 0
}

.landingpage_blurb__text_content p:last-child {
    margin-bottom: 0
}

.landingpage_blurb__image_container {
    width: 100%
}

.landingpage_blurb__image_container--wide_image {
    padding: 4em 5% 0 5%
}

.landingpage_blurb__image,.landingpage_blurb__video {
    width: 100%;
    background-size: cover
}

.landingpage_blurb__image {
    background-size: cover
}

.landingpage_blurb__headline {
    color: #181d1e;
    margin-bottom: .5em;
    font-weight: normal
}

.landingpage_blurb__headline--lp {
    line-height: 42px
}

.landingpage_blurb__cta .cta {
    width: 100%
}

.landingpage_blurb__map {
    width: 100%;
    height: 50vh;
    background-color: #f5f5f5;
    position: relative;
    background-position: center;
    background-size: cover
}

.landingpage_blurb__pin {
    position: absolute;
    background-image: url("https://www.fitx.de/img/block/shared/icon/pin.png");
    width: 60px;
    height: 60px;
    background-size: contain;
    left: 50%;
    top: 50%;
    transform: translateX(-30px) translateY(-55px)
}

@media(min-width: 768px) {
    .landingpage_blurb--no_top_space {
        padding-top:0
    }

    .landingpage_blurb__image_container {
        width: 100%
    }

    .landingpage_blurb__image,.landingpage_blurb__video {
        margin-bottom: 0
    }

    .landingpage_blurb__image {
        width: 100%
    }

    .landingpage_blurb__cta .cta {
        width: 295px
    }
}

@media(min-width: 1024px) {
    .landingpage_blurb {
        max-width:1920px;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: space-between;
        padding: 7em 0
    }

    .landingpage_blurb--hero {
        margin-top: 73px
    }

    .landingpage_blurb--wide_image {
        width: 100%;
        display: block
    }

    .landingpage_blurb--no_top_space {
        padding-top: 2em
    }

    .landingpage_blurb .container {
        width: 100%
    }

    .landingpage_blurb__container {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row-reverse;
        -moz-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-align-items: flex-start;
        -moz-align-items: flex-start;
        -ms-align-items: flex-start;
        align-items: flex-start
    }

    .landingpage_blurb__container--reversed {
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .landingpage_blurb__container--reversed .landingpage_blurb__text--fullwidth {
        padding-right: 0
    }

    .landingpage_blurb__container--wide_image {
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center
    }

    .landingpage_blurb__container--verticallyCentered {
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center
    }

    .landingpage_blurb__container--center {
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center
    }

    .landingpage_blurb__image_container {
        width: 100%;
        text-align: right
    }

    .landingpage_blurb__image_container--reversed {
        text-align: left
    }

    .landingpage_blurb__image_container--wide_image {
        padding: 0
    }

    .landingpage_blurb__image,.landingpage_blurb__video {
        border-radius: 5px;
        width: 90%
    }

    .landingpage_blurb__map {
        width: 90%;
        margin-left: 10%;
        height: 40vh;
        max-height: 380px;
        border-radius: 10px
    }

    .landingpage_blurb__text {
        width: 90%;
        padding-top: 0
    }

    .landingpage_blurb__text--wide_image {
        width: 60%
    }

    .landingpage_blurb__text--fullwidth {
        padding-right: 5%;
        width: 100%;
        max-width: 1920px
    }

    .landingpage_blurb__text_content {
        font-size: 18px
    }

    .landingpage_blurb__text_content ul {
        margin-bottom: 2em
    }

    .landingpage_blurb__text_content li {
        background-image: url("https://www.fitx.de/img/block/shared/icon/check_list_green.svg");
        color: #444;
        background-size: 27px;
        line-height: 27px;
        background-repeat: no-repeat;
        padding-left: 45px;
        margin-bottom: .8em;
        background-position: 0 0
    }
}

.landingpage_content_teaser {
    background-color: #fff;
    color: #444;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.landingpage_content_teaser--desktop-only {
    display: none
}

.landingpage_content_teaser__headline {
    color: #181d1e;
    font-weight: normal;
    margin-bottom: .5em
}

.landingpage_content_teaser__text {
    color: #444
}

.landingpage_content_teaser__infobox {
    padding: 4em 5% 2em
}

.landingpage_content_teaser__image {
    height: 340px;
    background-size: cover
}

.landingpage_content_teaser__video {
    margin-top: 4em
}

.landingpage_content_teaser__cta .cta {
    margin-bottom: 20px;
    width: 100%
}

@media(min-width: 768px) {
    .landingpage_content_teaser {
        padding:0
    }

    .landingpage_content_teaser__image {
        height: 560px
    }

    .landingpage_content_teaser__cta .cta {
        width: 48%;
        margin-right: 3%;
        display: inline-block
    }

    .landingpage_content_teaser__cta .cta:last-child {
        margin-right: 0
    }
}

@media(min-width: 1024px) {
    .landingpage_content_teaser {
        background-color:#fff;
        max-width: 1920px;
        padding: 7em 0
    }

    .landingpage_content_teaser--desktop-only {
        display: block;
        background-color: #181d1e !important;
        max-width: 1920px;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .landingpage_content_teaser--desktop-only .container {
        padding: 0 !important;
        max-width: 100%
    }

    .landingpage_content_teaser__container {
        max-width: initial;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
        -webkit-border-radius: inherit;
        -moz-border-radius: inherit;
        border-radius: inherit;
        background-size: cover
    }

    .landingpage_content_teaser__container:after {
        content: "";
        display: table;
        clear: both
    }

    .landingpage_content_teaser__container>*:nth-child(2n+1) {
        width: calc(55.5555555556%);
        float: left;
        clear: left;
        margin-left: 0
    }

    .landingpage_content_teaser__container>*:nth-child(2n+2) {
        width: calc(44.4444444444%);
        float: left;
        clear: none;
        margin-right: 0
    }

    .landingpage_content_teaser__container>*:nth-child(2n+2) {
        left: calc(0px - ((0px + (55.5555555556%) + (44.4444444444%))) + (0px + (44.4444444444%)));
        position: relative
    }

    .landingpage_content_teaser__container>*:nth-child(2n+1) {
        left: calc(0px - ((0px + (55.5555555556%))) + (0px + (44.4444444444%) + (55.5555555556%)));
        position: relative
    }
}

@media(min-width: 1024px)and (min-width:1024px) {
    .landingpage_content_teaser__container {
        -webkit-border-radius:10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        overflow: hidden
    }
}

@media(min-width: 1024px) {
    .landingpage_content_teaser__container--video {
        display:flex
    }
}

@media(min-width: 1024px) {
    .landingpage_content_teaser__icon--desktop-only {
        height:1.5em;
        margin-bottom: 1.5em
    }
}

@media(min-width: 1024px) {
    .landingpage_content_teaser__text {
        margin-bottom:3em
    }

    .landingpage_content_teaser__text--desktop-only {
        margin-bottom: 1em
    }
}

@media(min-width: 1024px) {
    .landingpage_content_teaser__infobox {
        background-color:#f5f5f5;
        height: 560px;
        padding: 0 5%
    }

    .landingpage_content_teaser__infobox--large {
        background: rgba(0,0,0,0);
        position: absolute;
        right: 0;
        top: 8em
    }

    .landingpage_content_teaser__infobox--video {
        height: auto
    }
}

@media(min-width: 1024px) {
    .landingpage_content_teaser__valign {
        position:relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .landingpage_content_teaser__valign--desktop-only {
        width: 80%
    }
}

@media(min-width: 1024px) {
    .landingpage_content_teaser__image {
        height:560px
    }

    .landingpage_content_teaser__image--large {
        display: none
    }
}

@media(min-width: 1024px) {
    .landingpage_content_teaser__video {
        margin-top:0
    }

    .landingpage_content_teaser__video--large {
        display: none
    }
}

@media(min-width: 1024px) {
    .landingpage_content_teaser__cta .cta {
        width:295px
    }
}

@media(min-width: 1800px) {
    .landingpage_content_teaser__valign--desktop-only {
        width:65%
    }
}

@media(max-width: 320px) {
    .landingpage_content_teaser__cta>.cta {
        width:100%
    }
}

.landingpage_contentful_video {
    background-color: #fff;
    position: relative;
    padding: 4em 0
}

.landingpage_contentful_video__container {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    position: relative
}

.landingpage_contentful_video__headline {
    color: #444;
    font-weight: normal;
    margin: 0 0 .5em 0
}

.landingpage_contentful_video__subline {
    color: #444;
    font-weight: normal;
    font-size: 1.5em;
    margin: 0 0 1em 0
}

.landingpage_contentful_video__video {
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    background-color: #f5f5f5;
    background-image: url("https://www.fitx.de/img/block/shared/icon/loading_dots.gif");
    background-repeat: no-repeat;
    background-position: center
}

.landingpage_contentful_video__video video {
    width: 100%
}

@media(min-width: 1024px) {
    .landingpage_contentful_video {
        padding:7em 0
    }

    .landingpage_contentful_video__container {
        width: 90% !important;
        max-width: 1280px !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        position: relative
    }

    .landingpage_contentful_video__headline {
        text-align: center;
        margin: 0 0 1em 0
    }

    .landingpage_contentful_video__subline {
        text-align: center;
        margin: 0 0 2em 0
    }

    .landingpage_contentful_video__wrapper {
        display: flex;
        justify-content: center
    }

    .landingpage_contentful_video__video {
        background-color: #fff;
        display: inline-block;
        width: auto
    }

    .landingpage_contentful_video__video video {
        width: auto;
        max-height: 720px
    }
}

.landingpage_facts_twocols {
    background-color: #f4f2ef;
    color: #444;
    padding: 4em 0;
    max-width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.landingpage_facts_twocols__container {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    text-align: left
}

.landingpage_facts_twocols__headline {
    color: #444;
    font-weight: normal;
    margin-bottom: 1.5em
}

.landingpage_facts_twocols__headline--smallMargin {
    margin-bottom: .5em
}

.landingpage_facts_twocols__subline {
    margin-bottom: 4em;
    max-width: 800px
}

.landingpage_facts_twocols__subline p {
    color: #444;
    font-weight: 300
}

.landingpage_facts_twocols__item {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 2em;
    padding: 0
}

.landingpage_facts_twocols__item:last-child {
    margin-bottom: 0
}

.landingpage_facts_twocols__item_icon {
    height: 30px;
    padding-right: 30px;
    margin-right: 20px;
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: 1em
}

.landingpage_facts_twocols__item_text h3 {
    margin-bottom: .5em;
    color: #181d1e;
    font-weight: normal
}

.landingpage_facts_twocols__item_text p {
    color: #444
}

@media(min-width: 768px) {
    .landingpage_facts_twocols__container {
        width:90% !important;
        max-width: 1280px !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: left
    }
}

@media(min-width: 1024px) {
    .landingpage_facts_twocols {
        padding:7em 0;
        max-width: 1920px
    }

    .landingpage_facts_twocols__container {
        width: 90% !important;
        max-width: 1280px !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: left
    }

    .landingpage_facts_twocols__items {
        max-width: 960px;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        max-width: 1280px !important
    }

    .landingpage_facts_twocols__items:after {
        content: "";
        display: table;
        clear: both
    }

    .landingpage_facts_twocols__items>*:nth-child(2n+1) {
        width: calc(50%);
        float: left;
        clear: left;
        margin-left: 0
    }

    .landingpage_facts_twocols__items>*:nth-child(2n+2) {
        width: calc(50%);
        float: left;
        clear: none;
        margin-right: 0
    }

    .landingpage_facts_twocols__item {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-bottom: 2em;
        padding: 0 4em 0 0
    }

    .landingpage_facts_twocols__item_icon {
        height: 40px;
        padding-right: 40px;
        margin-right: 20px;
        display: block;
        background-repeat: no-repeat;
        background-size: contain
    }
}

.landingpage_facts {
    background-color: #f5f5f5;
    padding: 4em 0;
    max-width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    color: #444
}

.landingpage_facts--numbered_list,.landingpage_facts--icon,.landingpage_facts--white_bg {
    background: #fff
}

.landingpage_facts--topspace {
    padding: calc(4em * 1.5) 0 4em
}

.landingpage_facts__container {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    text-align: left
}

.landingpage_facts__headline {
    color: #181d1e;
    font-weight: normal;
    margin-bottom: 1.5em
}

.landingpage_facts__headline--smallMargin {
    margin-bottom: .5em
}

.landingpage_facts__subline {
    margin-bottom: 4em;
    max-width: 700px;
    text-align: center;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.landingpage_facts__subline p {
    color: #444;
    font-weight: 300
}

.landingpage_facts__highlight_container {
    overflow: auto
}

.landingpage_facts__highlight_container p {
    color: #444
}

.landingpage_facts__highlight {
    text-align: left;
    margin-bottom: 2em;
    overflow: hidden
}

.landingpage_facts__highlight>p {
    margin-bottom: 0
}

.landingpage_facts__highlight:last-child {
    margin-bottom: 0
}

.landingpage_facts__highlight--numbered_list:before {
    content: "1";
    border: 1px solid #ed6a12;
    color: #ed6a12;
    width: 35px;
    height: 35px;
    display: block;
    border-radius: 100px;
    text-align: center;
    line-height: 35px;
    float: left;
    margin-right: 1em;
    font-size: 1.2em
}

.landingpage_facts__highlight--numbered_list:nth-child(2):before {
    content: "2"
}

.landingpage_facts__highlight--numbered_list:last-child:before {
    content: "3"
}

.landingpage_facts__highlight_icon {
    height: 42px;
    width: 50px;
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: 1em
}

.landingpage_facts__highlight_headline:not(.landingpage_facts__highlight_headline--icon):not(.landingpage_facts__highlight_headline--numbered_list) {
    font-size: 1.2em
}

.landingpage_facts__highlight_headline {
    display: block;
    margin: 0 0 .5em 0;
    color: #181d1e;
    font-weight: normal
}

.landingpage_facts__highlight_headline--icon {
    font-weight: 500
}

@media(min-width: 768px) {
    .landingpage_facts__container {
        width:90% !important;
        max-width: 1280px !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: left
    }

    .landingpage_facts__highlights {
        width: 95% !important;
        max-width: 1280px !important;
        padding: 0
    }

    .landingpage_facts__highlight {
        padding: 0 1em 0 0;
        background-size: 25px
    }
}

@media(min-width: 1024px) {
    .landingpage_facts {
        max-width:1920px
    }

    .landingpage_facts--numbered_list {
        padding: 7em 0
    }

    .landingpage_facts--icon {
        padding: calc(7em + 1em) 0 7em
    }

    .landingpage_facts--topspace {
        padding: calc(7em * 2) 0 7em
    }

    .landingpage_facts--roundTopBorders {
        border-top-right-radius: 10px;
        border-top-left-radius: 10px
    }

    .landingpage_facts__container {
        width: 90% !important;
        max-width: 1280px !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: left
    }

    .landingpage_facts__headline {
        text-align: center
    }

    .landingpage_facts__highlights {
        width: 100% !important;
        padding: 0;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: space-between
    }

    .landingpage_facts__highlight {
        width: 28%;
        margin-bottom: 0;
        padding: 0
    }

    .landingpage_facts__highlight--numbered_list {
        width: 32%;
        padding: 0 1em 0 0
    }

    .landingpage_facts__highlight--numbered_list:before {
        width: 55px;
        height: 55px;
        line-height: 55px;
        margin-right: 2em;
        font-size: 1.4em
    }

    .landingpage_facts__highlight_headline--icon {
        font-size: 24px
    }
}

@media(min-width: 1800px) {
    .landingpage_facts__highlight_headline:not(.landingpage_facts__highlight_headline--icon):not(.landingpage_facts__highlight_headline--numbered_list) {
        font-size:1.4em
    }
}

.landingpage_gallery {
    position: relative;
    max-width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    background-color: #fff;
    color: #181d1e;
    text-align: center
}

.landingpage_gallery__container {
    padding: 2em 0;
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.landingpage_gallery__container--slider {
    max-width: 100%
}

.landingpage_gallery__slider {
    position: relative;
    margin: 0 auto 0;
    width: 100%;
    height: 200px;
    max-height: 90vh;
    background-color: #ed6a12;
    border-radius: 10px;
    box-shadow: 1px 5px 20px 5px rgba(23,23,23,.075);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    outline: none
}

.landingpage_gallery__slider {
    background-color: rgba(0,0,0,0);
    box-shadow: none;
    height: auto
}

.landingpage_gallery__text {
    text-align: left;
    max-width: 90%;
    margin: 0 auto;
    padding: 2em 0 0;
    font-size: 1.6em;
    line-height: 1.8em;
    font-weight: normal;
    color: #444
}

.landingpage_gallery__text h2 {
    font-weight: normal;
    color: #181d1e
}

.landingpage_gallery .content_slider__item {
    background-color: #ccc
}

@media(min-width: 768px) {
    .landingpage_gallery__slider {
        height:36vw
    }
}

@media(min-width: 1024px) {
    .landingpage_gallery {
        padding:7em 0;
        max-width: 1920px
    }

    .landingpage_gallery__container {
        padding: 4em 0 0;
        max-width: 100%
    }

    .landingpage_gallery__slider {
        margin: 0 auto 0;
        height: 580px
    }

    .landingpage_gallery__text {
        text-align: center;
        max-width: 60%;
        margin: 0 auto;
        padding: 0;
        font-size: 2.5em;
        line-height: 1.2em
    }
}

@media(min-width: 1800px) {
    .landingpage_gallery__slider {
        margin:0 auto 0;
        height: 720px
    }

    .landingpage_gallery__text {
        max-width: 50%
    }
}

.landingpage_hero_split_without_cutout_reversed {
    z-index: 1;
    position: relative;
    max-width: 1920px;
    margin: 73px auto 0 auto
}

.landingpage_hero_split_without_cutout_reversed__background {
    height: 35vh
}

.landingpage_hero_split_without_cutout_reversed__background--startpage {
    background-size: cover;
    background-position: center
}

.landingpage_hero_split_without_cutout_reversed__container {
    position: relative;
    height: 35vh;
    min-height: 325px
}

.landingpage_hero_split_without_cutout_reversed__background {
    position: absolute;
    height: 100%;
    width: 100%
}

.landingpage_hero_split_without_cutout_reversed__cutout {
    position: absolute;
    top: 10px;
    left: 0;
    width: 100%;
    height: calc(100% - 10px);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain
}

.landingpage_hero_split_without_cutout_reversed__background_text {
    color: #181d1e
}

.landingpage_hero_split_without_cutout_reversed__background_teaser {
    margin-bottom: 2em
}

.landingpage_hero_split_without_cutout_reversed__background_teaser p {
    color: #444;
    font-size: 18px;
    line-height: 26px;
    font-weight: 300
}

.landingpage_hero_split_without_cutout_reversed__background_teaser li {
    font-size: 16px;
    color: #444;
    background-image: url("https://www.fitx.de/img/block/shared/icon/check_list_green.svg");
    background-repeat: no-repeat;
    background-position: 0 3px;
    background-size: 20px;
    padding: 0 0 0 35px;
    line-height: 26px;
    margin-bottom: 12px
}

.landingpage_hero_split_without_cutout_reversed__background_headline {
    color: #181d1e;
    font-size: 36px;
    font-weight: bold;
    line-height: 40px;
    margin-bottom: 20px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.landingpage_hero_split_without_cutout_reversed__background_badge {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 90%;
    z-index: 100
}

.landingpage_hero_split_without_cutout_reversed__background_badge img {
    width: 100%;
    height: auto
}

.landingpage_hero_split_without_cutout_reversed__content_wrap {
    border-radius: 10px;
    position: relative;
    display: block
}

.landingpage_hero_split_without_cutout_reversed__content_wrap_container {
    padding: 25px 0 50px;
    border-bottom: 1px solid #e6e6e6
}

.landingpage_hero_split_without_cutout_reversed__content_wrap:before {
    content: "";
    -webkit-box-shadow: 0 4px 10px rgba(0,0,0,.1);
    box-shadow: 0 4px 10px rgba(0,0,0,.1);
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: -1;
    border-radius: 10px
}

.landingpage_hero_split_without_cutout_reversed__content {
    padding: 2em 5%;
    background-color: #fff;
    color: #181d1e
}

.landingpage_hero_split_without_cutout_reversed__intro {
    margin-bottom: 5px;
    color: #717171
}

.landingpage_hero_split_without_cutout_reversed__headline {
    font-size: 2.4em;
    line-height: 1.1em
}

.landingpage_hero_split_without_cutout_reversed__cta .cta {
    width: 100%;
    max-width: 420px
}

.landingpage_hero_split_without_cutout_reversed__background_cta--desktop {
    display: none
}

@media(min-width: 768px) {
    .landingpage_hero_split_without_cutout_reversed__background_badge {
        width:60%
    }

    .landingpage_hero_split_without_cutout_reversed__background_cta {
        width: 295px
    }
}

@media(min-width: 1024px) {
    .landingpage_hero_split_without_cutout_reversed {
        z-index:1;
        position: relative;
        height: 500px;
        margin: 73px auto 0 auto
    }

    .landingpage_hero_split_without_cutout_reversed .container {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row-reverse;
        -moz-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .landingpage_hero_split_without_cutout_reversed__container {
        position: relative;
        height: 500px
    }

    .landingpage_hero_split_without_cutout_reversed__cutout {
        top: 25px;
        left: 0;
        width: 100%;
        height: calc(100% - 25px)
    }

    .landingpage_hero_split_without_cutout_reversed__background_badge {
        top: 50%;
        left: 5%;
        width: 400px;
        -ms-transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%)
    }

    .landingpage_hero_split_without_cutout_reversed__background {
        top: 0;
        left: 0;
        height: 100%
    }

    .landingpage_hero_split_without_cutout_reversed__background_text {
        position: absolute;
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 0;
        z-index: 100;
        max-width: 100%;
        color: #fff
    }

    .landingpage_hero_split_without_cutout_reversed__background_text p {
        color: #fff;
        font-size: 22px;
        line-height: 36px;
        font-weight: 300
    }

    .landingpage_hero_split_without_cutout_reversed__background_text li {
        font-size: 18px;
        line-height: 21px;
        color: #fff;
        background-image: url("https://www.fitx.de/img/block/shared/icon/check_list_white.svg");
        background-repeat: no-repeat;
        background-position: 0 0;
        background-size: 27px;
        padding: 0 0 0 45px;
        line-height: 28px;
        margin-bottom: 16px
    }

    .landingpage_hero_split_without_cutout_reversed__background_headline {
        font-size: 36px;
        line-height: 39px;
        margin-bottom: 30px;
        color: #fff
    }

    .landingpage_hero_split_without_cutout_reversed__content {
        position: absolute;
        left: 0;
        width: 100%;
        background-color: rgba(0,0,0,0);
        color: #fff;
        padding: 0;
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .landingpage_hero_split_without_cutout_reversed__content_wrap {
        width: 44%;
        border-radius: 10px;
        margin-top: 0
    }

    .landingpage_hero_split_without_cutout_reversed__content_wrap_container {
        padding: 54px 30px;
        border-bottom: none
    }

    .landingpage_hero_split_without_cutout_reversed__content_wrap:before {
        content: "";
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .landingpage_hero_split_without_cutout_reversed__background_cta {
        padding: 17px;
        font-size: 18px;
        min-width: 250px
    }

    .landingpage_hero_split_without_cutout_reversed__headline {
        font-size: 36px;
        line-height: 39px;
        max-width: 500px;
        color: #181d1e
    }

    .landingpage_hero_split_without_cutout_reversed__background_cta--desktop {
        display: block;
        max-width: 295px
    }

    .landingpage_hero_split_without_cutout_reversed__background_cta--mobile {
        display: none
    }

    .landingpage_hero_split_without_cutout_reversed__cta .cta {
        max-width: 295px
    }
}

@media(min-width: 1280px) {
    .landingpage_hero_split_without_cutout_reversed {
        height:550px
    }

    .landingpage_hero_split_without_cutout_reversed__container {
        position: relative;
        height: 550px
    }

    .landingpage_hero_split_without_cutout_reversed__background_badge {
        top: 50%;
        left: 5%;
        -ms-transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%);
        width: 500px
    }

    .landingpage_hero_split_without_cutout_reversed__background {
        height: 100%
    }

    .landingpage_hero_split_without_cutout_reversed__background_headline {
        font-size: 48px;
        line-height: 55px
    }

    .landingpage_hero_split_without_cutout_reversed__content_wrap {
        transform: none
    }
}

@media(min-width: 1800px) {
    .landingpage_hero_split_without_cutout_reversed {
        height:650px
    }

    .landingpage_hero_split_without_cutout_reversed__container {
        position: relative;
        height: 650px
    }

    .landingpage_hero_split_without_cutout_reversed__background_badge {
        top: 50%;
        left: 15%;
        width: 600px
    }

    .landingpage_hero_split_without_cutout_reversed__background {
        height: 100%
    }
}

.landingpage_hero_split_without_cutout {
    z-index: 1;
    position: relative;
    max-width: 1920px;
    margin: 73px auto 0 auto
}

.landingpage_hero_split_without_cutout__background {
    height: 35vh
}

.landingpage_hero_split_without_cutout__background--startpage {
    background-size: cover;
    background-position: center
}

.landingpage_hero_split_without_cutout__container {
    position: relative;
    height: 35vh;
    min-height: 325px
}

.landingpage_hero_split_without_cutout__background {
    position: absolute;
    height: 100%;
    width: 100%
}

.landingpage_hero_split_without_cutout__cutout {
    position: absolute;
    top: 10px;
    left: 0;
    width: 100%;
    height: calc(100% - 10px);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain
}

.landingpage_hero_split_without_cutout__background_text {
    color: #181d1e
}

.landingpage_hero_split_without_cutout__background_teaser {
    margin-bottom: 2em
}

.landingpage_hero_split_without_cutout__background_teaser p {
    color: #444;
    font-size: 18px;
    line-height: 26px;
    font-weight: 300
}

.landingpage_hero_split_without_cutout__background_teaser li {
    font-size: 16px;
    color: #444;
    background-image: url("https://www.fitx.de/img/block/shared/icon/check_list_green.svg");
    background-repeat: no-repeat;
    background-position: 0 3px;
    background-size: 20px;
    padding: 0 0 0 35px;
    line-height: 26px;
    margin-bottom: 12px
}

.landingpage_hero_split_without_cutout__background_headline {
    color: #181d1e;
    font-size: 36px;
    font-weight: bold;
    line-height: 40px;
    margin-bottom: 20px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.landingpage_hero_split_without_cutout__background_badge {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 90%;
    z-index: 100
}

.landingpage_hero_split_without_cutout__background_badge img {
    width: 100%;
    height: auto
}

.landingpage_hero_split_without_cutout__content_wrap {
    border-radius: 10px;
    position: relative;
    display: block
}

.landingpage_hero_split_without_cutout__content_wrap_container {
    padding: 25px 0 50px;
    border-bottom: 1px solid #e6e6e6
}

.landingpage_hero_split_without_cutout__content_wrap:before {
    content: "";
    -webkit-box-shadow: 0 4px 10px rgba(0,0,0,.1);
    box-shadow: 0 4px 10px rgba(0,0,0,.1);
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: -1;
    border-radius: 10px
}

.landingpage_hero_split_without_cutout__content {
    padding: 2em 5%;
    background-color: #fff;
    color: #181d1e
}

.landingpage_hero_split_without_cutout__intro {
    margin-bottom: 5px;
    color: #717171
}

.landingpage_hero_split_without_cutout__headline {
    font-size: 2.4em;
    line-height: 1.1em
}

.landingpage_hero_split_without_cutout__cta .cta {
    width: 100%;
    max-width: 420px
}

.landingpage_hero_split_without_cutout__background_cta--desktop {
    display: none
}

@media(min-width: 768px) {
    .landingpage_hero_split_without_cutout__background_badge {
        width:60%
    }

    .landingpage_hero_split_without_cutout__background_cta {
        width: 295px
    }
}

@media(min-width: 1024px) {
    .landingpage_hero_split_without_cutout {
        z-index:1;
        position: relative;
        height: 500px;
        margin: 73px auto 0 auto
    }

    .landingpage_hero_split_without_cutout__container {
        position: relative;
        height: 500px
    }

    .landingpage_hero_split_without_cutout__cutout {
        top: 25px;
        left: 0;
        width: 100%;
        height: calc(100% - 25px)
    }

    .landingpage_hero_split_without_cutout__background_badge {
        top: 50%;
        left: 55%;
        -ms-transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%);
        width: 400px
    }

    .landingpage_hero_split_without_cutout__background {
        top: 0;
        left: 0;
        height: 100%
    }

    .landingpage_hero_split_without_cutout__background_text {
        position: absolute;
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 0;
        z-index: 100;
        max-width: 100%;
        color: #fff
    }

    .landingpage_hero_split_without_cutout__background_text p {
        color: #fff;
        font-size: 22px;
        line-height: 36px;
        font-weight: 300
    }

    .landingpage_hero_split_without_cutout__background_text li {
        font-size: 18px;
        line-height: 21px;
        color: #fff;
        background-image: url("https://www.fitx.de/img/block/shared/icon/check_list_white.svg");
        background-repeat: no-repeat;
        background-position: 0 0;
        background-size: 27px;
        padding: 0 0 0 45px;
        line-height: 28px;
        margin-bottom: 16px
    }

    .landingpage_hero_split_without_cutout__background_headline {
        font-size: 36px;
        line-height: 39px;
        margin-bottom: 30px;
        color: #fff
    }

    .landingpage_hero_split_without_cutout__content {
        position: absolute;
        left: 0;
        width: 100%;
        background-color: rgba(0,0,0,0);
        color: #fff;
        padding: 0;
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .landingpage_hero_split_without_cutout__content_wrap {
        width: 44%;
        border-radius: 10px;
        margin-top: 0
    }

    .landingpage_hero_split_without_cutout__content_wrap_container {
        padding: 54px 30px;
        border-bottom: none
    }

    .landingpage_hero_split_without_cutout__content_wrap:before {
        content: "";
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .landingpage_hero_split_without_cutout__background_cta {
        padding: 17px;
        font-size: 18px;
        min-width: 250px
    }

    .landingpage_hero_split_without_cutout__headline {
        font-size: 36px;
        line-height: 39px;
        max-width: 500px;
        color: #181d1e
    }

    .landingpage_hero_split_without_cutout__background_cta--desktop {
        display: block;
        max-width: 295px
    }

    .landingpage_hero_split_without_cutout__background_cta--mobile {
        display: none
    }

    .landingpage_hero_split_without_cutout__cta .cta {
        max-width: 295px
    }
}

@media(min-width: 1280px) {
    .landingpage_hero_split_without_cutout {
        height:550px
    }

    .landingpage_hero_split_without_cutout__container {
        position: relative;
        height: 550px
    }

    .landingpage_hero_split_without_cutout__background_badge {
        top: 50%;
        left: 55%;
        -ms-transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%);
        width: 500px
    }

    .landingpage_hero_split_without_cutout__background {
        height: 100%
    }

    .landingpage_hero_split_without_cutout__background_headline {
        font-size: 48px;
        line-height: 55px
    }

    .landingpage_hero_split_without_cutout__content_wrap {
        transform: none
    }
}

@media(min-width: 1800px) {
    .landingpage_hero_split_without_cutout {
        height:650px
    }

    .landingpage_hero_split_without_cutout__container {
        position: relative;
        height: 650px
    }

    .landingpage_hero_split_without_cutout__background_badge {
        top: 50%;
        left: 58%;
        -ms-transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%);
        width: 600px
    }

    .landingpage_hero_split_without_cutout__background {
        height: 100%
    }
}

.landingpage_hero_split {
    z-index: 1;
    position: relative;
    max-width: 1920px;
    margin: 73px auto 0 auto
}

.landingpage_hero_split__background {
    height: 35vh
}

.landingpage_hero_split__background--startpage {
    background-size: cover;
    background-position: center
}

.landingpage_hero_split__container {
    position: relative;
    height: 35vh;
    min-height: 325px
}

.landingpage_hero_split__background {
    position: absolute;
    height: 100%;
    width: 100%
}

.landingpage_hero_split__cutout {
    position: absolute;
    top: 10px;
    left: 0;
    width: 100%;
    height: calc(100% - 10px);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain
}

.landingpage_hero_split__background_text {
    color: #181d1e
}

.landingpage_hero_split__background_teaser {
    margin-bottom: 2em
}

.landingpage_hero_split__background_teaser p {
    color: #181d1e;
    font-size: 18px;
    line-height: 36px;
    font-weight: normal
}

.landingpage_hero_split__background_teaser li {
    font-size: 16px;
    color: #444;
    background-image: url("https://www.fitx.de/img/block/shared/icon/check_list_green.svg");
    background-repeat: no-repeat;
    background-position: 0 3px;
    background-size: 20px;
    padding: 0 0 0 35px;
    line-height: 26px;
    margin-bottom: 12px
}

.landingpage_hero_split__background_headline {
    color: #181d1e;
    font-size: 36px;
    font-weight: bold;
    line-height: 43px;
    margin-bottom: 20px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.landingpage_hero_split__background_badge {
    position: absolute;
    top: 50%;
    right: 5%;
    -ms-transform: translate(-5%, -50%);
    -webkit-transform: translate(-5%, -50%);
    -moz-transform: translate(-5%, -50%);
    -o-transform: translate(-5%, -50%);
    transform: translate(-5%, -50%);
    width: 122px;
    z-index: 100
}

.landingpage_hero_split__background_badge img {
    width: 100%;
    height: auto
}

.landingpage_hero_split__content_wrap {
    border-radius: 10px;
    position: relative;
    display: block
}

.landingpage_hero_split__content_wrap_container {
    padding: 25px 0 50px;
    border-bottom: 1px solid #e6e6e6
}

.landingpage_hero_split__content_wrap:before {
    content: "";
    -webkit-box-shadow: 0 4px 10px rgba(0,0,0,.1);
    box-shadow: 0 4px 10px rgba(0,0,0,.1);
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: -1;
    border-radius: 10px
}

.landingpage_hero_split__content {
    padding: 2em 5%;
    background-color: #fff;
    color: #181d1e
}

.landingpage_hero_split__intro {
    margin-bottom: 5px;
    color: #717171
}

.landingpage_hero_split__headline {
    font-size: 2.4em;
    line-height: 1.1em
}

.landingpage_hero_split__cta .cta {
    width: 100%;
    max-width: 420px
}

.landingpage_hero_split__background_cta--desktop {
    display: none
}

@media(min-width: 768px) {
    .landingpage_hero_split__background_badge {
        width:200px
    }

    .landingpage_hero_split__background_cta {
        width: 295px
    }
}

@media(min-width: 1024px) {
    .landingpage_hero_split {
        z-index:1;
        position: relative;
        height: 500px;
        margin: 73px auto 0 auto
    }

    .landingpage_hero_split__container {
        position: relative;
        height: 500px
    }

    .landingpage_hero_split__cutout {
        top: 25px;
        left: 0;
        width: 100%;
        height: calc(100% - 25px)
    }

    .landingpage_hero_split__background_badge {
        top: 50%;
        right: 5%;
        -ms-transform: translate(-5%, -50%);
        -webkit-transform: translate(-5%, -50%);
        -moz-transform: translate(-5%, -50%);
        -o-transform: translate(-5%, -50%);
        transform: translate(-5%, -50%);
        width: 230px
    }

    .landingpage_hero_split__background {
        top: 0;
        left: 0;
        height: 100%
    }

    .landingpage_hero_split__background_text {
        position: absolute;
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 0;
        z-index: 100;
        max-width: 100%;
        color: #fff
    }

    .landingpage_hero_split__background_text p {
        color: #fff;
        font-size: 22px;
        line-height: 36px;
        font-weight: normal
    }

    .landingpage_hero_split__background_text li {
        font-size: 18px;
        line-height: 21px;
        color: #fff;
        background-image: url("https://www.fitx.de/img/block/shared/icon/check_list_white.svg");
        background-repeat: no-repeat;
        background-position: 0 0;
        background-size: 27px;
        padding: 0 0 0 45px;
        line-height: 28px;
        margin-bottom: 16px
    }

    .landingpage_hero_split__background_headline {
        font-size: 36px;
        line-height: 39px;
        margin-bottom: 30px;
        color: #fff
    }

    .landingpage_hero_split__content {
        position: absolute;
        left: 0;
        width: 100%;
        background-color: rgba(0,0,0,0);
        color: #fff;
        padding: 0;
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .landingpage_hero_split__content_wrap {
        width: 50%;
        max-width: 415px;
        border-radius: 10px;
        margin-top: 0
    }

    .landingpage_hero_split__content_wrap_container {
        padding: 54px 30px;
        border-bottom: none
    }

    .landingpage_hero_split__content_wrap:before {
        content: "";
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .landingpage_hero_split__background_cta {
        padding: 17px;
        font-size: 18px;
        min-width: 250px
    }

    .landingpage_hero_split__headline {
        font-size: 36px;
        line-height: 39px;
        max-width: 500px;
        color: #181d1e
    }

    .landingpage_hero_split__background_cta--desktop {
        display: block;
        max-width: 295px
    }

    .landingpage_hero_split__background_cta--mobile {
        display: none
    }

    .landingpage_hero_split__cta .cta {
        max-width: 295px
    }
}

@media(min-width: 1280px) {
    .landingpage_hero_split {
        height:550px
    }

    .landingpage_hero_split__container {
        position: relative;
        height: 550px
    }

    .landingpage_hero_split__background_badge {
        top: 50%;
        right: 12%;
        -ms-transform: translate(-12%, -50%);
        -webkit-transform: translate(-12%, -50%);
        -moz-transform: translate(-12%, -50%);
        -o-transform: translate(-12%, -50%);
        transform: translate(-12%, -50%);
        width: 230px
    }

    .landingpage_hero_split__background {
        height: 100%
    }

    .landingpage_hero_split__background_headline {
        font-size: 48px;
        line-height: 55px
    }

    .landingpage_hero_split__content_wrap {
        width: 100%;
        transform: none
    }
}

@media(min-width: 1800px) {
    .landingpage_hero_split {
        height:650px
    }

    .landingpage_hero_split__container {
        position: relative;
        height: 650px
    }

    .landingpage_hero_split__background_badge {
        top: 50%;
        right: 20%;
        -ms-transform: translate(-20%, -50%);
        -webkit-transform: translate(-20%, -50%);
        -moz-transform: translate(-20%, -50%);
        -o-transform: translate(-20%, -50%);
        transform: translate(-20%, -50%);
        width: 260px
    }

    .landingpage_hero_split__background {
        height: 100%
    }
}

body[data-controller=landingpage] {
    background-color: #fff
}

body[data-controller=landingpage] .header__hamburger_icon,body[data-controller=landingpage] .menuicon,body[data-controller=landingpage] .navigation--header {
    display: none
}

@media screen and (min-width: 1921px) {
    body[data-controller=landingpage] section:nth-child(3) {
        border-top-left-radius:10px;
        border-top-right-radius: 10px
    }
}

.landingpage_hero {
    margin: 73px auto 0 auto;
    background-color: #181d1e;
    color: #fff
}

.landingpage_hero__content {
    overflow: hidden
}

.landingpage_hero__image {
    height: 40vh;
    background-size: cover;
    background-position: center;
    z-index: 1
}

.landingpage_hero__image--desktop {
    display: none
}

.landingpage_hero__image--mobile {
    margin-bottom: 2em
}

.landingpage_hero__badge {
    width: 94px;
    height: 94px;
    position: absolute;
    top: calc(-94px - .5em)
}

.landingpage_hero__video {
    display: block;
    width: 100%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    z-index: 1
}

.landingpage_hero__video_container {
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

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

.landingpage_hero__video_play {
    background-image: url("https://www.fitx.de/img/block/shared/icon/play_icon.svg");
    position: absolute;
    display: block;
    height: 90px;
    width: 90px;
    background-size: cover;
    top: 50%;
    right: 50%;
    -webkit-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    cursor: pointer;
    z-index: 10
}

.landingpage_hero__text {
    width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    margin: 2em auto;
    position: relative
}

.landingpage_hero__text--badge {
    margin: 4.5em auto 2em
}

.landingpage_hero__kicker {
    text-transform: uppercase;
    color: rgba(255,255,255,.7)
}

.landingpage_hero__teaser {
    color: rgba(255,255,255,.7)
}

.landingpage_hero__teaser--services {
    transition: opacity .3s
}

.landingpage_hero__teaser--services p {
    font-weight: 400
}

.landingpage_hero__teaser--services a {
    color: #fff;
    border-bottom: 2px solid #fff
}

.landingpage_hero__teaser--hidden {
    opacity: 0
}

.landingpage_hero__teaser ul {
    margin: 1em 0
}

.landingpage_hero__teaser ul li {
    font-size: 1em;
    background-size: 1em;
    line-height: 1.2
}

.landingpage_hero__cta .cta {
    width: 100%;
    margin-top: 1em
}

.landingpage_hero--center {
    text-align: center;
    background-color: #24353f
}

.landingpage_hero--center:first-child .landingpage_hero__image--mobile {
    margin-top: 2em
}

.landingpage_hero--center.landingpage_hero--center--light {
    background-color: #fff
}

.landingpage_hero--center.landingpage_hero--center--light .landingpage_hero__kicker,.landingpage_hero--center.landingpage_hero--center--light .landingpage_hero__teaser,.landingpage_hero--center.landingpage_hero--center--light .landingpage_hero__headline {
    color: #24353f
}

.landingpage_hero--center .landingpage_hero__kicker,.landingpage_hero--center .landingpage_hero__teaser {
    color: #fff
}

.landingpage_hero--center .landingpage_hero__image {
    margin-top: 2em;
    border-radius: 10px;
    background-size: contain;
    background-repeat: no-repeat
}

.landingpage_hero--center .landingpage_hero__image--mobile {
    margin-top: 0
}

@media(min-width: 768px) {
    .landingpage_hero__headline {
        width:76%
    }

    .landingpage_hero__text {
        margin: 4em auto
    }

    .landingpage_hero .app_store_badges {
        transform: scale(0.8);
        transform-origin: left;
        margin-top: 1em
    }

    .landingpage_hero__cta {
        overflow: hidden
    }

    .landingpage_hero__cta .cta {
        width: auto;
        float: left;
        margin-right: 1em
    }

    .landingpage_hero--center .landingpage_hero__cta {
        display: flex;
        justify-content: center
    }

    .landingpage_hero--center .landingpage_hero__cta .cta {
        min-width: 50%
    }
}

@media(min-width: 1024px) {
    .blocks .landingpage_hero--center:first-child {
        margin-top:73px
    }

    .landingpage_hero {
        margin: 0 auto;
        max-width: 1920px;
        padding-top: 10vh;
        height: 70vh
    }
}

@media screen and (min-width: 1024px)and (max-height: 975px) {
    .landingpage_hero {
        height:85vh
    }
}

@media screen and (min-width: 1024px)and (max-height: 800px) {
    .landingpage_hero {
        height:90vh
    }
}

@media(min-width: 1024px) {
    .landingpage_hero__content {
        overflow:auto;
        height: 70vh;
        display: flex;
        flex-direction: row-reverse;
        align-items: center
    }
}

@media screen and (min-width: 1024px)and (max-height: 975px) {
    .landingpage_hero__content {
        height:85vh
    }
}

@media screen and (min-width: 1024px)and (max-height: 800px) {
    .landingpage_hero__content {
        height:90vh
    }
}

@media(min-width: 1024px) {
    .landingpage_hero__content--video {
        height:calc(70vh - 10vh)
    }
}

@media(min-width: 1024px) {
    .landingpage_hero__badge {
        width:calc(112px - 20px);
        height: calc(112px - 20px);
        position: relative;
        top: auto;
        margin-bottom: 1em
    }
}

@media(min-width: 1024px) {
    .landingpage_hero__headline {
        width:100%;
        font-size: 2.2em;
        line-height: 1.1
    }
}

@media(min-width: 1024px) {
    .landingpage_hero__text {
        padding-right:5em;
        margin: -5em 0 0 0
    }

    .landingpage_hero__text--video {
        margin: 0
    }
}

@media(min-width: 1024px) {
    .landingpage_hero__image {
        display:block;
        height: 60vh;
        width: 100%;
        border-radius: 5px;
        padding-left: 8em;
        background-size: cover
    }
}

@media screen and (min-width: 1024px)and (max-height: 975px) {
    .landingpage_hero__image {
        height:75vh
    }
}

@media screen and (min-width: 1024px)and (max-height: 800px) {
    .landingpage_hero__image {
        height:80vh
    }
}

@media(min-width: 1024px) {
    .landingpage_hero__image--mobile {
        display:none
    }
}

@media(min-width: 1024px) {
    .landingpage_hero__image--desktop {
        display:block
    }
}

@media(min-width: 1024px) {
    .landingpage_hero__video {
        display:block;
        width: 100%;
        border-radius: 5px;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center
    }

    .landingpage_hero__video_container {
        position: relative;
        height: 0;
        padding-bottom: 56.25%;
        -webkit-flex-grow: 1;
        -moz-flex-grow: 1;
        -ms-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        border-radius: 10px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center
    }

    .landingpage_hero__video_container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 10px
    }

    .landingpage_hero__video_play {
        background-image: url("https://www.fitx.de/img/block/shared/icon/play_icon.svg");
        position: absolute;
        display: block;
        height: 90px;
        width: 90px;
        background-size: cover;
        top: 50%;
        right: 50%;
        -webkit-transform: translate(50%, -50%);
        -ms-transform: translate(50%, -50%);
        transform: translate(50%, -50%);
        cursor: pointer;
        z-index: 10
    }
}

@media(min-width: 1024px) {
    .landingpage_hero__cta .cta {
        width:100%;
        max-width: 295px;
        margin-top: 1em;
        cursor: pointer
    }
}

@media(min-width: 1024px) {
    .landingpage_hero .checkmark_list {
        margin:1.5em 0
    }
}

@media(min-width: 1024px) {
    .landingpage_hero--center {
        padding-top:0;
        height: auto;
        max-width: none
    }

    .landingpage_hero--center .landingpage_hero__image {
        background-size: contain
    }

    .landingpage_hero--center .landingpage_hero__content {
        max-height: none;
        height: auto
    }

    .landingpage_hero--center .landingpage_hero__text {
        margin: 4em auto;
        padding: 0
    }

    .landingpage_hero--center .landingpage_hero__teaser {
        width: 60%;
        margin: 0 auto
    }

    .landingpage_hero--center .landingpage_hero__cta .cta {
        min-width: auto
    }
}

@media(min-width: 1280px) {
    .landingpage_hero__headline {
        font-size:2.8em
    }

    .landingpage_hero__badge {
        width: 112px;
        height: 112px;
        margin-bottom: 1em
    }

    .landingpage_hero__cta .cta {
        width: auto;
        float: left;
        margin-right: 1em
    }
}

@media(min-width: 1800px) {
    .landingpage_hero__headline {
        font-size:3.5em;
        line-height: 1.1;
        letter-spacing: -1.19px
    }

    .landingpage_hero__teaser {
        width: 80%
    }

    .landingpage_hero__text {
        padding-right: 7em
    }

    .landingpage_hero__text ul {
        margin: 1.5em 0 2em
    }

    .landingpage_hero__text ul li {
        font-size: 1.3em;
        background-size: 1.3em
    }

    .landingpage_hero__image {
        padding-left: 12em
    }

    .landingpage_hero--center .landingpage_hero__teaser {
        width: 60%
    }

    .landingpage_hero--center .landingpage_hero__image {
        padding-left: 0
    }
}

@media screen and (min-width: 1921px) {
    .landingpage_hero {
        max-height:700px
    }

    .landingpage_hero__content,.landingpage_hero__image {
        max-height: 620px
    }

    .landingpage_hero--center {
        max-height: none
    }
}

.landingpage_image_text {
    background-color: #fff;
    position: relative
}

.landingpage_image_text__anchor {
    position: absolute;
    top: 0;
    left: 0
}

.landingpage_image_text__container {
    max-width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.landingpage_image_text__container--tourdex_special,.landingpage_image_text__container--tourdex_marathon {
    background-color: #1c2223
}

.landingpage_image_text__container--kursevent_special {
    background-color: #1c2223
}

.landingpage_image_text__container--studiodetail {
    background-color: #35484f
}

.landingpage_image_text__content {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.landingpage_image_text__content_image {
    background-size: cover;
    height: 250px;
    background-position: 50% 10%
}

.landingpage_image_text__content_image--jenajobs {
    background-image: url("https://www.fitx.de/img/block/mobile/landingpage_image_text/jenajobs.jpg")
}

@media(min-width: 768px) {
    .landingpage_image_text__content_image--jenajobs {
        background-image:url("https://www.fitx.de/img/block/desktop/landingpage_image_text/jenajobs.jpg")
    }
}

.landingpage_image_text__content_image--tourdex_special,.landingpage_image_text__content_image--tourdex_marathon {
    background-image: url("https://www.fitx.de/img/block/mobile/landingpage_image_text/tour-de-x_special.jpg")
}

@media(min-width: 768px) {
    .landingpage_image_text__content_image--tourdex_special,.landingpage_image_text__content_image--tourdex_marathon {
        background-image:url("https://www.fitx.de/img/block/desktop/landingpage_image_text/tour-de-x_special.jpg")
    }
}

.landingpage_image_text__content_image--kursevent_special {
    background-image: url("https://www.fitx.de/img/block/mobile/landingpage_image_text/kursevent_special.jpg")
}

@media(min-width: 768px) {
    .landingpage_image_text__content_image--kursevent_special {
        background-image:url("https://www.fitx.de/img/block/desktop/landingpage_image_text/kursevent_special.jpg")
    }
}

.landingpage_image_text__content_image--berlinhoch10 {
    background-image: url("https://www.fitx.de/img/block/mobile/landingpage_image_text/berlinhoch10.jpg")
}

@media(min-width: 768px) {
    .landingpage_image_text__content_image--berlinhoch10 {
        background-image:url("https://www.fitx.de/img/block/desktop/landingpage_image_text/berlinhoch10.jpg")
    }
}

.landingpage_image_text__content_image--studiodetail {
    background-image: url("https://www.fitx.de/img/block/mobile/landingpage_image_text/courses.jpg")
}

@media(min-width: 768px) {
    .landingpage_image_text__content_image--studiodetail {
        background-image:url("https://www.fitx.de/img/block/desktop/landingpage_image_text/courses.jpg")
    }
}

.landingpage_image_text__kicker {
    text-transform: uppercase;
    color: #ccc
}

.landingpage_image_text__headline {
    display: block;
    color: #fff;
    margin-bottom: initial;
    font-weight: normal;
    margin-bottom: .5em
}

.landingpage_image_text__text {
    margin-bottom: 2em;
    color: #e5e5e5
}

.landingpage_image_text__text li {
    font-size: 16px;
    color: #fff;
    background-image: url("https://www.fitx.de/img/block/shared/icon/check_list_white.svg");
    background-repeat: no-repeat;
    background-position: 0 3px;
    background-size: 20px;
    padding: 0 0 0 35px;
    line-height: 26px;
    margin-bottom: 12px
}

.landingpage_image_text__list {
    margin-bottom: 3em
}

.landingpage_image_text__list_item {
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 15px;
    background-image: url("https://www.fitx.de/img/block/shared/icon/check_circle_icon_white.svg");
    background-repeat: no-repeat;
    padding: 4px 0 4px 2.5em;
    background-size: 25px;
    background-position: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.landingpage_image_text__content_info {
    padding: 4em 0;
    color: #fff;
    text-align: center
}

.landingpage_image_text__content_info .cta {
    margin: 0 auto
}

.landingpage_image_text__content_info--tourdex_special,.landingpage_image_text__content_info--tourdex_marathon {
    text-align: left
}

.landingpage_image_text__content_info--tourdex_special .cta,.landingpage_image_text__content_info--tourdex_marathon .cta {
    margin: 0;
    width: 100%
}

.landingpage_image_text__content_info--studiodetail {
    text-align: left
}

.landingpage_image_text__content_info--studiodetail .cta:first-child {
    margin-bottom: 1em
}

@media(min-width: 768px) {
    .landingpage_image_text__container {
        width:100% !important;
        max-width: 1920px !important;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .landingpage_image_text__content {
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .landingpage_image_text__content_image {
        height: 470px
    }

    .landingpage_image_text__content_info {
        text-align: left
    }

    .landingpage_image_text__content_info .cta {
        margin: 0
    }

    .landingpage_image_text__content_info--tourdex_special,.landingpage_image_text__content_info--tourdex_marathon {
        text-align: left
    }

    .landingpage_image_text__content_info--tourdex_special .cta,.landingpage_image_text__content_info--tourdex_marathon .cta {
        margin: 0;
        max-width: 295px
    }

    .landingpage_image_text__ctas .cta:first-child {
        margin-right: 1em;
        min-width: auto;
        padding: 17px 25px;
        margin-bottom: 1em
    }

    .landingpage_image_text__list_item {
        font-size: 18px;
        line-height: 28px;
        padding: 0 0 0 3em;
        margin-bottom: 15px;
        background-size: 27px;
        background-position: 0 0
    }
}

@media(min-width: 1024px) {
    .landingpage_image_text {
        padding:0
    }

    .landingpage_image_text__container {
        float: none;
        margin-right: auto;
        margin-left: auto;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center
    }

    .landingpage_image_text__content {
        width: 50%
    }

    .landingpage_image_text__content .cta {
        min-width: 295px !important
    }

    .landingpage_image_text__content_image {
        width: 50%;
        min-height: 610px
    }

    .landingpage_image_text__content_video {
        width: 50%
    }

    .landingpage_image_text__content_info {
        max-width: 850px;
        padding: 3em
    }

    .landingpage_image_text__text li {
        font-size: 18px;
        line-height: 21px;
        color: #fff;
        background-image: url("https://www.fitx.de/img/block/shared/icon/check_list_white.svg");
        background-repeat: no-repeat;
        background-position: 0 0;
        background-size: 27px;
        padding: 0 0 0 45px;
        line-height: 28px;
        margin-bottom: 16px
    }
}

@media(min-width: 1800px) {
    .landingpage_image_text {
        padding:0
    }

    .landingpage_image_text__container {
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .landingpage_image_text__content_image {
        min-height: 660px
    }

    .landingpage_image_text__content_info {
        padding: 0 5em;
        max-width: 680px
    }
}

@media screen and (min-width: 1921px) {
    .landingpage_image_text--margin {
        margin-bottom:7em
    }

    .landingpage_image_text__container {
        border-radius: 10px
    }

    .landingpage_image_text__content_image {
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px
    }
}

.landingpage_newsletter {
    position: relative;
    max-width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    padding: 0 0 4em;
    background-color: #fff;
    color: #444
}

.landingpage_newsletter--narrow {
    max-width: 1920px
}

.landingpage_newsletter--white {
    background-color: #fff
}

.landingpage_newsletter--dark {
    background-color: #181d1e
}

.landingpage_newsletter--almostBlack {
    background-color: #181d1e
}

.landingpage_newsletter--grey {
    background-color: #f4f2ef
}

.landingpage_newsletter--hero {
    margin-top: 73px
}

.landingpage_newsletter--hero .landingpage_newsletter__headline {
    font-size: 2.8em
}

.landingpage_newsletter--white {
    background-color: #fff
}

.landingpage_newsletter__text {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    padding: 4em;
    padding-left: 0;
    padding-right: 0
}

.landingpage_newsletter__text--verticallyCentered {
    padding: 4em 0 0
}

.landingpage_newsletter__text--dark {
    font-size: 1.2em;
    font-weight: 400;
    color: #b5b5b5
}

.landingpage_newsletter__text--dark h2 {
    color: #fff
}

.landingpage_newsletter__text--almostBlack {
    font-size: 1.2em;
    font-weight: 400;
    padding-top: 2em;
    color: #b5b5b5
}

.landingpage_newsletter__text--almostBlack h2 {
    color: #fff
}

.landingpage_newsletter__text_content {
    color: #444;
    font-size: 16px
}

.landingpage_newsletter__text_content ul {
    margin-bottom: 2em
}

.landingpage_newsletter__text_content li {
    background-image: url("https://www.fitx.de/img/block/shared/icon/check_list_green.svg");
    color: #444;
    background-size: 20px;
    line-height: 20px;
    background-repeat: no-repeat;
    padding-left: 30px;
    font-weight: 400;
    margin-bottom: .8em;
    background-position: 0 0
}

.landingpage_newsletter__text_content p:last-child {
    margin-bottom: 0
}

.landingpage_newsletter__form {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    padding: 2em;
    background: #f4f2ef;
    border-radius: 20px
}

.landingpage_newsletter .form input[type=text].form__element_text,.landingpage_newsletter .form input[type=email].form__element_text {
    background: #fff
}

.landingpage_newsletter__image_container {
    width: 100%
}

.landingpage_newsletter__image_container--wide_image {
    padding: 4em 5% 0 5%
}

.landingpage_newsletter__image {
    width: 100%;
    background-size: cover
}

.landingpage_newsletter__headline {
    color: #181d1e;
    margin-bottom: .5em;
    font-weight: normal
}

.landingpage_newsletter__headline--lp {
    line-height: 42px
}

.landingpage_newsletter__cta .cta {
    width: 100%
}

@media(min-width: 768px) {
    .landingpage_newsletter--no_top_space {
        padding-top:0
    }

    .landingpage_newsletter__image_container {
        width: 100%
    }

    .landingpage_newsletter__image {
        width: 100%;
        margin-bottom: 0
    }

    .landingpage_newsletter__cta .cta {
        width: 295px
    }
}

@media(min-width: 1024px) {
    .landingpage_newsletter {
        max-width:1920px;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: space-between;
        padding: 7em 0
    }

    .landingpage_newsletter--hero {
        margin-top: 73px
    }

    .landingpage_newsletter--wide_image {
        width: 100%;
        display: block
    }

    .landingpage_newsletter--no_top_space {
        padding-top: 2em
    }

    .landingpage_newsletter .container {
        width: 100%
    }

    .landingpage_newsletter__container {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row-reverse;
        -moz-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-align-items: flex-start;
        -moz-align-items: flex-start;
        -ms-align-items: flex-start;
        align-items: flex-start
    }

    .landingpage_newsletter__container--reversed {
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .landingpage_newsletter__container--wide_image {
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center
    }

    .landingpage_newsletter__container--verticallyCentered {
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center
    }

    .landingpage_newsletter__container--center {
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center
    }

    .landingpage_newsletter__image_container {
        width: 100%;
        text-align: right
    }

    .landingpage_newsletter__image_container--reversed {
        text-align: left
    }

    .landingpage_newsletter__image_container--wide_image {
        padding: 0
    }

    .landingpage_newsletter__image {
        border-radius: 5px;
        width: 90%
    }

    .landingpage_newsletter__text {
        width: 90%;
        padding: 7em
    }

    .landingpage_newsletter__text--wide_image {
        width: 60%
    }

    .landingpage_newsletter__text--fullwidth {
        width: 100%;
        max-width: 1920px
    }

    .landingpage_newsletter__text_content {
        font-size: 18px
    }

    .landingpage_newsletter__text_content ul {
        margin-bottom: 2em
    }

    .landingpage_newsletter__text_content li {
        background-image: url("https://www.fitx.de/img/block/shared/icon/check_list_green.svg");
        color: #444;
        background-size: 27px;
        line-height: 27px;
        background-repeat: no-repeat;
        padding-left: 45px;
        margin-bottom: .8em;
        background-position: 0 0
    }

    .landingpage_newsletter__form {
        padding: 4em;
        width: 60%
    }
}

body[data-controller=landingpage] {
    background-color: #fff
}

body[data-controller=landingpage] .header__hamburger_icon,body[data-controller=landingpage] .navigation--header {
    display: none
}

@media screen and (min-width: 1921px) {
    body[data-controller=landingpage] section:nth-child(3) {
        border-top-left-radius:10px;
        border-top-right-radius: 10px
    }
}

.landingpage_overlap_box {
    background-color: #fff;
    padding: 9em 0 0 0;
    max-width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    background-size: contain;
    background-repeat: no-repeat
}

.landingpage_overlap_box__container {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
    padding-bottom: 2em
}

.landingpage_overlap_box__text {
    color: #fff
}

.landingpage_overlap_box__headline {
    font-size: 2em;
    line-height: 1;
    margin-bottom: .25em
}

.landingpage_overlap_box__subline {
    font-size: 1.3em;
    margin-bottom: 20px;
    line-height: 1.2
}

.landingpage_overlap_box__box {
    background-color: #fff;
    color: #181d1e;
    font-size: 1.2em;
    font-weight: 400;
    padding: 25px 17px;
    border-radius: 10px;
    box-shadow: 1px 5px 20px 5px rgba(23,23,23,.075);
    border: 1px solid #e5e5e5
}

.landingpage_overlap_box__box ul {
    margin-bottom: 1em
}

.landingpage_overlap_box__box li {
    background-image: url("https://www.fitx.de/img/block/shared/icon/icon-green-check.svg");
    color: #444;
    background-size: 20px;
    background-repeat: no-repeat;
    padding-left: 30px;
    font-weight: 400;
    font-size: 1em;
    margin-bottom: .8em;
    background-position: 0 5px
}

.landingpage_overlap_box__box span {
    font-size: 36px;
    font-weight: normal;
    margin-right: 10px;
    color: #181d1e
}

.landingpage_overlap_box__box h3 {
    font-weight: normal
}

.landingpage_overlap_box__box_headline {
    font-weight: normal;
    margin: 0
}

.landingpage_overlap_box__box_price {
    color: #444
}

.landingpage_overlap_box__box_price span {
    font-size: 55px;
    font-weight: bold;
    margin-right: 10px;
    color: #181d1e
}

.landingpage_overlap_box__cta .cta {
    width: 100% !important
}

.landingpage_overlap_box__cta--margin {
    margin-top: 2em
}

.landingpage_overlap_box__payment_methods {
    padding-left: 30px;
    margin-bottom: 2em
}

.landingpage_overlap_box__checkmark_list li {
    font-size: .8em;
    background-size: 16px;
    background-position: 0 0px
}

.landingpage_overlap_box del {
    color: #ed6a12
}

@media(min-width: 768px) {
    .landingpage_overlap_box {
        padding:24em 0 0 1em
    }

    .landingpage_overlap_box__container {
        width: 90% !important;
        max-width: 1280px !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: left
    }

    .landingpage_overlap_box__headline {
        font-size: 3em;
        margin-bottom: 0
    }

    .landingpage_overlap_box__subline {
        font-size: 2em
    }
}

@media(min-width: 1024px) {
    .landingpage_overlap_box {
        padding:16em 0 2em;
        max-width: 1920px;
        background-position: center -50px;
        background-size: auto
    }

    .landingpage_overlap_box__container {
        width: 90% !important;
        max-width: 1280px !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: left;
        padding-bottom: 0;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: space-between
    }

    .landingpage_overlap_box__headline {
        margin-top: .5em;
        margin-bottom: .25em;
        font-size: 3.5em;
        max-width: 340px
    }

    .landingpage_overlap_box__subline {
        font-size: 1.6em;
        max-width: 440px
    }

    .landingpage_overlap_box__box {
        width: 40%;
        min-width: 510px;
        padding: 60px;
        font-size: 1.3em;
        box-shadow: 1px 5px 20px 5px rgba(23,23,23,.075);
        border: none
    }

    .landingpage_overlap_box__box h3 {
        font-size: 28px
    }

    .landingpage_overlap_box__cta {
        margin-left: 30px
    }

    .landingpage_overlap_box__box_headline {
        margin: 0 0 0 0
    }

    .landingpage_overlap_box__box_price span {
        font-size: 55px;
        font-weight: bold;
        margin-right: 10px
    }

    .landingpage_overlap_box__checkmark_list li {
        font-size: 1em;
        background-size: 20px;
        background-position: 0 2px
    }
}

@media(min-width: 1800px) {
    .landingpage_overlap_box__box {
        margin:0 5% 0 15%
    }

    .landingpage_overlap_box__text {
        margin: 0 0 0 5%
    }

    .landingpage_overlap_box__headline {
        max-width: 440px;
        font-size: 4.5em
    }
}

.landingpage_studio_list {
    padding: 0 0 4em
}

.landingpage_studio_list__container {
    max-width: 90%;
    margin: 0 auto
}

.landingpage_studio_list__headline {
    color: #181d1e;
    margin-bottom: 1em;
    font-weight: 500;
    text-align: center;
    font-size: 24px;
    position: relative;
    margin-top: 43px
}

.landingpage_studio_list__headline:before {
    content: "";
    display: block;
    background-image: url("https://www.fitx.de/img/block/shared/icon/icon_marker_orange_blackborder.svg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 33px;
    height: 33px;
    position: absolute;
    top: -43px;
    left: 50%;
    margin-left: -17px
}

.landingpage_studio_list__cta {
    text-align: center
}

@media(min-width: 1024px) {
    .landingpage_studio_list {
        padding:7em 0
    }

    .landingpage_studio_list__container {
        max-width: 100%
    }

    .landingpage_studio_list__headline {
        font-size: 36px;
        margin-top: 55px
    }

    .landingpage_studio_list__headline:before {
        width: 45px;
        height: 45px;
        top: -55px;
        margin-left: -23px
    }
}

.link_collection {
    font-size: 15px
}

.link_collection__group_heading {
    text-transform: uppercase;
    color: #b5b5b5;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: .5em
}

.link_collection__list {
    margin-top: 0;
    margin-bottom: 1.5em
}

.link_collection__list_item {
    line-height: 2.25em
}

.link_collection a.link_collection__link {
    color: #fff;
    font-weight: 400;
    padding-left: 1em
}

.link_collection a.link_collection__link:hover {
    color: #ed6a12
}

.link_collection__list_item--trialworkout_footer a {
    color: #ccc !important;
    padding-left: 0 !important
}

.link_collection__list_item--trialworkout_footer a:hover {
    color: #ed6a12 !important
}

.link_collection__bubble {
    background-color: #f5f5f5;
    border: 1px solid #f5f5f5;
    color: #181d1e;
    border-radius: 4px;
    padding: 2px 6px;
    font-size: .8em;
    text-transform: uppercase;
    font-weight: bold
}

@media(min-width: 768px) {
    .link_collection {
        font-size:15px
    }

    .link_collection__list {
        margin-bottom: 0
    }

    .link_collection__group_heading {
        font-size: 16px
    }

    .link_collection__content {
        max-width: 960px;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%
    }

    .link_collection__content:after {
        content: "";
        display: table;
        clear: both
    }

    .link_collection__content>*:nth-child(3n+1) {
        width: calc(33.3333333333%);
        float: left;
        clear: left;
        margin-left: 0
    }

    .link_collection__content>*:nth-child(3n+2) {
        width: calc(33.3333333333%);
        float: left;
        clear: none
    }

    .link_collection__content>*:nth-child(3n+3) {
        width: calc(33.3333333333%);
        float: left;
        clear: none;
        margin-right: 0
    }

    .link_collection a.link_collection__link {
        padding-left: 0
    }

    .link_collection__list_item--trialworkout_footer {
        float: left;
        padding-right: 1.5em
    }

    .link_collection__group--about {
        width: 100% !important
    }
}

.linkpage_footer {
    color: #fff;
    position: relative
}

.linkpage_footer--hidden {
    display: none
}

.linkpage_footer__social_icons {
    margin-top: 1em
}

.linkpage_footer__social_icon {
    text-indent: -9000px;
    display: inline-block;
    width: 30px;
    height: 30px;
    background: no-repeat center;
    background-size: contain;
    margin: 0 .4em 0;
    cursor: pointer
}

.linkpage_footer__social_icon--facebook {
    background-image: url("https://www.fitx.de/img/block/shared/footer/facebook_v2.svg")
}

.linkpage_footer__social_icon--facebook:hover {
    background-image: url("https://www.fitx.de/img/block/shared/footer/facebook_v2_hover.svg")
}

.linkpage_footer__social_icon--instagram {
    background-image: url("https://www.fitx.de/img/block/shared/footer/instagram_v2.svg")
}

.linkpage_footer__social_icon--instagram:hover {
    background-image: url("https://www.fitx.de/img/block/shared/footer/instagram_v2_hover.svg")
}

.linkpage_footer__social_icon--youtube {
    background-image: url("https://www.fitx.de/img/block/shared/footer/youtube_v2.svg")
}

.linkpage_footer__social_icon--youtube:hover {
    background-image: url("https://www.fitx.de/img/block/shared/footer/youtube_v2_hover.svg")
}

.linkpage_footer__social_icon--tiktok {
    background-image: url("https://www.fitx.de/img/block/shared/footer/tiktok.svg")
}

.linkpage_footer__social_icon--tiktok:hover {
    background-image: url("https://www.fitx.de/img/block/shared/footer/tiktok_hover.svg")
}

.linkpage_footer__social_icon--spotify {
    background-image: url("https://www.fitx.de/img/block/shared/footer/spotify.svg")
}

.linkpage_footer__social_icon--spotify:hover {
    background-image: url("https://www.fitx.de/img/block/shared/footer/spotify_hover.svg")
}

.linkpage_footer__content {
    max-width: 85%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    padding: 2em 0
}

.linkpage_footer__meta_nav {
    width: 100%;
    text-align: center
}

.linkpage_footer__social_icons {
    width: 100%
}

.linkpage_footer__meta {
    margin-top: 2em
}

.linkpage_footer__meta_link {
    color: #b0b0b0;
    margin: 0 1em 0;
    font-size: 16px;
    font-weight: 300
}

.linkpage_footer__meta_link:visited {
    color: #b0b0b0
}

.linkpage_hero {
    margin: 3em 0 5em
}

.linkpage_hero__content {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.linkpage_hero__logo {
    width: 55px;
    height: 47px;
    text-indent: -9000px;
    display: block;
    float: none;
    margin-right: auto;
    margin-left: auto;
    background-image: url("https://www.fitx.de/img/block/shared/icon/x.svg");
    background-size: contain;
    background-position: center;
    background-repeat: none
}

body[data-controller=linkpage] {
    height: auto;
    min-height: auto
}

.linkpage__container {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.linkpage__item {
    margin: 0 0 1em 0;
    text-align: center
}

.linkpage__item .cta {
    margin: 0 auto !important;
    width: 100%;
    border-radius: 7px;
    font-size: 16px
}

@media(min-width: 768px) {
    .linkpage__item .cta {
        max-width:400px
    }
}

.list_grid {
    padding: 3em 5% 4em;
    background-color: #1c2223
}

.list_grid__entry {
    position: relative;
    display: block;
    color: #fff;
    margin-bottom: 1em
}

.list_grid__entry:visited,.list_grid__entry:active,.list_grid__entry:hover {
    color: #fff
}

.list_grid__entry:after {
    content: " ";
    position: absolute;
    width: 8px;
    height: 8px;
    border-right: 2px solid #fff;
    border-top: 2px solid #fff;
    right: 0;
    top: 50%;
    transform: rotateZ(45deg) translateY(-50%) translateX(-50%)
}

.list_grid__entry:last-child {
    margin-bottom: 0
}

.list_grid__icon {
    display: none
}

.list_grid__image {
    width: 80px;
    height: 80px;
    white-space: nowrap;
    border-radius: 3px;
    text-indent: 94px;
    background-size: cover
}

.list_grid__title {
    margin: 0;
    line-height: initial;
    padding-top: .95em
}

.list_grid__kicker {
    color: #ddd;
    font-size: 1em;
    margin: 0
}

@media(min-width: 1024px) {
    .list_grid {
        max-width:1920px;
        float: none;
        margin-right: auto;
        margin-left: auto;
        padding: 7em 0;
        background-color: #181d1e
    }

    .list_grid>.container {
        max-width: calc(1280px + 10%);
        margin-left: auto;
        margin-right: auto
    }

    .list_grid>.container:after {
        content: "";
        display: table;
        clear: both
    }

    .list_grid>.container>*:nth-child(2n+1) {
        width: calc(50% - 1em - 1em + 0.5em + 0.5em);
        float: left;
        margin: 1em;
        clear: left;
        margin-left: 0
    }

    .list_grid>.container>*:nth-child(2n+2) {
        width: calc(50% - 1em - 1em + 0.5em + 0.5em);
        float: left;
        margin: 1em;
        clear: none;
        margin-right: 0
    }

    .list_grid__entry {
        margin-bottom: 0
    }

    .list_grid__entry--mobile-only {
        display: none
    }

    .list_grid__entry:after {
        display: none
    }

    .list_grid__image {
        border-radius: 5px;
        text-indent: initial;
        width: auto;
        height: auto;
        padding: 18em 0 2em 2em
    }

    .list_grid__image:after {
        content: "";
        display: table;
        clear: both
    }

    .list_grid__icon {
        display: block;
        width: 65px;
        height: 95px;
        background-size: 35px 35px;
        background-repeat: no-repeat;
        background-position: center left;
        float: left
    }

    .list_grid__text {
        float: left;
        text-shadow: 0 0 5px rgba(0,0,0,.4)
    }

    .list_grid__title {
        font-size: 2em
    }

    .list_grid__kicker {
        font-size: 1.1em;
        color: #fff;
        font-weight: 500
    }
}

@media(min-width: 1280px) {
    .list_grid>.container {
        max-width:calc(1280px + 10%);
        margin-left: auto;
        margin-right: auto
    }

    .list_grid>.container:after {
        content: "";
        display: table;
        clear: both
    }

    .list_grid>.container>*:nth-child(3n+1) {
        width: calc(33.3333333333% - 1em - 1em + 0.3333333333em + 0.3333333333em);
        float: left;
        margin: 1em;
        clear: left;
        margin-left: 0
    }

    .list_grid>.container>*:nth-child(3n+2) {
        width: calc(33.3333333333% - 1em - 1em + 0.3333333333em + 0.3333333333em);
        float: left;
        margin: 1em;
        clear: none
    }

    .list_grid>.container>*:nth-child(3n+3) {
        width: calc(33.3333333333% - 1em - 1em + 0.3333333333em + 0.3333333333em);
        float: left;
        margin: 1em;
        clear: none;
        margin-right: 0
    }

    .list_grid__image {
        padding-top: 24em
    }
}

.livestream_entry_list {
    background-color: #fff;
    margin-bottom: 2em
}

.livestream_entry_list--almostBlack {
    background-color: #181d1e
}

.livestream_entry_list--teaser {
    margin-bottom: 0
}

.livestream_entry_list__container {
    padding: 4em 5% 2em 5%
}

.livestream_entry_list__container--top {
    padding-top: 6em
}

.livestream_entry_list__subline {
    color: #444;
    font-size: 1.3em;
    font-weight: 300
}

.livestream_entry_list__subline--almostBlack {
    color: #ccc
}

.livestream_entry_list__headline {
    font-size: 2em;
    font-weight: normal;
    margin-bottom: .6em
}

.livestream_entry_list__headline--almostBlack {
    color: #fff
}

.livestream_entry_list__overflow_wrap {
    margin-left: -5%;
    padding-left: 5%;
    overflow: auto;
    width: 110%;
    margin-bottom: 1em
}

.livestream_entry_list__overflow_wrap::-webkit-scrollbar,.livestream_entry_list__overflow_wrap::-webkit-scrollbar-track,.livestream_entry_list__overflow_wrap::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,0)
}

.livestream_entry_list__entries {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: calc(76em + 5.6em);
    height: 28em
}

.livestream_entry_list__entry_wrap {
    position: relative;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-bottom: 1em;
    border-radius: 10px;
    overflow: hidden;
    margin-right: 1.4em;
    background-color: #555;
    color: #181d1e !important;
    display: block
}

.livestream_entry_list__bg {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 0
}

.livestream_entry_list__bg--teaser {
    filter: blur(10px) brightness(0.6)
}

.livestream_entry_list__entry {
    position: absolute;
    top: 0;
    height: 100%;
    padding: 1.6em;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: flex-end;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start
}

.livestream_entry_list__entry--teaser {
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center
}

.livestream_entry_list__box {
    padding: .2em .4em;
    border-radius: 3px;
    font-size: 1.2em
}

.livestream_entry_list__box--date {
    background-color: #ed6a12;
    color: #fff;
    margin-bottom: .1em
}

.livestream_entry_list__box--title {
    background-color: #fff;
    font-size: 1.6em
}

.livestream_entry_list__box--warmup {
    margin-bottom: .3em
}

.livestream_entry_list__subtext {
    font-size: 1.2em;
    font-weight: 300
}

.livestream_entry_list__subtext--almostBlack {
    color: #fff
}

.livestream_entry_list__livebadge {
    position: absolute;
    top: 1.6em;
    left: 1.6em;
    color: #fff;
    background-color: #e83623;
    border-radius: 3px;
    font-weight: bold;
    padding: .2em .6em .2em .4em
}

.livestream_entry_list__live {
    display: inline-block;
    transform: scale(0.5) translateY(-2px)
}

.livestream_entry_list__play {
    width: 70px;
    height: 70px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-image: url("https://www.fitx.de/img/block/shared/icon/play_icon.svg");
    background-size: cover;
    background-repeat: no-repeat
}

.livestream_entry_list__play--higher {
    top: 35%
}

.livestream_entry_list__teaser_content {
    color: #fff;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    text-align: center
}

.livestream_entry_list__teaser_headline {
    font-size: 1.2em;
    text-transform: uppercase;
    margin-bottom: .4em
}

.livestream_entry_list__teaser_text {
    font-size: 1.7em;
    font-weight: bold
}

.livestream_entry_list__teaser_cta,.livestream_entry_list__teaser_cta a.cta {
    width: 100%
}

@media(min-width: 1024px) {
    .livestream_entry_list {
        margin-bottom:7em
    }

    .livestream_entry_list--teaser {
        margin-bottom: 0
    }

    .livestream_entry_list__container {
        padding-top: 7em;
        padding-bottom: 0
    }
}

@media(min-width: 1280px) {
    .livestream_entry_list__overflow_wrap {
        margin-left:initial;
        padding-left: initial;
        width: 100%
    }

    .livestream_entry_list__entries {
        width: 100%
    }

    .livestream_entry_list__entry_wrap:last-child {
        margin-right: 0
    }
}

.marketing_boxes {
    padding: 4em 0 0
}

.marketing_boxes video::-internal-media-controls-overlay-cast-button {
    display: none
}

.marketing_boxes--imageCampaign {
    padding: 0
}

.marketing_boxes__header {
    width: 90%;
    max-width: 1280px;
    float: none;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 20px
}

.marketing_boxes__header--imageCampaign {
    display: none
}

.marketing_boxes__headline {
    font-size: 24px;
    font-weight: normal;
    line-height: 26px
}

.marketing_boxes__nav {
    display: none
}

.marketing_boxes__container {
    padding: 0;
    -webkit-overflow-scrolling: touch
}

@media only screen and (max-width: 1024px) {
    .marketing_boxes__container {
        overflow-x:scroll;
        overflow-y: hidden;
        -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
        scroll-padding-left: 5%;
        scroll-behavior: smooth
    }
}

.marketing_boxes__container::-webkit-scrollbar,.marketing_boxes__container::-webkit-scrollbar-track,.marketing_boxes__container::-webkit-scrollbar-thumb {
    display: none;
    background-color: rgba(0,0,0,0)
}

.marketing_boxes__wrap {
    white-space: nowrap;
    -webkit-overflow-scrolling: touch
}

.marketing_boxes__wrap::-webkit-scrollbar,.marketing_boxes__wrap::-webkit-scrollbar-track,.marketing_boxes__wrap::-webkit-scrollbar-thumb {
    display: none;
    background-color: rgba(0,0,0,0)
}

.marketing_boxes__item {
    scroll-snap-align: start;
    width: 70vw;
    display: inline-block;
    vertical-align: top;
    margin-left: 5%;
    position: relative
}

.marketing_boxes__item:first-child {
    margin-left: 5%
}

.marketing_boxes__item:last-child {
    margin-right: 5%
}

.marketing_boxes__item--imageCampaign {
    position: relative;
    width: 90vw;
    height: 50vw;
    margin-left: 0
}

.marketing_boxes__item_image {
    width: 100%;
    padding-bottom: 140%;
    margin: 0 auto 20px;
    background-color: #ccc;
    display: block;
    border-radius: 8px;
    background-size: cover;
    background-position: center;
    position: relative
}

.marketing_boxes__item_image--video {
    padding-bottom: 0;
    -o-object-fit: cover;
    object-fit: cover
}

.marketing_boxes__item_image--imageCampaign {
    border-radius: 0;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    padding: 0;
    background-color: rgba(0,0,0,0)
}

.marketing_boxes__item_location {
    position: absolute;
    top: 70px;
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 80%
}

.marketing_boxes .nearbyStudios {
    color: #fff;
    text-align: center;
    white-space: normal;
    text-transform: uppercase
}

.marketing_boxes .nearbyStudios span {
    display: block
}

.marketing_boxes .nearbyStudios__all {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: .5em
}

.marketing_boxes .nearbyStudios__city,.marketing_boxes .nearbyStudios__all--only {
    font-size: 30px;
    font-weight: bold;
    line-height: 1.2
}

.marketing_boxes__item_cta {
    position: absolute;
    bottom: 50px;
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.marketing_boxes__item_cta .cta {
    padding: 9px 20px;
    font-size: 16px;
    min-width: 130px
}

.marketing_boxes__item_text {
    font-size: 18px;
    color: #181d1e
}

.marketing_boxes__item_text--imageCampaign {
    position: absolute;
    color: #fff;
    font-size: 36px;
    line-height: 41px;
    bottom: 10px;
    left: 15px
}

.marketing_boxes__overlay {
    max-width: 100%;
    background-color: rgba(0,0,0,.4);
    padding: 4em 0;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
    transition: left .3s
}

.marketing_boxes__overlay--hidden {
    left: 100%
}

.marketing_boxes__overlay_wrap {
    max-height: 100%;
    overflow: auto
}

.marketing_boxes__overlay_item {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    margin-top: 2em;
    margin-bottom: 4em
}

.marketing_boxes__overlay_item--hidden {
    display: none
}

.marketing_boxes__overlay_header {
    display: none
}

.marketing_boxes__overlay_image_container--hidden {
    display: none
}

.marketing_boxes__overlay_image {
    height: 332px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.marketing_boxes__overlay_image--desktop {
    display: none
}

.marketing_boxes__overlay_content {
    position: absolute;
    background-color: #fff;
    width: 100%;
    height: 100%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.marketing_boxes__overlay_item_headline {
    font-size: 24px;
    line-height: 26px;
    font-weight: normal;
    margin-bottom: .5em
}

.marketing_boxes__overlay_item_text {
    font-size: 16px;
    line-height: 26px;
    font-weight: 300
}

.marketing_boxes__overlay_item_text p {
    color: #444
}

.marketing_boxes__overlay_close {
    position: absolute;
    right: 5%;
    top: 20px;
    width: 32px;
    height: 32px;
    background-image: url("https://www.fitx.de/img/block/shared/icon/close_info_grey.svg");
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: -9000px;
    cursor: pointer
}

@media(min-width: 768px) {
    .marketing_boxes__item {
        scroll-snap-align:start;
        width: 35vw;
        display: inline-block;
        vertical-align: top;
        margin-left: 2.5%;
        cursor: pointer
    }

    .marketing_boxes__item:first-child {
        margin-left: 5%
    }

    .marketing_boxes__item:last-child {
        margin-right: 5%
    }

    .marketing_boxes__item--imageCampaign {
        position: relative;
        width: 90vw;
        height: 50vw;
        margin-left: 0
    }

    .marketing_boxes__overlay {
        transition: none
    }

    .marketing_boxes__overlay--hidden {
        left: 0;
        display: none
    }

    .marketing_boxes__overlay_content {
        position: absolute;
        background-color: #fff;
        width: 90%;
        max-width: 784px;
        height: 90%;
        max-height: 800px;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        border-radius: 10px;
        -webkit-box-shadow: 0px 4px 10px 0px rgba(0,0,0,.1);
        box-shadow: 0px 4px 10px 0px rgba(0,0,0,.1)
    }

    .marketing_boxes__overlay_wrap {
        height: calc(100% - 70px);
        overflow: auto
    }

    .marketing_boxes__overlay_wrap::-webkit-scrollbar {
        width: 5px
    }

    .marketing_boxes__overlay_wrap::-webkit-scrollbar-track {
        background: #f1f1f1
    }

    .marketing_boxes__overlay_wrap::-webkit-scrollbar-thumb {
        background: #181d1e
    }

    .marketing_boxes__overlay_wrap::-webkit-scrollbar-thumb:hover {
        background: #181d1e;
        cursor: pointer
    }

    .marketing_boxes__overlay_item {
        width: 85%;
        margin: 3em auto
    }

    .marketing_boxes__overlay_close {
        position: absolute;
        left: unset;
        right: 23px;
        top: 15px;
        width: 38px;
        height: 38px;
        background-image: url("https://www.fitx.de/img/block/shared/icon/close_darkgrey.svg");
        background-size: 16px;
        background-repeat: no-repeat;
        text-indent: -9000px;
        cursor: pointer;
        border-radius: 100px;
        background-position: center
    }

    .marketing_boxes__overlay_close:hover {
        background-color: #f5f5f5
    }

    .marketing_boxes__overlay_header {
        text-align: center;
        width: 100%;
        font-size: 18px;
        height: 70px;
        font-weight: normal;
        border-bottom: 1px solid #e5e5e5;
        display: block
    }

    .marketing_boxes__overlay_image {
        height: 332px;
        background-repeat: no-repeat;
        background-size: cover
    }

    .marketing_boxes__overlay_image--desktop {
        display: block
    }

    .marketing_boxes__overlay_image--mobile {
        display: none
    }
}

@media(min-width: 1024px) {
    .marketing_boxes__header {
        width:90%;
        max-width: 1920px;
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: center;
        margin-bottom: 40px;
        display: block
    }

    .marketing_boxes__headline {
        font-size: 36px;
        font-weight: normal;
        line-height: 41px
    }

    .marketing_boxes__container {
        padding: 0;
        overflow: hidden
    }

    .marketing_boxes__wrap {
        white-space: nowrap
    }

    .marketing_boxes__wrap {
        width: 90%;
        max-width: 1920px;
        float: none;
        margin-right: auto;
        margin-left: auto;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: nowrap;
        -moz-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        white-space: nowrap;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition: all 1000ms cubic-bezier(0, 0.43, 0, 1.04) 0s;
        -o-transition: all 1000ms cubic-bezier(0, 0.43, 0, 1.04) 0s;
        transition: all 1000ms cubic-bezier(0, 0.43, 0, 1.04) 0s;
        margin-bottom: 60px
    }

    .marketing_boxes__wrap::-webkit-scrollbar {
        display: none
    }

    .marketing_boxes__wrap--imageCampaign {
        padding: 0
    }

    .marketing_boxes__overlay_image {
        height: 332px;
        background-repeat: no-repeat;
        background-size: cover
    }

    .marketing_boxes__overlay_image--desktop {
        display: block
    }

    .marketing_boxes__overlay_image--mobile {
        display: none
    }

    .marketing_boxes__item {
        display: block;
        -webkit-flex-basis: 25%;
        -moz-flex-basis: 25%;
        -ms-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: calc(25% - 20px);
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-right: 26px;
        margin-left: 0;
        height: auto;
        position: relative
    }

    .marketing_boxes__item:first-child {
        margin-left: 0
    }

    .marketing_boxes__item:last-child {
        margin-right: 0
    }

    .marketing_boxes__item_image {
        width: 100%;
        padding-bottom: 140%;
        margin: 0 auto 20px;
        background-color: #ccc;
        display: block;
        border-radius: 8px;
        background-size: cover;
        position: relative
    }

    .marketing_boxes__item_image--imageCampaign {
        padding-bottom: 71%;
        margin: 0 auto;
        background-position: center;
        border-radius: 0;
        background-color: rgba(0,0,0,0)
    }

    .marketing_boxes__item_image--video {
        padding-bottom: 0
    }

    .marketing_boxes__item_image--video.marketing_boxes__item_image--imageCampaign {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        margin: 0 auto
    }

    .marketing_boxes__item_location {
        position: absolute;
        top: 70px;
        left: 50%;
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .marketing_boxes__item_text {
        font-size: 18px;
        color: #181d1e
    }

    .marketing_boxes__item_text--imageCampaign {
        position: absolute;
        color: #fff;
        font-size: 2vw;
        line-height: 4.5vw;
        bottom: 0;
        left: 2vw
    }

    .marketing_boxes__nav {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex
    }

    .marketing_boxes__next,.marketing_boxes__prev {
        width: 46px;
        height: 46px;
        background-color: #f5f5f5;
        background-image: url("https://www.fitx.de/img/block/shared/icon/icon-arrow-right-darkgrey.svg");
        background-size: 8px;
        background-repeat: no-repeat;
        background-position: center;
        text-indent: -9000px;
        border-radius: 100px;
        cursor: pointer
    }

    .marketing_boxes__next:first-child,.marketing_boxes__prev:first-child {
        margin-right: 12px;
        background-image: url("https://www.fitx.de/img/block/shared/icon/icon-arrow-left-darkgrey.svg")
    }

    .marketing_boxes__next:hover,.marketing_boxes__prev:hover {
        background-color: #181d1e;
        background-image: url("https://www.fitx.de/img/block/shared/icon/icon-arrow-right-light.svg")
    }

    .marketing_boxes__next:hover:first-child,.marketing_boxes__prev:hover:first-child {
        background-image: url("https://www.fitx.de/img/block/shared/icon/icon-arrow-left-light.svg")
    }

    .marketing_boxes__overlay_item {
        width: 90%;
        max-width: 1280px;
        float: none;
        margin-right: auto;
        margin-left: auto
    }
}

@media(min-width: 1800px) {
    .marketing_boxes__item_cta .cta {
        padding:17px;
        font-size: 18px;
        min-width: 200px
    }

    .marketing_boxes .nearbyStudios__all {
        font-size: 18px
    }

    .marketing_boxes .nearbyStudios__city,.marketing_boxes .nearbyStudios__all--only {
        font-size: 42px
    }
}

.menuicon {
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 12px;
    top: 22px;
    cursor: pointer
}

.menuicon__bar {
    width: 100%;
    height: 3px;
    background-color: #fff;
    position: absolute;
    border-radius: 3px;
    left: 0
}

.menuicon__bar:nth-child(1) {
    top: 3px
}

.menuicon__bar:nth-child(2) {
    top: 13px;
    left: auto;
    right: 0;
    opacity: 1
}

.menuicon__bar:nth-child(3) {
    top: 23px
}

.menuicon:not(.menuicon--open) .menuicon__bar {
    transition: all .3s
}

.menuicon:not(.menuicon--open) .menuicon__bar:nth-child(2) {
    transition: all .3s .3s
}

.menuicon:not(.menuicon--closed) .menuicon__bar {
    transition: all .3s .3s
}

.menuicon:not(.menuicon--closed) .menuicon__bar:nth-child(2) {
    transition: all .3s
}

.menuicon--open .menuicon__bar:nth-child(1) {
    top: 14px;
    -webkit-transform: rotateZ(-45deg);
    -moz-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg)
}

.menuicon--open .menuicon__bar:nth-child(2) {
    top: 13px;
    right: 30px;
    opacity: 0;
    width: 0
}

.menuicon--open .menuicon__bar:nth-child(3) {
    top: 14px;
    -webkit-transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg);
    transform: rotateZ(45deg)
}

.menuicon--forwarded .menuicon__bar:nth-child(1) {
    top: 9px;
    left: 8px;
    width: 50%;
    -webkit-transform: rotateZ(-45deg);
    -moz-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg)
}

.menuicon--forwarded .menuicon__bar:nth-child(2) {
    top: 13px;
    right: 30px;
    opacity: 0;
    width: 0
}

.menuicon--forwarded .menuicon__bar:nth-child(3) {
    top: 18px;
    left: 8px;
    width: 50%;
    -webkit-transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg);
    transform: rotateZ(45deg)
}

@media(min-width: 1024px) {
    .menuicon {
        display:none
    }

    .menuicon--open,.menuicon--forwarded {
        display: block
    }
}

.mini_footer {
    text-align: center;
    color: #fff;
    background-color: #1c2223;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0
}

@media(min-width: 1024px) {
    .mini_footer__content {
        max-width:1280px;
        width: 85%;
        float: none;
        margin-right: auto;
        margin-left: auto;
        height: 73px;
        position: relative
    }
}

@media(min-width: 1280px) {
    .mini_footer__content {
        max-width:1280px
    }
}

.mobile_cta {
    background: #fff;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: block;
    width: 100%;
    padding: 15px 5% 25px;
    box-shadow: 1px 5px 20px 5px rgba(23,23,23,.075);
    text-align: center
}

@media(min-width: 1024px) {
    .mobile_cta {
        display:none
    }
}

@media(max-width: 1023px) {
    .mobile_overlay {
        display:none
    }

    .mobile_overlay--active {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 10000
    }
}

.modal {
    background-color: rgba(72,72,72,.5);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    -webkit-transition: right .5s;
    -o-transition: right .5s;
    transition: right .5s;
    z-index: 10000
}

.modal--hidden {
    right: -100%
}

.modal_container {
    width: 100%;
    height: 100%
}

.modal_content {
    background-color: #fff;
    border: 1px solid #e5e5e5;
    width: 100%;
    height: 100%;
    overflow: auto
}

.modal_content::-webkit-scrollbar {
    width: 5px;
    height: 8px;
    background-color: #fff
}

.modal_content::-webkit-scrollbar-thumb {
    background: #ed6a12
}

.modal_close {
    background-image: url("https://www.fitx.de/img/block/shared/icon/icon-arrow-left.svg");
    background-repeat: no-repeat;
    background-size: 33px;
    position: relative;
    left: 5%;
    top: 26px;
    width: 33px;
    height: 33px;
    text-indent: -9000px;
    cursor: pointer
}

.modal_text {
    padding: 4em 2em 0;
    font-family: "Niveau",sans-serif;
    font-style: normal;
    font-weight: 500;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.modal_text p {
    font-weight: 500
}

.modal_text_headline {
    font-size: 32px;
    line-height: 28px;
    margin-bottom: 23px
}

.modal_text_subheadline {
    font-size: 18px;
    line-height: 28px;
    color: #999;
    margin-bottom: 0
}

.modal_text_timeleft {
    font-size: 18px;
    color: #444
}

.modal_cta_close {
    color: #444;
    font-size: 18px;
    cursor: pointer
}

.modal_cta_close:hover {
    color: #444
}

.modal_cta_wrapper {
    text-align: center;
    margin-bottom: 20px
}

.modal_cta_wrapper .cta {
    width: 100%
}

@media(min-width: 768px) {
    .modal {
        display:block;
        top: 0;
        left: 0;
        z-index: 10000
    }

    .modal--hidden {
        display: none
    }

    .modal_content {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 410px;
        max-width: 90%;
        height: auto;
        max-height: 90%;
        background-color: #fff;
        border-radius: 10px;
        -webkit-box-shadow: 0 5px 22px -16px rgba(0,0,0,.5);
        -moz-box-shadow: 0 5px 22px -16px rgba(0,0,0,.5);
        box-shadow: 0 5px 22px -16px rgba(0,0,0,.5)
    }

    .modal_close {
        background-image: url("https://www.fitx.de/img/block/shared/icon/close_darkgrey.svg");
        background-repeat: no-repeat;
        background-size: 23px;
        position: absolute;
        right: 26px;
        top: 26px;
        left: auto;
        width: 23px;
        height: 23px;
        text-indent: -9000px;
        cursor: pointer
    }
}

body[data-controller=myfitx] {
    background-color: #fff
}

.myfitx_hero {
    width: 100%;
    max-width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    background-color: #181d1e;
    color: #fff;
    text-align: left;
    margin-top: 73px
}

.myfitx_hero__mobile {
    width: 100%;
    padding-bottom: 70%;
    background-size: contain;
    background-repeat: no-repeat
}

.myfitx_hero__container {
    padding: 2em 0 4em;
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.myfitx_hero__kicker {
    color: #ed6a12;
    text-transform: uppercase;
    border: 1px solid #ed6a12;
    border-radius: 5px;
    padding: 5px 10px;
    font-size: 1em
}

.myfitx_hero__headline {
    margin: .3em auto;
    font-size: 2.5em;
    line-height: 1.2em
}

.myfitx_hero__headline span {
    display: none
}

.myfitx_hero__text {
    font-size: 1.3em;
    color: rgba(255,255,255,.7);
    font-weight: normal;
    line-height: 1.6em;
    margin-bottom: 2em
}

.myfitx_hero__cta .cta {
    width: 100%;
    max-width: 400px
}

.myfitx_hero__image img {
    width: 100%
}

.myfitx_hero__image img.desktop {
    display: none
}

.myfitx_hero__video {
    height: 100%;
    background-color: #181d1e;
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    z-index: 10000
}

.myfitx_hero__video--hidden {
    display: none
}

.myfitx_hero__video_content {
    height: 100%
}

.myfitx_hero__video_close {
    background-image: url("https://www.fitx.de/img/block/shared/icon/close_grey.svg");
    background-repeat: no-repeat;
    text-indent: -9000px;
    height: 26px;
    width: 26px;
    background-size: cover;
    cursor: pointer;
    top: 16px;
    right: 16px;
    position: absolute;
    z-index: 1
}

@media(min-width: 768px) {
    .myfitx_hero {
        padding:0
    }

    .myfitx_hero__cta .cta {
        width: 100%;
        max-width: 225px
    }

    .myfitx_hero__video_close {
        top: 2em;
        right: 2em
    }
}

@media(min-width: 1024px) {
    .myfitx_hero__mobile {
        display:none
    }

    .myfitx_hero {
        margin-top: 73px;
        height: 566px;
        width: 100%;
        max-width: 100%;
        max-width: 1920px;
        float: none;
        margin-right: auto;
        margin-left: auto;
        padding: 0;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: left
    }

    .myfitx_hero .container {
        height: 100%;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row-reverse;
        -moz-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center
    }

    .myfitx_hero__container {
        padding: 0;
        max-width: 42%;
        text-align: left;
        float: none;
        margin-left: 0;
        -webkit-flex-basis: 49%;
        -moz-flex-basis: 49%;
        -ms-flex-basis: 49%;
        -ms-flex-preferred-size: 49%;
        flex-basis: 49%
    }

    .myfitx_hero__kicker {
        padding: 5px 25px;
        font-size: 1em
    }

    .myfitx_hero__headline {
        margin: .3em auto;
        font-size: 2.9em;
        line-height: 1.2
    }

    .myfitx_hero__text {
        font-size: 1.4em;
        line-height: 1.6em;
        margin: 0 auto 2em;
        color: rgba(255,255,255,.7)
    }

    .myfitx_hero__image {
        -webkit-flex-basis: 45%;
        -moz-flex-basis: 45%;
        -ms-flex-basis: 45%;
        -ms-flex-preferred-size: 45%;
        flex-basis: 45%
    }

    .myfitx_hero__image img {
        border-radius: 6px
    }

    .myfitx_hero__image img.mobile {
        display: none
    }

    .myfitx_hero__image img.desktop {
        display: block
    }
}

@media(min-width: 1800px) {
    .myfitx_hero {
        height:566px;
        background-size: contain;
        background-position: center
    }

    .myfitx_hero__kicker {
        font-size: 1em
    }

    .myfitx_hero__headline {
        font-size: 3.5em;
        line-height: 1.2
    }

    .myfitx_hero__headline span {
        display: inline
    }
}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
    .myfitx_hero {
        margin-top: 0
    }
}

.myfitx_tiles {
    background-color: #1c2223;
    position: relative;
    width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    padding: 4em 0
}

.myfitx_tiles--similar,.myfitx_tiles--testimonial {
    background-color: #fff
}

.myfitx_tiles--similar {
    padding: 4em 0 0
}

.myfitx_tiles__container {
    color: #fff;
    width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.myfitx_tiles__container--grid {
    width: 100%
}

.myfitx_tiles__container--similar,.myfitx_tiles__container--testimonial {
    color: #1c2223
}

.myfitx_tiles__intro {
    margin-bottom: 2em
}

.myfitx_tiles__headline {
    font-weight: normal;
    margin-bottom: .5em;
    font-size: 28px;
    line-height: 38px;
    margin-right: 5%
}

@media screen and (max-width: 1023px) {
    .myfitx_tiles__headline--grid {
        margin-left:5%
    }
}

.myfitx_tiles__subline {
    font-size: 18px;
    line-height: 28px
}

@media screen and (max-width: 1023px) {
    .myfitx_tiles__subline--grid {
        margin:0 5%
    }
}

@media screen and (max-width: 1023px) {
    .myfitx_tiles__items {
        overflow-x:scroll;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch
    }

    .myfitx_tiles__items::-webkit-scrollbar,.myfitx_tiles__items::-webkit-scrollbar-track,.myfitx_tiles__items::-webkit-scrollbar-thumb {
        background-color: rgba(0,0,0,0)
    }
}

@media screen and (max-width: 1023px) {
    .myfitx_tiles__items_wrap {
        white-space:nowrap;
        padding: 0 2em 2em 0
    }
}

.myfitx_tiles__item {
    color: #fff !important;
    box-shadow: 0px 2px 10px #eee;
    border-radius: 10px
}

@media screen and (max-width: 1023px) {
    .myfitx_tiles__item--grid {
        width:95%;
        display: inline-block;
        margin-left: 1em;
        overflow: hidden;
        vertical-align: top
    }

    .myfitx_tiles__item--grid:after {
        content: "";
        display: table;
        clear: both
    }

    .myfitx_tiles__item--grid:first-child {
        margin-left: 5%
    }

    .myfitx_tiles__item--grid:last-child {
        margin-right: 5%
    }
}

.myfitx_tiles__item--list {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
}

.myfitx_tiles__item--list:after {
    content: "";
    display: table;
    clear: both
}

.myfitx_tiles__item--list>*:nth-child(2n+1) {
    width: calc(33.3333333333% - 1em - 1em + 0.5em + 0.5em);
    float: left;
    margin: 1em;
    clear: left;
    margin-left: 0
}

.myfitx_tiles__item--list>*:nth-child(2n+2) {
    width: calc(66.6666666667% - 1em - 1em + 0.5em + 0.5em);
    float: left;
    margin: 1em;
    clear: none;
    margin-right: 0
}

.myfitx_tiles__item--similar {
    color: #1c2223
}

.myfitx_tiles__item--testimonial {
    border-radius: 8px;
    color: #1c2223
}

@media screen and (max-width: 1023px) {
    .myfitx_tiles__item--testimonial {
        width:80%
    }
}

.myfitx_tiles__item--single {
    width: 90%
}

.myfitx_tiles__item_no_news {
    margin: 2em 0 8em
}

.myfitx_tiles__item--testimonial {
    text-align: center;
    box-shadow: none
}

.myfitx_tiles__item_image {
    width: 100%;
    background-size: cover;
    background-position: center;
    border-radius: 5px
}

.myfitx_tiles__item_image:after {
    content: "";
    display: block;
    padding-bottom: 100%
}

@media screen and (max-width: 1023px) {
    .myfitx_tiles__item_image--grid:after {
        padding-bottom:60%
    }
}

.myfitx_tiles__item_image--testimonial:after {
    padding-bottom: 100%
}

.myfitx_tiles__item_image--similar {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.myfitx_tiles__item_image--testimonial {
    background-position: center top;
    border-radius: 8px;
    margin-bottom: 2em
}

.myfitx_tiles__item_text--similar {
    padding: 1.5em;
    border-top: 0;
    border-radius: 5px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    color: #1c2223;
    min-height: 250px
}

.myfitx_tiles__item_headline {
    font-size: 20px;
    line-height: 1.4em;
    font-weight: normal;
    white-space: normal;
    margin-bottom: 1em
}

.myfitx_tiles__item_headline--similar {
    color: #1c2223
}

.myfitx_tiles__item_headline--testimonial {
    color: #1c2223;
    font-size: 24px
}

.myfitx_tiles__item_testimonial_kicker {
    font-size: 14px;
    font-weight: 400;
    color: #b0b0b0
}

.myfitx_tiles__item_p {
    color: #1c2223;
    white-space: normal;
    font-size: 16px;
    margin: 0
}

.myfitx_tiles__item_p strong {
    font-weight: normal
}

.myfitx_tiles__item_p--testimonial {
    font-size: 16px;
    line-height: 24px;
    padding: 0 1em
}

.myfitx_tiles__item_kicker {
    color: #ccc;
    text-transform: uppercase;
    font-size: 1em;
    margin-top: 1.5em
}

.myfitx_tiles__item_kicker--list {
    margin-top: 0
}

.myfitx_tiles__item_kicker--similar {
    font-size: .8em;
    color: #444
}

.myfitx_tiles__item_kicker--newest span {
    color: #999
}

@media(min-width: 768px) {
    .myfitx_tiles {
        background-color:#fff;
        padding: 7em 0;
        max-width: 1920px;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .myfitx_tiles--similar {
        background-color: #fff;
        padding: 7em 0 0
    }

    .myfitx_tiles__container {
        color: #181d1e;
        width: 90% !important
    }

    .myfitx_tiles__items_wrap {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex
    }

    .myfitx_tiles__items_wrap:after {
        content: "";
        display: table;
        clear: both
    }

    .myfitx_tiles__items_wrap>*:nth-child(3n+1) {
        width: calc(33.3333333333% - 1em - 1em + 0.3333333333em + 0.3333333333em);
        float: left;
        margin: 0 1em 3em 1em;
        clear: left;
        margin-left: 0
    }

    .myfitx_tiles__items_wrap>*:nth-child(3n+2) {
        width: calc(33.3333333333% - 1em - 1em + 0.3333333333em + 0.3333333333em);
        float: left;
        margin: 0 1em 3em 1em;
        clear: none
    }

    .myfitx_tiles__items_wrap>*:nth-child(3n+3) {
        width: calc(33.3333333333% - 1em - 1em + 0.3333333333em + 0.3333333333em);
        float: left;
        margin: 0 1em 3em 1em;
        clear: none;
        margin-right: 0
    }

    .myfitx_tiles__items_wrap--testimonial {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        flex-wrap: wrap
    }

    .myfitx_tiles__items_wrap--testimonial:after {
        content: "";
        display: table;
        clear: both
    }

    .myfitx_tiles__items_wrap--testimonial>*:nth-child(4n+1) {
        width: calc(25% - 1em - 1em + 0.25em + 0.25em);
        float: left;
        margin: 0 1em 3em 1em;
        clear: left;
        margin-left: 0
    }

    .myfitx_tiles__items_wrap--testimonial>*:nth-child(4n+2) {
        width: calc(25% - 1em - 1em + 0.25em + 0.25em);
        float: left;
        margin: 0 1em 3em 1em;
        clear: none
    }

    .myfitx_tiles__items_wrap--testimonial>*:nth-child(4n+3) {
        width: calc(25% - 1em - 1em + 0.25em + 0.25em);
        float: left;
        margin: 0 1em 3em 1em;
        clear: none
    }

    .myfitx_tiles__items_wrap--testimonial>*:nth-child(4n+4) {
        width: calc(25% - 1em - 1em + 0.25em + 0.25em);
        float: left;
        margin: 0 1em 3em 1em;
        clear: none;
        margin-right: 0
    }

    .myfitx_tiles__item {
        color: #1c2223 !important;
        box-shadow: 0px 0px 17px #eee
    }

    .myfitx_tiles__item--list {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto
    }

    .myfitx_tiles__item--list:after {
        content: "";
        display: table;
        clear: both
    }

    .myfitx_tiles__item--list>*:nth-child(1n+1) {
        width: calc(100% - 0em - 0em + 0em + 0em);
        float: left;
        margin: 0em;
        clear: left;
        margin-left: 0;
        margin-right: 0
    }

    .myfitx_tiles__item--testimonial {
        text-align: center;
        box-shadow: none
    }

    .myfitx_tiles__item_image--similar {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

    .myfitx_tiles__item_image {
        width: 100%;
        background-size: cover;
        background-position: center;
        border-radius: 5px
    }

    .myfitx_tiles__item_image--similar {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

    .myfitx_tiles__item_image--testimonial {
        background-position: center top;
        border-radius: 8px;
        margin-bottom: 2em
    }

    .myfitx_tiles__item_text--similar {
        padding: 1.5em;
        border-top: 0;
        border-radius: 5px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        height: 50%;
        color: #1c2223
    }

    .myfitx_tiles__item_headline {
        font-size: 24px;
        line-height: 1.2em
    }

    .myfitx_tiles__item_headline--similar {
        font-size: 24px;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical
    }

    .myfitx_tiles__item_p {
        font-size: 18px;
        line-height: 28px
    }

    .myfitx_tiles__item_p--testimonial {
        font-size: 16px;
        line-height: 24px
    }

    .myfitx_tiles__item_image:after {
        content: "";
        display: block;
        padding-bottom: 50%
    }

    .myfitx_tiles__item_image--testimonial:after {
        padding-bottom: 100%
    }

    .myfitx_tiles__item_kicker {
        color: #444
    }

    .myfitx_tiles__item_kicker--list {
        margin-top: 1em
    }

    .myfitx_tiles__item_kicker--similar {
        display: none
    }

    .myfitx_tiles__intro {
        margin-bottom: 3em
    }

    .myfitx_tiles__headline {
        font-weight: bold;
        margin-left: 0;
        max-width: 520px;
        margin-bottom: .5em;
        font-size: 40px;
        line-height: 50px
    }

    .myfitx_tiles__subline {
        max-width: 520px;
        margin-left: 0
    }
}

@media(min-width: 1024px) {
    .myfitx_tiles__container {
        width:100% !important
    }
}

.navigation {
    height: 100%
}

.navigation a.navigation__link {
    color: #fff;
    text-align: left;
    margin: 0 10px;
    height: 3em;
    display: block;
    line-height: 3em
}

.navigation a.navigation__link--cta {
    text-align: center;
    line-height: 2.5em
}

.navigation a.navigation__link--play {
    text-align: center;
    line-height: 2.5em
}

.navigation__list {
    padding: 0;
    margin: 2em 0 0 0;
    height: 80%
}

.navigation__list_item {
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    text-align: left;
    list-style-type: none;
    font-size: 1.3em;
    font-weight: 500;
    line-height: 2em;
    transition: background-color .3s
}

.navigation__list_item:hover:not([data-alias=membersarea]),.navigation__list_item--current {
    background-color: #2d3132
}

.navigation__list_item--cta {
    margin: 1.5em 10px 0 10px;
    background-color: #ed6a12;
    border-radius: 26px;
    height: 2.5em
}

.navigation__list_item--cta:not([data-alias=membersarea]):hover {
    background-color: #f18841
}

.navigation__list_item--play {
    margin: 1.5em 10px 0 10px;
    background-color: #ed6a12;
    border-radius: 26px;
    height: 2.5em
}

.navigation__list_item[data-alias=trialworkout] {
    margin-bottom: .5em
}

.navigation__list_item[data-alias=workouts] {
    background-color: #ed6a12
}

.navigation__list_item[data-alias=membersarea] {
    border-top: 1px solid #363636;
    margin: 0 10px;
    padding-top: .5em
}

.navigation__list_item[data-alias=membersarea]>a {
    margin: 0
}

.navigation__list_icon {
    background-image: url("https://www.fitx.de/img/block/shared/icon/play_icon.svg");
    background-size: 22px;
    display: unset;
    padding: 2px 0;
    padding-left: 30px;
    background-repeat: no-repeat;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.navigation__username_wrap {
    position: relative
}

.navigation__username_hint {
    position: absolute;
    right: 1em;
    top: 15px;
    width: 16px;
    height: 16px;
    background-size: contain;
    cursor: help;
    background-image: url("https://www.fitx.de/img/block/shared/navigation/hint.svg")
}

.navigation__login_icon,.navigation__login {
    display: none
}

@media(min-width: 1024px) {
    .navigation {
        height:auto;
        display: inline-block;
        margin-top: 0;
        position: relative;
        width: 100%;
        padding-left: 2em
    }

    .navigation:after {
        content: "";
        display: table;
        clear: both
    }

    .navigation__login_icon {
        text-indent: -9999px;
        display: block;
        width: 60px;
        height: 60px;
        background-image: url("https://www.fitx.de/img/block/shared/navigation/login.svg");
        background-size: 24px;
        background-position: center;
        background-repeat: no-repeat
    }

    .navigation__input[type=text],.navigation__input[type=text]:focus,.navigation__input[type=password],.navigation__input[type=password]:focus {
        width: 100%;
        background: rgba(0,0,0,0);
        border: 1px solid #b5b5b5;
        border-radius: 3px;
        margin-bottom: 1em
    }

    .navigation__list {
        display: block;
        height: auto;
        margin: 0;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex
    }

    .navigation__list:after {
        content: "";
        display: table;
        clear: both
    }

    .navigation__list_item {
        float: none;
        display: list-item;
        border-bottom: none
    }

    .navigation__list_item[data-alias=courseplan],.navigation__list_item[data-alias=membersarea] {
        display: none
    }

    .navigation__list_item[data-alias=trialworkout] {
        margin-bottom: 0;
        -webkit-flex-grow: 1;
        -moz-flex-grow: 1;
        -ms-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .navigation__list_item[data-alias=trialworkout]:hover {
        background-color: rgba(0,0,0,0)
    }

    .navigation__list_item[data-alias=trialworkout]>a:hover {
        background-color: #2d3132
    }

    .navigation__list_item[data-alias=preregistration] {
        background-color: rgba(0,0,0,0)
    }

    .navigation__list_item[data-alias=preregistration]:hover {
        background-color: rgba(0,0,0,0)
    }

    .navigation__list_item[data-alias=preregistration]>a.navigation__link {
        height: auto;
        line-height: initial;
        border-radius: 26px;
        padding: .9em 2em;
        margin-top: 12px
    }

    .navigation__list_item[data-alias=preregistration]>a.navigation__link {
        border: 1px solid #ed6a12;
        margin-right: 1em;
        background-color: #ed6a12
    }

    .navigation__list_item[data-alias=preregistration]>a.navigation__link:hover {
        background-color: #f18841;
        border-color: #f18841
    }

    .navigation__list_item[data-alias=workouts] {
        background-color: rgba(0,0,0,0)
    }

    .navigation__list_item[data-alias=workouts]:hover {
        background-color: rgba(0,0,0,0)
    }

    .navigation__list_item[data-alias=workouts]>a.navigation__link {
        height: auto;
        line-height: initial;
        border-radius: 26px;
        padding: .9em 2em .9em 1em;
        margin-top: 12px
    }

    .navigation__list_item[data-alias=workouts]>a.navigation__link {
        border: 1px solid #ed6a12;
        margin-right: 1em;
        background-color: #ed6a12
    }

    .navigation__list_item[data-alias=workouts]>a.navigation__link:hover {
        background-color: #f18841;
        border-color: #f18841
    }

    .navigation__list_item[data-alias=ma_login]>a.navigation__login_icon {
        margin-top: 7px
    }

    .navigation__list_item--cta {
        height: auto;
        margin: 0;
        border-radius: 0;
        transition: margin-left .3s,padding .3s,background-color .3s
    }

    .navigation__list_item--play {
        height: auto;
        margin: 0;
        border-radius: 0;
        transition: margin-left .3s,padding .3s,background-color .3s
    }

    .navigation__list_item--subtle {
        background-color: rgba(0,0,0,0)
    }

    .navigation a.navigation__link {
        font-size: 16px;
        display: inline-block;
        padding: 0 11px;
        margin: 0;
        height: 73px;
        line-height: 73px;
        padding: 0 11px
    }

    .navigation a.navigation__link--current {
        background-color: #2d3132
    }
}

@media(min-width: 1280px) {
    .navigation {
        padding-left:4em
    }

    .navigation a.navigation__link {
        padding: 0 22px
    }

    .navigation__list_item[data-alias=preregistration]>a.navigation__link {
        padding: .9em 3em
    }

    .navigation__list_item[data-alias=workouts]>a.navigation__link {
        padding: .9em 3em .9em 2em
    }
}

.nearby_studios {
    color: #181d1e;
    background-color: #f4f2ef;
    padding: 3em 0
}

.nearby_studios__studio,.nearby_studios__studio:hover,.nearby_studios__studio:visited {
    color: #181d1e
}

.nearby_studios__headline {
    padding-left: 5%;
    margin-bottom: 1em;
    font-size: 24px;
    font-weight: normal
}

.nearby_studios__image {
    height: 137px;
    border-radius: 3px;
    background-size: cover
}

.nearby_studios__image--single {
    height: 200px
}

.nearby_studios__distance {
    background-image: url("https://www.fitx.de/img/block/shared/icon/pin.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top left;
    padding-left: 1.6em;
    font-weight: 400;
    color: #717171
}

.nearby_studios__name {
    font-size: 1.2em;
    line-height: 1.2em;
    margin-top: .5em;
    position: relative;
    overflow: hidden;
    color: #181d1e
}

.nearby_studios__name:after {
    content: " ";
    position: absolute;
    right: 0;
    top: 0;
    height: 1.2em;
    width: 20px;
    background: linear-gradient(to right, rgba(244, 242, 239, 0) 0%, rgb(244, 242, 239) 100%)
}

@media(min-width: 768px) {
    .nearby_studios__image {
        height:140px
    }
}

@media(min-width: 1024px) {
    .nearby_studios {
        padding:7em 0
    }

    .nearby_studios__container {
        position: relative
    }

    .nearby_studios__headline {
        font-size: 36px;
        padding-left: 0;
        margin-bottom: 25px
    }

    .nearby_studios__image {
        height: 250px
    }

    .nearby_studios__name {
        font-size: 22px;
        line-height: 22px;
        margin-bottom: 5px
    }

    .nearby_studios__distance {
        font-size: 16px
    }
}

.news_archive {
    background: #fff;
    margin-top: 73px;
    padding: 4em 0
}

.news_archive__container {
    width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.news_archive h1 {
    padding: 0;
    text-align: left;
    display: block
}

.news_archive__items {
    overflow: hidden;
    margin-top: 1em
}

.news_archive__item {
    width: 100%;
    height: 290px
}

.news_archive__item_image {
    width: 100%;
    height: 180px;
    background-size: cover;
    display: block;
    background-position: 50%;
    margin-bottom: .5em;
    background-color: #ed6a12
}

.news_archive__item_date {
    display: block;
    font-size: 1.1em;
    line-height: 1.2em;
    font-weight: normal;
    margin-bottom: .2em;
    color: #181d1e
}

.news_archive__item_headline {
    color: #ed6a12;
    font-size: 1.2em;
    line-height: 1.2em;
    font-weight: 400
}

.news_archive__pagecount {
    font-size: 1em;
    text-align: center
}

.news_archive__pagination {
    text-align: center
}

.news_archive__pagination a {
    color: #181d1e;
    font-size: 1em;
    padding: 0 .2em
}

.news_archive__pagination a.selected {
    color: #ed6a12
}

@media(min-width: 768px) {
    .news_archive {
        margin-top:73px;
        padding: 7em 0
    }

    .news_archive__container {
        width: 85%;
        max-width: 1280px;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .news_archive__items {
        margin-top: 2em
    }

    .news_archive__item {
        width: 48%;
        float: left;
        height: 260px;
        margin-right: 4%
    }

    .news_archive__item:nth-child(2n) {
        margin-right: 0
    }

    .news_archive__item_image {
        width: 100%;
        height: 160px;
        background-size: cover;
        display: block
    }

    .news_archive__pagecount {
        display: inline-block;
        font-size: 1.2em
    }

    .news_archive__pagination {
        display: inline-block;
        float: right
    }

    .news_archive__pagination a {
        font-size: 1.2em;
        padding: 0 .5em
    }
}

@media(min-width: 1024px) {
    .news_archive__container {
        width:85%;
        max-width: 1280px;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .news_archive__item {
        width: 32%;
        float: left;
        height: 300px;
        margin-right: 2%
    }

    .news_archive__item:nth-child(2n) {
        margin-right: 2%
    }

    .news_archive__item:nth-child(3n) {
        margin-right: 0
    }

    .news_archive__item_image {
        width: 100%;
        height: 190px;
        background-size: cover;
        display: block
    }
}

@media(min-width: 1800px) {
    .news_archive__container {
        width:50%;
        max-width: 1280px;
        float: none;
        margin-right: auto;
        margin-left: auto
    }
}

.news_article {
    background-color: #fff;
    position: relative;
    width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    padding: 0 0 4em 0;
    margin-top: 73px
}

.news_article__container {
    width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    color: #181d1e;
    padding-top: 2em
}

.news_article__hero {
    height: 50vh;
    background-size: cover;
    background-position: center;
    background-color: #717171
}

.news_article__meta {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    border: 1px solid #e5e5e5;
    border-left: 0;
    border-right: 0;
    padding: 1em 0;
    font-size: 1em;
    margin: 1em 0 2em 0;
    font-weight: 300
}

.news_article__meta:after {
    content: "";
    display: table;
    clear: both
}

.news_article__meta>*:nth-child(2n+1) {
    width: calc(50%);
    float: left;
    clear: left;
    margin-left: 0
}

.news_article__meta>*:nth-child(2n+2) {
    width: calc(50%);
    float: left;
    clear: none;
    margin-right: 0
}

.news_article__meta_date {
    text-align: right
}

.news_article__meta_author span {
    font-weight: normal
}

.news_article__article {
    font-size: 1.2em;
    font-weight: 400;
    line-height: 1.6em
}

.news_article__article img {
    margin: 2em 0 2em -5.5%;
    width: 111%
}

.news_article__kicker {
    color: #444;
    text-transform: uppercase;
    font-size: 1em;
    margin-top: 1em
}

.news_article__download {
    border: 1px solid #e5e5e5;
    background-color: #f5f5f5;
    -webkit-box-shadow: inset 2px 2px 5px #fff;
    box-shadow: inset 2px 2px 5px #fff;
    border-radius: 5px;
    padding: 1em;
    font-size: 1.2em;
    font-weight: bold
}

.news_article__download_text {
    margin-bottom: .5em
}

.news_article__download_cta {
    width: 100% !important
}

.news_article ul {
    list-style-position: inside
}

.news_article ul li {
    list-style-type: disc
}

.news_article ol {
    list-style-position: inside;
    padding-inline-start:0}

.news_article ol li {
    list-style-type: inherit
}

@media(min-width: 768px) {
    .news_article__download {
        border:1px solid #e5e5e5;
        background-color: #f5f5f5;
        -webkit-box-shadow: inset 2px 2px 5px #fff;
        box-shadow: inset 2px 2px 5px #fff;
        border-radius: 5px;
        padding: 1em 1em 1em 1.5em;
        font-size: 1.2em;
        font-weight: bold;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto
    }

    .news_article__download:after {
        content: "";
        display: table;
        clear: both
    }

    .news_article__download>*:nth-child(2n+1) {
        width: calc(75%);
        float: left;
        clear: left;
        margin-left: 0
    }

    .news_article__download>*:nth-child(2n+2) {
        width: calc(25%);
        float: left;
        clear: none;
        margin-right: 0
    }

    .news_article__download_text {
        margin: 0;
        line-height: 52px
    }

    .news_article__download_cta {
        width: 25% !important
    }
}

@media(min-width: 1024px) {
    .news_article {
        padding:0 0 2em 0;
        margin-top: 73px;
        max-width: 1920px;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .news_article__container {
        background: #fff;
        width: 70%;
        margin-top: -60px;
        margin-left: 30%;
        padding-top: 0
    }

    .news_article__hero {
        height: 80vh;
        background-size: cover;
        background-position: center 30%;
        background-color: #ccc
    }
}

@media(min-width: 1024px)and (orientation: portrait) {
    .news_article__hero {
        height:40vh
    }
}

@media(min-width: 1024px) {
    .news_article__text {
        padding:2em 0 2em 4em;
        width: 93%
    }
}

@media(min-width: 1024px) {
    .news_article__meta {
        padding:1em 0;
        font-size: 1.1em;
        margin: 1em 0 2em 0
    }
}

@media(min-width: 1024px) {
    .news_article__article {
        font-size:1.2em;
        font-weight: 400;
        line-height: 1.6em
    }

    .news_article__article img {
        margin: 2em 0 2em -51%;
        width: 151%
    }
}

@media(min-width: 1280px) {
    .news_article__text {
        width:82%
    }

    .news_article__article img {
        margin: 2em 0 2em -28%;
        width: 128%
    }
}

@media(min-width: 1800px) {
    .news_article__container {
        width:70%;
        margin-top: -60px;
        margin-left: 30%
    }

    .news_article__text {
        padding: 2em 0 2em 4em;
        width: 76%
    }

    .news_article__article img {
        margin: 2em 0 2em -33%;
        width: 133%
    }
}

.news_categories {
    background-color: #1c2223;
    position: relative;
    width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    padding: 2em 0 0
}

.news_categories--top {
    margin-top: 73px
}

.news_categories__container {
    color: #181d1e;
    width: auto;
    float: none;
    margin-right: auto;
    margin-left: auto;
    overflow-y: hidden;
    transition: max-height .9s;
    margin: 0 auto;
    max-height: 180px
}

.news_categories__container::-webkit-scrollbar {
    display: none
}

@media screen and (max-width: 768px) {
    .news_categories__items {
        overflow-x:scroll;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch
    }

    .news_categories__items::-webkit-scrollbar,.news_categories__items::-webkit-scrollbar-track,.news_categories__items::-webkit-scrollbar-thumb {
        background-color: rgba(0,0,0,0)
    }
}

@media screen and (max-width: 768px) {
    .news_categories__items_wrap {
        white-space:nowrap
    }
}

.news_categories__category {
    background: none;
    background-color: #444;
    display: inline-block;
    padding: .5em 1.5em;
    border-radius: 20px;
    color: #fff !important;
    font-size: 1.1em;
    margin-right: .5em;
    vertical-align: top
}

.news_categories__category:first-child {
    margin-left: 5%
}

.news_categories__category:last-child {
    margin-right: 5%
}

.news_categories__category--active {
    background-color: #ed6a12
}

@media(min-width: 768px) {
    .news_categories__container {
        width:90%
    }

    .news_categories__items {
        padding-left: 0
    }

    .news_categories__category:first-child {
        margin-left: 0
    }

    .news_categories__category:last-child {
        margin-right: 0
    }
}

@media(min-width: 1024px) {
    .news_categories {
        background-color:#fff;
        padding: 5em 0 0;
        max-width: 1920px;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .news_categories__container {
        width: 100% !important;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .news_categories__items {
        width: 100% !important;
        overflow-x: initial;
        padding-left: 0;
        float: none;
        margin-right: auto;
        margin-left: auto;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto
    }

    .news_categories__items:after {
        content: "";
        display: table;
        clear: both
    }

    .news_categories__items>*:nth-child(4n+1) {
        width: calc(25% - 8px - 8px + 2px + 2px);
        float: left;
        margin: 8px;
        clear: left;
        margin-left: 0
    }

    .news_categories__items>*:nth-child(4n+2) {
        width: calc(25% - 8px - 8px + 2px + 2px);
        float: left;
        margin: 8px;
        clear: none
    }

    .news_categories__items>*:nth-child(4n+3) {
        width: calc(25% - 8px - 8px + 2px + 2px);
        float: left;
        margin: 8px;
        clear: none
    }

    .news_categories__items>*:nth-child(4n+4) {
        width: calc(25% - 8px - 8px + 2px + 2px);
        float: left;
        margin: 8px;
        clear: none;
        margin-right: 0
    }

    .news_categories__category {
        background-image: initial;
        background-color: initial;
        border-radius: 5px;
        background-size: cover;
        background-position: center;
        height: 100px;
        color: #fff !important;
        text-align: center;
        line-height: 100px;
        font-size: 1.6em;
        font-weight: bold;
        padding: 0;
        margin-right: 0;
        -webkit-box-shadow: inset 1000em 10000em 1000em rgba(0,0,0,.4);
        box-shadow: inset 1000em 10000em 1000em rgba(0,0,0,.4)
    }

    .news_categories__category:hover {
        -webkit-box-shadow: inset 1000em 10000em 1000em rgba(0,0,0,.1);
        box-shadow: inset 1000em 10000em 1000em rgba(0,0,0,.1)
    }

    .news_categories__category--active,.news_categories__category--active:hover {
        -webkit-box-shadow: inset 1000em 10000em 1000em rgba(237,106,15,.9);
        box-shadow: inset 1000em 10000em 1000em rgba(237,106,15,.9)
    }
}

.news_detail {
    background: #fff;
    margin-top: 73px;
    padding: 2em 0
}

.news_detail__container {
    width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.news_detail h1,.news_detail h2,.news_detail h3 {
    padding: 0;
    text-align: left;
    display: block
}

.news_detail__content h2 {
    margin-top: 0;
    font-size: 1.6em;
    text-transform: none;
    font-weight: normal
}

.news_detail img {
    max-width: 100%
}

.news_detail__teaser {
    font-weight: bold
}

.news_detail__text ol {
    padding: 0
}

.news_detail__text ol li {
    margin-bottom: 3em
}

.news_detail__big_wrapper {
    height: 240px;
    position: relative;
    overflow: hidden;
    margin-bottom: 2em
}

.news_detail__video {
    width: 100%;
    height: 100%;
    cursor: pointer;
    position: absolute;
    z-index: 20;
    transition: opacity .3s
}

.news_detail__rss {
    margin-top: 2em
}

.news_detail__rss a {
    background-image: url("https://www.fitx.de/img/block/shared/news_detail/rss.png");
    background-repeat: no-repeat;
    background-position: 0 50%;
    padding-left: 24px;
    display: block
}

.news_detail__pagination {
    margin: 2em 0;
    overflow: hidden
}

.news_detail__pagination_cta {
    height: 44px;
    line-height: 44px;
    text-transform: uppercase;
    color: #fff;
    background-color: #ed6a12;
    font-size: 1em;
    font-weight: 400;
    display: inline-block;
    padding: 0 1em;
    width: 100%;
    text-align: center;
    margin-bottom: 1em
}

@media(min-width: 768px) {
    .news_detail {
        margin-top:73px;
        padding: 4em 0
    }

    .news_detail__container {
        width: 85%;
        max-width: 1280px;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .news_detail__big_wrapper {
        height: 480px
    }

    .news_detail__left {
        float: left;
        padding: 0 2em 1em 0
    }

    .news_detail__pagination_cta {
        height: 44px;
        line-height: 44px;
        text-transform: uppercase;
        color: #fff;
        background-color: #ed6a12;
        font-size: 1em;
        font-weight: 400;
        display: inline-block;
        padding: 0 1em;
        width: auto
    }

    .news_detail__pagination_cta_prev {
        float: left
    }

    .news_detail__pagination_cta_next {
        float: right
    }
}

@media(min-width: 1280px) {
    .news_detail__container {
        width:66%;
        max-width: 1280px;
        float: none;
        margin-right: auto;
        margin-left: auto
    }
}

@media(min-width: 1800px) {
    .news_detail__container {
        width:50%;
        max-width: 1280px;
        float: none;
        margin-right: auto;
        margin-left: auto
    }
}

body[data-controller=news] {
    background-color: #fff
}

.news_featured {
    margin-top: 73px;
    background-color: #fff;
    position: relative;
    width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    padding: 2em 0 0 0
}

.news_featured__container {
    color: #181d1e;
    width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.news_featured__item_image {
    display: none
}

.news_featured__item {
    display: block;
    height: 90vw;
    border-radius: 5px;
    padding: 1em;
    position: relative;
    background-size: cover;
    background-position: center top
}

.news_featured__item_text {
    color: #fff;
    position: absolute;
    bottom: 1em
}

.news_featured__item_headline {
    font-size: 1.6em;
    line-height: 1.2em
}

@media(min-width: 768px) {
    .news_featured {
        background-color:#fff
    }

    .news_featured__container {
        width: 90%
    }

    .news_featured__item {
        height: 50vw
    }
}

@media(min-width: 1024px) {
    .news_featured {
        background-color:#fff;
        padding: 7em 0 0 0;
        max-width: 1920px;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .news_featured__container {
        color: #fff;
        width: 100%;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .news_featured__item {
        height: 50vw;
        padding: 3em
    }

    .news_featured__item_text {
        bottom: 3em
    }

    .news_featured__item_headline {
        font-size: 3.2em;
        line-height: 1.2em;
        max-width: 70%
    }

    .news_featured__item_kicker {
        font-size: 1.2em;
        text-transform: uppercase;
        color: #ccc
    }
}

@media(min-width: 1280px) {
    .news_featured__item {
        height:55vw
    }
}

@media(min-width: 1800px) {
    .news_featured__item {
        height:600px
    }
}

@media screen and (min-width: 1921px) {
    .news_featured__item {
        height:600px
    }
}

.news_list {
    background-color: #fff;
    position: relative;
    width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    padding: 2em 0 4em
}

.news_list--similar {
    background-color: #fff
}

.news_list--newest {
    padding: 0
}

.news_list__container {
    color: #181d1e;
    width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    padding: 4em 0 1em
}

.news_list__container--grid {
    width: 100%
}

.news_list__container--similar {
    color: #1c2223
}

.news_list__container--all {
    padding: 7em 0 0
}

.news_list__headline_container {
    margin-bottom: 2em;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    align-items: flex-end;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between
}

@media screen and (max-width: 1023px) {
    .news_list__headline--grid {
        margin-left:5%
    }
}

.news_list__show_all {
    font-size: 16px;
    padding-right: 5%
}

@media screen and (max-width: 1023px) {
    .news_list__items {
        overflow-x:scroll;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch
    }

    .news_list__items::-webkit-scrollbar,.news_list__items::-webkit-scrollbar-track,.news_list__items::-webkit-scrollbar-thumb {
        background-color: rgba(0,0,0,0)
    }
}

@media screen and (max-width: 1023px) {
    .news_list__items_wrap {
        white-space:nowrap
    }
}

.news_list__item {
    color: #1c2223 !important
}

@media screen and (max-width: 1023px) {
    .news_list__item--grid {
        width:60%;
        display: inline-block;
        margin-left: .5em;
        overflow: hidden;
        vertical-align: top
    }

    .news_list__item--grid:after {
        content: "";
        display: table;
        clear: both
    }

    .news_list__item--grid:first-child {
        margin-left: 5%
    }

    .news_list__item--grid:last-child {
        margin-right: 5%
    }
}

.news_list__item--list {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
}

.news_list__item--list:after {
    content: "";
    display: table;
    clear: both
}

.news_list__item--list>*:nth-child(2n+1) {
    width: calc(33.3333333333% - 1em - 1em + 0.5em + 0.5em);
    float: left;
    margin: 1em;
    clear: left;
    margin-left: 0
}

.news_list__item--list>*:nth-child(2n+2) {
    width: calc(66.6666666667% - 1em - 1em + 0.5em + 0.5em);
    float: left;
    margin: 1em;
    clear: none;
    margin-right: 0
}

.news_list__item--similar {
    color: #1c2223
}

.news_list__item--single {
    width: 90%
}

.news_list__item_no_news {
    margin: 2em 0 8em
}

.news_list__item_image {
    width: 100%;
    background-size: cover;
    background-position: center top;
    border-radius: 5px
}

.news_list__item_image:after {
    content: "";
    display: block;
    padding-bottom: 100%
}

@media screen and (max-width: 1023px) {
    .news_list__item_image--grid:after {
        padding-bottom:60%
    }
}

.news_list__item_headline {
    font-size: 1.1em;
    line-height: 1.4em;
    font-weight: normal;
    white-space: normal;
    color: #1c2223
}

.news_list__item_kicker {
    color: #444;
    text-transform: uppercase;
    font-size: 1em;
    margin-top: 1.5em
}

.news_list__item_kicker--list {
    margin-top: 0
}

.news_list__item_kicker--similar {
    font-size: .8em;
    color: #444
}

.news_list__item_kicker--newest span,.news_list__item_kicker--all span {
    color: #999
}

.news_list__pagination--desktop {
    display: none
}

@media(min-width: 768px) {
    .news_list {
        background-color:#fff;
        padding: 4em 0;
        max-width: 1920px;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .news_list--similar {
        background-color: #fff
    }

    .news_list__container {
        color: #181d1e;
        width: 90% !important
    }

    .news_list__container--all {
        padding: 7em 0 0
    }

    .news_list__items_wrap {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto
    }

    .news_list__items_wrap:after {
        content: "";
        display: table;
        clear: both
    }

    .news_list__items_wrap>*:nth-child(3n+1) {
        width: calc(33.3333333333% - 1em - 1em + 0.3333333333em + 0.3333333333em);
        float: left;
        margin: 0 1em 3em 1em;
        clear: left;
        margin-left: 0
    }

    .news_list__items_wrap>*:nth-child(3n+2) {
        width: calc(33.3333333333% - 1em - 1em + 0.3333333333em + 0.3333333333em);
        float: left;
        margin: 0 1em 3em 1em;
        clear: none
    }

    .news_list__items_wrap>*:nth-child(3n+3) {
        width: calc(33.3333333333% - 1em - 1em + 0.3333333333em + 0.3333333333em);
        float: left;
        margin: 0 1em 3em 1em;
        clear: none;
        margin-right: 0
    }

    .news_list__item {
        color: #1c2223 !important
    }

    .news_list__item--list {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto
    }

    .news_list__item--list:after {
        content: "";
        display: table;
        clear: both
    }

    .news_list__item--list>*:nth-child(1n+1) {
        width: calc(100% - 0em - 0em + 0em + 0em);
        float: left;
        margin: 0em;
        clear: left;
        margin-left: 0;
        margin-right: 0
    }

    .news_list__item_image--similar {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

    .news_list__item_image {
        width: 100%;
        background-size: cover;
        background-position: center top;
        border-radius: 5px
    }

    .news_list__item_image--similar {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

    .news_list__item_text--similar {
        padding: 1.5em;
        border: 1px solid #eee;
        border-top: 0;
        border-radius: 5px;
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .news_list__item_headline {
        font-size: 1.2em;
        line-height: 1.2em;
        font-weight: normal
    }

    .news_list__item_headline--similar {
        font-size: 1em;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical
    }

    .news_list__item_image:after {
        content: "";
        display: block;
        padding-bottom: 50%
    }

    .news_list__item_kicker--list {
        margin-top: 1em
    }

    .news_list__item_kicker--similar {
        display: none
    }

    .news_list__headline {
        margin-left: 0
    }

    .news_list__show_all {
        font-size: 18px;
        padding-right: 0
    }

    .news_list__pagination--desktop {
        display: block
    }

    .news_list__pagination--mobile {
        display: none
    }
}

@media(min-width: 1024px) {
    .news_list__container {
        width:100% !important
    }

    .news_list__item_headline {
        font-size: 1.8em;
        line-height: 1.2em
    }
}

.news_modul {
    color: #181d1e;
    background-color: #fff;
    padding: 3em 0
}

.news_modul__news {
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch
}

.news_modul__news::-webkit-scrollbar,.news_modul__news::-webkit-scrollbar-track,.news_modul__news::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,0)
}

.news_modul__news_wrap {
    white-space: nowrap
}

.news_modul__item,.news_modul__item:hover,.news_modul__item:visited {
    color: #fff;
    display: inline-block;
    width: 83vw;
    margin-left: 2.5%
}

.news_modul__item:first-child,.news_modul__item:hover:first-child,.news_modul__item:visited:first-child {
    margin-left: 5%
}

.news_modul__item:last-child,.news_modul__item:hover:last-child,.news_modul__item:visited:last-child {
    margin-right: 5%
}

.news_modul__item--hidden {
    display: none
}

.news_modul__infos {
    position: absolute;
    bottom: 1em;
    left: 1em
}

.news_modul__headline {
    padding: 0 5% 1em
}

.news_modul__kicker {
    font-size: 1em;
    text-transform: uppercase;
    font-weight: normal;
    margin: 0
}

.news_modul__name {
    font-size: 1.5em;
    font-weight: bold
}

.news_modul__image {
    height: 200px;
    border-radius: 3px;
    background-size: cover;
    position: relative
}

.news_modul__image--single {
    height: 200px
}

.news_modul__promotion {
    position: absolute;
    top: 1em;
    left: 1em
}

.news_modul__promotion img {
    height: 97px
}

.news_modul__button {
    display: none
}

@media(min-width: 768px) {
    .news_modul__image {
        height:140px
    }

    .news_modul__item,.news_modul__item:hover,.news_modul__item:visited {
        width: 28vw
    }

    .news_modul__kicker {
        font-size: .7em;
        line-height: 1
    }

    .news_modul__name {
        font-size: 1.1em
    }

    .news_modul__promotion {
        position: absolute;
        top: 1em;
        left: 1em
    }

    .news_modul__promotion img {
        height: 67px
    }
}

@media(min-width: 1024px) {
    .news_modul {
        padding:7em 0;
        max-width: 1920px;
        margin: 0 auto
    }

    .news_modul__container {
        position: relative
    }

    .news_modul__headline {
        padding-left: 0;
        margin-bottom: 0
    }

    .news_modul__kicker {
        font-size: 1em;
        line-height: 1.6
    }

    .news_modul__name {
        font-size: 1.4em
    }

    .news_modul__news {
        overflow: hidden
    }

    .news_modul__item,.news_modul__item:hover,.news_modul__item:visited {
        width: 31.333333%
    }

    .news_modul__item:first-child,.news_modul__item:hover:first-child,.news_modul__item:visited:first-child {
        margin-left: 0
    }

    .news_modul__item:last-child,.news_modul__item:hover:last-child,.news_modul__item:visited:last-child {
        margin-right: 0
    }

    .news_modul__image {
        height: 210px
    }

    .news_modul__news_wrap {
        position: relative;
        transition: transform .6s
    }

    .news_modul__infos {
        position: absolute;
        bottom: 2em;
        left: 2em
    }

    .news_modul__promotion {
        top: 2em;
        left: 2em
    }

    .news_modul__promotion img {
        height: 97px
    }

    .news_modul__buttons {
        display: block
    }

    .news_modul__buttons--hidden {
        display: none
    }

    .news_modul__button {
        display: block;
        opacity: 0;
        transition: opacity .2s;
        position: absolute;
        top: 50%;
        padding: 2em;
        background-color: #f5f5f5;
        border-radius: 50%;
        cursor: pointer
    }

    .news_modul__button--left {
        left: calc(5% - 2em)
    }

    .news_modul__button--right {
        right: calc(5% - 2em)
    }

    .news_modul__arrow {
        width: .6em;
        height: .6em;
        border-bottom: 2px solid #181d1e;
        border-right: 2px solid #181d1e
    }

    .news_modul__arrow--left {
        -webkit-transform: rotateZ(135deg);
        -moz-transform: rotateZ(135deg);
        transform: rotateZ(135deg)
    }

    .news_modul__arrow--right {
        -webkit-transform: rotateZ(-45deg);
        -moz-transform: rotateZ(-45deg);
        transform: rotateZ(-45deg)
    }

    .news_modul:hover .news_modul__button {
        opacity: 1
    }

    .news_modul:hover .news_modul__button--hidden {
        opacity: 0
    }
}

@media(min-width: 1800px) {
    .news_modul__kicker {
        font-size:1.15em
    }

    .news_modul__name {
        font-size: 2em
    }

    .news_modul__image {
        height: 250px
    }
}

.news_press_box {
    background-color: #fff;
    position: relative;
    width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    padding: 0 0 4em
}

.news_press_box__container {
    background-color: #f5f5f5;
    color: #181d1e;
    width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    border-radius: 10px;
    padding: 2em
}

.news_press_box__col p strong {
    font-weight: normal
}

.news_press_box__col a.external {
    background-image: url("https://www.fitx.de/img/block/shared/icon/extern_link.svg");
    padding-right: 25px;
    background-size: 15px;
    background-position: right center;
    background-repeat: no-repeat;
    display: inline-block
}

@media(min-width: 768px) {
    .news_press_box {
        background-color:#fff
    }

    .news_press_box__container {
        width: 90%;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: space-between;
        padding: 4em
    }

    .news_press_box__col {
        width: 48%
    }

    .news_press_box__col p:last-child {
        margin-bottom: 0
    }
}

@media(min-width: 1024px) {
    .news_press_box {
        background-color:#fff;
        padding: 0 0 7em;
        max-width: 1920px;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .news_press_box__container {
        width: 100%;
        float: none;
        margin-right: auto;
        margin-left: auto
    }
}

.news {
    max-width: 100%;
    padding: 4em 0;
    color: #fff;
    text-align: center;
    transform: translateZ(0);
    background-color: #1c2223
}

.news__container {
    overflow-x: auto;
    width: 100%;
    margin-top: 1em
}

.news__posts {
    width: 400%
}

.news__posts:after {
    content: "";
    display: table;
    clear: both
}

.news__posts a {
    color: #fff
}

.news__post {
    display: block;
    width: calc(25% - 14px);
    float: left;
    border: 7px solid #1c2223;
    box-sizing: border-box;
    height: 250px;
    background-size: cover;
    margin-left: 7px;
    color: #fff
}

.news__post--more {
    text-align: center;
    line-height: calc(250px - 1em);
    background-color: #1c2223;
    color: #ed6a12;
    text-transform: uppercase;
    font-size: 1.2em;
    font-weight: bold
}

.news__date {
    position: relative;
    height: 118px
}

.news__value {
    margin: 0;
    position: absolute;
    bottom: 0;
    left: .4em
}

.news__post_headline {
    text-align: left;
    background-color: rgba(0,0,0,.7);
    height: 118px;
    padding: .2em .4em;
    margin: 0
}

@media(min-width: 480px) {
    .news {
        padding:4em 0
    }

    .news__post {
        width: calc(12.5% - 10px)
    }

    .news__container {
        overflow: hidden;
        width: 95%;
        float: none;
        margin-right: auto;
        margin-left: auto;
        margin-top: 2em
    }
}

@media(min-width: 1024px) {
    .news {
        padding:7em 0
    }

    .news__container {
        max-width: 1280px;
        width: 85%
    }

    .news__post {
        width: calc(8.33% - 7px)
    }
}

.newsletter_form_unsubscribe {
    width: 100%;
    position: relative;
    margin: 1em 0
}

.newsletter_form_unsubscribe__form_elements {
    background-color: #fff
}

.newsletter_form_unsubscribe__form_elements--hidden {
    display: none !important
}

.newsletter_form_unsubscribe__success_text {
    font-size: 1.2em;
    font-weight: 400;
    display: none
}

.newsletter_form_unsubscribe__success_text--success {
    display: block
}

.newsletter_form_unsubscribe__email[type=email] {
    width: 100%;
    display: block;
    margin: 0 auto;
    padding: 1em;
    font-weight: 400;
    height: 4em;
    background-color: #f5f5f5
}

.newsletter_form_unsubscribe__email[type=email]:focus {
    background-color: #f5f5f5
}

.newsletter_form_unsubscribe__email--error[type=email] {
    color: #e83623
}

.newsletter_form_unsubscribe__submit {
    width: 100%;
    outline: none
}

.newsletter_form_unsubscribe__submit--loading {
    background-color: #717171 !important;
    border-color: #717171 !important;
    text-indent: -9000px;
    background-image: url(/img/block/shared/form/loading_x.gif);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 27px
}

.newsletter_form_unsubscribe__message {
    padding: .4em 0;
    color: #e83623;
    font-size: 1em;
    font-weight: 300
}

@media(min-width: 768px) {
    .newsletter_form_unsubscribe__form_elements {
        display:-ms-flexbox;
        display: -webkit-flex;
        display: flex;
        width: 100%
    }

    .newsletter_form_unsubscribe__email[type=email] {
        margin: 0;
        height: auto;
        line-height: 2em;
        padding: 0 1em
    }

    .newsletter_form_unsubscribe__email[type=email] {
        flex-basis: 0;
        flex-grow: 2;
        margin-left: 0
    }

    .newsletter_form_unsubscribe__submit[type=submit] {
        flex-basis: 0;
        flex-grow: 1;
        height: 56px
    }
}

[data-controller=studios] .newsletter_form__progress_overlay {
    background-color: #181d1e
}

[data-controller=studio] .newsletter_form__progress_overlay {
    color: #181d1e
}

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

.newsletter_form__progress_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    transition: opacity .3s,background-color .3s,color .3s;
    background-color: #1c2223;
    opacity: 0;
    color: rgba(0,0,0,0);
    z-index: 1
}

.newsletter_form__progress_overlay--shown {
    opacity: 1
}

.newsletter_form__progress_overlay--success {
    background-color: #1c2223;
    color: #fff
}

.newsletter_form__progress_overlay--light {
    background-color: #fff !important;
    color: #fff
}

.newsletter_form__progress_loading {
    display: none;
    position: absolute;
    background-image: url("https://www.fitx.de/img/block/shared/icon/loading.gif");
    color: #fff;
    z-index: 2;
    width: 37px;
    height: 37px;
    background-size: cover;
    left: 50%;
    top: 10%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.newsletter_form__progress_loading--shown {
    display: block
}

.newsletter_form__form_elements {
    border-radius: 26px
}

.newsletter_form__form_elements--hidden {
    opacity: 0
}

.newsletter_form__progress_valign {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.newsletter_form__success_headline {
    font-size: 1.6em;
    line-height: 1.2;
    font-weight: normal;
    margin-bottom: 20px
}

.newsletter_form__success_text {
    font-size: 1.2em;
    font-weight: 300
}

.newsletter_form__name[type=text],.newsletter_form__email[type=email] {
    width: 100%;
    display: block;
    margin: 0 auto;
    padding: 1rem;
    font-weight: 400;
    height: 4em;
    border-radius: 6px;
    background-color: #fff
}

.newsletter_form--light {
    background-color: #f5f5f5 !important
}

.newsletter_form__name[type=text] {
    border-bottom: 1px solid #b0b0b0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.newsletter_form__name[type=text]:focus {
    border-bottom: 1px solid #b0b0b0
}

.newsletter_form__email[type=email] {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.newsletter_form__name--light[type=text],.newsletter_form__email--light[type=email] {
    background-color: #f5f5f5 !important
}

.newsletter_form__name--error[type=text],.newsletter_form__email--error[type=email] {
    color: #e83623
}

.newsletter_form__name--error[type=text]::-webkit-input-placeholder,.newsletter_form__email--error[type=email]::-webkit-input-placeholder {
    color: #e83623 !important
}

.newsletter_form__submit[type=submit] {
    width: 100%;
    outline: none;
    border-radius: 26px
}

.newsletter_form__message {
    padding: 0;
    color: #e83623;
    font-size: 1.2em;
    font-weight: 300
}

.newsletter_form__checkbox {
    margin-top: 1em
}

.newsletter_form__checkbox--success {
    display: none
}

.newsletter_form__progress_overlay--shown.newsletter_form__progress_overlay--light {
    background-color: #fff
}

.newsletter_form__progress_overlay--shown.newsletter_form__progress_overlay--success.newsletter_form__progress_overlay--light {
    color: #181d1e
}

.newsletter_form__progress_loading.newsletter_form__progress_loading--light {
    background-image: url("https://www.fitx.de/img/block/shared/icon/loading_dots.gif")
}

.newsletter_form--studiodetail .newsletter_form__progress_overlay {
    background-color: #fff;
    color: #181d1e
}

.newsletter_form--landingpage .newsletter_form__progress_overlay {
    background-color: #f4f2ef;
    color: #1c2223;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px
}

.newsletter_form--studiodetail .newsletter_form__progress_loading,.newsletter_form--landingpage .newsletter_form__progress_loading {
    background-image: url("https://www.fitx.de/img/block/shared/icon/loading_dots.gif")
}

.newsletter_form--studiodetail .newsletter_form__name[type=text] {
    border: 1px solid #b0b0b0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.newsletter_form--studiodetail .newsletter_form__name[type=text]:focus {
    border-bottom: 1px solid #b0b0b0
}

.newsletter_form--studiodetail .newsletter_form__email[type=email] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border: 1px solid #b0b0b0;
    border-top: 0
}

.newsletter_form--studiodetail .newsletter_form__name[type=text]::-webkit-input-placeholder,.newsletter_form--studiodetail .newsletter_form__email[type=email]::-webkit-input-placeholder {
    color: #717171 !important
}

.newsletter_form--studiodetail .form__element_checkbox_input+label {
    color: #717171;
    line-height: 1.2;
    margin-bottom: .5em
}

.newsletter_form__checkbox--light .form__element_checkbox_input+label {
    color: #171717 !important
}

.notice {
    background-color: #fff;
    border-top: 9px solid #ed6a12;
    border-radius: 5px;
    color: #181d1e;
    padding: 1em 1em 1.2em 3.5em;
    background-image: url("https://www.fitx.de/img/block/shared/icon/alert_orange.svg");
    background-repeat: no-repeat;
    background-position: 1em 1.2em;
    display: block;
    width: 95%;
    margin: 73px auto 0
}

.notice--break {
    white-space: normal
}

.notice__headline {
    font-size: 18px;
    font-weight: bold;
    display: block;
    margin-bottom: .5em;
    line-height: 1.4
}

.notice p {
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 1em;
    color: #444
}

.notice p:last-child {
    margin-bottom: 0
}

.notice__cta {
    font-size: 16px
}

@media(min-width: 768px) {
    .notice {
        max-width:90%;
        max-width: 1280px !important
    }
}

@media(max-width: 359px) {
    .nps_calculator_survey__answer--numbers+label {
        width:20px !important;
        height: 20px !important;
        line-height: 20px !important
    }
}

.nps_calculator_survey {
    width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.nps_calculator_survey__headline {
    margin-bottom: 0;
    font-size: 1.2em;
    line-height: 1.4em
}

.nps_calculator_survey__headline--light {
    font-weight: normal
}

.nps_calculator_survey__headline--thankyou {
    text-align: center;
    font-weight: normal
}

.nps_calculator_survey__headline--lightEmoji {
    text-align: center;
    font-weight: normal
}

.nps_calculator_survey__notice {
    font-size: .9em;
    margin: 0
}

.nps_calculator_survey__checkbox {
    position: relative;
    float: left
}

.nps_calculator_survey__max_length {
    display: inline-block;
    font-size: 11px;
    color: #717171;
    float: right;
    text-align: right;
    width: 100%
}

.nps_calculator_survey__answerContainer--light {
    overflow: hidden;
    border-radius: 5px;
    border: 1px solid #e5e5e5;
    border-right: 0
}

.nps_calculator_survey__answers {
    margin: 30px auto 0;
    display: inline-block
}

.nps_calculator_survey__answers--light {
    width: 100%
}

.nps_calculator_survey__answer {
    position: absolute;
    left: -9999px;
    visibility: hidden
}

.nps_calculator_survey__answer+label {
    font-weight: 400;
    font-size: 1.1em;
    color: #181d1e;
    width: 24px;
    height: 24px;
    line-height: 24px;
    display: inline-block;
    background: #fff;
    text-align: center;
    margin: 0 3px;
    border-radius: 3px;
    cursor: pointer
}

.nps_calculator_survey__answer+label.nps_calculator_survey__label--light {
    margin: 0;
    border-radius: 0;
    border-right: 1px solid #e5e5e5;
    width: 100%;
    height: 50px;
    line-height: 50px
}

.nps_calculator_survey__answer:checked+label,.nps_calculator_survey__answer:hover+label {
    background: #ed6a12;
    color: #fff
}

.nps_calculator_survey__answer:disabled:hover+label {
    background: #fff;
    color: #181d1e;
    cursor: default
}

.nps_calculator_survey__answer:disabled:checked:hover+label {
    background: #ed6a12;
    color: #fff;
    cursor: default
}

.nps_calculator_survey__checkbox--light:last-child label.nps_calculator_survey__label--light {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

.nps_calculator_survey__answer--emoji+label {
    font-weight: 400;
    font-size: 1.1em;
    color: silver;
    width: 35px;
    height: 35px;
    display: inline-block;
    background-color: rgba(0,0,0,0) !important;
    text-align: center;
    margin: 0 3px;
    text-indent: -99999px;
    background-size: 35px;
    background-repeat: no-repeat;
    cursor: pointer
}

.nps_calculator_survey__answer--emoji+.nps_calculator_survey__label--0,.nps_calculator_survey__answer--emoji:disabled:hover+.nps_calculator_survey__label--0 {
    background-image: url("https://www.fitx.de/img/block/shared/nps_calculator_survey/1.svg")
}

.nps_calculator_survey__answer--emoji:hover+.nps_calculator_survey__label--0,.nps_calculator_survey__answer--emoji:checked+.nps_calculator_survey__label--0,.nps_calculator_survey__answer--emoji:disabled:checked:hover+.nps_calculator_survey__label--0 {
    background-image: url("https://www.fitx.de/img/block/shared/nps_calculator_survey/1o.svg");
    background-size: 35px
}

.nps_calculator_survey__answer--emoji:disabled:hover+.nps_calculator_survey__label--0,.nps_calculator_survey__answer--emoji:disabled:checked:hover+.nps_calculator_survey__label--0 {
    cursor: default
}

.nps_calculator_survey__answer--emoji+.nps_calculator_survey__label--1,.nps_calculator_survey__answer--emoji:disabled:hover+.nps_calculator_survey__label--1 {
    background-image: url("https://www.fitx.de/img/block/shared/nps_calculator_survey/2.svg")
}

.nps_calculator_survey__answer--emoji:hover+.nps_calculator_survey__label--1,.nps_calculator_survey__answer--emoji:checked+.nps_calculator_survey__label--1,.nps_calculator_survey__answer--emoji:disabled:checked:hover+.nps_calculator_survey__label--1 {
    background-image: url("https://www.fitx.de/img/block/shared/nps_calculator_survey/2o.svg");
    background-size: 35px
}

.nps_calculator_survey__answer--emoji:disabled:hover+.nps_calculator_survey__label--1,.nps_calculator_survey__answer--emoji:disabled:checked:hover+.nps_calculator_survey__label--1 {
    cursor: default
}

.nps_calculator_survey__answer--emoji+.nps_calculator_survey__label--2,.nps_calculator_survey__answer--emoji:disabled:hover+.nps_calculator_survey__label--2 {
    background-image: url("https://www.fitx.de/img/block/shared/nps_calculator_survey/3.svg")
}

.nps_calculator_survey__answer--emoji:hover+.nps_calculator_survey__label--2,.nps_calculator_survey__answer--emoji:checked+.nps_calculator_survey__label--2,.nps_calculator_survey__answer--emoji:disabled:checked:hover+.nps_calculator_survey__label--2 {
    background-image: url("https://www.fitx.de/img/block/shared/nps_calculator_survey/3o.svg");
    background-size: 35px
}

.nps_calculator_survey__answer--emoji:disabled:hover+.nps_calculator_survey__label--2,.nps_calculator_survey__answer--emoji:disabled:checked:hover+.nps_calculator_survey__label--2 {
    cursor: default
}

.nps_calculator_survey__answer--emoji+.nps_calculator_survey__label--3,.nps_calculator_survey__answer--emoji:disabled:hover+.nps_calculator_survey__label--3 {
    background-image: url("https://www.fitx.de/img/block/shared/nps_calculator_survey/4.svg")
}

.nps_calculator_survey__answer--emoji:hover+.nps_calculator_survey__label--3,.nps_calculator_survey__answer--emoji:checked+.nps_calculator_survey__label--3,.nps_calculator_survey__answer--emoji:disabled:checked:hover+.nps_calculator_survey__label--3 {
    background-image: url("https://www.fitx.de/img/block/shared/nps_calculator_survey/4o.svg");
    background-size: 35px
}

.nps_calculator_survey__answer--emoji:disabled:hover+.nps_calculator_survey__label--3,.nps_calculator_survey__answer--emoji:disabled:checked:hover+.nps_calculator_survey__label--3 {
    cursor: default
}

.nps_calculator_survey__answer--emoji+.nps_calculator_survey__label--4,.nps_calculator_survey__answer--emoji:disabled:hover+.nps_calculator_survey__label--4 {
    background-image: url("https://www.fitx.de/img/block/shared/nps_calculator_survey/5.svg")
}

.nps_calculator_survey__answer--emoji:hover+.nps_calculator_survey__label--4,.nps_calculator_survey__answer--emoji:checked+.nps_calculator_survey__label--4,.nps_calculator_survey__answer--emoji:disabled:checked:hover+.nps_calculator_survey__label--4 {
    background-image: url("https://www.fitx.de/img/block/shared/nps_calculator_survey/5o.svg");
    background-size: 35px
}

.nps_calculator_survey__answer--emoji:disabled:hover+.nps_calculator_survey__label--4,.nps_calculator_survey__answer--emoji:disabled:checked:hover+.nps_calculator_survey__label--4 {
    cursor: default
}

.nps_calculator_survey__answer--lightEmoji+label {
    font-weight: 400;
    font-size: 1.1em;
    color: silver;
    width: 43px;
    height: 43px;
    display: inline-block;
    background-color: rgba(0,0,0,0) !important;
    text-align: center;
    margin: 0 3px;
    text-indent: -99999px;
    background-size: 43px;
    background-repeat: no-repeat;
    cursor: pointer
}

.nps_calculator_survey__answer--lightEmoji+.nps_calculator_survey__label--0,.nps_calculator_survey__answer--lightEmoji:disabled:hover+.nps_calculator_survey__label--0 {
    background-image: url("https://www.fitx.de/img/block/shared/nps_calculator_survey/csat_1.svg")
}

.nps_calculator_survey__answer--lightEmoji:hover+.nps_calculator_survey__label--0,.nps_calculator_survey__answer--lightEmoji:checked+.nps_calculator_survey__label--0,.nps_calculator_survey__answer--lightEmoji:disabled:checked:hover+.nps_calculator_survey__label--0 {
    background-image: url("https://www.fitx.de/img/block/shared/nps_calculator_survey/csat_1_orange.svg");
    background-size: 43px
}

.nps_calculator_survey__answer--lightEmoji:disabled:hover+.nps_calculator_survey__label--0,.nps_calculator_survey__answer--lightEmoji:disabled:checked:hover+.nps_calculator_survey__label--0 {
    cursor: default
}

.nps_calculator_survey__answer--lightEmoji+.nps_calculator_survey__label--1,.nps_calculator_survey__answer--lightEmoji:disabled:hover+.nps_calculator_survey__label--1 {
    background-image: url("https://www.fitx.de/img/block/shared/nps_calculator_survey/csat_2.svg")
}

.nps_calculator_survey__answer--lightEmoji:hover+.nps_calculator_survey__label--1,.nps_calculator_survey__answer--lightEmoji:checked+.nps_calculator_survey__label--1,.nps_calculator_survey__answer--lightEmoji:disabled:checked:hover+.nps_calculator_survey__label--1 {
    background-image: url("https://www.fitx.de/img/block/shared/nps_calculator_survey/csat_2_orange.svg");
    background-size: 43px
}

.nps_calculator_survey__answer--lightEmoji:disabled:hover+.nps_calculator_survey__label--1,.nps_calculator_survey__answer--lightEmoji:disabled:checked:hover+.nps_calculator_survey__label--1 {
    cursor: default
}

.nps_calculator_survey__answer--lightEmoji+.nps_calculator_survey__label--2,.nps_calculator_survey__answer--lightEmoji:disabled:hover+.nps_calculator_survey__label--2 {
    background-image: url("https://www.fitx.de/img/block/shared/nps_calculator_survey/csat_3.svg")
}

.nps_calculator_survey__answer--lightEmoji:hover+.nps_calculator_survey__label--2,.nps_calculator_survey__answer--lightEmoji:checked+.nps_calculator_survey__label--2,.nps_calculator_survey__answer--lightEmoji:disabled:checked:hover+.nps_calculator_survey__label--2 {
    background-image: url("https://www.fitx.de/img/block/shared/nps_calculator_survey/csat_3_orange.svg");
    background-size: 43px
}

.nps_calculator_survey__answer--lightEmoji:disabled:hover+.nps_calculator_survey__label--2,.nps_calculator_survey__answer--lightEmoji:disabled:checked:hover+.nps_calculator_survey__label--2 {
    cursor: default
}

.nps_calculator_survey__answer--lightEmoji+.nps_calculator_survey__label--3,.nps_calculator_survey__answer--lightEmoji:disabled:hover+.nps_calculator_survey__label--3 {
    background-image: url("https://www.fitx.de/img/block/shared/nps_calculator_survey/csat_4.svg")
}

.nps_calculator_survey__answer--lightEmoji:hover+.nps_calculator_survey__label--3,.nps_calculator_survey__answer--lightEmoji:checked+.nps_calculator_survey__label--3,.nps_calculator_survey__answer--lightEmoji:disabled:checked:hover+.nps_calculator_survey__label--3 {
    background-image: url("https://www.fitx.de/img/block/shared/nps_calculator_survey/csat_4_orange.svg");
    background-size: 43px
}

.nps_calculator_survey__answer--lightEmoji:disabled:hover+.nps_calculator_survey__label--3,.nps_calculator_survey__answer--lightEmoji:disabled:checked:hover+.nps_calculator_survey__label--3 {
    cursor: default
}

.nps_calculator_survey__answer--lightEmoji+.nps_calculator_survey__label--4,.nps_calculator_survey__answer--lightEmoji:disabled:hover+.nps_calculator_survey__label--4 {
    background-image: url("https://www.fitx.de/img/block/shared/nps_calculator_survey/csat_5.svg")
}

.nps_calculator_survey__answer--lightEmoji:hover+.nps_calculator_survey__label--4,.nps_calculator_survey__answer--lightEmoji:checked+.nps_calculator_survey__label--4,.nps_calculator_survey__answer--lightEmoji:disabled:checked:hover+.nps_calculator_survey__label--4 {
    background-image: url("https://www.fitx.de/img/block/shared/nps_calculator_survey/csat_5_orange.svg");
    background-size: 43px
}

.nps_calculator_survey__answer--lightEmoji:disabled:hover+.nps_calculator_survey__label--4,.nps_calculator_survey__answer--lightEmoji:disabled:checked:hover+.nps_calculator_survey__label--4 {
    cursor: default
}

.nps_calculator_survey__checkbox--numbers:first-child label {
    margin-left: 0
}

.nps_calculator_survey__checkbox--numbers:nth-last-child(2) label {
    margin-right: 0
}

.nps_calculator_survey__checkbox--light {
    width: 9.09%
}

.nps_calculator_survey__numbers_description_container {
    max-width: initial;
    margin-left: auto;
    margin-right: auto
}

.nps_calculator_survey__numbers_description_container:after {
    content: "";
    display: table;
    clear: both
}

.nps_calculator_survey__numbers_description_container>*:nth-child(2n+1) {
    width: calc(50%);
    float: left;
    clear: left;
    margin-left: 0
}

.nps_calculator_survey__numbers_description_container>*:nth-child(2n+2) {
    width: calc(50%);
    float: left;
    clear: none;
    margin-right: 0
}

.nps_calculator_survey__numbers_description {
    margin-top: 4px;
    font-weight: 400;
    text-align: left;
    font-size: .9em
}

.nps_calculator_survey__numbers_description--positive {
    text-align: right
}

.nps_calculator_survey__followup {
    display: none;
    width: 100%;
    margin: 30px auto 0
}

.nps_calculator_survey__followup--expanded {
    display: block;
    overflow: hidden
}

.nps_calculator_survey__followup_answer[type=text],.nps_calculator_survey__followup_answer[type=text]:focus {
    background-color: #fff;
    border: none;
    border-bottom: 1px solid #717171;
    color: #fff;
    min-height: 46px;
    line-height: 20px;
    padding: 0;
    width: 100%;
    outline: none;
    max-width: 100%;
    box-sizing: border-box;
    resize: none
}

.nps_calculator_survey__followup_answer[type=text]::-webkit-scrollbar,.nps_calculator_survey__followup_answer[type=text]:focus::-webkit-scrollbar {
    width: 10px;
    height: 8px;
    background-color: #444
}

.nps_calculator_survey__followup_answer[type=text]::-webkit-scrollbar-thumb,.nps_calculator_survey__followup_answer[type=text]:focus::-webkit-scrollbar-thumb {
    background: #ed6a12
}

.nps_calculator_survey__followup_answer--light[type=text],.nps_calculator_survey__followup_answer--light[type=text]:focus {
    background-color: #fff;
    border: none;
    border-bottom: 1px solid #717171;
    color: #181d1e;
    min-height: 46px;
    line-height: 20px;
    padding: 0;
    width: 100%;
    outline: none;
    max-width: 100%;
    box-sizing: border-box;
    resize: none
}

.nps_calculator_survey__followup_answer--light[type=text]::-webkit-scrollbar,.nps_calculator_survey__followup_answer--light[type=text]:focus::-webkit-scrollbar {
    width: 10px;
    height: 8px;
    background-color: #fff
}

.nps_calculator_survey__followup_answer--light[type=text]::-webkit-scrollbar-thumb,.nps_calculator_survey__followup_answer--light[type=text]:focus::-webkit-scrollbar-thumb {
    background: #ed6a12
}

.nps_calculator_survey__followup_answer--lightEmoji[type=text],.nps_calculator_survey__followup_answer--lightEmoji,.nps_calculator_survey__followup_answer--lightEmoji[type=text]:focus {
    background-color: #fff;
    border: none;
    border: 1px solid #b5b5b5;
    border-radius: 8px;
    color: #181d1e;
    min-height: 76px !important;
    line-height: 20px;
    padding: 1em;
    width: 100%;
    outline: none;
    max-width: 100%;
    box-sizing: border-box;
    resize: none
}

.nps_calculator_survey__followup_answer--lightEmoji[type=text]::-webkit-scrollbar,.nps_calculator_survey__followup_answer--lightEmoji::-webkit-scrollbar,.nps_calculator_survey__followup_answer--lightEmoji[type=text]:focus::-webkit-scrollbar {
    width: 5px;
    height: 8px;
    background-color: rgba(0,0,0,0)
}

.nps_calculator_survey__followup_answer--lightEmoji[type=text]::-webkit-scrollbar-thumb,.nps_calculator_survey__followup_answer--lightEmoji::-webkit-scrollbar-thumb,.nps_calculator_survey__followup_answer--lightEmoji[type=text]:focus::-webkit-scrollbar-thumb {
    background: silver;
    border-radius: 8px
}

.nps_calculator_survey__followup_error_message {
    color: #e83623;
    display: none;
    text-align: left;
    position: absolute
}

.nps_calculator_survey__error_message {
    color: #e83623;
    display: block
}

.nps_calculator_survey__error_message--hidden {
    display: none
}

.nps_calculator_survey__form {
    display: block;
    text-align: center
}

.nps_calculator_survey__form--hidden {
    display: none
}

.nps_calculator_survey__thankyou {
    text-align: center;
    display: none
}

.nps_calculator_survey__thankyou--show {
    display: block
}

.nps_calculator_survey__submit[type=submit]:enabled {
    margin-top: 1em;
    display: block;
    width: auto !important;
    float: right
}

body[data-controller=preregistration] .nps_calculator_survey {
    margin: 2em auto 0
}

body[data-controller=preregistration] .nps_calculator_survey--light {
    margin: 0 auto
}

@media(min-width: 768px) {
    .nps_calculator_survey__headline {
        margin-bottom:0;
        font-size: 1.6em;
        line-height: 1.2em
    }

    .nps_calculator_survey__headline--light {
        font-size: 1.2em;
        font-weight: normal
    }

    .nps_calculator_survey__headline--lightEmoji {
        font-weight: normal;
        max-width: 550px;
        margin: 0 auto
    }

    .nps_calculator_survey__answers--light {
        width: initial
    }

    .nps_calculator_survey__checkbox--light {
        width: auto
    }

    .nps_calculator_survey__answerContainer--light {
        overflow: hidden;
        border-radius: 5px;
        border: 1px solid #e5e5e5;
        border-right: 0
    }

    .nps_calculator_survey__answer+label {
        width: 35px;
        height: 35px;
        line-height: 35px;
        margin: 0 5px
    }

    .nps_calculator_survey__answer+label.nps_calculator_survey__label--light {
        width: 50px;
        height: 50px;
        line-height: 50px;
        margin: 0;
        border-radius: 0;
        border-right: 1px solid #e5e5e5
    }

    .nps_calculator_survey__answer--emoji+label {
        margin: 0 8px
    }

    .nps_calculator_survey__answer--lightEmoji+label {
        width: 43px;
        height: 43px;
        line-height: 43px
    }

    .nps_calculator_survey__followup {
        width: 70%;
        max-width: 550px
    }

    .nps_calculator_survey__followup_answer[type=text],.nps_calculator_survey__followup_answer[type=text]:focus {
        min-height: 30px;
        line-height: 20px
    }
}

@media(min-width: 1280px) {
    .nps_calculator_survey__answer+label.nps_calculator_survey__label--light {
        width:60px;
        height: 50px;
        line-height: 50px;
        margin: 0;
        border-radius: 0;
        border-right: 1px solid #e5e5e5
    }

    .nps_calculator_survey__checkbox--light:last-child label.nps_calculator_survey__label--light {
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px
    }
}

@media(min-width: 1800px) {
    .nps_calculator_survey__followup {
        width:50%
    }

    .nps_calculator_survey__answer:hover+label.nps_calculator_survey__label--light {
        background: #f5f5f5;
        color: #181d1e
    }

    .nps_calculator_survey__answer:hover:checked+label.nps_calculator_survey__label--light,.nps_calculator_survey__answer:focus+label.nps_calculator_survey__label--light {
        background: #ed6a12;
        color: #fff
    }
}

.nps_calculator {
    padding: 4em 0;
    color: #fff
}

.nps_calculator--grey {
    padding: 0 0 4em 0;
    background-color: #1c2223
}

.nps_calculator--dark {
    padding: 0 0 4em 0;
    background-color: #181d1e
}

.nps_calculator--light {
    padding: 4em 0 !important;
    color: #181d1e;
    background-color: #f5f5f5
}

.nps_calculator--lightEmoji {
    padding: 4em 0 !important;
    color: #181d1e;
    background-color: #fff
}

.nps_calculator--lightEmoji.nps_calculator--nopadding {
    padding: 4em 0 0 !important
}

.nps_calculator--lightEmoji.nps_calculator--nopadding .nps_calculator_survey__submit[type=submit]:enabled {
    float: none;
    margin: 1em auto 0
}

.nps_calculator--topOfPage {
    margin-top: 73px !important
}

[data-controller=preregistration] .nps_calculator {
    padding: 0 0 4em
}

[data-controller=services] .nps_calculator {
    padding: 0 !important
}

@media(min-width: 768px) {
    .nps_calculator {
        background-color:#181d1e;
        padding: 6em 0 6em 0
    }

    .nps_calculator--lightEmoji {
        padding: 10em 0 !important
    }

    .nps_calculator--lightEmoji.nps_calculator--nopadding {
        padding: 0 !important
    }

    .nps_calculator--empty {
        padding: 2em 0 !important
    }

    .nps_calculator--empty.nps_calculator--nopadding {
        padding: 2em 0 !important
    }

    .nps_calculator__container {
        width: 100%;
        max-width: 1280px;
        float: none;
        margin-right: auto;
        margin-left: auto;
        background: #1c2223;
        border-radius: 5px;
        padding: 3em 2em
    }

    .nps_calculator__container--morePadding {
        padding: 5em 2em
    }

    .nps_calculator--grey {
        background-color: #1c2223;
        max-width: 1920px;
        margin: 0 auto;
        padding: 0 0 4em 0
    }

    .nps_calculator--grey .nps_calculator__container {
        background-color: #1c2223
    }

    .nps_calculator--dark {
        background-color: #181d1e;
        max-width: 1920px;
        margin: 0 auto;
        padding: 4em 0
    }

    .nps_calculator--dark .nps_calculator__container {
        background-color: #1c2223
    }

    .nps_calculator--light {
        background-color: #f5f5f5;
        margin: 0 auto;
        padding: 4em 0
    }

    .nps_calculator--light .nps_calculator__container {
        background-color: #f5f5f5
    }

    .nps_calculator--lightEmoji {
        background-color: #fff;
        margin: 0 auto;
        padding: 4em 0
    }

    .nps_calculator--lightEmoji .nps_calculator__container {
        background-color: #fff
    }

    [data-controller=preregistration] .nps_calculator {
        background-color: #1c2223;
        padding: 4em 0 7em 0
    }

    [data-controller=preregistration] .nps_calculator__container {
        width: 100%;
        max-width: 1280px;
        float: none;
        margin-right: auto;
        margin-left: auto;
        background: #1c2223;
        border-radius: 5px;
        padding: 0 2em 3em
    }

    [data-controller=preregistration] .nps_calculator--light {
        background-color: #f5f5f5
    }

    [data-controller=preregistration] .nps_calculator--light .nps_calculator__container {
        background-color: #f5f5f5
    }

    [data-controller=preregistration] .nps_calculator--lightEmoji {
        background-color: #fff
    }

    [data-controller=preregistration] .nps_calculator--lightEmoji .nps_calculator__container {
        background-color: #fff
    }
}

@media(min-width: 1024px) {
    .nps_calculator__container {
        width:100%;
        max-width: 1280px
    }

    .nps_calculator__container--morePadding {
        padding: 5em 2em
    }

    .nps_calculator--light,.nps_calculator--lightEmoji {
        background-color: #fff;
        margin: 0 auto;
        padding: 4em 0
    }

    .nps_calculator--light .nps_calculator__container,.nps_calculator--lightEmoji .nps_calculator__container {
        background-color: #fff
    }

    [data-controller=preregistration] .nps_calculator--light,[data-controller=preregistration] .nps_calculator--lightEmoji {
        background-color: #fff
    }

    [data-controller=preregistration] .nps_calculator--light .nps_calculator__container,[data-controller=preregistration] .nps_calculator--lightEmoji .nps_calculator__container {
        background-color: #fff
    }

    [data-controller=studio] .nps_calculator {
        padding: 0 !important
    }

    [data-controller=studio] .nps_calculator__container {
        padding: 0 2em 4em
    }

    [data-controller=courses] .nps_calculator {
        max-width: 1920px;
        margin: 0 auto
    }
}

@media(min-width: 1800px) {
    .nps_calculator--nopadding .nps_calculator_survey__followup {
        width:100%
    }
}

.offset_slider {
    background-color: #fff;
    padding: 4em 0 3em;
    position: relative
}

.offset_slider--trainingarea {
    padding-top: 0
}

.offset_slider__container {
    width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden
}

.offset_slider__content_wrap {
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch
}

.offset_slider__content_wrap::-webkit-scrollbar,.offset_slider__content_wrap::-webkit-scrollbar-track,.offset_slider__content_wrap::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,0)
}

.offset_slider__slider {
    white-space: nowrap
}

.offset_slider__item {
    position: relative;
    color: #fff;
    background-color: #717171;
    display: inline-block;
    width: 60vw;
    height: 65vw;
    margin-left: 2.5%;
    text-align: left;
    white-space: normal;
    background-size: cover;
    border-radius: 3px
}

.offset_slider__item:first-child {
    margin-left: 5%
}

.offset_slider__item:last-child {
    margin-right: 5%
}

.offset_slider__item--titlebelow {
    border-radius: 0;
    background: rgba(0,0,0,0);
    color: #181d1e
}

.offset_slider__item_image {
    height: 60vw;
    background-size: cover;
    border-radius: 6px
}

.offset_slider__item_title {
    margin-top: .8em;
    font-size: 16px
}

.offset_slider__item_text {
    color: #fff;
    position: absolute;
    left: 1em;
    bottom: 1em;
    font-size: 1.4em;
    font-weight: 700;
    line-height: 1.2em;
    padding-right: 1em
}

.offset_slider__item_text_subline {
    font-size: .6em;
    font-weight: 400;
    line-height: 1.4em
}

@media(min-width: 768px) {
    .offset_slider__item {
        width:30vw;
        height: 35vw
    }

    .offset_slider__item_text {
        font-size: 1.6em;
        font-weight: 700;
        line-height: 1.2em
    }
}

@media(min-width: 1024px) {
    .offset_slider {
        width:100%;
        max-width: 90%;
        padding: 0;
        height: 36vw
    }

    .offset_slider__content_wrap {
        position: absolute;
        overflow: hidden;
        height: 36vw
    }

    .offset_slider__slider {
        position: absolute;
        transition: transform .6s;
        height: 36vw
    }

    .offset_slider__item {
        width: 30vw;
        height: 36vw;
        border-radius: 5px;
        margin-left: 1em
    }

    .offset_slider__item:first-child {
        margin-left: 0
    }

    .offset_slider__item:last-child {
        margin-right: 0
    }

    .offset_slider__button {
        display: block;
        opacity: 1;
        transition: opacity .2s;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        padding: 2em;
        background-color: #f5f5f5;
        border-radius: 50%;
        cursor: pointer
    }

    .offset_slider__button--left {
        left: -5%
    }

    .offset_slider__button--right {
        right: -3%
    }

    .offset_slider__button--hidden {
        display: none
    }

    .offset_slider__arrow {
        width: .6em;
        height: .6em;
        border-bottom: 2px solid #181d1e;
        border-right: 2px solid #181d1e
    }

    .offset_slider__arrow--left {
        transform: rotateZ(135deg)
    }

    .offset_slider__arrow--right {
        transform: rotateZ(-45deg)
    }
}

@media(min-width: 1420px) {
    .offset_slider {
        padding:0;
        max-width: 1920px;
        float: none;
        margin-right: auto;
        margin-left: auto;
        height: 32vw
    }

    .offset_slider__container {
        width: 100%;
        max-width: 960px;
        margin-left: auto;
        margin-right: auto;
        max-width: 1280px;
        min-height: 32vw
    }

    .offset_slider__container:after {
        content: "";
        display: table;
        clear: both
    }

    .offset_slider__container>*:nth-child(2n+1) {
        width: calc(50%);
        float: left;
        clear: left;
        padding-left: 0;
        margin-left: 0
    }

    .offset_slider__container>*:nth-child(2n+2) {
        width: calc(50%);
        float: left;
        clear: none;
        padding-right: 0;
        margin-right: 0
    }

    .offset_slider__content_wrap {
        position: absolute;
        overflow: hidden;
        height: 32vw
    }

    .offset_slider__slider {
        position: absolute;
        transition: transform .6s;
        height: 32vw
    }

    .offset_slider__item {
        width: 30vw;
        height: 32vw;
        border-radius: 5px;
        margin-left: 1em
    }

    .offset_slider__item:first-child {
        margin-left: 0
    }

    .offset_slider__item:last-child {
        margin-right: 0
    }

    .offset_slider__item_text {
        font-size: 2em
    }

    .offset_slider__button {
        display: block;
        opacity: 1;
        transition: opacity .2s;
        position: absolute;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        padding: 2em;
        background-color: #f5f5f5;
        border-radius: 50%;
        cursor: pointer
    }

    .offset_slider__button--left {
        left: -5%
    }

    .offset_slider__button--right {
        right: -3%
    }

    .offset_slider__button--hidden {
        display: none
    }

    .offset_slider__arrow {
        width: .6em;
        height: .6em;
        border-bottom: 2px solid #181d1e;
        border-right: 2px solid #181d1e
    }

    .offset_slider__arrow--left {
        transform: rotateZ(135deg)
    }

    .offset_slider__arrow--right {
        transform: rotateZ(-45deg)
    }
}

@media(min-width: 1800px) {
    .offset_slider {
        height:22vw
    }

    .offset_slider__container {
        min-height: 22vw
    }

    .offset_slider__content_wrap {
        height: 22vw
    }

    .offset_slider__slider {
        height: 22vw
    }

    .offset_slider__item {
        width: 20vw;
        height: 22vw
    }

    .offset_slider__button--right {
        right: -29%
    }
}

@media screen and (min-width: 1921px) {
    .offset_slider {
        height:18vw
    }

    .offset_slider__container {
        min-height: 20vw
    }

    .offset_slider__slider {
        height: 18vw
    }

    .offset_slider__item {
        width: 16vw;
        height: 18vw
    }

    .offset_slider__button--right {
        right: -28.5%
    }
}

@media only screen and (max-width: 320px) {
    .omnisearch__studio_suggestion_content {
        float:left !important;
        max-width: 100px !important;
        overflow: hidden !important;
        white-space: nowrap !important;
        text-overflow: ellipsis !important
    }
}

@media only screen and (max-width: 374px) {
    .omnisearch__studio_suggestion_content {
        float:left !important;
        max-width: 140px !important;
        overflow: hidden !important;
        white-space: nowrap !important;
        text-overflow: ellipsis !important
    }

    .omnisearch__studio_suggestion_content--mobile {
        max-width: 100%
    }
}

.omnisearch {
    position: relative
}

.omnisearch:after {
    content: "";
    display: table;
    clear: both
}

.omnisearch__location {
    position: absolute;
    background-color: #fff;
    width: 100%;
    height: 70px;
    display: block;
    z-index: 1;
    top: 70px;
    border: 1px solid #ccc;
    border-radius: 20px;
    display: flex;
    flex-direction: row;
    align-items: center
}

.omnisearch__location_pin {
    position: absolute;
    z-index: 1;
    width: 56px;
    height: 35px;
    margin-top: 11px;
    cursor: pointer;
    background-image: url("https://www.fitx.de/img/block/shared/omnisearch/location.svg");
    background-position: center;
    background-repeat: no-repeat;
    border-right: 1px solid #ddd;
    display: none
}

.omnisearch__location_pin--active {
    background-image: url("https://www.fitx.de/img/block/shared/omnisearch/location_orange.svg")
}

.omnisearch__location_pin--loading {
    background-image: url("https://www.fitx.de/img/block/shared/omnisearch/location_loading.svg")
}

.omnisearch__input[type=text] {
    background: #eee;
    height: 56px;
    line-height: initial;
    border-radius: 25px;
    padding-left: 50px
}

.omnisearch__input--open[type=text] {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.omnisearch__input--loading[type=text] {
    background-image: url("https://www.fitx.de/img/block/shared/omnisearch/loader.svg");
    background-size: 19px;
    background-repeat: no-repeat;
    background-position: center right 15px
}

.omnisearch__input--mobile[type=text] {
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px
}

.omnisearch__input--mobile.omnisearch__input--loading[type=text] {
    background-image: url("https://www.fitx.de/img/block/shared/omnisearch/loader.svg");
    background-size: 19px;
    background-repeat: no-repeat;
    background-position: left 1em center;
    padding-left: 50px
}

.omnisearch__input--compact[type=text] {
    border: none !important
}

.omnisearch__input--border[type=text] {
    border: none !important;
    background: #fff;
    border-radius: 100px
}

.omnisearch__input_wrap {
    width: 100%
}

.omnisearch__input_wrap--compact {
    margin: 0 auto
}

.omnisearch__submit {
    width: 52px;
    line-height: 56px;
    margin-top: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    text-align: center;
    font-size: 1.2em;
    cursor: pointer;
    text-indent: -9000px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: rgba(0,0,0,0);
    background-image: url("https://www.fitx.de/img/block/shared/omnisearch/search.svg");
    position: absolute;
    color: #444;
    top: 0;
    float: none
}

.omnisearch__submit--loading {
    background-image: url("https://www.fitx.de/img/block/shared/omnisearch/loader.svg");
    background-size: 20px
}

.omnisearch__nearby_hint {
    display: none;
    color: #717171;
    margin-bottom: 0;
    font-size: .9em;
    line-height: 1.2em;
    padding: .75em 1em .25em 1em;
    background-color: #fff;
    cursor: default
}

.omnisearch__nearby_hint:hover {
    background-color: #fff
}

.omnisearch__nearby_hint--mobile {
    padding: 2em 0 1em 0
}

.omnisearch__separator {
    display: none;
    padding: 1em;
    background-color: #fff;
    cursor: default
}

.omnisearch__separator:hover {
    background-color: #fff
}

.omnisearch__separator_line {
    background-color: #f5f5f5;
    height: 1px
}

.omnisearch__suggestions {
    border: 1px solid #ddd;
    border-top: none;
    border-radius: 8px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.omnisearch__suggestions--mobile {
    position: absolute;
    border: 0
}

.omnisearch__suggestions--compact {
    margin-top: 20px;
    border: 0;
    border-radius: 0;
    padding: 10px 0
}

.omnisearch__suggestions--compactmode {
    margin-top: 20px;
    border: 0;
    border-radius: 0
}

.omnisearch__suggestion {
    padding: 0
}

.omnisearch__suggestion:first-child .omnisearch__studio_suggestion>.omnisearch__nearby_hint {
    display: block
}

.omnisearch__suggestion:nth-child(2) .omnisearch__studio_suggestion>.omnisearch__separator {
    display: block
}

.omnisearch__suggestion_pad {
    margin: 0 1em;
    padding: 1em 0em 1em 0;
    border-bottom: 1px solid #eee
}

.omnisearch__suggestion_pad:after {
    content: "";
    display: table;
    clear: both
}

.omnisearch__suggestion_pad--mobile {
    margin: 0;
    padding: 1em 0em 1em 0
}

.omnisearch__studio_suggestion_content {
    float: left;
    margin-left: 1em;
    max-width: 160px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 1.3em
}

.omnisearch__studio_suggestion_content>p {
    color: #717171;
    margin-bottom: 0;
    font-size: .9em;
    line-height: 1.2em
}

.omnisearch__studio_suggestion_content--mobile {
    max-width: 100%
}

.omnisearch__studio_distance {
    color: #717171;
    font-size: .9em;
    line-height: 1.2em;
    margin-top: .5em;
    background-image: url("https://www.fitx.de/img/block/shared/omnisearch/distance_dark.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 1.5em
}

.omnisearch__studio_distance--mobile {
    margin-top: .25em
}

.omnisearch__studio_address {
    display: inline-block;
    line-height: 1em
}

.omnisearch__image {
    width: 44px;
    height: 44px;
    background-size: cover;
    border-radius: 8px;
    float: left
}

.omnisearch__place_suggestion {
    background-image: url("https://www.fitx.de/img/block/shared/omnisearch/search_dark_box.svg");
    background-repeat: no-repeat;
    background-position: 0 center;
    height: 44px;
    padding: 2.25em 0em 2.25em 3.5em;
    margin: 0 1em;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    border-bottom: 1px solid #eee
}

.omnisearch__place_suggestion .omnisearch__place_suggestion_text {
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.omnisearch__place_suggestion--mobile {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    background-position: 0 center;
    height: 44px;
    padding: 2.25em 0em 2.25em 3.5em;
    border-bottom: 1px solid #eee;
    margin: 0
}

.omnisearch__place_suggestion--mobile .omnisearch__place_suggestion_text {
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.omnisearch__see_all {
    display: block;
    padding: .5em 1em;
    font-size: 1.1em;
    background-color: #f5f5f5;
    font-weight: 400;
    text-align: center;
    margin-top: 1em;
    color: #1c2223;
    border-radius: 8px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.omnisearch__see_all:hover,.omnisearch__see_all:visited,.omnisearch__see_all:active {
    color: #1c2223
}

.omnisearch__error_message {
    color: #fff;
    position: absolute;
    bottom: -32px;
    height: 25px;
    background-color: #e83623;
    right: 0;
    padding: 0 10px;
    line-height: 25px;
    border-radius: 2px;
    box-shadow: 2px 2px 8px rgba(0,0,0,.2)
}

.omnisearch__error_message:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 5px solid #e83623;
    border-left: 5px solid rgba(0,0,0,0);
    border-right: 5px solid rgba(0,0,0,0);
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    left: 45%;
    top: -5px
}

.omnisearch__flexbox_gym {
    overflow: hidden
}

.omnisearch__flexbox_gym_headline {
    margin: 0 !important;
    font-size: 18px !important;
    line-height: 21px !important;
    color: #444;
    font-weight: normal
}

.omnisearch__flexbox_gym_name {
    margin: 0;
    font-size: 16px;
    line-height: 23px;
    color: #444;
    font-weight: normal
}

.omnisearch__flexbox_gym_image {
    width: 86px;
    height: 86px;
    border-radius: 5px;
    float: left;
    margin-right: 20px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.omnisearch__flexbox_gym_reset {
    color: #444;
    font-size: 14px;
    text-decoration: underline;
    cursor: pointer;
    margin-top: .5em
}

.omnisearch__flexbox_gym_slots {
    clear: both;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    padding: 2em 0 1em;
    margin: 2em 0
}

.omnisearch__flexbox_gym_slots>div:last-child .omnisearch__suggestion_pad {
    border-bottom: none
}

.omnisearch__flexbox_gym_slots h3 {
    margin: 0 0 15px 0 !important;
    font-size: 18px !important;
    line-height: 21px !important;
    color: #444;
    font-weight: normal
}

.omnisearch__flexbox_gym_appointments {
    font-size: 16px;
    color: #444;
    line-height: 23px;
    font-weight: 400;
    margin-bottom: 1em;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center
}

.omnisearch__flexbox_gym_book_appointment {
    margin: 2em 0 1em
}

.omnisearch__flexbox_gym_more_appointments {
    font-size: 16.8px;
    padding: 17px;
    line-height: 1;
    border-radius: 26px;
    text-align: center;
    background-color: #ed6a12;
    display: inline-block;
    width: 100%;
    min-width: 295px;
    color: #fff;
    transition: background-color .3s;
    outline: none;
    border: 0;
    font-weight: normal;
    cursor: pointer
}

.omnisearch__flexbox_gym_more_appointments--near {
    background-color: #ed6a12;
    border: 1px solid #ed6a12;
    color: #fff !important
}

.omnisearch__flexbox_gym_more_appointments--near:hover {
    background-color: #f18841;
    border: 1px solid #f18841
}

.omnisearch__flexbox_gym_notice {
    clear: both;
    display: block;
    background-color: #fdedd4;
    color: #1c2223;
    padding: 18px;
    margin: 2em 0 1.5em;
    border-radius: 6px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300
}

.omnisearch__flexbox_gym_notice strong {
    font-size: 16px;
    font-weight: normal;
    display: block;
    margin-bottom: .5em
}

.omnisearch__flexbox_gym_notice_border {
    border: 0;
    border-top: 1px solid #eee;
    margin: 0 0 1.5em
}

.omnisearch__flexbox_gym_notice a {
    color: #1c2223 !important;
    text-decoration: underline
}

.omnisearch__suggestions>div:last-child .omnisearch__place_suggestion {
    border: none
}

@media(min-width: 768px) {
    .omnisearch__input--border[type=text] {
        border-radius:100px;
        border: 1px solid #ddd !important;
        background-color: #fff
    }
}

@media(min-width: 1024px) {
    .omnisearch {
        position:relative
    }

    .omnisearch__location_pin {
        position: absolute;
        z-index: 1;
        width: 56px;
        height: 35px;
        margin-top: 11px;
        cursor: pointer;
        background-image: url("https://www.fitx.de/img/block/shared/omnisearch/location.svg");
        background-position: center;
        background-repeat: no-repeat;
        border-right: 1px solid #ddd
    }

    .omnisearch__location_pin--active {
        background-image: url("https://www.fitx.de/img/block/shared/omnisearch/location_orange.svg")
    }

    .omnisearch__location_pin--loading {
        background-image: url("https://www.fitx.de/img/block/shared/omnisearch/location_loading.svg")
    }

    .omnisearch__input[type=text] {
        padding-left: 66px;
        background: rgba(0,0,0,0);
        height: 56px;
        line-height: initial;
        border: 1px solid #ddd;
        border-radius: 8px
    }

    .omnisearch__input[type=text]:focus {
        border: 1px solid #ddd
    }

    .omnisearch__input--open[type=text] {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .omnisearch__input--loading[type=text] {
        background-image: url("https://www.fitx.de/img/block/shared/omnisearch/loader.svg");
        background-size: 28px;
        background-repeat: no-repeat;
        background-position: center right 15px
    }

    .omnisearch__input--box[type=text] {
        background-image: url("https://www.fitx.de/img/block/shared/omnisearch/search.svg");
        background-size: 19px;
        background-repeat: no-repeat;
        background-position: left 1em center;
        padding-left: 50px
    }

    .omnisearch__input--box.omnisearch__input--loading[type=text] {
        background-image: url("https://www.fitx.de/img/block/shared/omnisearch/loader.svg");
        background-size: 19px;
        background-repeat: no-repeat;
        background-position: left 1em center;
        padding-left: 50px
    }

    .omnisearch__input--compact[type=text] {
        border: none !important
    }

    .omnisearch__input--border[type=text] {
        border-radius: 100px;
        border: 1px solid #ddd !important;
        background-color: #fff;
        height: 65px;
        padding-left: 50px
    }

    .omnisearch__input--border[type=text].omnisearch__input--loading[type=text] {
        background-image: url("https://www.fitx.de/img/block/shared/omnisearch/loader.svg");
        background-size: 19px;
        background-repeat: no-repeat;
        background-position: left 1em center;
        padding-left: 50px
    }

    .omnisearch__input_wrap {
        width: auto;
        float: none
    }

    .omnisearch__submit {
        width: 100%;
        height: 52px;
        line-height: 52px;
        background-color: #ed6a12;
        background-image: none;
        text-indent: 0;
        color: #fff;
        border-radius: 26px;
        text-align: center;
        font-size: 18px;
        margin-top: 1em;
        cursor: pointer;
        position: relative
    }

    .omnisearch__submit--loading {
        display: block
    }

    .omnisearch__submit--border {
        margin: 2px 2px 0 0 !important;
        height: 61px;
        line-height: 61px;
        border-radius: 100px
    }

    .omnisearch__nearby_hint {
        display: none;
        color: #717171;
        margin-bottom: 0;
        font-size: 14px;
        line-height: 1.2em;
        padding: .75em 1em .25em 1em;
        background-color: #fff;
        cursor: default
    }

    .omnisearch__nearby_hint:hover {
        background-color: #fff
    }

    .omnisearch__nearby_hint--border {
        padding-top: 0
    }

    .omnisearch__separator {
        display: none;
        padding: 1em;
        background-color: #fff;
        cursor: default
    }

    .omnisearch__separator:hover {
        background-color: #fff
    }

    .omnisearch__separator_line {
        background-color: #f5f5f5;
        height: 1px
    }

    .omnisearch__suggestions {
        border: 1px solid #ddd;
        border-top: none;
        border-radius: 8px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        padding: 0 0 10px 0
    }

    .omnisearch__suggestions--compact {
        -webkit-box-shadow: 0px 4px 10px 0px rgba(0,0,0,.1);
        box-shadow: 0px 4px 10px 0px rgba(0,0,0,.1);
        border: 1px solid #ddd;
        border-radius: 18px;
        padding: 10px 0
    }

    .omnisearch__suggestions--border {
        -webkit-box-shadow: 0px 4px 10px 0px rgba(0,0,0,.1);
        box-shadow: 0px 4px 10px 0px rgba(0,0,0,.1);
        border: 1px solid #ddd;
        border-radius: 18px;
        padding: 20px 0
    }

    .omnisearch__suggestion {
        padding: 0
    }

    .omnisearch__suggestion:first-child .omnisearch__studio_suggestion>.omnisearch__nearby_hint {
        display: block
    }

    .omnisearch__suggestion:nth-child(2) .omnisearch__studio_suggestion>.omnisearch__separator {
        display: block
    }

    .omnisearch__suggestion_pad {
        margin: 0 1em;
        padding: 1em 0;
        border-bottom: 1px solid #eee
    }

    .omnisearch__suggestion_pad:after {
        content: "";
        display: table;
        clear: both
    }

    .omnisearch__studio_suggestion_content {
        float: left;
        margin-left: 1em;
        max-width: 160px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        line-height: 1.3em;
        font-size: 16px;
        color: #181d1e;
        font-weight: normal
    }

    .omnisearch__studio_suggestion_content>p {
        color: #717171;
        margin-bottom: 0;
        font-size: .9em;
        line-height: 1.2em
    }

    .omnisearch__studio_distance {
        color: #717171;
        font-size: 14px;
        line-height: 1.2em;
        margin-top: 5px;
        background-image: url("https://www.fitx.de/img/block/shared/omnisearch/distance_dark.svg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: left;
        padding-left: 1.5em;
        font-weight: 300
    }

    .omnisearch__studio_address {
        display: inline-block;
        line-height: 1em
    }

    .omnisearch__image {
        width: 44px;
        height: 44px;
        background-size: cover;
        border-radius: 8px;
        float: left
    }

    .omnisearch__place_suggestion {
        background-image: url("https://www.fitx.de/img/block/shared/omnisearch/search_dark_box.svg");
        background-repeat: no-repeat;
        background-position: 0 center;
        margin: 0 1em;
        border-bottom: 1px solid #eee
    }

    .omnisearch__place_suggestion_text {
        line-height: 1.2;
        margin: 0;
        padding: 0;
        max-width: 100%;
        font-size: 16px;
        font-weight: 300
    }

    .omnisearch__see_all {
        display: block;
        padding: .5em 1em;
        font-size: 1.1em;
        background-color: #f5f5f5;
        font-weight: 400;
        text-align: center;
        margin-top: 1em;
        color: #1c2223;
        border-radius: 8px;
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .omnisearch__see_all:hover,.omnisearch__see_all:visited,.omnisearch__see_all:active {
        color: #1c2223
    }

    .omnisearch__error_message {
        color: #fff;
        position: absolute;
        top: -32px;
        height: 25px;
        background-color: #e83623;
        right: 0;
        padding: 0 10px;
        line-height: 25px;
        border-radius: 2px;
        box-shadow: 2px 2px 8px rgba(0,0,0,.2)
    }

    .omnisearch__error_message:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-bottom: 5px solid rgba(0,0,0,0);
        border-top: 5px solid #e83623;
        border-left: 5px solid rgba(0,0,0,0);
        border-right: 5px solid rgba(0,0,0,0);
        -webkit-transition: all .4s ease;
        -moz-transition: all .4s ease;
        left: 45%;
        top: 24px
    }

    .omnisearch__flexbox_gym {
        overflow: hidden
    }

    .omnisearch__flexbox_gym_headline {
        margin: 0 !important;
        font-size: 18px !important;
        line-height: 21px !important;
        color: #444;
        font-weight: normal
    }

    .omnisearch__flexbox_gym_name {
        margin: 0;
        font-size: 16px;
        line-height: 23px;
        color: #444;
        font-weight: normal
    }

    .omnisearch__flexbox_gym_image {
        width: 86px;
        height: 86px;
        border-radius: 5px;
        float: left;
        margin-right: 20px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center
    }

    .omnisearch__flexbox_gym_reset {
        color: #444;
        font-size: 14px;
        text-decoration: underline;
        cursor: pointer;
        margin-top: .5em
    }

    .omnisearch__flexbox_gym_slots {
        clear: both;
        border-top: 1px solid #e5e5e5;
        border-bottom: 1px solid #e5e5e5;
        padding: 2em 0 1em;
        margin: 2em 0
    }

    .omnisearch__flexbox_gym_slots h3 {
        margin: 0 0 15px 0 !important;
        font-size: 18px !important;
        line-height: 21px !important;
        color: #444;
        font-weight: normal
    }

    .omnisearch__flexbox_gym_appointments {
        font-size: 16px;
        color: #444;
        line-height: 23px;
        font-weight: 400;
        margin-bottom: 1em;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: space-between;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center
    }

    .omnisearch__flexbox_gym_more_appointments {
        font-size: 16.8px;
        padding: 17px;
        line-height: 1;
        border-radius: 26px;
        text-align: center;
        background-color: #ed6a12;
        display: inline-block;
        width: 100%;
        min-width: 295px;
        color: #fff;
        transition: background-color .3s;
        outline: none;
        border: 0;
        font-weight: normal;
        cursor: pointer
    }

    .omnisearch__flexbox_gym_more_appointments--near {
        background-color: #ed6a12;
        border: 1px solid #ed6a12;
        color: #fff !important
    }

    .omnisearch__flexbox_gym_more_appointments--near:hover {
        background-color: #f18841;
        border: 1px solid #f18841
    }

    .omnisearch__flexbox_gym_notice {
        clear: both;
        display: block;
        background-color: #fdedd4;
        color: #1c2223;
        padding: 18px;
        margin: 2em 0 1.5em;
        border-radius: 6px;
        font-size: 14px;
        line-height: 18px;
        font-weight: 300
    }

    .omnisearch__flexbox_gym_notice strong {
        font-size: 16px;
        font-weight: normal;
        display: block;
        margin-bottom: .5em
    }

    .omnisearch__flexbox_gym_notice_border {
        border: 0;
        border-top: 1px solid #eee;
        margin: 0 0 1.5em
    }

    .omnisearch__suggestions>div:last-child .omnisearch__place_suggestion {
        border: none
    }
}

@media(min-width: 1024px) {
    .omnisearch--compact:after {
        content:"";
        display: table;
        clear: both
    }

    .omnisearch__input_wrap--compact {
        width: 100%;
        float: left
    }

    .omnisearch__submit--compact {
        margin-top: 0;
        width: auto;
        min-width: auto;
        padding: 0 2em 0 2em !important;
        text-indent: 0;
        height: 56px;
        line-height: 54px;
        position: absolute;
        right: 0;
        left: initial;
        z-index: 100;
        background-color: #ed6a12;
        background-position: left 25px center;
        background-repeat: no-repeat
    }

    .omnisearch__submit--border {
        height: 61px;
        line-height: 61px
    }

    .omnisearch__input--compact[type=text] {
        background-color: #f5f5f5;
        border-radius: 26px
    }

    .omnisearch__input--border[type=text] {
        border-radius: 100px;
        background-color: #fff;
        border: 1px solid #ddd !important;
        height: 65px
    }
}

.omnisearch__input--open[type=text].omnisearch__input--compactmode[type=text] {
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px
}

.online_contract_success {
    max-width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    background-color: #fff;
    margin-top: 73px;
    color: #181d1e;
    text-align: center;
    padding: 2em 0
}

.online_contract_success__container {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    text-align: left
}

.online_contract_success__headline {
    font-size: 28px;
    line-height: 24px;
    font-weight: normal;
    color: #444;
    margin-bottom: 2em
}

.online_contract_success__headline_container {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: start;
    -moz-align-items: start;
    -ms-align-items: start;
    align-items: start
}

.online_contract_success__headline_container img {
    display: none;
    margin: 2em 0
}

.online_contract_success__notice {
    background-color: #27ae60;
    padding: 20px 20px 20px 55px;
    margin-bottom: 2em;
    border-radius: 5px;
    color: #fff;
    font-size: 18px;
    background-image: url("https://www.fitx.de/img/block/shared/icon/check_white.svg");
    background-repeat: no-repeat;
    background-size: 23px;
    background-position: 20px 20px;
    line-height: 1.2
}

.online_contract_success__notice--error {
    background-color: #e83623;
    background-image: url("https://www.fitx.de/img/block/shared/icon/close_info_red.svg")
}

.online_contract_success__column p {
    color: #444
}

.online_contract_success__column .cta {
    width: 100% !important
}

.online_contract_success__column_image {
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100px;
    margin-bottom: 1em
}

.online_contract_success__column_image--sign {
    background-image: url("https://www.fitx.de/img/block/shared/online_contract_success/sign.svg")
}

.online_contract_success__column_image--train {
    background-image: url("https://www.fitx.de/img/block/shared/online_contract_success/train.svg")
}

.online_contract_success__column_img {
    width: 80%;
    height: auto;
    margin: 2em auto
}

.online_contract_success__column_text h3 {
    color: #444
}

.online_contract_success__column_text b {
    color: #00ae90;
    display: block;
    margin: 1em 0 0
}

.online_contract_success__column_text b::before {
    content: "Aktion";
    color: #fff;
    background-color: #00ae90;
    padding: 4px 0;
    border-radius: 3px;
    font-size: .8em;
    line-height: 1;
    display: block;
    width: 65px;
    text-align: center
}

@media(min-width: 768px) {
    .online_contract_success {
        padding:2em 0 4em
    }

    .online_contract_success__container {
        width: 90% !important;
        max-width: 1280px !important;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .online_contract_success__headline {
        font-size: 27px;
        line-height: 40px;
        margin-bottom: 3em
    }

    .online_contract_success__headline_container img {
        display: block;
        margin: 2em 3em
    }

    .online_contract_success__notice {
        padding: 25px 25px 25px 60px;
        background-size: 23px;
        background-position: 25px 25px
    }

    .online_contract_success__columns {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: space-between
    }

    .online_contract_success__columns--error {
        margin: 7em 0
    }

    .online_contract_success__column {
        width: 46%;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: space-between
    }

    .online_contract_success__column--noflex {
        display: block
    }

    .online_contract_success__column--noflex_image {
        text-align: center
    }

    .online_contract_success__column .cta {
        width: 295px !important
    }

    .online_contract_success__column_image {
        width: 35%;
        background-repeat: no-repeat;
        background-size: contain;
        height: auto;
        max-height: 217px
    }

    .online_contract_success__column_image--sign {
        background-image: url("https://www.fitx.de/img/block/shared/online_contract_success/sign.svg")
    }

    .online_contract_success__column_image--train {
        background-image: url("https://www.fitx.de/img/block/shared/online_contract_success/train.svg")
    }

    .online_contract_success__column_img {
        margin: 0 auto
    }

    .online_contract_success__column_text {
        width: 55%
    }

    .online_contract_success__column_text h3 {
        color: #444
    }

    .online_contract_success__column_text b {
        color: #00ae90;
        display: block;
        margin: 1em 0 0
    }

    .online_contract_success__column_text b::before {
        content: "Aktion";
        color: #fff;
        background-color: #00ae90;
        padding: 4px 0;
        border-radius: 3px;
        font-size: .8em;
        line-height: 1;
        display: block;
        width: 65px;
        text-align: center
    }
}

@media(min-width: 1024px) {
    .online_contract_success__headline {
        font-size:32px;
        line-height: 40px
    }
}

@media(min-width: 1280px) {
    .online_contract_success__headline {
        font-size:36px;
        line-height: 50px
    }
}

.overlap_box {
    background-color: #fff;
    padding: 9em 0 0 0;
    max-width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    background-size: contain;
    background-repeat: no-repeat;
    position: relative
}

.overlap_box__anchor {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px
}

.overlap_box__container {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
    padding-bottom: 2em
}

.overlap_box__text {
    color: #fff
}

.overlap_box__headline {
    font-size: 2em;
    line-height: 1;
    margin-bottom: .25em;
    text-shadow: 0px 0px 11px rgba(0,0,0,.5)
}

.overlap_box__subline {
    font-size: 1.3em;
    margin-bottom: 20px;
    line-height: 1.2
}

.overlap_box__box {
    position: relative;
    background-color: #fff;
    color: #181d1e;
    font-size: 1.2em;
    font-weight: 400;
    padding: 25px 17px;
    border-radius: 10px;
    box-shadow: 1px 5px 20px 5px rgba(23,23,23,.075)
}

.overlap_box__box_headline {
    font-weight: normal;
    margin: 0
}

.overlap_box__box_price {
    color: #444
}

.overlap_box__box_price span {
    font-size: 36px;
    font-weight: normal;
    margin-right: 10px;
    color: #181d1e
}

.overlap_box__cta .cta {
    width: 100% !important
}

.overlap_box__cta--hideCtaOnMobile {
    display: none
}

.overlap_box__payment_methods {
    padding-left: 30px;
    margin-bottom: 2em
}

.overlap_box__payment_methods--nomargin {
    margin-bottom: 0
}

.overlap_box__checkmark_list li {
    background-image: url(/img/block/shared/icon/icon-green-check.svg);
    color: #444;
    background-size: 20px;
    line-height: 20px;
    background-repeat: no-repeat;
    padding-left: 30px;
    font-weight: 400;
    margin-bottom: .8em;
    background-position: 0 0;
    font-size: 16px
}

.overlap_box__checkmark_list li span {
    color: #27ae60;
    font-weight: normal
}

.overlap_box--hero {
    margin: 73px auto 0 auto
}

.overlap_box--hero .overlap_box__subline {
    transition: opacity .3s;
    text-shadow: 0 0 3px rgba(0,0,0,.5)
}

.overlap_box--hero .overlap_box__subline--hidden {
    opacity: 0
}

.overlap_box--hero a {
    color: #fff;
    border-bottom: 2px solid #fff
}

.overlap_box .teaser {
    width: 82px;
    height: 82px;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 1;
    right: 12px;
    top: 12px
}

.overlap_box__sales_badge {
    display: none
}

@media(min-width: 768px) {
    .overlap_box {
        padding:24em 0 0 1em
    }

    .overlap_box__container {
        width: 90% !important;
        max-width: 1280px !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: left
    }

    .overlap_box__headline {
        font-size: 3em;
        margin-bottom: 0
    }

    .overlap_box__subline {
        font-size: 2em
    }

    .overlap_box .teaser {
        width: 112px;
        height: 112px;
        right: 25px;
        top: 25px
    }

    .overlap_box__sales_badge {
        position: absolute;
        display: block;
        width: 160px;
        height: 160px;
        top: 50px;
        right: 50px
    }
}

@media(min-width: 1024px) {
    .overlap_box {
        padding:16em 0 0;
        max-width: 1920px;
        background-position: center -50px;
        background-size: auto
    }

    .overlap_box__container {
        width: 90% !important;
        max-width: 1280px !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: left;
        padding-bottom: 0;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: space-between
    }

    .overlap_box__headline {
        margin-top: .5em;
        margin-bottom: .25em;
        font-size: 3em;
        max-width: 340px
    }

    .overlap_box__subline {
        font-size: 1.6em;
        max-width: 440px
    }

    .overlap_box__box {
        width: 40%;
        min-width: 510px;
        padding: 59px;
        font-size: 1.3em;
        box-shadow: 1px 5px 20px 5px rgba(23,23,23,.075)
    }

    .overlap_box__cta {
        margin-left: 0
    }

    .overlap_box__cta--hideCtaOnMobile {
        display: block
    }

    .overlap_box__box_headline {
        margin: 0 0 0 0;
        font-size: 28px
    }

    .overlap_box__box_price span {
        font-size: 36px;
        font-weight: normal;
        margin-right: 10px
    }

    .overlap_box__checkmark_list li {
        background-image: url(/img/block/shared/icon/icon-green-check.svg);
        color: #444;
        background-size: 20px;
        background-repeat: no-repeat;
        padding-left: 30px;
        font-weight: 400;
        font-size: 18px;
        margin-bottom: 20px;
        background-position: 0 0
    }

    .overlap_box .teaser {
        width: 153px;
        height: 153px;
        right: -25px;
        top: -75px
    }

    .overlap_box__payment_methods--nomargin {
        margin-bottom: 2em
    }

    .overlap_box__sales_badge {
        position: absolute;
        display: block;
        width: 160px;
        height: 160px;
        top: -100px;
        right: -30px
    }
}

@media(min-width: 1280px) {
    .overlap_box__headline {
        max-width:430px;
        line-height: 1.1
    }

    .overlap_box .teaser {
        width: 153px;
        height: 153px;
        right: -50px;
        top: -75px
    }

    .overlap_box__sales_badge {
        position: absolute;
        display: block;
        width: 160px;
        height: 160px;
        top: -100px;
        right: -30px
    }
}

@media(min-width: 1800px) {
    .overlap_box__box {
        margin:0 5% 0 15%
    }

    .overlap_box__text {
        margin: 0 0 0 5%
    }

    .overlap_box__headline {
        max-width: 440px;
        font-size: 48px;
        line-height: 52px
    }

    .overlap_box .teaser {
        width: 153px;
        height: 153px;
        right: -75px;
        top: -75px
    }

    .overlap_box__sales_badge {
        position: absolute;
        display: block;
        width: 200px;
        height: 200px;
        top: -100px;
        right: -100px
    }
}

.overlay_close {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    top: 0;
    width: 100%;
    height: 62px;
    background-image: url("https://www.fitx.de/img/block/shared/icon/back_icon.svg");
    background-size: 32px;
    background-position: 5% center;
    background-repeat: no-repeat;
    text-indent: -9000px;
    cursor: pointer;
    background-color: #fff;
    z-index: 1000
}

.overlay_close--dark {
    background-color: #181d1e
}

@media(min-width: 1024px) {
    .overlay_close {
        background-image:url("https://www.fitx.de/img/block/shared/icon/close_for_white_background.svg");
        background-size: 38px;
        background-position: right 30px center;
        height: 73px
    }
}

.overlay_gallery {
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #181d1e;
    z-index: 100
}

.overlay_gallery--hidden {
    display: none;
    overflow: hidden
}

.overlay_gallery__close {
    position: absolute;
    display: block;
    height: 38px;
    width: 38px;
    top: 30px;
    right: 40px;
    background-image: url("https://www.fitx.de/img/block/shared/icon/close_for_dark_background.svg");
    text-indent: -9000px;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer
}

.overlay_gallery__images {
    width: 90%;
    height: 80%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center
}

.overlay_gallery__images_container {
    height: 100%
}

.overlay_gallery__image {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: opacity .5s;
    height: 100%;
    max-height: 760px
}

.overlay_gallery__image--active {
    opacity: 1
}

.overlay_gallery__image img {
    display: block;
    width: auto;
    height: 100%
}

.overlay_gallery__nav {
    width: 54px;
    height: 54px;
    border-radius: 100px;
    background-color: #2d3132;
    cursor: pointer;
    text-indent: -9000px;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    top: 50%;
    transform: translate(-10%, -50%)
}

.overlay_gallery__nav--prev {
    left: 10%;
    background-image: url("https://www.fitx.de/img/block/shared/icon/icon-arrow-left-light.svg")
}

.overlay_gallery__nav--next {
    right: 10%;
    background-image: url("https://www.fitx.de/img/block/shared/icon/icon-arrow-right-light.svg")
}

.overlay_gallery__progress {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    margin: 28px 0 0 0
}

.overlay_gallery__progress_indicator {
    width: 8px;
    height: 8px;
    border-radius: 100px;
    background-color: #444;
    transition: background-color .5s;
    margin: 0 4px
}

.overlay_gallery__progress_indicator--active {
    background-color: #eee
}

.overlay_image--featured {
    background-color: #1c2223;
    width: 95%;
    margin: 0 auto;
    margin-bottom: 3em;
    border-radius: 3px;
    overflow: hidden
}

.overlay_image__images {
    position: relative;
    height: 230px;
    margin-bottom: 15px
}

.overlay_image__image {
    height: 230px;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center top;
    border-radius: 10px
}

.overlay_image__image--expanded {
    opacity: 0;
    transition: opacity .6s
}

.overlay_image__image--visible {
    opacity: 1
}

.overlay_image__image--cardio {
    background-position: center 0
}

.overlay_image__title {
    float: left;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-weight: normal;
    font-size: 24px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.overlay_image__text {
    padding: 0;
    margin-bottom: 35px;
    color: #444
}

.overlay_image__expand_button {
    margin-left: 5%;
    color: #ed6a12;
    font-size: 1.2em;
    position: relative;
    padding-left: 2.25em;
    cursor: pointer
}

.overlay_image__expand_button::before {
    content: "+";
    display: block;
    position: absolute;
    left: 0;
    width: 1.6em;
    text-align: center;
    border: 1px solid #ed6a12;
    border-radius: 50%
}

.overlay_image__content {
    padding: 0
}

.overlay_image__headline {
    padding: 0;
    font-size: 2em;
    font-weight: bold;
    height: 2em
}

.overlay_image__headline:after {
    content: "";
    display: table;
    clear: both
}

@media(min-width: 768px) {
    .overlay_image__images,.overlay_image__image {
        height:450px;
        background-position: center 20%
    }
}

@media(min-width: 1024px) {
    .overlay_image--featured {
        width:100% !important;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto
    }

    .overlay_image--featured:after {
        content: "";
        display: table;
        clear: both
    }

    .overlay_image--featured>*:nth-child(2n+1) {
        width: calc(57.1428571429%);
        float: left;
        clear: left;
        margin-left: 0
    }

    .overlay_image--featured>*:nth-child(2n+2) {
        width: calc(42.8571428571%);
        float: left;
        clear: none;
        margin-right: 0
    }

    .overlay_image--featured>*:nth-child(2n+2) {
        left: calc(0px - ((0px + (57.1428571429%) + (42.8571428571%))) + (0px + (42.8571428571%)));
        position: relative
    }

    .overlay_image--featured>*:nth-child(2n+1) {
        left: calc(0px - ((0px + (57.1428571429%))) + (0px + (42.8571428571%) + (57.1428571429%)));
        position: relative
    }

    .overlay_image__images {
        padding-top: 70%;
        height: 200px
    }

    .overlay_image__images--featured {
        padding-top: 0;
        height: 567px
    }

    .overlay_image__image {
        height: auto;
        padding-top: 70%;
        background-position: center top
    }

    .overlay_image__image--featured {
        padding-top: 0;
        height: 567px
    }

    .overlay_image__title {
        font-size: 28px
    }

    .overlay_image__content--featured {
        padding: 2em;
        height: 567px
    }

    .overlay_image__valign {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .overlay_image__headline--featured {
        font-size: 3em
    }

    .overlay_image__title--featured {
        margin-left: 0
    }
}

.overlay {
    display: none;
    left: 100vw;
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    z-index: 1000;
    background-color: #fff;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    transition: left .6s
}

.overlay--visible {
    left: 0vw
}

.overlay--ignore_overflow {
    overflow: hidden
}

.overlay--homeworkouts_overlay,.overlay--homeworkout_player_overlay {
    background-color: #181d1e
}

.overlay--courses .courses_plan__notice,.overlay--courses .courses_plan__download_links,.overlay--courseplan .courses_plan__notice,.overlay--courseplan .courses_plan__download_links {
    display: none !important
}

.overlay--courses .courses_plan__table_header_group tr:nth-child(1) th,.overlay--courseplan .courses_plan__table_header_group tr:nth-child(1) th {
    top: 0 !important
}

.overlay--studio_map_overlay {
    background-color: #fff
}

.overlay .course_plan_selector {
    padding: 2em 0 0 0 !important
}

.pagination {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: flex-end;
    margin: 0
}

.pagination__page {
    margin-left: 10px;
    display: block;
    border-radius: 100px
}

.pagination__page a,.pagination__page span {
    width: 24px;
    height: 24px;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #444;
    display: block
}

.pagination__page--active span {
    background-color: #ed6a12;
    color: #fff;
    border-radius: 100px
}

.paragraph_box {
    position: relative;
    max-width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    background-color: #fff;
    color: #181d1e
}

.paragraph_box--hidden {
    display: none
}

.paragraph_box__container {
    padding: 2em 0;
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.paragraph_box__headline {
    font-size: 24px;
    line-height: 1.1em;
    margin: 0 auto;
    margin-bottom: .5em;
    font-weight: normal
}

.paragraph_box__headline span.heart {
    background-image: url("https://www.fitx.de/img/block/shared/icon/herz.svg");
    width: 40px;
    height: 40px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 0 bottom;
    margin-left: 15px;
    bottom: -4px;
    position: relative
}

.paragraph_box__text {
    margin: 0 auto;
    color: #444
}

.paragraph_box__box {
    background-color: #f5f5f5;
    padding: 2em;
    border-radius: 15px;
    width: 100%
}

.paragraph_box__box h3 {
    color: #181d1e;
    font-weight: normal;
    font-size: 24px;
    line-height: 34px
}

.paragraph_box__box p {
    color: #181d1e
}

.paragraph_box__box_cta .cta {
    width: 100%
}

@media(min-width: 768px) {
    .paragraph_box__box_cta .cta {
        max-width:295px
    }
}

@media(min-width: 1024px) {
    .paragraph_box {
        padding:3em 0 0;
        max-width: 1920px
    }

    .paragraph_box__container {
        padding: 4em 0;
        max-width: 100%;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center
    }

    .paragraph_box__headline {
        line-height: 1em;
        font-size: 36px
    }

    .paragraph_box__col,.paragraph_box__box_col {
        -webkit-flex-basis: 50%;
        -moz-flex-basis: 50%;
        -ms-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }

    .paragraph_box__box_col {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
        -webkit-justify-content: flex-end;
        -moz-justify-content: flex-end;
        -ms-justify-content: flex-end;
        justify-content: flex-end;
        -ms-flex-pack: flex-end
    }

    .paragraph_box__box {
        background-color: #f5f5f5;
        padding: 3em;
        border-radius: 15px;
        width: 400px
    }

    .paragraph_box__box--idle {
        width: 100%;
        max-width: 400px
    }

    .paragraph_box__box h3 {
        color: #181d1e;
        font-weight: normal;
        font-size: 24px;
        line-height: 34px
    }

    .paragraph_box__box p {
        color: #181d1e
    }

    .paragraph_box__box_cta .cta {
        width: 100%
    }
}

@media(min-width: 1800px) {
    .paragraph_box__box_col {
        -webkit-align-items:flex-end;
        -moz-align-items: flex-end;
        -ms-align-items: flex-end;
        align-items: flex-end
    }
}

.paragraph_box__state_note.paragraph_box__show_info {
    cursor: pointer
}

.paragraph {
    position: relative;
    max-width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    background-color: #fff;
    color: #181d1e
}

.paragraph__container {
    padding: 2em 0;
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.paragraph__headline {
    font-size: 2.5em;
    line-height: 1.1em;
    text-align: center;
    margin: 0 auto;
    margin-bottom: .5em
}

.paragraph__headline span.heart {
    background-image: url("https://www.fitx.de/img/block/shared/icon/herz.svg");
    width: 40px;
    height: 40px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 0 bottom;
    margin-left: 15px;
    bottom: -4px;
    position: relative
}

.paragraph__text {
    text-align: center;
    margin: 0 auto;
    color: #444
}

@media(min-width: 1024px) {
    .paragraph {
        padding:3em 0 0;
        max-width: 1920px
    }

    .paragraph__container {
        padding: 4em 0;
        max-width: 100%
    }

    .paragraph__headline {
        font-size: 40px;
        line-height: 1em;
        max-width: 70%;
        text-align: center
    }

    .paragraph__text {
        max-width: 70%;
        text-align: center
    }
}

@media(min-width: 1280px) {
    .paragraph__headline {
        max-width:60%
    }
}

@media(min-width: 1800px) {
    .paragraph__headline,.paragraph__text {
        max-width:52%
    }
}

.paragraph__state_note.paragraph__show_info {
    cursor: pointer
}

.parallax_elements {
    width: 100% !important;
    max-width: 1920px;
    color: #fff;
    position: relative;
    min-height: 100vh;
    box-sizing: border-box;
    -webkit-transform-style: inherit;
    transform-style: inherit;
    margin: 10vh auto
}

.parallax_elements video::-internal-media-controls-overlay-cast-button {
    display: none
}

.parallax_elements .hideBreak {
    display: none
}

.parallax_elements__header {
    position: relative
}

.parallax_elements__header--trainingareas {
    min-height: 200vw
}

.parallax_elements__header--courses {
    min-height: 170vw
}

.parallax_elements__header--flying {
    min-height: 193vw
}

.parallax_elements__header--forallofus {
    min-height: 200vw
}

.parallax_elements__header--turnecke {
    min-height: 170vw
}

.parallax_elements__headline {
    position: absolute;
    font-size: 20vw;
    line-height: 1;
    text-transform: uppercase
}

.parallax_elements__headline span.hollow {
    color: #fff;
    -webkit-text-fill-color: rgba(0,0,0,0);
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fff
}

.parallax_elements__headline span.hollow,.parallax_elements__headline span.solid {
    position: relative;
    display: block;
    -ms-transform: translateY(1.1em);
    -webkit-transform: translateY(1.1em);
    -moz-transform: translateY(1.1em);
    -o-transform: translateY(1.1em);
    transform: translateY(1.1em);
    opacity: 0;
    -webkit-transition: all 1s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    -o-transition: all 1s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    transition: all 1s cubic-bezier(0.68, -0.55, 0.27, 1.55)
}

.parallax_elements__headline span.hollow--active,.parallax_elements__headline span.solid--active {
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    -o-transition: all 1s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    transition: all 1s cubic-bezier(0.68, -0.55, 0.27, 1.55)
}

.parallax_elements__headline span.fill {
    position: relative;
    display: block;
    color: #fff;
    -webkit-text-fill-color: rgba(0,0,0,0);
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fff
}

.parallax_elements__headline span.fill--active {
    -webkit-text-fill-color: #fff;
    -webkit-transition: all 2s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    -o-transition: all 2s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    transition: all 2s cubic-bezier(0.68, -0.55, 0.27, 1.55)
}

.parallax_elements__headline span.orange {
    color: #ed6a12;
    position: relative;
    display: block
}

.parallax_elements__headline--start {
    top: 0;
    left: 3%;
    width: 40%;
    z-index: 4
}

.parallax_elements__headline--trainingareas {
    top: 0;
    left: 2.5%;
    width: 40%;
    z-index: 4
}

.parallax_elements__headline--courses {
    top: 24vw;
    left: 24%;
    width: 70%;
    z-index: 4
}

.parallax_elements__headline--turnecke {
    top: 0%;
    left: 10%;
    width: 40%;
    z-index: 4
}

.parallax_elements__headline--flying {
    top: 0;
    left: 10%;
    width: 40%;
    z-index: 4
}

.parallax_elements__headline--forallofus {
    top: 0;
    left: 50%;
    width: 100%;
    text-align: center;
    -webkit-transform: translateX(-50%) translateZ(40px);
    transform: translateX(-50%) translateZ(40px);
    z-index: 4
}

.parallax_elements__heading {
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 0;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease
}

.parallax_elements__heading--active {
    -ms-transform: translateY(50px);
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 1
}

.parallax_elements__heading--trainingareas {
    -ms-transform: translateY(50px);
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px)
}

.parallax_elements__heading--trainingareas.parallax_elements__heading--active {
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.parallax_elements__heading--courses {
    -ms-transform: translateY(50px);
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px)
}

.parallax_elements__heading--courses.parallax_elements__heading--active {
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.parallax_elements__heading--flying {
    -ms-transform: translate(-50px, 0);
    -webkit-transform: translate(-50px, 0);
    -moz-transform: translate(-50px, 0);
    -o-transform: translate(-50px, 0);
    transform: translate(-50px, 0)
}

.parallax_elements__heading--flying.parallax_elements__heading--active {
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1
}

.parallax_elements__heading--turnecke {
    -ms-transform: translate(-50px, 0);
    -webkit-transform: translate(-50px, 0);
    -moz-transform: translate(-50px, 0);
    -o-transform: translate(-50px, 0);
    transform: translate(-50px, 0)
}

.parallax_elements__heading--turnecke.parallax_elements__heading--active {
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1
}

.parallax_elements__heading--forallofus {
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1
}

.parallax_elements__heading--forallofus.parallax_elements__heading--active {
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1
}

.parallax_elements__kicker {
    font-size: 16px;
    line-height: 19px;
    color: silver;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-weight: normal
}

.parallax_elements__subline {
    font-size: 36px;
    line-height: 42px;
    display: inline-block
}

.parallax_elements__intro {
    position: relative;
    -ms-transform: translateY(100px);
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -o-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 1;
    margin: 0 0 100px 0;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    font-size: 20px;
    line-height: 28px;
    font-weight: 200;
    text-align: left;
    width: 95%;
    margin: 0 auto 66px
}

.parallax_elements__intro strong {
    font-weight: bold;
    border-bottom: 2px solid #fff
}

.parallax_elements__intro--active {
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.parallax_elements__text_container {
    position: relative;
    width: 95%;
    margin: 0 auto
}

.parallax_elements__text_container--flying {
    margin-left: 14%;
    width: 81%
}

.parallax_elements__text_container--trainingareas {
    width: 91%;
    margin-left: 4%
}

.parallax_elements__text_container--start {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column-reverse;
    -moz-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.parallax_elements__left_column {
    margin-bottom: 4vh
}

.parallax_elements__text {
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    color: #f5f5f5;
    -ms-transform: translateY(50px);
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease
}

.parallax_elements__text strong {
    font-weight: normal;
    color: #fff
}

.parallax_elements__text--active {
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.parallax_elements__image_1 {
    position: relative;
    -ms-transform: translateY(50px);
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease
}

.parallax_elements__image_1--active {
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.parallax_elements__image_1--start {
    top: 0;
    left: 0;
    width: 100%;
    z-index: 0
}

.parallax_elements__image_1--trainingareas {
    position: absolute;
    -ms-transform: translateY(550px);
    -webkit-transform: translateY(550px);
    -moz-transform: translateY(550px);
    -o-transform: translateY(550px);
    transform: translateY(550px);
    left: 4%;
    width: 96%;
    z-index: 0
}

.parallax_elements__image_1--trainingareas.parallax_elements__image_1--active {
    -ms-transform: translateY(110vw);
    -webkit-transform: translateY(110vw);
    -moz-transform: translateY(110vw);
    -o-transform: translateY(110vw);
    transform: translateY(110vw)
}

.parallax_elements__image_1--courses {
    left: 5%;
    width: 70%;
    z-index: 0
}

.parallax_elements__image_1--courses.parallax_elements__image_1--active {
    -ms-transform: translateY(5%);
    -webkit-transform: translateY(5%);
    -moz-transform: translateY(5%);
    -o-transform: translateY(5%);
    transform: translateY(5%)
}

.parallax_elements__image_1--turnecke {
    left: 0%;
    width: 100%;
    z-index: 0;
    -ms-transform: translateY(50px);
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px)
}

.parallax_elements__image_1--turnecke.parallax_elements__image_1--active {
    -ms-transform: translateY(25%);
    -webkit-transform: translateY(25%);
    -moz-transform: translateY(25%);
    -o-transform: translateY(25%);
    transform: translateY(25%)
}

.parallax_elements__image_1--flying {
    left: 0;
    width: 100%;
    z-index: 0
}

.parallax_elements__image_1--flying.parallax_elements__image_1--active {
    -ms-transform: translateY(30vw);
    -webkit-transform: translateY(30vw);
    -moz-transform: translateY(30vw);
    -o-transform: translateY(30vw);
    transform: translateY(30vw)
}

.parallax_elements__image_1--forallofus {
    left: 0%;
    width: 100%;
    z-index: 0
}

.parallax_elements__image_1--forallofus.parallax_elements__image_1--active {
    -ms-transform: translateY(50vw);
    -webkit-transform: translateY(50vw);
    -moz-transform: translateY(50vw);
    -o-transform: translateY(50vw);
    transform: translateY(50vw)
}

.parallax_elements__image_1--desktop {
    display: none
}

.parallax_elements__image_2 {
    position: absolute;
    -ms-transform: translateY(250px);
    -webkit-transform: translateY(250px);
    -moz-transform: translateY(250px);
    -o-transform: translateY(250px);
    transform: translateY(250px);
    opacity: 0;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease
}

.parallax_elements__image_2--active {
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.parallax_elements__image_2--start {
    top: 30%;
    left: 7%;
    width: 25%;
    height: auto;
    z-index: 1
}

.parallax_elements__image_2--trainingareas {
    top: 30%;
    left: 7%;
    width: 25%;
    height: auto;
    z-index: 1
}

.parallax_elements__image_2--courses {
    top: 90vw;
    left: 15%;
    width: 80%;
    height: auto;
    z-index: 1
}

.parallax_elements__image_2--turnecke {
    left: 7%;
    width: 25%;
    height: auto;
    z-index: 1
}

.parallax_elements__image_2--flying {
    top: 30%;
    left: 0;
    width: 35%;
    height: auto;
    z-index: 1
}

.parallax_elements__image_2--forallofus {
    top: 30%;
    left: 7%;
    width: 25%;
    height: auto;
    z-index: 1
}

.parallax_elements__image_3 {
    max-width: 100%;
    margin: 40px 0;
    -ms-transform: translateY(50px);
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease
}

.parallax_elements__image_3--active {
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.parallax_elements__image_4 {
    width: 100%;
    margin: 0 0 40px 0;
    -ms-transform: translateY(50px);
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease
}

.parallax_elements__image_4--active {
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.parallax_elements__video_1 {
    position: relative;
    -ms-transform: translateY(50px);
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    width: 100%;
    height: auto
}

.parallax_elements__video_1--active {
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.parallax_elements__video_2 {
    position: relative;
    -ms-transform: translateY(50px);
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    z-index: 1
}

.parallax_elements__video_2--active {
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.parallax_elements__video_2--flying {
    left: 0%;
    width: 100%;
    margin-top: 10vw
}

.parallax_elements__video_2--start {
    width: 100%
}

.parallax_elements__video_2--desktop {
    display: none
}

.parallax_elements__video_3 {
    position: relative;
    -ms-transform: translateY(50px);
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    opacity: 0;
    z-index: 1
}

.parallax_elements__video_3--active {
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.parallax_elements__video_3--forallofus {
    left: 0%;
    width: 100%;
    margin-top: 10vw
}

.parallax_elements__video_4 {
    width: 95%;
    left: 2.5%;
    position: relative;
    margin-top: 4vh
}

.parallax_elements__video_5 {
    top: 0;
    left: 15%;
    width: 80%;
    height: auto;
    z-index: 1;
    position: relative;
    -ms-transform: translateY(50px);
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    opacity: 0;
    z-index: 1
}

.parallax_elements__video_5--active {
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.parallax_elements__video_6 {
    position: relative;
    -ms-transform: translateY(50px);
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    z-index: 1
}

.parallax_elements__video_6--active {
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.parallax_elements__video_6--start {
    width: 100%
}

.parallax_elements__x_container {
    width: 100%;
    height: 66px;
    position: relative
}

.parallax_elements__x {
    background-image: url("https://www.fitx.de/img/block/shared/icon/x_trademark.svg");
    width: 100%;
    height: 66px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease
}

.parallax_elements__x--active {
    -ms-transform: translateY(-33px);
    -webkit-transform: translateY(-33px);
    -moz-transform: translateY(-33px);
    -o-transform: translateY(-33px);
    transform: translateY(-33px);
    opacity: 1
}

.parallax_elements__x--start {
    top: 0%;
    left: 0;
    z-index: 10000
}

@media(min-width: 1024px) {
    .parallax_elements {
        width:100% !important;
        color: #fff;
        position: relative;
        min-height: 100vh;
        box-sizing: border-box;
        -webkit-transform-style: inherit;
        transform-style: inherit;
        margin: 30vh auto
    }

    .parallax_elements .hideBreak {
        display: block
    }

    .parallax_elements--forallofus {
        margin: 30vh auto 10vh
    }

    .parallax_elements__header {
        position: relative
    }

    .parallax_elements__header--trainingareas {
        min-height: 80vw
    }

    .parallax_elements__header--start {
        min-height: 56vw
    }

    .parallax_elements__header--courses {
        min-height: 80vw
    }

    .parallax_elements__header--flying {
        min-height: 70vw
    }

    .parallax_elements__header--forallofus {
        min-height: 85vw
    }

    .parallax_elements__header--turnecke {
        min-height: 50vw
    }

    .parallax_elements__headline {
        position: absolute;
        font-size: 140px;
        line-height: 130px;
        text-transform: uppercase
    }

    .parallax_elements__headline span.hollow {
        color: #fff;
        -webkit-text-fill-color: rgba(0,0,0,0);
        -webkit-text-stroke-width: 2px;
        -webkit-text-stroke-color: #fff
    }

    .parallax_elements__headline span.hollow,.parallax_elements__headline span.solid {
        position: relative;
        display: block;
        -ms-transform: translateY(1.1em);
        -webkit-transform: translateY(1.1em);
        -moz-transform: translateY(1.1em);
        -o-transform: translateY(1.1em);
        transform: translateY(1.1em);
        opacity: 0;
        -webkit-transition: all 1s cubic-bezier(0.68, -0.55, 0.27, 1.55);
        -o-transition: all 1s cubic-bezier(0.68, -0.55, 0.27, 1.55);
        transition: all 1s cubic-bezier(0.68, -0.55, 0.27, 1.55)
    }

    .parallax_elements__headline span.hollow--active,.parallax_elements__headline span.solid--active {
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
        -webkit-transition: all 1s cubic-bezier(0.68, -0.55, 0.27, 1.55);
        -o-transition: all 1s cubic-bezier(0.68, -0.55, 0.27, 1.55);
        transition: all 1s cubic-bezier(0.68, -0.55, 0.27, 1.55)
    }

    .parallax_elements__headline span.fill {
        position: relative;
        display: block;
        color: #fff;
        -webkit-text-fill-color: rgba(0,0,0,0);
        -webkit-text-stroke-width: 2px;
        -webkit-text-stroke-color: #fff
    }

    .parallax_elements__headline span.fill--active {
        -webkit-text-fill-color: #fff;
        -webkit-transition: all 1s cubic-bezier(0.68, -0.55, 0.27, 1.55);
        -o-transition: all 1s cubic-bezier(0.68, -0.55, 0.27, 1.55);
        transition: all 1s cubic-bezier(0.68, -0.55, 0.27, 1.55)
    }

    .parallax_elements__headline span.orange {
        color: #ed6a12;
        position: relative;
        display: block
    }

    .parallax_elements__headline--start {
        top: 0;
        left: 3%;
        width: 40%;
        z-index: 4
    }

    .parallax_elements__headline--trainingareas {
        top: 0;
        left: 15%;
        width: 40%;
        z-index: 4
    }

    .parallax_elements__headline--courses {
        top: 0%;
        left: 40%;
        width: 40%;
        z-index: 4
    }

    .parallax_elements__headline--turnecke {
        top: 50%;
        left: 10%;
        width: 40%;
        z-index: 4;
        -ms-transform: translateY(-150px);
        -webkit-transform: translateY(-150px);
        -moz-transform: translateY(-150px);
        -o-transform: translateY(-150px);
        transform: translateY(-150px);
        -webkit-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease
    }

    .parallax_elements__headline--turnecke--active {
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    .parallax_elements__headline--turnecke span.hollow,.parallax_elements__headline--turnecke span.solid {
        position: relative;
        display: block;
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 0;
        -webkit-transition: all 1s cubic-bezier(0.68, -0.55, 0.27, 1.55);
        -o-transition: all 1s cubic-bezier(0.68, -0.55, 0.27, 1.55);
        transition: all 1s cubic-bezier(0.68, -0.55, 0.27, 1.55)
    }

    .parallax_elements__headline--turnecke span.hollow--active,.parallax_elements__headline--turnecke span.solid--active {
        -ms-transform: translateY(1.1em);
        -webkit-transform: translateY(1.1em);
        -moz-transform: translateY(1.1em);
        -o-transform: translateY(1.1em);
        transform: translateY(1.1em);
        opacity: 1;
        -webkit-transition: all 1s cubic-bezier(0.68, -0.55, 0.27, 1.55);
        -o-transition: all 1s cubic-bezier(0.68, -0.55, 0.27, 1.55);
        transition: all 1s cubic-bezier(0.68, -0.55, 0.27, 1.55)
    }

    .parallax_elements__headline--flying {
        top: 0;
        left: 40%;
        width: 40%;
        z-index: 4
    }

    .parallax_elements__headline--forallofus {
        top: 0;
        left: 50%;
        width: 40%;
        text-align: center;
        -webkit-transform: translateX(-50%) translateZ(40px);
        transform: translateX(-50%) translateZ(40px);
        z-index: 4
    }

    .parallax_elements__heading {
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 0;
        -webkit-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease
    }

    .parallax_elements__heading--active {
        -ms-transform: translateY(150px);
        -webkit-transform: translateY(150px);
        -moz-transform: translateY(150px);
        -o-transform: translateY(150px);
        transform: translateY(150px);
        opacity: 1
    }

    .parallax_elements__heading--trainingareas.parallax_elements__heading--active {
        -ms-transform: translateY(150px);
        -webkit-transform: translateY(150px);
        -moz-transform: translateY(150px);
        -o-transform: translateY(150px);
        transform: translateY(150px);
        opacity: 1
    }

    .parallax_elements__heading--courses {
        -ms-transform: translateY(150px);
        -webkit-transform: translateY(150px);
        -moz-transform: translateY(150px);
        -o-transform: translateY(150px);
        transform: translateY(150px)
    }

    .parallax_elements__heading--courses.parallax_elements__heading--active {
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    .parallax_elements__heading--flying {
        -ms-transform: translate(-150px, 0);
        -webkit-transform: translate(-150px, 0);
        -moz-transform: translate(-150px, 0);
        -o-transform: translate(-150px, 0);
        transform: translate(-150px, 0)
    }

    .parallax_elements__heading--flying.parallax_elements__heading--active {
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1
    }

    .parallax_elements__heading--turnecke {
        -ms-transform: translate(-150px, 0);
        -webkit-transform: translate(-150px, 0);
        -moz-transform: translate(-150px, 0);
        -o-transform: translate(-150px, 0);
        transform: translate(-150px, 0)
    }

    .parallax_elements__heading--turnecke.parallax_elements__heading--active {
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1
    }

    .parallax_elements__heading--forallofus {
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1
    }

    .parallax_elements__heading--forallofus.parallax_elements__heading--active {
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1
    }

    .parallax_elements__kicker {
        font-size: 18px;
        line-height: 21px;
        color: silver;
        letter-spacing: 1px
    }

    .parallax_elements__subline {
        font-size: 2vw;
        line-height: 1;
        border-top: 2px solid #fff;
        display: inline-block;
        padding-top: 20px
    }

    .parallax_elements__intro {
        position: relative;
        -ms-transform: translateY(150px);
        -webkit-transform: translateY(150px);
        -moz-transform: translateY(150px);
        -o-transform: translateY(150px);
        transform: translateY(150px);
        opacity: 1;
        margin: 0 0 100px 0;
        -webkit-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
        font-size: 40px;
        line-height: 1.2;
        font-weight: 200
    }

    .parallax_elements__intro strong {
        font-weight: bold;
        border-bottom: 2px solid #fff
    }

    .parallax_elements__intro--active {
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    .parallax_elements__intro--start {
        top: 0;
        left: 0;
        width: 100%;
        text-align: center
    }

    .parallax_elements__left_column {
        width: 40%
    }

    .parallax_elements__left_column--training_areas {
        width: 20%
    }

    .parallax_elements__left_column--courses {
        width: 30%
    }

    .parallax_elements__right_column {
        width: 50%;
        padding-top: 75px
    }

    .parallax_elements__right_column--training_areas {
        width: 40%
    }

    .parallax_elements__right_column--courses {
        width: 61%
    }

    .parallax_elements__text_container {
        position: relative;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: space-between;
        margin: 0
    }

    .parallax_elements__text_container--start {
        top: 0;
        left: 12%;
        width: 80%;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .parallax_elements__text_container--trainingareas {
        top: 0%;
        left: 20%;
        width: 60%
    }

    .parallax_elements__text_container--courses {
        top: 0;
        left: 28%;
        width: 64%
    }

    .parallax_elements__text_container--turnecke {
        top: 0;
        left: 10%;
        width: 80%
    }

    .parallax_elements__text_container--flying {
        top: 0;
        left: 20%;
        width: 27%;
        display: block
    }

    .parallax_elements__text_container--flying .parallax_elements__left_column {
        padding: 0 0 0 120px;
        width: 100%
    }

    .parallax_elements__text_container--flying .parallax_elements__right_column {
        width: 100%
    }

    .parallax_elements__text_container--flying .parallax_elements__right_column p {
        padding: 0 0 0 120px
    }

    .parallax_elements__text_container--forallofus {
        top: 0;
        left: 22%;
        width: 59%
    }

    .parallax_elements__text {
        font-size: 22px;
        line-height: 32px;
        font-weight: 400;
        color: #f5f5f5;
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 0;
        -webkit-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease
    }

    .parallax_elements__text strong {
        font-weight: normal;
        color: #fff
    }

    .parallax_elements__text--active {
        -ms-transform: translateY(150px);
        -webkit-transform: translateY(150px);
        -moz-transform: translateY(150px);
        -o-transform: translateY(150px);
        transform: translateY(150px);
        opacity: 1
    }

    .parallax_elements__text--start {
        top: 0;
        font-size: 28px;
        line-height: 36px;
        width: 60%;
        max-width: 550px;
        position: relative
    }

    .parallax_elements__text--trainingareas {
        -ms-transform: translateY(150px);
        -webkit-transform: translateY(150px);
        -moz-transform: translateY(150px);
        -o-transform: translateY(150px);
        transform: translateY(150px)
    }

    .parallax_elements__text--trainingareas.parallax_elements__text--active {
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    .parallax_elements__text--courses {
        -ms-transform: translateY(-150px);
        -webkit-transform: translateY(-150px);
        -moz-transform: translateY(-150px);
        -o-transform: translateY(-150px);
        transform: translateY(-150px)
    }

    .parallax_elements__text--courses.parallax_elements__text--active {
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    .parallax_elements__text--flying {
        -ms-transform: translateY(150px);
        -webkit-transform: translateY(150px);
        -moz-transform: translateY(150px);
        -o-transform: translateY(150px);
        transform: translateY(150px)
    }

    .parallax_elements__text--flying.parallax_elements__text--active {
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    .parallax_elements__text--turnecke {
        -ms-transform: translateY(-150px);
        -webkit-transform: translateY(-150px);
        -moz-transform: translateY(-150px);
        -o-transform: translateY(-150px);
        transform: translateY(-150px)
    }

    .parallax_elements__text--turnecke.parallax_elements__text--active {
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    .parallax_elements__text--forallofus {
        -ms-transform: translateY(150px);
        -webkit-transform: translateY(150px);
        -moz-transform: translateY(150px);
        -o-transform: translateY(150px);
        transform: translateY(150px)
    }

    .parallax_elements__text--forallofus.parallax_elements__text--active {
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    .parallax_elements__image_1 {
        position: relative;
        -ms-transform: translateY(150px);
        -webkit-transform: translateY(150px);
        -moz-transform: translateY(150px);
        -o-transform: translateY(150px);
        transform: translateY(150px);
        opacity: 0;
        -webkit-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease
    }

    .parallax_elements__image_1--active {
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    .parallax_elements__image_1--start {
        top: 0;
        left: 0;
        width: 100%;
        z-index: 0
    }

    .parallax_elements__image_1--trainingareas {
        position: absolute;
        -ms-transform: translateY(700px);
        -webkit-transform: translateY(700px);
        -moz-transform: translateY(700px);
        -o-transform: translateY(700px);
        transform: translateY(700px);
        left: 34%;
        width: 60%;
        z-index: 0
    }

    .parallax_elements__image_1--trainingareas.parallax_elements__image_1--active {
        -ms-transform: translateY(550px);
        -webkit-transform: translateY(550px);
        -moz-transform: translateY(550px);
        -o-transform: translateY(550px);
        transform: translateY(550px)
    }

    .parallax_elements__image_1--courses {
        left: 7%;
        width: 40%;
        z-index: 0
    }

    .parallax_elements__image_1--courses.parallax_elements__image_1--active {
        -ms-transform: translateY(5%);
        -webkit-transform: translateY(5%);
        -moz-transform: translateY(5%);
        -o-transform: translateY(5%);
        transform: translateY(5%)
    }

    .parallax_elements__image_1--turnecke {
        left: 50%;
        width: 35%;
        z-index: 0;
        -ms-transform: translateY(-150px);
        -webkit-transform: translateY(-150px);
        -moz-transform: translateY(-150px);
        -o-transform: translateY(-150px);
        transform: translateY(-150px)
    }

    .parallax_elements__image_1--turnecke.parallax_elements__image_1--active {
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    .parallax_elements__image_1--flying {
        left: 0;
        width: 100%;
        z-index: 0
    }

    .parallax_elements__image_1--flying.parallax_elements__image_1--active {
        -ms-transform: translateY(5%);
        -webkit-transform: translateY(5%);
        -moz-transform: translateY(5%);
        -o-transform: translateY(5%);
        transform: translateY(5%)
    }

    .parallax_elements__image_1--forallofus {
        left: 0;
        width: 100%;
        z-index: 0
    }

    .parallax_elements__image_1--forallofus.parallax_elements__image_1--active {
        -ms-transform: translateY(28%);
        -webkit-transform: translateY(28%);
        -moz-transform: translateY(28%);
        -o-transform: translateY(28%);
        transform: translateY(28%)
    }

    .parallax_elements__image_1--mobile {
        display: none
    }

    .parallax_elements__image_1--desktop {
        display: block
    }

    .parallax_elements__image_2 {
        position: absolute;
        -ms-transform: translateY(250px);
        -webkit-transform: translateY(250px);
        -moz-transform: translateY(250px);
        -o-transform: translateY(250px);
        transform: translateY(250px);
        opacity: 0;
        -webkit-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease
    }

    .parallax_elements__image_2--active {
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    .parallax_elements__image_2--start {
        top: 30%;
        left: 7%;
        width: 25%;
        height: auto;
        z-index: 1
    }

    .parallax_elements__image_2--trainingareas {
        top: 30%;
        left: 7%;
        width: 25%;
        height: auto;
        z-index: 1
    }

    .parallax_elements__image_2--courses {
        top: 50%;
        left: 52%;
        width: 43%;
        height: auto;
        z-index: 1
    }

    .parallax_elements__image_2--turnecke {
        left: 7%;
        width: 25%;
        height: auto;
        z-index: 1
    }

    .parallax_elements__image_2--flying {
        top: 30%;
        left: 0;
        width: 35%;
        height: auto;
        z-index: 1
    }

    .parallax_elements__image_2--forallofus {
        top: 30%;
        left: 7%;
        width: 25%;
        height: auto;
        z-index: 1
    }

    .parallax_elements__image_3 {
        max-width: 470px;
        margin: 40px 0;
        -ms-transform: translateY(150px);
        -webkit-transform: translateY(150px);
        -moz-transform: translateY(150px);
        -o-transform: translateY(150px);
        transform: translateY(150px);
        opacity: 0;
        -webkit-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease
    }

    .parallax_elements__image_3--active {
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    .parallax_elements__image_4 {
        width: 100%;
        margin: 0 0 40px 0;
        -ms-transform: translateY(150px);
        -webkit-transform: translateY(150px);
        -moz-transform: translateY(150px);
        -o-transform: translateY(150px);
        transform: translateY(150px);
        opacity: 0;
        -webkit-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease
    }

    .parallax_elements__image_4--active {
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    .parallax_elements__video_1 {
        position: relative;
        -ms-transform: translateY(250px);
        -webkit-transform: translateY(250px);
        -moz-transform: translateY(250px);
        -o-transform: translateY(250px);
        transform: translateY(250px);
        opacity: 0;
        -webkit-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease
    }

    .parallax_elements__video_1--active {
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    .parallax_elements__video_1--start {
        top: 0;
        left: 5%;
        width: 95%;
        height: auto;
        z-index: 1
    }

    .parallax_elements__video_2 {
        position: absolute;
        -ms-transform: translateY(-250px);
        -webkit-transform: translateY(-250px);
        -moz-transform: translateY(-250px);
        -o-transform: translateY(-250px);
        transform: translateY(-250px);
        opacity: 0;
        -webkit-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
        z-index: 1
    }

    .parallax_elements__video_2--active {
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    .parallax_elements__video_2--flying {
        top: 40vw;
        left: 50%;
        width: 30%
    }

    .parallax_elements__video_2--start {
        width: 100%
    }

    .parallax_elements__video_2--mobile {
        display: none
    }

    .parallax_elements__video_2--desktop {
        display: block
    }

    .parallax_elements__video_3 {
        position: relative;
        -ms-transform: translateY(250px);
        -webkit-transform: translateY(250px);
        -moz-transform: translateY(250px);
        -o-transform: translateY(250px);
        transform: translateY(250px);
        opacity: 0;
        -webkit-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
        z-index: 1
    }

    .parallax_elements__video_3--active {
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    .parallax_elements__video_3--forallofus {
        left: -22%;
        width: 110%;
        margin-top: 4vw
    }

    .parallax_elements__video_4 {
        width: 95%;
        left: 2.5%;
        position: relative;
        margin-top: 4vh
    }

    .parallax_elements__video_5 {
        top: 20vw;
        left: 0;
        width: 50%;
        z-index: 0;
        position: relative;
        -ms-transform: translateY(250px);
        -webkit-transform: translateY(250px);
        -moz-transform: translateY(250px);
        -o-transform: translateY(250px);
        transform: translateY(250px);
        opacity: 0;
        -webkit-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
        z-index: 1
    }

    .parallax_elements__video_5--active {
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    .parallax_elements__video_6 {
        position: absolute;
        -ms-transform: translateY(-250px);
        -webkit-transform: translateY(-250px);
        -moz-transform: translateY(-250px);
        -o-transform: translateY(-250px);
        transform: translateY(-250px);
        opacity: 0;
        -webkit-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
        z-index: 1
    }

    .parallax_elements__video_6--active {
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    .parallax_elements__video_6--start {
        width: 100%
    }

    .parallax_elements__x_container {
        width: 100%;
        height: 100px;
        position: relative
    }

    .parallax_elements__x {
        background-image: url("https://www.fitx.de/img/block/shared/icon/x_trademark.svg");
        width: 100%;
        height: 100px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        position: absolute;
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
        -webkit-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease
    }

    .parallax_elements__x--active {
        -ms-transform: translateY(-54px);
        -webkit-transform: translateY(-54px);
        -moz-transform: translateY(-54px);
        -o-transform: translateY(-54px);
        transform: translateY(-54px);
        opacity: 1
    }

    .parallax_elements__x--start {
        top: 0%;
        left: 0;
        z-index: 10000
    }
}

@media screen and (min-width: 1921px) {
    .parallax_elements {
        margin:calc(1920px / 6) auto
    }

    .parallax_elements--forallofus {
        height: 110vw
    }

    .parallax_elements__header--trainingareas {
        min-height: calc(1920px / 1.3)
    }

    .parallax_elements__header--start {
        min-height: calc(1920px / 1.77)
    }

    .parallax_elements__header--courses {
        min-height: calc(1920px / 1.3)
    }

    .parallax_elements__header--flying {
        min-height: calc(1920px / 1.3)
    }

    .parallax_elements__header--turnecke {
        min-height: calc(1920px / 2)
    }

    .parallax_elements__header--forallofus {
        min-height: calc(1920px / 1.2)
    }

    .parallax_elements__text_container--courses {
        justify-content: flex-start;
        left: 24%;
        width: 76%
    }

    .parallax_elements__left_column--courses {
        width: 37%
    }

    .parallax_elements__left_column--flying {
        padding: 0 !important
    }

    .parallax_elements__right_column--courses {
        width: 51%
    }

    .parallax_elements__right_column--flying p {
        padding: 0 !important
    }

    .parallax_elements__video_2--flying {
        top: calc(1920px / 2.5)
    }

    .parallax_elements__video_6--flying {
        top: calc(1920px / 2.5)
    }

    .parallax_elements__video_5 {
        top: calc(1920px / 5);
        left: 9vw
    }
}

.parallax_video {
    width: 100% !important;
    height: 280vh;
    margin: 0 auto;
    color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.parallax_video h1 {
    text-indent: -9000px
}

.parallax_video video {
    width: 100%;
    height: 80vh;
    -o-object-fit: cover;
    object-fit: cover
}

.parallax_video .video.hidden {
    display: none
}

.parallax_video .play_button {
    width: 110px;
    height: 110px;
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-image: url("https://www.fitx.de/img/block/shared/icon/play_triangle.svg");
    background-size: 32px;
    background-repeat: no-repeat;
    background-position: center
}

.parallax_video .play_button.hidden {
    display: none
}

.parallax_video__video_overlay {
    position: fixed;
    top: 0;
    z-index: 1000;
    display: block;
    height: 100%;
    width: 100%;
    background-color: #1c2223
}

.parallax_video__video_overlay--hidden {
    display: none
}

.parallax_video__video_overlay_close {
    position: absolute;
    z-index: 1001;
    background-image: url("https://www.fitx.de/img/block/shared/icon/close_info_grey.svg");
    width: 25px;
    height: 25px;
    text-indent: -9000px;
    right: 20px;
    top: 20px;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer
}

.parallax_video__sticky {
    display: grid;
    height: 100vh;
    position: -webkit-sticky !important;
    position: -moz-sticky !important;
    position: -o-sticky !important;
    position: -ms-sticky !important;
    position: sticky !important;
    top: 0;
    width: 100%
}

.parallax_video__headline {
    overflow: hidden;
    width: 100%;
    height: 42vh;
    top: 25vh;
    position: absolute;
    z-index: 10
}

.parallax_video__headline_svg {
    background-image: url("https://www.fitx.de/img/block/mobile/parallax_video/bg.svg");
    width: 90%;
    margin: 0 auto;
    height: 42vh;
    background-repeat: no-repeat;
    background-position: center;
    -ms-transform: translateY(90vw);
    -webkit-transform: translateY(90vw);
    -moz-transform: translateY(90vw);
    -o-transform: translateY(90vw);
    transform: translateY(90vw)
}

@media(min-width: 768px) {
    .parallax_video__headline_svg {
        background-image:url("https://www.fitx.de/img/block/desktop/parallax_video/bg.svg")
    }
}

.parallax_video__container {
    height: 80vh;
    top: 20vh;
    margin: auto auto 0;
    position: absolute;
    width: 100%;
    z-index: 5;
    opacity: 0
}

.parallax_video__container div {
    background-size: cover;
    max-width: 1920px;
    margin: 0 auto
}

.parallax_video__text {
    width: 100%;
    padding: 0;
    height: 80vh;
    max-height: 761px;
    padding: 0;
    z-index: 0;
    text-align: center
}

.parallax_video__text p {
    width: 100%;
    font-size: 42px;
    line-height: 120px;
    text-transform: uppercase;
    font-weight: bold
}

@media(min-width: 1024px) {
    .parallax_video {
        height:280vh;
        margin: 0 auto
    }

    .parallax_video .play_button {
        width: 150px;
        height: 150px;
        background-size: 40px
    }

    .parallax_video__headline {
        overflow: hidden;
        width: 100%;
        height: 170px;
        top: 35vh;
        z-index: 10
    }

    .parallax_video__headline_svg {
        background-image: url("https://www.fitx.de/img/block/mobile/parallax_video/bg.svg");
        width: 90%;
        margin: 0 auto;
        height: 170px;
        background-repeat: no-repeat;
        background-position: center;
        -ms-transform: translateY(170px);
        -webkit-transform: translateY(170px);
        -moz-transform: translateY(170px);
        -o-transform: translateY(170px);
        transform: translateY(170px)
    }
}

@media(min-width: 1024px)and (min-width:768px) {
    .parallax_video__headline_svg {
        background-image:url("https://www.fitx.de/img/block/desktop/parallax_video/bg.svg")
    }
}

@media(min-width: 1024px) {
    .parallax_video__video_overlay_close {
        height:38px;
        text-indent: 0;
        right: 20px;
        top: 20px;
        background-repeat: no-repeat;
        background-size: contain;
        cursor: pointer;
        display: block;
        width: auto;
        line-height: 38px;
        background-position: right center;
        padding-right: 50px;
        font-size: 18px;
        font-weight: 400;
        color: #fff
    }
}

.parallax {
    perspective: 1px;
    transform-style: preserve-3d
}

.payment_methods {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.payment_methods__item {
    width: 90px;
    height: 37px;
    text-indent: -9000px;
    margin-right: 5px
}

.payment_methods__item:last-child {
    margin-right: 0
}

.payment_methods__item--sepa {
    background-image: url("https://www.fitx.de/img/block/shared/payment_methods/sepa.svg")
}

.payment_methods__item--transfer {
    background-image: url("https://www.fitx.de/img/block/shared/payment_methods/transfer.svg")
}

.popular_cities {
    color: #fff;
    background-color: #1c2223;
    width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    padding: 2em 0 3em;
    position: relative
}

.popular_cities--hidden {
    display: none
}

.popular_cities--light {
    background-color: #fff;
    color: #181d1e
}

.popular_cities__city,.popular_cities__city:hover,.popular_cities__city:visited {
    color: #fff
}

.popular_cities__text {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    align-items: flex-end;
    margin-bottom: 2em
}

.popular_cities__show_all {
    margin: 0 5% 0 0
}

.popular_cities__headline {
    padding-left: 5%;
    font-weight: normal
}

.popular_cities__image {
    height: 140px;
    background-size: cover;
    background-position: center;
    border-radius: 3px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.popular_cities__image--light {
    border-radius: 10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.popular_cities__name {
    font-size: 1.1em;
    line-height: 1.2em;
    position: relative;
    overflow: hidden;
    background-color: #fff;
    color: #181d1e;
    padding: 1em;
    border-radius: 3px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.popular_cities__name--light {
    font-size: 16px;
    border-radius: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    color: #444
}

.popular_cities__address {
    font-size: 1em;
    font-weight: 500;
    line-height: 1.3em;
    margin-bottom: 1em
}

@media(min-width: 768px) {
    .popular_cities {
        padding:3em 0
    }

    .popular_cities__image {
        height: 140px
    }

    .popular_cities__name--light {
        font-size: 18px
    }
}

@media(min-width: 1024px) {
    .popular_cities {
        padding:5em 0;
        max-width: 1920px;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .popular_cities__container {
        max-width: 100% !important;
        position: relative
    }

    .popular_cities__text {
        margin-bottom: 2em
    }

    .popular_cities__show_all {
        margin: 0
    }

    .popular_cities__headline {
        padding-left: 0
    }

    .popular_cities__image {
        height: 150px
    }

    .popular_cities__name {
        line-height: 1.2em;
        padding: 1.5em
    }

    .popular_cities__address {
        font-weight: 400;
        font-size: 1.2em
    }
}

@media(min-width: 1800px) {
    .popular_cities__image {
        height:170px
    }
}

.post_rating {
    font-size: 1.2em;
    text-align: center
}

.post_rating__rating,.post_rating__alreadyrated,.post_rating__thankyou {
    display: block;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
    padding: 1.5em
}

.post_rating__rating--hidden,.post_rating__alreadyrated--hidden,.post_rating__thankyou--hidden {
    display: none
}

.post_rating__rating--noborder,.post_rating__alreadyrated--noborder,.post_rating__thankyou--noborder {
    border-bottom: none
}

.post_rating__question {
    margin-bottom: 1em
}

.post_rating__userinput[type=text],.post_rating__userinput[type=text]:focus {
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    margin-bottom: .6em;
    height: 40px;
    width: 100%
}

.post_rating__option {
    color: #222;
    display: inline-block;
    border: 1px solid #222;
    height: 44px;
    line-height: 44px;
    width: 100px;
    text-align: center;
    border-radius: 22px;
    cursor: pointer;
    margin-right: 1em;
    font-size: 16px
}

.post_rating__option:last-child {
    margin-right: 0
}

.post_rating__thankyou_message_1,.post_rating__thankyou_message_0 {
    display: block;
    font-weight: 500
}

.post_rating__thankyou_message_1 p,.post_rating__thankyou_message_0 p {
    font-weight: 500
}

.post_rating__thankyou_message_1 p:last-child,.post_rating__thankyou_message_0 p:last-child {
    margin-bottom: 0
}

.post_rating__thankyou_message_1 span,.post_rating__thankyou_message_0 span {
    font-weight: 400;
    font-size: .8em
}

.post_rating__thankyou_message_1--hidden,.post_rating__thankyou_message_0--hidden {
    display: none
}

.post_rating__alreadyrated {
    color: #b5b5b5;
    font-weight: 300
}

@media(min-width: 480px) {
    .post_rating__requestion {
        display:flex;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center
    }

    .post_rating__userinput[type=text],.post_rating__userinput[type=text]:focus {
        margin-bottom: 0;
        margin-right: .6em;
        max-width: 250px
    }
}

@media(min-width: 1024px) {
    .post_rating {
        overflow:hidden;
        font-size: 1.2em;
        text-align: left
    }

    .post_rating__rating,.post_rating__alreadyrated,.post_rating__thankyou {
        display: block
    }

    .post_rating__rating--hidden,.post_rating__alreadyrated--hidden,.post_rating__thankyou--hidden {
        display: none
    }

    .post_rating__rating {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center
    }

    .post_rating__rating--requestion {
        display: block
    }

    .post_rating__userinput[type=text],.post_rating__userinput[type=text]:focus {
        height: 50px
    }

    .post_rating__requestion {
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        -ms-justify-content: flex-start;
        justify-content: flex-start;
        -ms-flex-pack: flex-start
    }

    .post_rating__question {
        height: 50px;
        line-height: 50px;
        margin-bottom: initial;
        margin-right: 2em
    }

    .post_rating__thankyou_message_1,.post_rating__thankyou_message_0 {
        display: block;
        font-weight: 500
    }

    .post_rating__thankyou_message_1--hidden,.post_rating__thankyou_message_0--hidden {
        display: none
    }

    .post_rating__alreadyrated {
        color: #444;
        font-weight: 300
    }
}

body[data-controller=preregistration_error] {
    background-color: #1c2223
}

.preregistration_error {
    color: #181d1e;
    padding: 8em 0 4em;
    display: none
}

.preregistration_error--visible {
    display: block
}

.preregistration_error__container {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    text-align: center
}

.preregistration_error__lottie lottie-player {
    width: 320px;
    margin: 0 auto
}

.preregistration_error__headline {
    padding: 0;
    margin: 0 0 20px 0;
    display: block;
    text-align: center;
    font-size: 21px;
    line-height: 24px;
    text-transform: none;
    font-weight: normal
}

.preregistration_error__subline {
    text-transform: none;
    font-weight: 400;
    font-size: 17px;
    line-height: 21px;
    color: #444
}

.preregistration_error__cta {
    margin-top: 2em;
    padding: 16px 67px;
    font-size: 18px;
    font-weight: 700
}

@media(min-width: 768px) {
    body[data-controller=preregistration_error] {
        background-color:#1c2223;
        height: auto !important
    }

    body[data-controller=preregistration_error] .footer {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0
    }

    .preregistration_error {
        height: 100vh;
        padding: 0 0 2em 0
    }

    .preregistration_error__container {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 95% !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: center
    }

    .preregistration_error__headline {
        text-align: center;
        font-size: 27px;
        line-height: 40px
    }

    .preregistration_error__lottie lottie-player {
        width: 420px;
        margin-bottom: 50px
    }
}

@media(min-width: 1024px) {
    .preregistration_error__container {
        width:95% !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: center;
        background-repeat: no-repeat;
        background-position: center 0
    }

    .preregistration_error__headline {
        font-size: 32px;
        line-height: 38px
    }
}

@media(min-width: 1280px) {
    .preregistration_error__container {
        width:85% !important
    }

    .preregistration_error__headline {
        font-size: 36px;
        line-height: 38px
    }

    .preregistration_error__subline {
        font-size: 18px
    }

    .preregistration_error__content_list_item {
        font-size: 21px;
        margin: .5em 0
    }
}

.preregistration_intro_hero_promotion {
    position: relative;
    margin-top: 73px;
    height: 680px;
    color: #fff
}

.preregistration_intro_hero_promotion__llama {
    position: absolute;
    height: 175px;
    width: 320px;
    top: 60px;
    left: -53px;
    background: rgba(0,0,0,0) no-repeat;
    background-size: contain;
    background-position: center left;
    background-image: url("https://www.fitx.de/img/block/shared/studio_hero_promotion/llama.svg")
}

.preregistration_intro_hero_promotion__llama--closed_temporarily {
    background-image: url("https://www.fitx.de/img/block/shared/studio_hero/llama_hardhat.svg")
}

.preregistration_intro_hero_promotion__bubble {
    position: absolute;
    right: 3px;
    top: 17px;
    background-image: url("https://www.fitx.de/img/block/shared/studio_hero/bubble.svg");
    background-size: contain;
    width: 183px;
    height: 140px;
    background-repeat: no-repeat;
    line-height: .2em;
    font-size: .8em
}

.preregistration_intro_hero_promotion__bubble_white {
    background-image: url("https://www.fitx.de/img/block/shared/studio_hero/bubble_white.svg");
    color: #181d1e
}

.preregistration_intro_hero_promotion__bubble_text {
    -webkit-transform: rotateZ(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotateZ(-10deg);
    text-align: center;
    padding: 2em 1.5em
}

.preregistration_intro_hero_promotion__grand_opening {
    font-size: .8em;
    line-height: 1em;
    text-transform: uppercase
}

.preregistration_intro_hero_promotion__grand_opening_date {
    font-size: 1.6em;
    line-height: 1em;
    font-weight: bold
}

@media(min-width: 768px) {
    .preregistration_intro_hero_promotion {
        overflow:hidden;
        height: calc(100vh - 73px);
        min-height: 600px
    }

    .preregistration_intro_hero_promotion__llama {
        height: 285px;
        width: 580px;
        left: -82px;
        top: 80px
    }

    .preregistration_intro_hero_promotion__bubble {
        width: 250px;
        top: 37px;
        right: 90px
    }

    .preregistration_intro_hero_promotion__bubble_text {
        padding: 3em 1.5em
    }

    .preregistration_intro_hero_promotion__grand_opening {
        font-size: 1.125em;
        line-height: 1em
    }
}

@media(min-width: 1024px) {
    .preregistration_intro_hero_promotion {
        margin-top:73px;
        height: calc(100vh - 73px)
    }

    .preregistration_intro_hero_promotion__llama {
        top: 100px
    }

    .preregistration_intro_hero_promotion__grand_opening {
        font-size: 1.125em;
        line-height: 1em
    }
}

@media(min-width: 1800px) {
    .preregistration_intro_hero_promotion__bubble {
        width:300px;
        top: 25px;
        right: 66px
    }

    .preregistration_intro_hero_promotion__bubble_text {
        padding: 3.3em 2.5em
    }

    .preregistration_intro_hero_promotion__grand_opening {
        font-size: 1.5em;
        line-height: 1em
    }
}

.bubble {
    height: 150px;
    width: 150px;
    border-radius: 100px;
    color: #fff;
    transform: rotate(-8deg);
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #1c2223
}

.bubble:hover {
    background-color: #363636
}

.bubble--orange {
    background-color: #ed6a12
}

.bubble--orange:hover {
    background-color: #ed6a12
}

.bubble--white {
    background-color: #fff
}

.bubble--white:hover {
    background-color: #ed6a12
}

.bubble__text {
    text-align: center;
    text-transform: uppercase;
    line-height: 0
}

.bubble__text span {
    display: block
}

.bubble__text--november_promotion {
    font-size: 12px
}

.bubble__text--november_promotion span:nth-child(1) {
    line-height: 1.8;
    margin-top: .5em
}

.bubble__text--november_promotion span:nth-child(2) {
    font-size: 490%;
    font-weight: bold;
    line-height: .7
}

.bubble__text--november_promotion span:nth-child(3) {
    font-size: 230%;
    font-weight: bold;
    border-bottom: 2px solid #fff;
    line-height: 1.2
}

.bubble__text--november_promotion span:nth-child(4) {
    text-transform: none;
    font-size: 75%;
    line-height: 1.2;
    margin-top: .5em
}

@media(min-width: 768px) {
    .bubble {
        height:170px;
        width: 170px
    }

    .bubble__text--november_promotion {
        font-size: 13px
    }
}

.tooltip {
    position: absolute;
    text-decoration: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.tooltip:after {
    content: attr(data-tooltip);
    position: absolute;
    bottom: 130%;
    left: -55px;
    background: #363636;
    padding: 5px;
    color: #fff;
    font-size: 13px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 120px;
    line-height: 1.4em;
    opacity: 0;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease
}

.tooltip:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 5px solid #363636;
    border-left: 5px solid rgba(0,0,0,0);
    border-right: 5px solid rgba(0,0,0,0);
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    opacity: 0;
    left: 0%;
    bottom: 90%
}

.tooltip:hover:after {
    bottom: 190%
}

.tooltip:hover:before {
    bottom: 160%
}

.tooltip:hover:after,.tooltip:hover:before {
    opacity: 1
}

@media(min-width: 768px) {
    .tooltip:after {
        padding:8px;
        width: 180px
    }

    .tooltip:before {
        left: 20%
    }
}

body[data-controller=preregistration] {
    background-color: #fff !important
}

body[data-controller=preregistration] .header__hamburger_icon,body[data-controller=preregistration] .navigation--header {
    display: none
}

body[data-controller=preregistration] .menuicon,body[data-controller=preregistration] .navigation--header {
    display: none
}

@media(max-width: 320px) {
    .preregistration_intro__cta .cta {
        width:265px
    }
}

.preregistration_intro {
    color: #181d1e;
    margin-top: 73px;
    padding: 0;
    min-height: calc(100vh - 73px);
    position: relative
}

.preregistration_intro__container {
    float: none;
    margin-right: auto;
    margin-left: auto;
    background-color: #fff
}

.preregistration_intro__hero {
    min-height: 220px;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 1.5em;
    position: relative;
    background-position: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    align-items: flex-end;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.preregistration_intro__change {
    background: rgba(0,0,0,.4);
    padding: .5em;
    color: #fff !important;
    font-size: .9em;
    border-radius: 3px
}

.preregistration_intro__scratched {
    text-decoration: line-through
}

.preregistration_intro__card {
    text-align: left;
    background-color: #fff;
    margin: -45px auto 0;
    padding: 28px 22px 0;
    width: 90%;
    max-width: 432px;
    border-radius: 10px;
    -webkit-box-shadow: 1px 5px 20px 5px rgba(23,23,23,.075);
    box-shadow: 1px 5px 20px 5px rgba(23,23,23,.075);
    position: sticky
}

.preregistration_intro__card_headline {
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 10px
}

.preregistration_intro__card_headline--promo {
    background-color: #d4efdf;
    color: #27ae60;
    margin-bottom: 10px;
    width: auto;
    position: relative;
    padding: 0 1.5em;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    border-radius: 8px
}

.preregistration_intro__card_headline--promo:after {
    content: " ";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-right: 7px solid rgba(0,0,0,0);
    border-top: 7px solid #d4efdf;
    border-left: 7px solid rgba(0,0,0,0);
    right: 0;
    left: 15px;
    top: 40px
}

.preregistration_intro__card_price {
    font-size: 28px !important;
    margin-bottom: 15px;
    font-weight: normal;
    border-bottom: 1px solid #eee
}

.preregistration_intro__card_price span {
    text-transform: none;
    font-size: 16px;
    font-weight: 400;
    color: #181D1Ecc
}

.preregistration_intro__card_price--with_smallprint {
    margin-bottom: 0;
    border-bottom: 0
}

.preregistration_intro__card_list {
    font-size: 1.2em;
    font-weight: 400;
    margin-bottom: 2em;
    color: #444
}

.preregistration_intro__card_list>li {
    background-size: 15px
}

.preregistration_intro__card_list_info {
    background-image: url("https://www.fitx.de/img/block/shared/icon/icon-dark-info-hollow.svg");
    background-repeat: no-repeat;
    height: 18px;
    width: 12px;
    background-size: contain;
    background-position: bottom;
    display: inline-block;
    color: rgba(0,0,0,0);
    line-height: .5;
    margin: 0 0 0 5px
}

.preregistration_intro__card_list_info.tooltip:after {
    width: 150px
}

.preregistration_intro__contractAcquisition {
    color: #444;
    font-weight: 400;
    margin-bottom: 2em
}

.preregistration_intro__contractAcquisition_headline {
    color: #27ae60;
    font-size: 16.5px
}

.preregistration_intro__contractAcquisition span {
    display: inline-block;
    background: #27ae60;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    padding: .2em .5em;
    border-radius: 3px;
    margin-bottom: .5em
}

.preregistration_intro__safety {
    width: 90%;
    max-width: 432px;
    margin: 0 auto;
    background-image: url("https://www.fitx.de/img/block/shared/icon/safety.svg");
    padding: 32px 20px 32px 45px;
    background-size: 32px;
    background-repeat: no-repeat;
    background-position: 0 32px
}

.preregistration_intro__safety p {
    color: #717171;
    font-size: 14px;
    line-height: 24px
}

.preregistration_intro__safety h3 {
    color: #444;
    font-size: 16px;
    margin: 0;
    font-weight: normal
}

.preregistration_intro__footnote {
    width: 90%;
    max-width: 432px;
    margin: 0 auto
}

.preregistration_intro__footnote p {
    padding: 32px 20px 32px 45px;
    color: #717171;
    font-size: 14px;
    line-height: 24px
}

.preregistration_intro__promotion_smallprint {
    color: #181D1Ecc;
    font-weight: 400;
    border-bottom: 1px solid #eee;
    margin-bottom: 1em;
    padding-bottom: 1em
}

.preregistration_intro__promotion_notice {
    color: #27ae60
}

.preregistration_intro__promotion_notice span {
    display: inline-block;
    background: #27ae60;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: .7em;
    padding: .2em .5em;
    border-radius: 3px;
    margin-left: 5px
}

.preregistration_intro__titel {
    margin: 0 auto
}

.preregistration_intro__maintenance {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    background-image: url("https://www.fitx.de/img/block/shared/preregistration_intro/schweinehund.png");
    background-repeat: no-repeat;
    background-position: center 0;
    padding-top: 180px;
    background-size: 240px
}

.preregistration_intro__headline {
    padding: 0;
    margin: 0 0 20px 0
}

.preregistration_intro__subline {
    color: #181D1Eb3;
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 5px
}

.preregistration_intro__advantages {
    padding: 2em 0;
    border-top: 1px solid rgba(151,151,151,.24)
}

.preregistration_intro__advantages li {
    padding-left: 40px;
    font-size: 1.2em
}

.preregistration_intro__advantages--e li {
    font-weight: normal
}

.preregistration_intro__advantages--e li span {
    display: block;
    color: #ccc;
    font-weight: 300
}

.preregistration_intro__subline_info {
    background-image: url("https://www.fitx.de/img/block/shared/icon/icon-dark-info-hollow.svg");
    background-repeat: no-repeat;
    height: 18px;
    width: 12px;
    background-size: contain;
    background-position: bottom;
    display: inline-block;
    color: rgba(0,0,0,0);
    line-height: .5;
    margin: 0 0 0 5px
}

.preregistration_intro__content_list_item {
    color: #fff;
    font-weight: 400;
    font-size: 1.1em;
    opacity: .9;
    text-align: left;
    background-image: url("https://www.fitx.de/img/block/shared/form/tick_green.svg");
    padding-left: 2em;
    background-size: 25px;
    margin: 1em 0;
    background-repeat: no-repeat
}

.preregistration_intro__company_notice {
    font-size: .9em;
    color: #717171;
    max-width: 295px;
    margin: 0 auto;
    text-align: center
}

.preregistration_intro__company_notice_link {
    color: #717171 !important
}

.preregistration_intro__cta {
    padding: 0 0 2em
}

.preregistration_intro__cta--fixed {
    position: fixed;
    bottom: -220px;
    z-index: 2;
    width: 100%;
    border-top: 1px solid rgba(151,151,151,.24);
    -webkit-box-shadow: 0px -12px 37px 2px rgba(0,0,0,.75);
    -moz-box-shadow: 0px -12px 37px 2px rgba(0,0,0,.75);
    box-shadow: 0px -12px 37px 2px rgba(0,0,0,.75)
}

.preregistration_intro__cta .cta {
    position: relative;
    width: 100%
}

.preregistration_intro__maintenance {
    display: block
}

.preregistration_intro__maintenance--hidden {
    display: none
}

.preregistration_intro .teaser {
    width: 100px;
    height: 190px;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 1;
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 10px
}

.preregistration_intro__sales_badge {
    position: absolute;
    display: block;
    width: 160px;
    height: 160px;
    top: 40px;
    left: 50%;
    z-index: 2;
    transform: translateX(-50%)
}

@media(min-width: 768px) {
    .preregistration_intro {
        padding:6em 0 10em;
        max-width: 690px;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .preregistration_intro h1,.preregistration_intro h2 {
        font-size: 36px
    }

    .preregistration_intro__headline,.preregistration_intro__subline {
        display: block
    }

    .preregistration_intro__subline {
        line-height: 1
    }

    .preregistration_intro__subline_info {
        height: 13px;
        width: 13px;
        line-height: 1
    }

    .preregistration_intro__advantages {
        padding-bottom: 2em;
        margin-bottom: 2em;
        border-bottom: none
    }

    .preregistration_intro__card {
        margin: -95px auto 0;
        width: 80%
    }

    .preregistration_intro__card_headline {
        font-size: 16px;
        padding: 0 1em
    }

    .preregistration_intro__card_headline--promo {
        font-size: 16px;
        display: inline-block
    }

    .preregistration_intro__card_list_info {
        height: 18px;
        width: 13px;
        line-height: 1;
        margin-left: 5px
    }

    .preregistration_intro__change {
        line-height: 40px;
        font-size: 1.2em;
        padding: .1em .4em
    }

    .preregistration_intro__container {
        max-width: 1280px !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        border-radius: 10px
    }

    .preregistration_intro__hero {
        border-radius: 10px;
        min-height: 385px;
        padding: 1.5em 2.5em
    }

    .preregistration_intro__maintenance {
        width: 95% !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: center;
        padding-top: 180px;
        background-size: 250px
    }

    .preregistration_intro__cta {
        padding: 0 0 2em
    }

    .preregistration_intro .teaser {
        width: 166px;
        height: 236px;
        top: 110px
    }

    .preregistration_intro__sales_badge {
        top: 240px;
        left: 50%;
        z-index: 2;
        transform: translateX(-50%)
    }
}

@media(min-width: 1024px) {
    .preregistration_intro__container {
        float:none;
        margin-right: auto;
        margin-left: auto
    }

    .preregistration_intro__maintenance {
        width: 85% !important;
        padding-top: 270px;
        background-size: 350px
    }

    .preregistration_intro__headline {
        font-size: 32px !important;
        line-height: 38px !important
    }

    .preregistration_intro__subline {
        font-weight: 300
    }

    .preregistration_intro__sales_badge {
        top: 240px;
        left: 50%;
        z-index: 2;
        transform: translateX(-50%)
    }
}

._c_preregistration_search {
    min-height: 100vh
}

.preregistration_search {
    min-height: 100vh;
    color: #181d1e
}

.preregistration_search--topsearch {
    position: absolute;
    background-color: #fff;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    overflow: auto;
    transition: all .5s
}

.preregistration_search__spacer {
    height: 40vh;
    transition: height .5s
}

.preregistration_search__spacer--hidden {
    height: 0
}

.preregistration_search__content {
    width: 100%
}

.preregistration_search__legend {
    padding: 0 5%;
    max-width: 690px;
    margin: 0 auto;
    transition: all .5s
}

.preregistration_search__legend--hidden {
    opacity: 0;
    height: 0
}

.preregistration_search__search {
    background-color: #fff;
    padding: 2em 5%;
    max-width: 690px;
    margin: 0 auto;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.preregistration_search__search .studio_search {
    width: 100%
}

.preregistration_search__search--topsearch .studio_search {
    width: 90%
}

.preregistration_search__search--top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    padding: 2em 5% 10px;
    z-index: 10
}

.preregistration_search__search .studio_search__input_wrap {
    max-width: initial
}

.preregistration_search__back {
    background-image: url("https://www.fitx.de/img/block/shared/icon/back.svg");
    width: 0;
    height: 54px;
    background-size: 14px;
    background-position: left center;
    display: block;
    text-indent: -9999px;
    background-repeat: no-repeat;
    opacity: 1;
    transition: all .5s;
    cursor: pointer
}

.preregistration_search__back--active {
    width: 10%;
    opacity: 1
}

.preregistration_search__headline {
    font-size: 2.4em;
    margin: 0 0 7px 0
}

.preregistration_search__subheadline {
    color: #717171;
    margin-bottom: 0
}

.preregistration_search__results {
    max-width: 690px;
    margin: 0 auto 8em
}

.preregistration_search__result_count {
    padding: 5%;
    font-size: 14px;
    line-height: 16px;
    color: #717171;
    font-weight: 300
}

.preregistration_search__sorry {
    height: 40vh;
    width: 100%
}

.preregistration_search__no_result {
    padding: 1em 5%;
    font-size: 1.5em;
    color: #181d1e;
    font-weight: normal;
    text-align: center;
    font-size: 16px
}

.preregistration_search__no_result_text {
    width: 80%;
    max-width: 350px;
    margin: 2em auto
}

.preregistration_search__resetInput {
    display: none
}

.preregistration_search__resetInput--active {
    display: block
}

@media(min-width: 768px) {
    .preregistration_search--topsearch {
        position:relative;
        background-color: rgba(0,0,0,0);
        width: auto;
        height: auto;
        z-index: 0;
        overflow: auto;
        transition: none
    }

    .preregistration_search__spacer--hidden {
        height: calc(73px + 4em)
    }

    .preregistration_search__legend {
        padding: 0
    }

    .preregistration_search__legend--hidden {
        opacity: 1;
        height: auto
    }

    .preregistration_search__search {
        padding: 2em 0;
        top: 73px
    }

    .preregistration_search__search--top {
        top: 73px
    }

    .preregistration_search__search .studio_search {
        width: 100%
    }

    .preregistration_search__back {
        display: none
    }

    .preregistration_search__results {
        padding-bottom: 120px;
        margin-top: 2em;
        margin-bottom: 0
    }

    .preregistration_search__no_result {
        padding: 0
    }

    .preregistration_search__result_count {
        padding: 1em 0;
        font-size: 16px
    }
}

html {
    min-height: 100% !important
}

body[data-controller=preregistration_success] {
    background-color: #1c2223
}

.preregistration_success {
    color: #fff;
    padding: 8em 0 4em;
    display: none
}

.preregistration_success--survey {
    margin-top: 73px;
    padding: 2em 0
}

.preregistration_success--visible {
    display: block
}

.preregistration_success__not_verified {
    display: none
}

.preregistration_success__not_verified--visible {
    display: inline-block
}

.preregistration_success__is_verified {
    display: none
}

.preregistration_success__is_verified--visible {
    display: inline-block
}

.preregistration_success__container {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    text-align: center
}

.preregistration_success__headline {
    padding: 0;
    margin: 0;
    display: block;
    text-align: center;
    font-size: 21px;
    line-height: 30px;
    text-transform: none
}

.preregistration_success__content_list {
    text-align: left;
    margin: 3em 0 2em
}

.preregistration_success__content_list_item {
    color: #fff;
    font-weight: 400;
    font-size: 1.2em;
    opacity: .9;
    background-size: 25px;
    margin: 1.5em 0;
    background-repeat: no-repeat;
    text-align: center
}

.preregistration_success__content_list_item span {
    color: #fff;
    font-weight: bold
}

.preregistration_success__content_list_item .preregistration_success__content_list_item_counter {
    display: block;
    background-color: #fff;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 60px;
    margin: 0 auto .2em;
    font-weight: bold;
    color: #181d1e
}

.preregistration_success--survey {
    margin-top: 73px;
    padding: 2em 0
}

@media(min-width: 768px) {
    body[data-controller=preregistration_success] {
        background-color:#1c2223;
        height: auto !important
    }

    body[data-controller=preregistration_success] .footer {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0
    }

    .preregistration_success {
        height: 100vh;
        padding: 0 0 2em 0
    }

    .preregistration_success__container {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 95% !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: center;
        background-image: url("https://www.fitx.de/img/block/shared/preregistration_success/lama_yeah.svg");
        background-repeat: no-repeat;
        background-position: center 0;
        padding-top: 180px;
        background-size: 180px
    }

    .preregistration_success__headline {
        text-align: center;
        font-size: 27px;
        line-height: 40px
    }

    .preregistration_success__content_list {
        text-align: center;
        margin: 3em 0 2em
    }

    .preregistration_success__content_list_item {
        text-align: center;
        font-size: 19px;
        margin: .2em 0
    }

    .preregistration_success__content_list_item .preregistration_success__content_list_item_counter {
        color: #fff;
        font-weight: bold;
        display: inline;
        background-color: rgba(0,0,0,0);
        width: auto;
        height: auto;
        line-height: unset;
        border-radius: 0;
        margin: 0 auto .2em
    }

    .preregistration_success__content_list_item .preregistration_success__content_list_item_counter:after {
        content: "."
    }

    .preregistration_success--survey {
        height: 80vh
    }
}

@media(min-width: 768px)and (orientation: portrait) {
    .preregistration_success--survey {
        height:35vh
    }
}

@media(min-width: 768px) {
    .preregistration_success--survey .preregistration_success__container {
        background-image:none;
        padding-top: 0
    }
}

@media(min-width: 1024px) {
    .preregistration_success__container {
        width:95% !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: center;
        background-image: url("https://www.fitx.de/img/block/shared/preregistration_success/lama_yeah.svg");
        background-repeat: no-repeat;
        background-position: center 0;
        padding-top: 180px;
        background-size: 180px
    }

    .preregistration_success__headline {
        font-size: 32px;
        line-height: 40px
    }

    .preregistration_success--survey {
        height: 50vh
    }

    .preregistration_success--survey .preregistration_success__container {
        background-image: none;
        padding-top: 0
    }
}

@media(min-width: 1280px) {
    .preregistration_success__container {
        width:85% !important;
        padding-top: 190px;
        background-size: 190px
    }

    .preregistration_success__headline {
        font-size: 42px;
        line-height: 50px
    }

    .preregistration_success__content_list_item {
        font-size: 21px;
        margin: .5em 0
    }

    .preregistration_success--survey {
        height: 60vh
    }
}

@media(min-width: 1800px) {
    .preregistration_success--survey {
        height:50vh
    }
}

.press_accordion {
    background-color: #fff;
    padding: 2em 0 7em
}

.press_accordion__container {
    width: 90%;
    margin: 0 auto 20px auto;
    border: 1px solid #ddd;
    color: #181d1e
}

.press_accordion__container .cta--small {
    margin-bottom: 10px
}

.press_accordion__container p {
    margin: 0
}

@media(min-width: 768px) {
    .press_accordion {
        max-width:100%
    }

    .press_accordion__container {
        max-width: 1280px;
        width: 85%;
        float: none;
        margin-right: auto;
        margin-left: auto
    }
}

@media(min-width: 1024px) {
    .press_accordion__container {
        max-width:1280px;
        float: none;
        margin-right: auto;
        margin-left: auto;
        width: 85%;
        max-width: 1280px
    }
}

.press_contact_persons {
    padding: 4em 0
}

.press_contact_persons__name {
    font-size: 12px;
    line-height: 15px;
    display: inline-block
}

.press_contact_persons__container {
    width: 90%;
    margin: 0 auto;
    color: #fff
}

.press_contact_persons__title {
    border: 0;
    margin: 0
}

.press_contact_persons__contacts {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 90%;
    color: #fff;
    margin-top: 1em
}

.press_contact_persons__contacts:after {
    content: "";
    display: table;
    clear: both
}

.press_contact_persons__contacts>*:nth-child(3n+1) {
    width: calc(33.3333333333%);
    float: left;
    clear: left;
    margin-left: 0
}

.press_contact_persons__contacts>*:nth-child(3n+2) {
    width: calc(33.3333333333%);
    float: left;
    clear: none
}

.press_contact_persons__contacts>*:nth-child(3n+3) {
    width: calc(33.3333333333%);
    float: left;
    clear: none;
    margin-right: 0
}

.press_contact_persons__contacts p {
    margin-top: 0
}

.press_contact_persons__contacts img {
    height: auto;
    width: 80%
}

.press_contact_persons__job_title {
    display: block;
    font-size: 50%;
    line-height: 1.2em;
    margin: 4px 0
}

.press_contact_persons__department {
    display: block;
    font-size: 50%;
    line-height: 1.2em
}

@media(min-width: 768px) {
    .press_contact_persons {
        padding:7em 0;
        max-width: 100%
    }

    .press_contact_persons__name {
        font-size: 18px
    }

    .press_contact_persons__container {
        max-width: 1280px;
        width: 85%;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .press_contact_persons__contacts {
        max-width: 1280px;
        width: 85%;
        float: none;
        margin-right: auto;
        margin-left: auto;
        max-width: 960px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 2em
    }

    .press_contact_persons__contacts:after {
        content: "";
        display: table;
        clear: both
    }

    .press_contact_persons__contacts>*:nth-child(3n+1) {
        width: calc(33.3333333333% - 20px - 20px + 6.6666666667px + 6.6666666667px);
        float: left;
        margin: 20px;
        clear: left;
        margin-left: 0
    }

    .press_contact_persons__contacts>*:nth-child(3n+2) {
        width: calc(33.3333333333% - 20px - 20px + 6.6666666667px + 6.6666666667px);
        float: left;
        margin: 20px;
        clear: none
    }

    .press_contact_persons__contacts>*:nth-child(3n+3) {
        width: calc(33.3333333333% - 20px - 20px + 6.6666666667px + 6.6666666667px);
        float: left;
        margin: 20px;
        clear: none;
        margin-right: 0
    }

    .press_contact_persons__contacts img {
        width: 100%
    }

    .press_contact_persons__job_title {
        display: block;
        font-size: 80%
    }

    .press_contact_persons__department {
        display: block;
        font-size: 80%
    }

    .press_contact_persons__contact_box {
        margin: 40px 3% 0 3%
    }
}

@media(min-width: 1024px) {
    .press_contact_persons__container {
        max-width:1280px;
        float: none;
        margin-right: auto;
        margin-left: auto;
        width: 85%;
        max-width: 1280px
    }

    .press_contact_persons__contacts {
        max-width: 960px;
        margin-left: auto;
        margin-right: auto;
        max-width: 1280px;
        float: none;
        margin-right: auto;
        margin-left: auto;
        width: 85%;
        max-width: 1280px !important;
        max-width: 960px;
        margin-left: auto;
        margin-right: auto
    }

    .press_contact_persons__contacts:after {
        content: "";
        display: table;
        clear: both
    }

    .press_contact_persons__contacts>*:nth-child(3n+1) {
        width: calc(33.3333333333%);
        float: left;
        clear: left;
        margin-left: 0
    }

    .press_contact_persons__contacts>*:nth-child(3n+2) {
        width: calc(33.3333333333%);
        float: left;
        clear: none
    }

    .press_contact_persons__contacts>*:nth-child(3n+3) {
        width: calc(33.3333333333%);
        float: left;
        clear: none;
        margin-right: 0
    }

    .press_contact_persons__contacts:after {
        content: "";
        display: table;
        clear: both
    }

    .press_contact_persons__contacts>*:nth-child(4n+1) {
        width: calc(25% - 30px - 30px + 7.5px + 7.5px);
        float: left;
        margin: 0 30px 30px 30px;
        clear: left;
        margin-left: 0
    }

    .press_contact_persons__contacts>*:nth-child(4n+2) {
        width: calc(25% - 30px - 30px + 7.5px + 7.5px);
        float: left;
        margin: 0 30px 30px 30px;
        clear: none
    }

    .press_contact_persons__contacts>*:nth-child(4n+3) {
        width: calc(25% - 30px - 30px + 7.5px + 7.5px);
        float: left;
        margin: 0 30px 30px 30px;
        clear: none
    }

    .press_contact_persons__contacts>*:nth-child(4n+4) {
        width: calc(25% - 30px - 30px + 7.5px + 7.5px);
        float: left;
        margin: 0 30px 30px 30px;
        clear: none;
        margin-right: 0
    }

    .press_contact_persons__contacts img {
        height: auto;
        width: 100%
    }
}

.press_contact {
    background-color: #fff;
    overflow: hidden
}

.press_contact__container {
    width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.press_contact__container .press_contact__title {
    margin: 0
}

.press_contact__tel_mobile {
    display: block
}

.press_contact__tel_desktop {
    display: none
}

.press_contact__title {
    padding: 0
}

@media(min-width: 768px) {
    .press_contact {
        max-width:100%
    }

    .press_contact__container {
        max-width: 1280px;
        width: 85%;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .press_contact__tel_mobile {
        display: none
    }

    .press_contact__tel_desktop {
        display: block
    }
}

@media(min-width: 1024px) {
    .press_contact__container {
        max-width:1280px;
        float: none;
        margin-right: auto;
        margin-left: auto;
        width: 85%;
        max-width: 1280px
    }
}

.press_intro {
    margin-top: 73px;
    padding: 4em 0 2em;
    background-color: #fff;
    overflow: hidden
}

.press_intro__container {
    width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.press_intro__title {
    border: 0
}

.press_intro p {
    margin: 0
}

@media(min-width: 768px) {
    .press_intro {
        margin-top:73px;
        padding: 7em 0 2em;
        max-width: 100%
    }

    .press_intro__container {
        max-width: 1280px;
        width: 85%;
        float: none;
        margin-right: auto;
        margin-left: auto
    }
}

@media(min-width: 1024px) {
    .press_intro__container {
        max-width:1280px;
        float: none;
        margin-right: auto;
        margin-left: auto;
        width: 85%;
        max-width: 1280px
    }
}

.press_media_list {
    background-color: #fff;
    position: relative;
    width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    padding: 2em 0 4em
}

.press_media_list--similar {
    background-color: #fff
}

.press_media_list--newest {
    padding: 0
}

.press_media_list__container {
    color: #181d1e;
    width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    padding: 4em 0 1em
}

.press_media_list__container--grid {
    width: 100%
}

.press_media_list__container--similar {
    color: #1c2223
}

.press_media_list__container--all {
    padding: 7em 0 0
}

.press_media_list__headline_container {
    margin-bottom: 2em;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    align-items: flex-end;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between
}

@media screen and (max-width: 1023px) {
    .press_media_list__headline--grid {
        margin-left:5%
    }
}

.press_media_list__show_all {
    font-size: 16px;
    padding-right: 5%;
    width: 40%;
    text-align: right
}

@media screen and (max-width: 1023px) {
    .press_media_list__items {
        overflow-x:scroll;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch
    }

    .press_media_list__items::-webkit-scrollbar,.press_media_list__items::-webkit-scrollbar-track,.press_media_list__items::-webkit-scrollbar-thumb {
        background-color: rgba(0,0,0,0)
    }
}

@media screen and (max-width: 1023px) {
    .press_media_list__items_wrap {
        white-space:nowrap
    }
}

.press_media_list__item {
    color: #1c2223 !important;
    border: 1px solid #eee;
    border-radius: 8px;
    margin-bottom: 30px
}

.press_media_list__item:last-child {
    margin-bottom: 0
}

@media screen and (max-width: 1023px) {
    .press_media_list__item--grid {
        width:60%;
        display: inline-block;
        margin-left: .5em;
        overflow: hidden;
        vertical-align: top
    }

    .press_media_list__item--grid:after {
        content: "";
        display: table;
        clear: both
    }

    .press_media_list__item--grid:first-child {
        margin-left: 5%
    }

    .press_media_list__item--grid:last-child {
        margin-right: 5%
    }
}

.press_media_list__item--similar {
    color: #1c2223
}

.press_media_list__item--single {
    width: 90%
}

.press_media_list__item_no_news {
    margin: 2em 0 8em
}

.press_media_list__item_image {
    width: 100%;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    border-radius: 8px 8px 0 0;
    max-height: 200px
}

.press_media_list__item_image--svg {
    background-size: 40%;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #f5f5f5
}

.press_media_list__item_image:after {
    content: "";
    display: block;
    padding-bottom: 100%
}

@media screen and (max-width: 1023px) {
    .press_media_list__item_image--grid:after {
        padding-bottom:60%
    }
}

.press_media_list__item_headline {
    font-size: 1.1em;
    line-height: 1.4em;
    font-weight: normal;
    white-space: normal;
    color: #1c2223;
    margin-bottom: .3em
}

.press_media_list__item_text {
    padding: 20px
}

.press_media_list__item_download {
    display: block;
    background-image: url("https://www.fitx.de/img/block/shared/icon/download.svg");
    background-size: 14px;
    padding-left: 25px;
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 16px;
    line-height: 2;
    font-weight: 300
}

.press_media_list__pagination--desktop {
    display: none
}

@media(min-width: 768px) {
    .press_media_list {
        background-color:#fff;
        padding: 0 0 2em;
        max-width: 1920px;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .press_media_list--similar {
        background-color: #fff
    }

    .press_media_list__container {
        color: #181d1e;
        width: 90% !important;
        padding: 0 0 1em
    }

    .press_media_list__container--all {
        padding: 10em 0 0
    }

    .press_media_list__items_wrap {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto
    }

    .press_media_list__items_wrap:after {
        content: "";
        display: table;
        clear: both
    }

    .press_media_list__items_wrap>*:nth-child(3n+1) {
        width: calc(33.3333333333% - 1em - 1em + 0.3333333333em + 0.3333333333em);
        float: left;
        margin: 0 1em 3em 1em;
        clear: left;
        margin-left: 0
    }

    .press_media_list__items_wrap>*:nth-child(3n+2) {
        width: calc(33.3333333333% - 1em - 1em + 0.3333333333em + 0.3333333333em);
        float: left;
        margin: 0 1em 3em 1em;
        clear: none
    }

    .press_media_list__items_wrap>*:nth-child(3n+3) {
        width: calc(33.3333333333% - 1em - 1em + 0.3333333333em + 0.3333333333em);
        float: left;
        margin: 0 1em 3em 1em;
        clear: none;
        margin-right: 0
    }

    .press_media_list__item {
        color: #1c2223 !important;
        margin-bottom: 0
    }

    .press_media_list__item--list {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto
    }

    .press_media_list__item--list:after {
        content: "";
        display: table;
        clear: both
    }

    .press_media_list__item--list>*:nth-child(1n+1) {
        width: calc(100% - 0em - 0em + 0em + 0em);
        float: left;
        margin: 0em;
        clear: left;
        margin-left: 0;
        margin-right: 0
    }

    .press_media_list__item_image--similar {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

    .press_media_list__item_image {
        width: 100%;
        background-size: cover;
        background-position: center top;
        min-height: 200px;
        max-height: auto
    }

    .press_media_list__item_image--svg {
        background-size: 180px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #eee
    }

    .press_media_list__item_image--similar {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

    .press_media_list__item_text {
        padding: 30px 20px;
        min-height: 12em
    }

    .press_media_list__item_text--similar {
        padding: 1.5em;
        border: 1px solid #f5f5f5;
        border-top: 0;
        border-radius: 5px;
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .press_media_list__item_headline {
        font-size: 1.2em;
        line-height: 1.2em;
        font-weight: normal
    }

    .press_media_list__item_headline--similar {
        font-size: 1em;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical
    }

    .press_media_list__item_image:after {
        content: "";
        display: block;
        padding-bottom: 50%
    }

    .press_media_list__item_kicker--list {
        margin-top: 1em
    }

    .press_media_list__item_kicker--similar {
        display: none
    }

    .press_media_list__headline {
        margin-left: 0
    }

    .press_media_list__show_all {
        font-size: 18px;
        padding-right: 0;
        width: auto;
        text-align: right
    }

    .press_media_list__item_download {
        font-size: 18px
    }

    .press_media_list__pagination--desktop {
        display: block
    }

    .press_media_list__pagination--mobile {
        display: none
    }
}

@media(min-width: 1024px) {
    .press_media_list__container {
        width:100% !important
    }

    .press_media_list__item_headline {
        font-size: 1.8em;
        line-height: 1.2em
    }
}

.press_media {
    background-color: #fff
}

.press_media__container {
    width: 90%;
    margin: 0 auto;
    color: #181d1e;
    padding: 30px 0;
    border-bottom: 1px solid #ccc
}

.press_media__container:last-child {
    border-bottom: 0
}

.press_media__container .cta--press {
    color: #fff
}

.press_media__container p {
    margin: 0
}

.press_media__image_box {
    padding: 0 0 20px 0
}

.press_media__headline {
    font-size: 1.2em;
    line-height: 1.6em;
    font-weight: 600
}

.press_media__source {
    font-size: 1.2em;
    line-height: 1.6em;
    display: inline-block;
    margin-bottom: 1em
}

@media(min-width: 768px) {
    .press_media__container {
        max-width:960px;
        margin-left: auto;
        margin-right: auto
    }

    .press_media__container:after {
        content: "";
        display: table;
        clear: both
    }

    .press_media__container>*:nth-child(2n+1) {
        width: calc(40%);
        float: left;
        clear: left;
        margin-left: 0
    }

    .press_media__container>*:nth-child(2n+2) {
        width: calc(60%);
        float: left;
        clear: none;
        margin-right: 0
    }
}

@media(min-width: 1024px) {
    .press_media__container {
        max-width:960px;
        margin-left: auto;
        margin-right: auto
    }

    .press_media__container:after {
        content: "";
        display: table;
        clear: both
    }

    .press_media__container>*:nth-child(2n+1) {
        width: calc(20%);
        float: left;
        clear: left;
        margin-left: 0
    }

    .press_media__container>*:nth-child(2n+2) {
        width: calc(80%);
        float: left;
        clear: none;
        margin-right: 0
    }
}

.promotion_info {
    padding: 2em 0;
    text-align: center;
    background-color: #fff;
    margin-bottom: 2em
}

.promotion_info__headline {
    margin: 0 0 1em
}

.promotion_info__wrap {
    padding: 1em 0 0
}

.promotion_info__illustration {
    display: none
}

.promotion_info__content {
    text-align: left;
    max-width: 85%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.promotion_info__content p small {
    line-height: 1.6em;
    display: inline-block
}

.promotion_info__what_headline {
    margin-bottom: 0
}

.promotion_info__what_text {
    max-width: 85%;
    margin: 0 auto;
    text-align: left
}

.promotion_info__bullets,.promotion_info ul {
    margin-top: 0;
    font-size: 1.2em;
    font-weight: 300
}

.promotion_info__bullet,.promotion_info li {
    list-style-type: disc;
    margin-left: 1.2em
}

@media(min-width: 768px) {
    .promotion_info {
        background-color:#f5f5f5;
        padding: 4em 0;
        max-width: 960px;
        float: none;
        margin-right: auto;
        margin-left: auto;
        width: 85%;
        margin-top: 6em;
        margin-bottom: 0
    }

    .promotion_info__what_text {
        text-align: inherit
    }
}

@media(min-width: 1024px) {
    .promotion_info {
        background-color:#f5f5f5;
        padding: 4em 0;
        max-width: 960px;
        float: none;
        margin-right: auto;
        margin-left: auto;
        width: 85%;
        margin-top: 6em;
        margin-bottom: 0
    }

    .promotion_info__headline {
        margin: 0 0 1em
    }

    .promotion_info__wrap {
        padding: 0 2em;
        position: relative;
        overflow: hidden
    }

    .promotion_info__wrap--theme_enabled {
        padding: 2em 0 0;
        max-width: 960px;
        margin-left: auto;
        margin-right: auto;
        max-width: 85%;
        min-height: 400px
    }

    .promotion_info__wrap--theme_enabled:after {
        content: "";
        display: table;
        clear: both
    }

    .promotion_info__wrap--theme_enabled>*:nth-child(2n+1) {
        width: calc(66.6666666667%);
        float: left;
        clear: left;
        padding-left: 0;
        margin-left: 0
    }

    .promotion_info__wrap--theme_enabled>*:nth-child(2n+2) {
        width: calc(33.3333333333%);
        float: left;
        clear: none;
        padding-right: 0;
        margin-right: 0
    }

    .promotion_info__content {
        padding: 0 2em;
        margin: 0;
        max-width: 100%
    }

    .promotion_info__illustration {
        padding: 0 2em;
        margin: 0;
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        background-size: contain;
        background-position: 0 0;
        background-repeat: no-repeat
    }

    .promotion_info__illustration--theme_1 {
        background-image: url("https://www.fitx.de/img/block/shared/promotion_info/theme_1.svg");
        background-position: 100% 0
    }

    .promotion_info__illustration--theme_2 {
        background-image: url("https://www.fitx.de/img/block/shared/promotion_info/theme_2.svg");
        background-position: 100% 0
    }

    .promotion_info__illustration--theme_3 {
        background-image: url("https://www.fitx.de/img/block/shared/promotion_info/theme_3.svg");
        background-position: 100% 0
    }

    .promotion_info__what_text {
        text-align: inherit
    }
}

.reformationday_hero {
    margin-top: 73px
}

.reformationday_hero__background {
    height: 680px;
    background: #ed6a12 no-repeat;
    background-image: url("https://www.fitx.de/img/block/mobile/reformationday_hero/bg.jpg");
    background-size: 120%;
    background-position: center;
    will-change: transform
}

.reformationday_hero__content_wrap {
    transform: translate3d(0px, 0px, 0px);
    height: 680px;
    margin-top: -680px;
    position: relative
}

.reformationday_hero__valign {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 35.5%;
    left: 0;
    right: 0
}

.reformationday_hero__headline {
    color: #fff;
    text-align: center;
    width: 95%;
    margin: 0 auto
}

.reformationday_hero__content {
    width: 95%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    color: #fff
}

.reformationday_hero__search {
    text-align: center;
    width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.reformationday_hero__cta {
    text-align: center;
    max-width: 250px;
    width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.reformationday_hero__hardfacts {
    margin: 1em 0;
    padding-top: 1em;
    color: #fff;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0
}

@media(min-width: 480px) {
    .reformationday_hero__background {
        background-image:url("https://www.fitx.de/img/block/desktop/reformationday_hero/bg.jpg");
        background-size: cover
    }
}

@media(min-width: 768px) {
    .reformationday_hero {
        position:relative;
        width: 100%;
        min-height: 650px;
        height: calc(100vh - 73px)
    }

    .reformationday_hero__background {
        height: calc(100vh - 73px);
        min-height: 650px;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%
    }

    .reformationday_hero__content_wrap {
        height: calc(100vh - 73px);
        min-height: 650px;
        margin-top: 0;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%
    }

    .reformationday_hero__content {
        width: 85%;
        max-width: 830px;
        font-size: 1.4em
    }

    .reformationday_hero__hardfacts {
        background: rgba(0,0,0,0);
        bottom: 1em
    }

    .reformationday_hero__valign {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 42%
    }
}

.reformationday_info {
    background-color: #f5f5f5;
    padding: 4em 0
}

.reformationday_info__container {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    text-align: center
}

.reformationday_info__info {
    width: 100% !important;
    max-width: 100% !important;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto
}

.reformationday_info__info:after {
    content: "";
    display: table;
    clear: both
}

.reformationday_info__info>*:nth-child(2n+1) {
    width: calc(0%);
    float: left;
    clear: left;
    margin-left: 0
}

.reformationday_info__info>*:nth-child(2n+2) {
    width: calc(100%);
    float: left;
    clear: none;
    margin-right: 0
}

.reformationday_info__info_illustration {
    display: none
}

.reformationday_info__headline {
    border: 0;
    padding: 0;
    margin: 0;
    display: block;
    text-align: left;
    margin-bottom: .5em
}

.reformationday_info__subheadline {
    border: 0;
    padding: 0;
    margin: 0 0 1em 0;
    display: block;
    text-align: left
}

.reformationday_info__text {
    text-align: left
}

.reformationday_info__cta .cta {
    width: 100%
}

.reformationday_info__list {
    margin: 3em 0
}

.reformationday_info__list_item {
    background: url(/img/block/shared/icon/check_large.svg);
    background-repeat: no-repeat;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    text-transform: none;
    padding-left: 50px;
    background-size: 2em;
    text-align: left;
    margin-bottom: 1em
}

@media(min-width: 768px) {
    .reformationday_info {
        padding:7em 0
    }

    .reformationday_info__container {
        width: 95% !important;
        max-width: 1280px !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: left
    }

    .reformationday_info__info {
        max-width: 100%;
        max-width: 960px;
        margin-left: auto;
        margin-right: auto
    }

    .reformationday_info__info:after {
        content: "";
        display: table;
        clear: both
    }

    .reformationday_info__info>*:nth-child(2n+1) {
        width: calc(33.3333333333%);
        float: left;
        clear: left;
        padding-left: 0;
        margin-left: 0
    }

    .reformationday_info__info>*:nth-child(2n+2) {
        width: calc(66.6666666667%);
        float: left;
        clear: none;
        padding-right: 0;
        margin-right: 0
    }

    .reformationday_info__info_illustration {
        padding: 0 3em;
        display: block;
        height: 410px;
        background-repeat: no-repeat;
        text-indent: -9000px;
        background-size: contain;
        background-position: center
    }

    .reformationday_info__info_text {
        margin-top: 0
    }

    .reformationday_info__cta .cta {
        width: 295px
    }

    .reformationday_info__headline {
        text-align: left
    }

    .reformationday_info__subheadline {
        text-align: left
    }

    .reformationday_info__text {
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: left
    }

    .reformationday_info__list_item {
        font-size: 19px;
        line-height: 26px
    }
}

@media(min-width: 1024px) {
    .reformationday_info {
        padding:7em 0
    }

    .reformationday_info__container {
        width: 90% !important;
        max-width: 1280px !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: left
    }

    .reformationday_info__info {
        max-width: 100%;
        max-width: 960px;
        margin-left: auto;
        margin-right: auto
    }

    .reformationday_info__info:after {
        content: "";
        display: table;
        clear: both
    }

    .reformationday_info__info>*:nth-child(2n+1) {
        width: calc(25%);
        float: left;
        clear: left;
        padding-left: 0;
        margin-left: 0
    }

    .reformationday_info__info>*:nth-child(2n+2) {
        width: calc(75%);
        float: left;
        clear: none;
        padding-right: 0;
        margin-right: 0
    }

    .reformationday_info__info_illustration {
        padding: 0 3em;
        display: block;
        height: 410px;
        background-repeat: no-repeat;
        text-indent: -9000px;
        background-position: left
    }

    .reformationday_info__text {
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: left
    }
}

@media(min-width: 1280px) {
    .reformationday_info__highlight {
        padding:0 4em 0 3.5em
    }

    .reformationday_info__info_illustration {
        height: 490px;
        background-position: left
    }

    .reformationday_info__list_item {
        font-size: 20px;
        line-height: 28px
    }
}

.related_trainingareas {
    padding: 4em 0;
    background-color: #fff;
    position: relative
}

.related_trainingareas__headline {
    width: 90%;
    margin: 0 auto 1em auto;
    font-weight: 400
}

.related_trainingareas__area {
    display: block
}

.related_trainingareas__info {
    color: #1c2223;
    background-color: #fff;
    padding: 1em 0
}

.related_trainingareas__name {
    font-size: 1.2em
}

.related_trainingareas__kicker {
    color: #444;
    font-weight: 300
}

.related_trainingareas__image {
    height: 150px;
    border-radius: 6px;
    background-size: cover;
    background-position: center 0
}

@media(min-width: 1024px) {
    .related_trainingareas {
        max-width:1920px;
        padding: 7em 0;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .related_trainingareas__headline {
        width: 100%
    }

    .related_trainingareas__area {
        position: relative;
        height: 270px;
        box-shadow: none
    }

    .related_trainingareas__image {
        height: 230px;
        border-radius: 10px
    }

    .related_trainingareas__info {
        font-size: 1.8em
    }

    .related_trainingareas__name {
        font-size: 22px;
        line-height: 25px
    }

    .related_trainingareas__kicker {
        color: #fff;
        font-size: .7em;
        font-weight: 500
    }
}

.reopening_health_state {
    position: relative;
    max-width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    padding: 4em 0;
    background-color: #fff;
    color: #181d1e
}

.reopening_health_state--hidden {
    display: none
}

.reopening_health_state__container {
    padding: 0;
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.reopening_health_state__headline {
    font-size: 2.5em;
    line-height: 1.2;
    font-weight: normal;
    text-align: left;
    margin-bottom: .5em
}

.reopening_health_state__headline span {
    color: #00ae90;
    background-image: url(/img/block/shared/icon/check_list_icon.svg);
    background-repeat: no-repeat;
    background-size: 30px;
    padding-left: 45px;
    background-position: left center
}

.reopening_health_state__text {
    text-align: left;
    color: #444
}

.reopening_health_state__tile {
    margin-bottom: 5em
}

.reopening_health_state__tile:last-child {
    margin-bottom: 0
}

.reopening_health_state__tile_headline {
    color: #444;
    font-size: 1.9em;
    line-height: 1.2em;
    margin-bottom: 10px;
    font-weight: normal
}

.reopening_health_state__tile_text {
    font-size: 1.15em;
    line-height: 1.65em;
    color: #444
}

.reopening_health_state__tile_text h4 {
    font-size: 22px;
    line-height: 1.6em
}

.reopening_health_state__tile_text ul {
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;
    padding-left: 1em;
    margin-bottom: 2em
}

.reopening_health_state__tile_text ul li {
    list-style-position: outside;
    list-style-type: disc
}

.reopening_health_state__tile_image {
    height: 100px;
    margin: 0 0 1em 0
}

.reopening_health_state__tile_image img {
    height: 100%
}

.reopening_health_state__loading {
    background-image: url("https://www.fitx.de/img/block/shared/icon/loading_dots.gif");
    text-indent: -9000px;
    height: 50px;
    width: 100%;
    display: block;
    background-repeat: no-repeat;
    background-position: center top
}

.reopening_health_state__advanceNotice {
    background-color: #f8ede6;
    border-top: 9px solid #ed6a12;
    border-radius: 5px;
    color: #444;
    padding: 1em 1em 1.2em 3.5em;
    background-image: url("https://www.fitx.de/img/block/shared/icon/alert_orange.svg");
    background-repeat: no-repeat;
    background-position: 1em 1.2em;
    margin-bottom: 4em
}

.reopening_health_state__advanceNotice h3,.reopening_health_state__advanceNotice strong {
    font-weight: normal
}

.reopening_health_state__advanceNotice h3 {
    margin-bottom: .75em
}

.reopening_health_state__advanceNotice p {
    line-height: 1.4;
    margin-bottom: .75em
}

@media(min-width: 768px) {
    .reopening_health_state__tiles {
        overflow:hidden;
        margin-top: 3em
    }

    .reopening_health_state__tile {
        margin: 0 0 2em 0;
        width: 30%;
        float: left;
        margin-right: 5%
    }

    .reopening_health_state__tile:nth-child(3n) {
        margin-right: 0
    }
}

@media(min-width: 1024px) {
    .reopening_health_state {
        padding:7em 0;
        max-width: 1920px
    }

    .reopening_health_state__container {
        padding: 0;
        max-width: 100%
    }

    .reopening_health_state__container--idle {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: flex-start;
        -moz-align-items: flex-start;
        -ms-align-items: flex-start;
        align-items: flex-start
    }

    .reopening_health_state__headline {
        max-width: 70%
    }

    .reopening_health_state__text {
        max-width: 70%
    }

    .reopening_health_state__headline--idle,.reopening_health_state__text--idle {
        max-width: 90%
    }

    .reopening_health_state__tiles {
        overflow: hidden;
        max-width: initial;
        margin-left: auto;
        margin-right: auto
    }

    .reopening_health_state__tiles:after {
        content: "";
        display: table;
        clear: both
    }

    .reopening_health_state__tiles>*:nth-child(3n+1) {
        width: calc(33.3333333333%);
        float: left;
        clear: left;
        padding-left: 0;
        margin-left: 0
    }

    .reopening_health_state__tiles>*:nth-child(3n+2) {
        width: calc(33.3333333333%);
        float: left;
        clear: none
    }

    .reopening_health_state__tiles>*:nth-child(3n+3) {
        width: calc(33.3333333333%);
        float: left;
        clear: none;
        padding-right: 0;
        margin-right: 0
    }

    .reopening_health_state__tile {
        margin: 0;
        padding: 2em
    }

    .reopening_health_state__tile_headline {
        color: #444;
        font-size: 1.8em;
        line-height: 1.4em;
        max-width: 100%;
        margin-bottom: .5em
    }

    .reopening_health_state__tile_text {
        font-size: 1.3em;
        line-height: 1.4em
    }

    .reopening_health_state__tile_text ul {
        font-size: 18px
    }

    .reopening_health_state__tile_image {
        height: 100px;
        margin: 0 0 1em 0
    }

    .reopening_health_state__tile_image img {
        height: 100%
    }
}

@media(min-width: 1280px) {
    .reopening_health_state__headline {
        max-width:60%
    }

    .reopening_health_state__tile_text {
        font-size: 1.1em;
        line-height: 1.8em
    }

    .reopening_health_state__headline--idle,.reopening_health_state__text--idle {
        max-width: 90%
    }
}

@media(min-width: 1800px) {
    .reopening_health_state__headline,.reopening_health_state__text {
        max-width:50%
    }

    .reopening_health_state__headline--idle,.reopening_health_state__text--idle {
        max-width: 80%
    }
}

.reopening_health {
    position: relative;
    max-width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    padding: 4em 0;
    background-color: #f5f5f5;
    color: #181d1e
}

.reopening_health__container {
    padding: 2em 0;
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.reopening_health__headline {
    font-size: 2.5em;
    line-height: 1.1em;
    text-align: left;
    margin: 0 auto;
    margin-bottom: .5em
}

.reopening_health__text {
    text-align: left;
    margin: 0 auto;
    margin-bottom: 3em;
    color: #444
}

.reopening_health__tile {
    margin-bottom: 5em
}

.reopening_health__tile:last-child {
    margin-bottom: 0
}

.reopening_health__tile_headline {
    color: #444;
    font-size: 1.9em;
    line-height: 1.2em;
    margin-bottom: 10px
}

.reopening_health__tile_text {
    font-size: 1.15em;
    line-height: 1.65em;
    color: #444
}

.reopening_health__tile_image {
    height: 100px;
    margin: 0 0 1em 0
}

.reopening_health__tile_image img {
    height: 100%
}

@media(min-width: 768px) {
    .reopening_health__tiles {
        overflow:hidden
    }

    .reopening_health__tile {
        margin: 0 0 2em 0;
        width: 30%;
        float: left;
        margin-right: 5%
    }

    .reopening_health__tile:nth-child(3n) {
        margin-right: 0
    }
}

@media(min-width: 1024px) {
    .reopening_health {
        padding:7em 0;
        max-width: 1920px
    }

    .reopening_health__container {
        padding: 4em 0;
        max-width: 100%
    }

    .reopening_health__headline {
        font-size: 4.5em;
        line-height: 1em;
        max-width: 70%;
        text-align: center
    }

    .reopening_health__text {
        max-width: 70%;
        text-align: center;
        margin-bottom: 6em
    }

    .reopening_health__tiles {
        overflow: hidden;
        max-width: initial;
        margin-left: auto;
        margin-right: auto
    }

    .reopening_health__tiles:after {
        content: "";
        display: table;
        clear: both
    }

    .reopening_health__tiles>*:nth-child(3n+1) {
        width: calc(33.3333333333%);
        float: left;
        clear: left;
        padding-left: 0;
        margin-left: 0
    }

    .reopening_health__tiles>*:nth-child(3n+2) {
        width: calc(33.3333333333%);
        float: left;
        clear: none
    }

    .reopening_health__tiles>*:nth-child(3n+3) {
        width: calc(33.3333333333%);
        float: left;
        clear: none;
        padding-right: 0;
        margin-right: 0
    }

    .reopening_health__tile {
        margin: 0;
        padding: 2em
    }

    .reopening_health__tile_headline {
        color: #444;
        font-size: 1.8em;
        line-height: 1.4em;
        max-width: 100%;
        margin-bottom: .5em
    }

    .reopening_health__tile_text {
        font-size: 1.3em;
        line-height: 1.4em
    }

    .reopening_health__tile_image {
        height: 100px;
        margin: 0 0 1em 0
    }

    .reopening_health__tile_image img {
        height: 100%
    }
}

@media(min-width: 1280px) {
    .reopening_health__headline {
        max-width:60%
    }

    .reopening_health__tile_text {
        font-size: 1.1em;
        line-height: 1.8em
    }
}

@media(min-width: 1800px) {
    .reopening_health__headline,.reopening_health__text {
        max-width:50%
    }
}

body[data-controller=reopening] {
    background-color: #f5f5f5
}

.reopening_hero {
    width: 100%;
    max-width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    background-color: #24353f;
    color: #fff;
    text-align: left;
    margin-top: 73px
}

.reopening_hero__container {
    padding: 2em 0 4em;
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.reopening_hero__kicker {
    color: #ed6a12;
    text-transform: uppercase;
    border: 1px solid #ed6a12;
    border-radius: 5px;
    padding: 5px 10px;
    font-size: 1em
}

.reopening_hero__headline {
    margin: .3em auto;
    font-size: 2.5em;
    line-height: 1.2em
}

.reopening_hero__headline span {
    display: none
}

.reopening_hero__text {
    font-size: 1.3em;
    color: #fff;
    font-weight: 400;
    line-height: 1.6em;
    margin-bottom: 2em
}

.reopening_hero__cta .cta {
    width: 100%;
    max-width: 400px
}

.reopening_hero__image img {
    width: 100%
}

.reopening_hero__image img.desktop {
    display: none
}

@media(min-width: 768px) {
    .reopening_hero {
        padding:0
    }

    .reopening_hero__cta .cta {
        width: 100%;
        max-width: 295px
    }
}

@media(min-width: 1024px) {
    .reopening_hero {
        margin-top:73px;
        height: 550px;
        width: 100%;
        max-width: 100%;
        max-width: 1920px;
        float: none;
        margin-right: auto;
        margin-left: auto;
        padding: 0;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: right
    }

    .reopening_hero .container {
        height: 100%;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row-reverse;
        -moz-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center
    }

    .reopening_hero__container {
        padding: 0;
        max-width: 52%;
        text-align: left;
        float: none;
        margin-left: 0;
        -webkit-flex-basis: 49%;
        -moz-flex-basis: 49%;
        -ms-flex-basis: 49%;
        -ms-flex-preferred-size: 49%;
        flex-basis: 49%
    }

    .reopening_hero__kicker {
        padding: 5px 25px;
        font-size: 1em
    }

    .reopening_hero__headline {
        margin: .3em auto;
        font-size: 2.9em;
        line-height: 1.2
    }

    .reopening_hero__text {
        font-size: 1.4em;
        line-height: 1.6em;
        margin: 0 auto 2em;
        color: #fff
    }

    .reopening_hero__image img {
        border-radius: 0;
        width: auto;
        height: 550px
    }

    .reopening_hero__image img.mobile {
        display: none
    }

    .reopening_hero__image img.desktop {
        display: block;
        margin: 0 auto
    }
}

@media(min-width: 1800px) {
    .reopening_hero__kicker {
        font-size:1em
    }

    .reopening_hero__headline {
        font-size: 2.8em;
        line-height: 1.2
    }

    .reopening_hero__headline span {
        display: inline
    }
}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
    .reopening_hero {
        margin-top: 0
    }
}

.reopening_media {
    position: relative;
    max-width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    padding: 4em 0 0 0;
    background-color: #fff;
    color: #181d1e;
    text-align: center
}

.reopening_media--hidden {
    display: none
}

.reopening_media__container {
    padding: 2em 0;
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.reopening_media__container--slider {
    max-width: 100%
}

.reopening_media__video,.reopening_media__slider {
    position: relative;
    margin: 0 auto;
    width: 100%;
    height: 200px;
    max-height: 90vh;
    background-color: #ed6a12;
    border-radius: 10px;
    box-shadow: 1px 5px 20px 5px rgba(23,23,23,.075);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    outline: none
}

.reopening_media__slider {
    background-color: rgba(0,0,0,0);
    box-shadow: none;
    height: auto
}

.reopening_media__video_embed {
    left: 50%;
    height: auto;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 10px;
    outline: none
}

.reopening_media__headline {
    line-height: 1.1em;
    text-align: center;
    margin: 0 auto;
    margin-bottom: .5em;
    font-weight: normal
}

.reopening_media__text {
    text-align: center;
    margin: 0 auto;
    margin-bottom: 3em;
    color: #444;
    max-width: 90%
}

@media(min-width: 768px) {
    .reopening_media__video,.reopening_media__slider {
        height:36vw
    }
}

@media(min-width: 1024px) {
    .reopening_media {
        padding:7em 0 0;
        margin-top: 0;
        max-width: 1920px
    }

    .reopening_media__container {
        padding: 4em 0;
        max-width: 100%
    }

    .reopening_media__video,.reopening_media__slider {
        margin: 0 auto;
        height: 580px
    }
}

@media(min-width: 1800px) {
    .reopening_media {
        margin-top:0
    }

    .reopening_media__video,.reopening_media__slider {
        margin: 0 auto;
        height: 720px
    }
}

@media screen and (min-width: 1921px) {
    .reopening_media {
        margin-top:0
    }
}

.reopening_workload {
    position: relative;
    max-width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    padding: 4em 0;
    background-color: #181d1e;
    color: #fff
}

.reopening_workload--hidden {
    display: none
}

.reopening_workload__container {
    padding: 2em 0;
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.reopening_workload__headline {
    margin-bottom: 1em;
    font-size: 2.5em;
    line-height: 1.1em;
    font-weight: normal
}

.reopening_workload__text {
    color: rgba(255,255,255,.7)
}

.reopening_workload__selector {
    margin-top: 2em
}

@media(min-width: 1024px) {
    .reopening_workload {
        padding:7em 0;
        max-width: 1920px
    }

    .reopening_workload__container {
        padding: 0;
        max-width: 100%
    }

    .reopening_workload__headline {
        margin-bottom: .5em;
        line-height: 1em
    }

    .reopening_workload__content {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .reopening_workload__content_text {
        width: 55%
    }

    .reopening_workload__content_image {
        width: 50%;
        background-size: 220px;
        background-repeat: no-repeat;
        background-position: center
    }

    .reopening_workload__selector {
        margin-top: 3em
    }
}

.rolling_text {
    max-width: 1920px;
    margin: 13vw auto 0
}

.rolling_text .wrapper {
    box-sizing: border-box;
    height: 53vw;
    padding: 4vw 0;
    display: flex;
    text-align: center
}

.rolling_text .words {
    overflow: hidden;
    width: 95%;
    margin: 0 auto
}

.rolling_text span {
    display: block;
    height: 53vw;
    font-size: 36px;
    font-weight: bold;
    box-sizing: border-box;
    text-transform: uppercase;
    color: #fff;
    animation: spin_words 12s infinite;
    -webkit-text-fill-color: rgba(0,0,0,0);
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fff
}

.rolling_text span strong {
    -webkit-text-fill-color: #fff
}

@keyframes spin_words {
    5% {
        transform: translateY(-100%)
    }

    20% {
        transform: translateY(-100%)
    }

    25% {
        transform: translateY(-200%)
    }

    40% {
        transform: translateY(-200%)
    }

    45% {
        transform: translateY(-300%)
    }

    60% {
        transform: translateY(-300%)
    }

    65% {
        transform: translateY(-400%)
    }

    80% {
        transform: translateY(-400%)
    }

    85% {
        transform: translateY(-500%)
    }

    100% {
        transform: translateY(-500%)
    }
}

@media(min-width: 1024px) {
    .rolling_text {
        margin:0 auto;
        height: 10vw
    }

    .rolling_text .wrapper {
        height: 13vw;
        padding: 4vw 0
    }

    .rolling_text span {
        height: 100%;
        font-size: 4vw
    }

    @keyframes spin_words {
        5% {
            transform: translateY(-112%)
        }

        20% {
            transform: translateY(-100%)
        }

        25% {
            transform: translateY(-212%)
        }

        40% {
            transform: translateY(-200%)
        }

        45% {
            transform: translateY(-312%)
        }

        60% {
            transform: translateY(-300%)
        }

        65% {
            transform: translateY(-412%)
        }

        80% {
            transform: translateY(-400%)
        }

        85% {
            transform: translateY(-512%)
        }

        100% {
            transform: translateY(-500%)
        }
    }
}

@media screen and (min-width: 1921px) {
    .rolling_text {
        height:100px
    }

    .rolling_text .wrapper {
        height: 100px;
        padding: 0;
        margin: 100px 0
    }

    .rolling_text span {
        font-size: 80px
    }
}

.rotating_play {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 110px;
    height: 110px;
    background-image: url("https://www.fitx.de/img/block/shared/icon/play_video.svg");
    background-size: cover;
    transition: transform 1s linear;
    transform-origin: center;
    transform-style: preserve-3D;
    -webkit-animation: giro 24s infinite linear;
    animation: giro 24s infinite linear
}

@-webkit-keyframes giro {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes giro {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@media(min-width: 1024px) {
    .rotating_play {
        width:150px;
        height: 150px
    }
}

.round_button,a.round_button,a.round_button:hover,a.round_button:active,a.round_button:visited {
    display: block;
    font-size: 16.8px;
    padding: .6em;
    text-align: center;
    color: #1c2223;
    text-decoration: none;
    cursor: pointer;
    border: 2px solid #181d1e;
    border-radius: 26px;
    font-weight: 400
}

.round_button:hover {
    background-color: #f5f5f5
}

.round_button--disabled,a.round_button--disabled,a.round_button--disabled:hover,a.round_button--disabled:active,a.round_button--disabled:visited {
    color: silver;
    border-color: silver;
    cursor: default
}

@media(min-width: 768px) {
    .round_button,a.round_button,a.round_button:hover,a.round_button:active,a.round_button:visited {
        font-size:18px
    }
}

.sales_badge {
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%
}

.sales_badge--blue_1 {
    background-image: url("https://www.fitx.de/img/block/shared/sales_badge/blue/1.svg")
}

.sales_badge--blue_2 {
    background-image: url("https://www.fitx.de/img/block/shared/sales_badge/blue/2.svg")
}

.sales_badge--blue_3 {
    background-image: url("https://www.fitx.de/img/block/shared/sales_badge/blue/3.svg")
}

.sales_badge--blue_4 {
    background-image: url("https://www.fitx.de/img/block/shared/sales_badge/blue/4.svg")
}

.sales_badge--blue_5 {
    background-image: url("https://www.fitx.de/img/block/shared/sales_badge/blue/5.svg")
}

.sales_badge--blue_24 {
    background-image: url("https://www.fitx.de/img/block/shared/sales_badge/blue/24.svg")
}

.sales_badge--orange_1 {
    background-image: url("https://www.fitx.de/img/block/shared/sales_badge/orange/1.svg")
}

.sales_badge--orange_2 {
    background-image: url("https://www.fitx.de/img/block/shared/sales_badge/orange/2.svg")
}

.sales_badge--orange_3 {
    background-image: url("https://www.fitx.de/img/block/shared/sales_badge/orange/3.svg")
}

.sales_badge--orange_4 {
    background-image: url("https://www.fitx.de/img/block/shared/sales_badge/orange/4.svg")
}

.sales_badge--orange_5 {
    background-image: url("https://www.fitx.de/img/block/shared/sales_badge/orange/5.svg")
}

.sales_badge--orange_24 {
    background-image: url("https://www.fitx.de/img/block/shared/sales_badge/orange/24.svg")
}

.sales_conditions {
    padding: 4em 0
}

.sales_conditions--prereg_intro {
    padding: 0 0 4em
}

.sales_conditions--prereg {
    padding: 0 0 10em
}

.sales_conditions__container {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    background-color: #fff
}

.sales_conditions__text p {
    font-size: 16px;
    line-height: 28px;
    color: #444;
    margin: 0
}

.sales_conditions__headline {
    font-size: 18px;
    line-height: 21px;
    color: #181d1e;
    font-weight: normal;
    margin-bottom: .5em
}

.sales_conditions p:last-child {
    margin-bottom: 0
}

@media(min-width: 768px) {
    .sales_conditions {
        padding:7em 0 10em;
        float: none;
        margin-right: auto;
        margin-left: auto
    }
}

@media(min-width: 1024px) {
    .sales_conditions {
        padding:7em 0 10em
    }

    .sales_conditions__container {
        max-width: 90%;
        float: none;
        margin-right: auto;
        margin-left: auto;
        background-color: #fff
    }
}

@media(min-width: 1280px) {
    .sales_conditions {
        padding:7em 0
    }

    .sales_conditions--prereg_intro {
        padding: 0 0 10em
    }

    .sales_conditions--prereg {
        padding: 0 0 4em
    }

    .sales_conditions__container {
        max-width: 90%;
        float: none;
        margin-right: auto;
        margin-left: auto;
        background-color: #fff
    }
}

@media(min-width: 1800px) {
    .sales_conditions {
        padding:7em 0
    }

    .sales_conditions--prereg_intro {
        padding: 0 0 10em
    }

    .sales_conditions--prereg {
        padding: 0 0 4em
    }

    .sales_conditions__container {
        max-width: 1280px;
        float: none;
        margin-right: auto;
        margin-left: auto;
        background-color: #fff
    }
}

.sales_hero {
    max-width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.sales_hero__container {
    width: 100% !important;
    float: none;
    margin-right: auto;
    margin-left: auto;
    text-align: center
}

.sales_hero__roundedBottom {
    height: 10px;
    background-color: #fff;
    border-radius: 10px 10px 0 0
}

.sales_hero__image {
    min-height: 400px;
    width: 100%;
    background-image: url("https://www.fitx.de/img/block/mobile/sales_hero/bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-top: 20px
}

@media(min-width: 768px) {
    .sales_hero__image {
        background-image:url("https://www.fitx.de/img/block/desktop/sales_hero/bg.jpg")
    }
}

.sales_hero__fitx_logo {
    background-image: url("https://www.fitx.de/img/block/shared/header/fitx_logo.svg");
    text-indent: -9000px;
    background-repeat: no-repeat;
    background-position: center;
    height: 45px;
    background-size: contain;
    display: block
}

.sales_hero__content {
    background-color: #ed6a12;
    width: 100%
}

.sales_hero__content--blue {
    background-color: #24353f
}

.sales_hero__content_wrap {
    position: relative;
    padding: 2em 5%
}

.sales_hero__content_wrap--blue {
    padding: 7em 5% 3em
}

.sales_hero__sales_badge {
    position: absolute;
    width: 100px;
    height: 100px;
    top: -20px;
    right: 15%
}

.sales_hero__sales_badge--blue {
    width: 144px;
    height: 144px;
    top: -72px;
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.sales_hero__headline {
    font-size: 58px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1;
    color: rgba(0,0,0,0);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin: 14px 0
}

.sales_hero__headline--blue {
    font-size: 42px;
    line-height: 42px;
    margin: 0
}

.sales_hero__headline span {
    background-image: url("https://www.fitx.de/img/block/shared/sales_hero/24_euro.svg");
    text-indent: -9000px;
    background-repeat: no-repeat;
    display: block;
    background-size: contain;
    background-position: center;
    height: 1.5em;
    margin-top: .1em
}

.sales_hero__sublines {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-evenly;
    -moz-justify-content: space-evenly;
    -ms-justify-content: space-evenly;
    justify-content: space-evenly;
    -ms-flex-pack: space-evenly;
    margin: 30px 0 0 0
}

.sales_hero__sublines li {
    background-image: url("https://www.fitx.de/img/block/shared/icon/check_list_white.svg");
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: left center;
    padding-left: 25px;
    color: #fff
}

.sales_hero__cta {
    display: none
}

@media(min-width: 768px) {
    .sales_hero {
        padding:0
    }

    .sales_hero__container {
        width: 100% !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: center
    }
}

@media(min-width: 1024px) {
    .sales_hero {
        height:100%;
        max-height: 960px
    }

    .sales_hero__container {
        width: 100% !important;
        max-width: 1920px !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        padding-bottom: 0;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row-reverse;
        -moz-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        height: 100%
    }

    .sales_hero__roundedBottom {
        display: none
    }

    .sales_hero__fitx_logo {
        height: 65px
    }

    .sales_hero__content {
        position: relative
    }

    .sales_hero__content_wrap {
        position: absolute;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 100%
    }

    .sales_hero__content_wrap--blue {
        padding: 9em 5% 4em
    }

    .sales_hero__sales_badge {
        width: 150px;
        height: 150px;
        top: -40px;
        right: 90px
    }

    .sales_hero__sales_badge--blue {
        right: 0;
        left: unset
    }

    .sales_hero__headline {
        font-size: 90px
    }

    .sales_hero__headline--blue {
        font-size: 80px;
        line-height: 60px
    }

    .sales_hero__headline span {
        height: 1.5em
    }

    .sales_hero__sublines {
        margin: 50px 0 0 0
    }

    .sales_hero__sublines li {
        font-size: 20px;
        background-size: 20px;
        padding-left: 35px
    }

    .sales_hero__cta {
        display: block;
        margin-top: 5em
    }
}

@media(min-width: 1280px) {
    .sales_hero__sales_badge {
        width:150px;
        height: 150px;
        top: -40px;
        right: 120px
    }

    .sales_hero__sales_badge--blue {
        right: 0;
        left: unset
    }

    .sales_hero__headline {
        font-size: 90px
    }

    .sales_hero__headline--blue {
        line-height: 70px
    }

    .sales_hero__headline span {
        height: 1.5em
    }
}

@media(min-width: 1800px) {
    .sales_hero__sales_badge {
        width:200px;
        height: 200px;
        top: -50px;
        right: 210px
    }

    .sales_hero__sales_badge--blue {
        right: 0;
        left: unset
    }

    .sales_hero__headline {
        font-size: 120px
    }

    .sales_hero__headline--blue {
        line-height: 100px
    }

    .sales_hero__headline span {
        height: 1.5em
    }

    .sales_hero__sublines {
        margin: 50px 0 0 0
    }

    .sales_hero__sublines li {
        font-size: 24px;
        background-size: 24px;
        padding-left: 35px
    }
}

.sales_intro__container {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
    padding: 2em 0 0
}

.sales_intro__headline {
    margin-bottom: .5em;
    font-weight: normal
}

.sales_intro__text,.sales_intro__reviews {
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    color: #444
}

.sales_intro__reviews {
    font-weight: normal
}

@media(min-width: 768px) {
    .sales_intro {
        padding:0
    }

    .sales_intro__container {
        width: 90% !important;
        max-width: 1280px !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: center
    }

    .sales_intro__headline {
        font-size: 3em;
        margin-bottom: 1em
    }
}

@media(min-width: 1024px) {
    .sales_intro {
        padding:7em 0 0
    }

    .sales_intro__container {
        width: 90% !important;
        max-width: 1280px !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        padding-bottom: 0
    }

    .sales_intro__headline {
        text-align: center
    }

    .sales_intro__text,.sales_intro__reviews {
        font-size: 22px;
        line-height: 36px;
        max-width: 980px;
        float: none;
        margin-right: auto;
        margin-left: auto
    }
}

.scenic_selector__headline {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    margin-bottom: 1em
}

.scenic_selector__change {
    background-color: #444;
    padding: .2em .8em;
    border-radius: 3px;
    cursor: pointer
}

.scenic_selector .course_plan_selector__select_wrap {
    margin-top: 0
}

.scroll_arrow {
    width: 40px;
    height: 50px;
    background-size: contain;
    background: rgba(0,0,0,0) no-repeat center;
    background-image: url("https://www.fitx.de/img/block/shared/scroll_arrow/arrow_down.svg");
    text-indent: -9000px;
    display: block;
    cursor: pointer;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.scroll_arrow--black {
    background-image: url("https://www.fitx.de/img/block/shared/scroll_arrow/arrow_down_black.svg")
}

.scroll_arrow--up {
    background-image: url("https://www.fitx.de/img/block/shared/scroll_arrow/arrow_up.svg")
}

.scroll_arrow--up--black {
    background-image: url("https://www.fitx.de/img/block/shared/scroll_arrow/arrow_up_black.svg")
}

.scroll_arrow--up--grey {
    background-image: url("https://www.fitx.de/img/block/shared/scroll_arrow/arrow_up_black.svg")
}

.scroll_arrow--up--lightergrey {
    background-image: url("https://www.fitx.de/img/block/shared/scroll_arrow/arrow_up_black.svg")
}

.search_filter--invisible {
    display: none
}

.search_filter__content {
    margin-top: 30px;
    margin-bottom: 30px
}

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

.search_filter__search_box {
    width: 100%;
    border: 1px solid #ddd !important;
    background-color: #fff;
    box-shadow: none;
    border-radius: 30px !important;
    color: #181d1e;
    padding: 0 0 0 50px !important;
    height: 52px !important;
    line-height: 52px !important;
    font-size: 16px !important
}

.search_filter ::-webkit-input-placeholder {
    color: #717171 !important
}

.search_filter ::-moz-placeholder {
    color: #717171 !important
}

.search_filter :-ms-input-placeholder {
    color: #717171 !important
}

.search_filter :-moz-placeholder {
    color: #717171 !important
}

.search_filter__button {
    position: absolute;
    border-radius: 0 !important;
    left: 0;
    width: 62px;
    height: 52px;
    vertical-align: bottom;
    background-image: url("https://www.fitx.de/img/block/shared/icon/search.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    cursor: pointer;
    border: 0;
    border-left: none;
    background-color: rgba(0,0,0,0)
}

.search_filter__reset {
    position: absolute;
    border-radius: 0 !important;
    right: 0;
    width: 62px;
    height: 56px;
    vertical-align: bottom;
    background-image: url("https://www.fitx.de/img/block/shared/icon/clear.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    cursor: pointer;
    border: 0;
    border-left: none;
    background-color: rgba(0,0,0,0);
    display: none
}

.search_filter__reset--visible {
    display: inline-block
}

.search_filter--disabled {
    opacity: .5
}

@media(min-width: 1024px) {
    .search_filter__input_wrap {
        width:100%;
        height: 56px;
        line-height: 54px
    }

    .search_filter__search_box {
        height: 56px !important;
        line-height: 54px;
        font-size: 18px !important
    }

    .search_filter__button {
        height: 56px
    }
}

.search_hero_video {
    max-width: 1920px;
    margin: 73px auto 0 auto;
    position: relative
}

.search_hero_video__content {
    padding: 2em 2.5%;
    background-color: #f5f5f5;
    color: #1c2223
}

.search_hero_video__video_container {
    overflow: hidden;
    width: 100%;
    position: relative
}

.search_hero_video__video {
    width: 100%;
    display: block;
    background-size: cover;
    background-position: 50% 50%
}

.search_hero_video__intro {
    margin-bottom: 0;
    text-transform: uppercase
}

.search_hero_video__headline {
    font-size: 2.4em;
    line-height: 1.1em
}

.search_hero_video__search {
    margin: 1.5em 0 1em 0;
    transition: transform .3s,opacity .3s;
    overflow: hidden;
    transform: translateY(0)
}

.search_hero_video__search--hidden {
    opacity: 0;
    transform: translateY(10px)
}

.search_hero_video__search--shown {
    overflow: initial
}

.search_hero_video__conditions {
    display: block;
    background-color: #f5f5f5;
    padding: 0 2.5% 1em;
    color: #717171
}

@media(min-width: 768px) {
    .search_hero_video {
        z-index:1;
        position: relative;
        height: 40vh;
        margin: 73px auto 0 auto
    }

    .search_hero_video__content {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%
    }

    .search_hero_video__video_container {
        overflow: hidden;
        height: 100%;
        position: relative
    }

    .search_hero_video__video {
        width: 100%;
        min-width: 100%;
        min-height: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%)
    }

    .search_hero_video__content {
        background-color: rgba(0,0,0,0);
        color: #fff;
        padding: 0 0 0 5%;
        top: 40%;
        transform: translateY(-40%);
        opacity: 1
    }

    .search_hero_video__content_wrap {
        width: 100%
    }

    .search_hero_video__headline {
        font-size: 4em;
        max-width: 500px
    }

    .search_hero_video__search {
        height: 56px;
        max-width: 500px
    }

    .search_hero_video__conditions {
        position: absolute;
        bottom: 1em;
        background-color: rgba(0,0,0,0);
        color: rgba(255,255,255,.8);
        padding: 0 0 0 5%
    }
}

@media(min-width: 1024px) {
    .search_hero_video {
        height:63vh
    }

    .search_hero_video__content {
        padding: 0
    }

    .search_hero_video__search {
        max-width: 50%
    }

    .search_hero_video__video_container {
        overflow: hidden;
        position: relative
    }

    .search_hero_video__video {
        width: 100%;
        min-width: 100%;
        min-height: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%)
    }

    .search_hero_video__conditions {
        padding: 0
    }
}

@media(min-width: 1280px) {
    .search_hero_video {
        height:80vh
    }

    .search_hero_video__content_wrap {
        width: 100%
    }

    .search_hero_video__search {
        max-width: 50%
    }
}

@media(min-width: 1800px) {
    .search_hero_video {
        height:78vh;
        max-height: 1000px
    }
}

body[data-controller=index] {
    background-color: #fff
}

.no-webp .search_hero__background--startpage {
    background-image: url("https://www.fitx.de/img/block/mobile/startpage_hero/bg_full.jpg")
}

.webp .search_hero__background--startpage {
    background-image: url("https://www.fitx.de/img/block/mobile/startpage_hero/bg_full.webp")
}

.search_hero {
    z-index: 1;
    position: relative;
    max-width: 1920px;
    margin: 73px auto 0 auto
}

.search_hero--notice {
    margin-top: 0
}

.search_hero__mobile_search {
    position: fixed;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 100;
    top: 0;
    left: 0;
    padding: 1em 5% 0 5%;
    -webkit-transition: height .5s,top .5s;
    -o-transition: height .5s,top .5s;
    transition: height .5s,top .5s
}

.search_hero__mobile_search--hidden {
    height: 0;
    top: 100%
}

.search_hero__mobile_search_nav {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center
}

.search_hero__mobile_search_search {
    width: 100%
}

.search_hero__mobile_search_reset {
    background-image: url(/img/block/shared/icon/back.svg);
    width: 34px;
    height: 54px;
    background-size: 14px;
    background-position: left center;
    display: block;
    text-indent: -9999px;
    background-repeat: no-repeat;
    cursor: pointer
}

.search_hero__background {
    height: 35vh
}

.search_hero__background--startpage {
    background-size: cover;
    background-position: center
}

.search_hero__event_hero {
    opacity: 0
}

.search_hero__event_hero--active {
    opacity: 1
}

.search_hero__split_container {
    position: relative;
    height: 35vh;
    min-height: 400px
}

.search_hero__split_background {
    position: absolute;
    height: 100%;
    width: 100%
}

.search_hero__split_background--noCutout {
    display: none
}

.search_hero__cutout {
    position: absolute;
    top: 10px;
    left: 0;
    width: 100%;
    height: calc(100% - 10px);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain;
    opacity: 0
}

.search_hero__cutout--active {
    opacity: 1;
    -webkit-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s
}

.search_hero__split_background_text {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 5%;
    z-index: 100;
    opacity: 0;
    max-width: 50%
}

.search_hero__split_background_text--active {
    opacity: 1;
    -webkit-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s
}

.search_hero__split_background_text--noCutout {
    top: 65%;
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.search_hero__split_background_headline {
    color: #fff;
    font-size: 28px;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 20px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.search_hero__split_background_cta {
    padding: 10px 20px;
    font-size: 14px;
    width: auto
}

.search_hero__split_background_navigation {
    position: absolute;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    bottom: 51px
}

.search_hero__split_background_navigation_item_clickarea {
    padding: 1em 0
}

.search_hero__split_background_navigation_item {
    width: 30px;
    height: 4px;
    border-radius: 3px;
    background-color: rgba(255,255,255,.5);
    margin: 0 4px;
    cursor: pointer
}

.search_hero__split_background_navigation_item:hover {
    background-color: #fff
}

.search_hero__split_background_navigation_progress_indicator {
    background-color: #fff;
    height: 100%;
    border-radius: 3px;
    width: 0
}

.search_hero__split_background_badge {
    position: absolute;
    top: 50%;
    right: 5%;
    -ms-transform: translate(-5%, -50%);
    -webkit-transform: translate(-5%, -50%);
    -moz-transform: translate(-5%, -50%);
    -o-transform: translate(-5%, -50%);
    transform: translate(-5%, -50%);
    width: 108px;
    z-index: 100;
    opacity: 0
}

.search_hero__split_background_badge img {
    width: 100%;
    height: auto
}

.search_hero__split_background_badge--active {
    opacity: 1;
    -webkit-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s
}

.search_hero__split_background_badge--large {
    top: 40%;
    width: 90%;
    right: 2.5%;
    -ms-transform: translate(-2.5%, -50%);
    -webkit-transform: translate(-2.5%, -50%);
    -moz-transform: translate(-2.5%, -50%);
    -o-transform: translate(-2.5%, -50%);
    transform: translate(-2.5%, -50%)
}

.search_hero__split_background_badge--full {
    top: 18vw;
    right: 14vw
}

.search_hero__content_wrap {
    border-radius: 10px;
    background-color: #fff;
    margin-top: -80px;
    border: 1px solid #e5e5e5;
    position: relative;
    display: block
}

.search_hero__content_wrap_container {
    padding: 25px
}

.search_hero__content_wrap:before {
    content: "";
    -webkit-box-shadow: 0 4px 10px rgba(0,0,0,.1);
    box-shadow: 0 4px 10px rgba(0,0,0,.1);
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: -1;
    border-radius: 10px
}

.search_hero__content {
    padding: 2em 5%;
    color: #181d1e
}

.search_hero__intro {
    margin-bottom: 5px;
    color: #717171
}

.search_hero__headline {
    font-size: 2.4em;
    line-height: 1.1em
}

.search_hero__search {
    margin: 1.5em 0 0 0;
    -webkit-transition: opacity .3s,-webkit-transform .3s;
    transition: opacity .3s,-webkit-transform .3s;
    -o-transition: transform .3s,opacity .3s;
    transition: transform .3s,opacity .3s;
    transition: transform .3s,opacity .3s,-webkit-transform .3s;
    overflow: hidden;
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.search_hero__search--hidden {
    opacity: 0;
    -ms-transform: translateY(10%);
    -webkit-transform: translateY(10%);
    -moz-transform: translateY(10%);
    -o-transform: translateY(10%);
    transform: translateY(10%)
}

.search_hero__search--shown {
    overflow: visible
}

.search_hero__emergency_notice {
    margin-bottom: 2em
}

.search_hero__cta .cta {
    width: 100%;
    max-width: 420px
}

.search_hero__video_container {
    position: relative;
    height: 400px;
    width: 100%;
    display: none
}

.search_hero__video_container--active {
    display: block
}

.search_hero__video {
    left: 50%;
    height: auto;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -o-object-fit: cover;
    object-fit: cover
}

.search_hero__headline_svg_container {
    position: absolute;
    top: 43vw;
    left: 2.5%;
    width: 95%;
    transform: translate(0, -50%);
    text-align: center;
    z-index: 1
}

.search_hero__headline_svg_container--full {
    top: 50vw
}

.search_hero__headline_svg {
    height: 60vw;
    background-size: contain;
    margin-bottom: 4vw;
    background-repeat: no-repeat;
    background-position: center
}

.search_hero__headline_svg--full {
    height: 50vw
}

.search_hero__fullBackgroundImage {
    position: relative;
    height: 400px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    display: none
}

.search_hero__fullBackgroundImage--active {
    display: block
}

@media(min-width: 768px) {
    .no-webp .search_hero__background--startpage {
        background-image:url("https://www.fitx.de/img/block/desktop/startpage_hero/bg_full.jpg")
    }

    .webp .search_hero__background--startpage {
        background-image: url("https://www.fitx.de/img/block/desktop/startpage_hero/bg_full.webp")
    }

    .search_hero {
        z-index: 1;
        position: relative;
        height: 400px;
        margin: 73px auto 0 auto
    }

    .search_hero--notice {
        margin-top: 0
    }

    .search_hero__mobile_search {
        display: none
    }

    .search_hero__background,.search_hero__content {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%
    }

    .search_hero__background {
        height: 400px
    }

    .search_hero__background--startpage {
        background-size: cover;
        background-position: center 0
    }

    .search_hero__split_container {
        height: 400px
    }

    .search_hero__split_background {
        top: 0;
        left: 0;
        height: 400px
    }

    .search_hero__split_background--noCutout {
        display: block
    }

    .search_hero__split_background_text {
        left: 60%;
        max-width: 260px;
        top: 50%;
        -webkit-transform: translateY(-50%) scale(0.8);
        -ms-transform: translateY(-50%) scale(0.8);
        transform: translateY(-50%) scale(0.8);
        -webkit-transform-origin: left;
        -ms-transform-origin: left;
        transform-origin: left
    }

    .search_hero__split_background_text--noCutout {
        left: calc(75% + 50px);
        top: 75%;
        -ms-transform: translate(-75%, -75%);
        -webkit-transform: translate(-75%, -75%);
        -moz-transform: translate(-75%, -75%);
        -o-transform: translate(-75%, -75%);
        transform: translate(-75%, -75%)
    }

    .search_hero__split_background_headline {
        font-size: 36px;
        line-height: 39px;
        margin-bottom: 30px
    }

    .search_hero__cutout {
        top: 25px;
        left: 0;
        width: 100%;
        height: calc(100% - 25px)
    }

    .search_hero__split_background_navigation {
        bottom: 23px
    }

    .search_hero__split_background_navigation_item {
        width: 60px
    }

    .search_hero__split_background_navigation_item {
        width: 60px
    }

    .search_hero__split_background_badge {
        top: 10%;
        right: 5%;
        -ms-transform: translate(-5%, -10%);
        -webkit-transform: translate(-5%, -10%);
        -moz-transform: translate(-5%, -10%);
        -o-transform: translate(-5%, -10%);
        transform: translate(-5%, -10%)
    }

    .search_hero__split_background_badge--large {
        top: 40%;
        width: 40%;
        right: 5%;
        -ms-transform: translate(0, -40%);
        -webkit-transform: translate(0, -40%);
        -moz-transform: translate(0, -40%);
        -o-transform: translate(0, -40%);
        transform: translate(0, -40%)
    }

    .search_hero__split_background_cta {
        padding: 17px;
        font-size: 18px;
        min-width: 250px
    }

    .search_hero__content {
        background-color: rgba(0,0,0,0);
        color: #fff;
        padding: 0 5% 0 5%;
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        opacity: 1
    }

    .search_hero__content_wrap {
        width: 50%;
        max-width: 415px;
        border-radius: 10px;
        background-color: #fff;
        -webkit-filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.1));
        filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.1));
        margin-top: 0;
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8);
        -webkit-transform-origin: left;
        -ms-transform-origin: left;
        transform-origin: left
    }

    .search_hero__content_wrap_container {
        padding: 54px 30px
    }

    .search_hero__content_wrap:before {
        content: "";
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .search_hero__headline {
        font-size: 36px;
        line-height: 39px;
        max-width: 500px;
        color: #181d1e
    }

    .search_hero__search {
        height: auto
    }

    .search_hero__emergency_notice {
        margin-bottom: 7em
    }

    .search_hero__cta .cta {
        max-width: 295px
    }

    .search_hero__video_container {
        position: relative;
        height: 400px;
        width: 100%;
        display: none
    }

    .search_hero__video_container--active {
        display: block
    }

    .search_hero__video {
        left: 50%;
        height: auto;
        height: 100%;
        width: 100%;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -o-object-fit: cover;
        object-fit: cover
    }

    .search_hero__headline_svg_container {
        top: 55%;
        left: 45%;
        width: 50%;
        transform: translate(0, -50%)
    }

    .search_hero__headline_svg {
        height: 55px;
        margin-bottom: 50px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center
    }

    .search_hero__headline_svg--full {
        height: 220px;
        background-size: contain;
        margin-bottom: 30px
    }

    .search_hero__fullBackgroundImage {
        position: relative;
        height: 400px;
        width: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        display: none
    }

    .search_hero__fullBackgroundImage--active {
        display: block
    }
}

@media(min-width: 1024px) {
    .search_hero {
        height:500px
    }

    .search_hero__background {
        height: 100%
    }

    .search_hero__background--startpage {
        background-position: center 0
    }

    .search_hero__split_container {
        position: relative;
        height: 500px
    }

    .search_hero__split_background_badge {
        top: 15%;
        right: 5%;
        -ms-transform: translate(-5%, -15%);
        -webkit-transform: translate(-5%, -15%);
        -moz-transform: translate(-5%, -15%);
        -o-transform: translate(-5%, -15%);
        transform: translate(-5%, -15%);
        width: 140px
    }

    .search_hero__split_background_badge--large {
        top: 40%;
        width: 40%;
        right: 5%;
        -ms-transform: translate(0, -40%);
        -webkit-transform: translate(0, -40%);
        -moz-transform: translate(0, -40%);
        -o-transform: translate(0, -40%);
        transform: translate(0, -40%)
    }

    .search_hero__split_background_badge--full {
        top: 7%;
        right: 11%
    }

    .search_hero__split_background {
        height: 100%
    }

    .search_hero__split_background_text {
        left: 63%;
        top: 60%;
        -webkit-transform: scale(0.8) translateY(-60%);
        -ms-transform: scale(0.8) translateY(-60%);
        -moz-transform: scale(0.8) translateY(-60%);
        -o-transform: scale(0.8) translateY(-60%);
        transform: scale(0.8) translateY(-60%);
        -webkit-transform-origin: left;
        -ms-transform-origin: left;
        transform-origin: left
    }

    .search_hero__split_background_text--noCutout {
        left: calc(75% + 50px);
        top: 75%;
        -ms-transform: translate(-75%, -75%);
        -webkit-transform: translate(-75%, -75%);
        -moz-transform: translate(-75%, -75%);
        -o-transform: translate(-75%, -75%);
        transform: translate(-75%, -75%)
    }

    .search_hero__content {
        padding: 0
    }

    .search_hero__video_container {
        height: 500px
    }

    .search_hero__headline_svg {
        height: 55px;
        margin-bottom: 50px
    }

    .search_hero__headline_svg--full {
        height: 300px;
        background-size: contain;
        margin-bottom: 30px
    }

    .search_hero__fullBackgroundImage {
        height: 500px
    }
}

@media(min-width: 1280px) {
    .search_hero {
        height:500px
    }

    .search_hero__background {
        height: 100%
    }

    .search_hero__background--startpage {
        background-size: cover;
        background-position: center 0
    }

    .search_hero__split_container {
        position: relative;
        height: 500px
    }

    .search_hero__split_background_badge {
        top: 15%;
        right: 10%;
        -ms-transform: translate(-10%, -15%);
        -webkit-transform: translate(-10%, -15%);
        -moz-transform: translate(-10%, -15%);
        -o-transform: translate(-10%, -15%);
        transform: translate(-10%, -15%);
        width: 140px
    }

    .search_hero__split_background_badge--large {
        top: 40%;
        width: 40%;
        right: 5%;
        -ms-transform: translate(0, -40%);
        -webkit-transform: translate(0, -40%);
        -moz-transform: translate(0, -40%);
        -o-transform: translate(0, -40%);
        transform: translate(0, -40%)
    }

    .search_hero__split_background_badge--full {
        top: 5%;
        right: 22%
    }

    .search_hero__split_background {
        height: 100%
    }

    .search_hero__split_background_text {
        left: 63%;
        top: 64%;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        -webkit-transform: translateY(-64%);
        -ms-transform: translateY(-64%);
        transform: translateY(-64%)
    }

    .search_hero__split_background_text--noCutout {
        left: calc(75% + 50px);
        top: 80%;
        -ms-transform: translate(-75%, -60%);
        -webkit-transform: translate(-75%, -60%);
        -moz-transform: translate(-75%, -60%);
        -o-transform: translate(-75%, -60%);
        transform: translate(-75%, -60%)
    }

    .search_hero__content_wrap {
        width: 100%;
        transform: none
    }

    .search_hero__video_container {
        position: relative;
        height: 500px;
        width: 100%
    }

    .search_hero__video {
        left: 50%;
        height: auto;
        height: 100%;
        width: 100%;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -o-object-fit: cover;
        object-fit: cover
    }

    .search_hero__headline_svg_container {
        position: absolute;
        top: 55%;
        left: 43%;
        width: 40%;
        transform: translate(0, -50%);
        text-align: center
    }

    .search_hero__headline_svg {
        height: 88px;
        background-size: contain;
        margin-bottom: 50px
    }

    .search_hero__headline_svg--full {
        height: 300px;
        background-size: contain
    }

    .search_hero__fullBackgroundImage {
        height: 500px
    }
}

@media(min-width: 1800px) {
    .search_hero {
        height:650px
    }

    .search_hero__background {
        height: 100%
    }

    .search_hero__background--startpage {
        background-size: cover;
        background-position: center -80px
    }

    .search_hero__split_container {
        position: relative;
        height: 650px
    }

    .search_hero__split_background_badge {
        top: 20%;
        right: 15%;
        -ms-transform: translate(-15%, -20%);
        -webkit-transform: translate(-15%, -20%);
        -moz-transform: translate(-15%, -20%);
        -o-transform: translate(-15%, -20%);
        transform: translate(-15%, -20%);
        width: 170px
    }

    .search_hero__split_background_badge--large {
        top: 45%;
        left: 58%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 600px
    }

    .search_hero__split_background_badge--full {
        top: 10%;
        right: 24%
    }

    .search_hero__split_background_text {
        left: 60%;
        top: 60%;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        -webkit-transform: translateY(-60%);
        -ms-transform: translateY(-60%);
        transform: translateY(-60%)
    }

    .search_hero__split_background_text--noCutout {
        left: calc(75% + 50px);
        top: 75%;
        -ms-transform: translate(-75%, -60%);
        -webkit-transform: translate(-75%, -60%);
        -moz-transform: translate(-75%, -60%);
        -o-transform: translate(-75%, -60%);
        transform: translate(-75%, -60%)
    }

    .search_hero__split_background {
        height: 100%
    }

    .search_hero__video_container {
        position: relative;
        height: 650px;
        width: 100%
    }

    .search_hero__video {
        left: 50%;
        height: auto;
        height: 100%;
        width: 100%;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -o-object-fit: cover;
        object-fit: cover
    }

    .search_hero__headline_svg_container {
        position: absolute;
        top: 55%;
        left: 43%;
        width: 40%;
        transform: translate(0, -50%);
        text-align: center
    }

    .search_hero__headline_svg {
        height: 88px;
        background-size: cover;
        margin-bottom: 50px
    }

    .search_hero__headline_svg--full {
        height: 400px;
        background-size: contain
    }

    .search_hero__fullBackgroundImage {
        height: 650px
    }
}

.search_map {
    height: 100vh;
    overflow: hidden;
    position: relative
}

.search_map__container {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #f5f5f5
}

.search_map__container--deselected {
    height: 100%
}

.search_map__close {
    position: fixed;
    bottom: 4em;
    z-index: 10;
    padding: .5em 3em;
    background-color: #fff;
    border-radius: 3em;
    box-shadow: 0 0 5px rgba(0,0,0,.2);
    cursor: pointer;
    transition: all .7s ease-in-out;
    left: 50%;
    transform: translateX(-50%);
    background-image: url("https://www.fitx.de/img/block/shared/search_results/list.svg");
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 2em center;
    padding-left: 4em
}

.search_map__close_button {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 10;
    width: 41px;
    height: 41px;
    text-indent: -9000px;
    background-image: url("https://www.fitx.de/img/block/shared/icon/close_for_white_background.svg");
    background-repeat: no-repeat;
    background-size: cover
}

.search_map--deselected {
    height: 100vh
}

@media(min-width: 1024px) {
    .search_map {
        height:calc(100vh - 73px)
    }

    .search_map__container,.search_map__container--deselected {
        height: calc(100vh - 73px)
    }

    .search_map__close,.search_map__close_button {
        display: none
    }
}

.search_results {
    min-height: 140vh;
    color: #fff;
    opacity: 1
}

.search_results__count {
    padding: 5%;
    padding-top: 1.2em;
    font-size: 1.3em;
    color: #181d1e
}

.search_results__button {
    padding: .5em 3em;
    border-radius: 3em;
    background-color: #ed6a12;
    cursor: pointer;
    position: fixed;
    bottom: 4em;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    background-image: url("https://www.fitx.de/img/block/shared/search_results/map.svg");
    background-repeat: no-repeat;
    background-size: 1.2em;
    background-position: 2em center;
    padding-left: 4em
}

.search_results--compactmode {
    padding-bottom: 100px
}

.search_results--hideResults {
    opacity: 0
}

.search_results--showAll {
    margin-top: 50px
}

@media(min-width: 1024px) {
    .search_results__button {
        display:none
    }

    .search_results__count {
        padding: 1.2em 0 0 0
    }

    .search_results--compactmode {
        padding-bottom: 0
    }

    .search_results--hideResults {
        opacity: 1
    }

    .search_results--showAll {
        margin-top: 0
    }
}

.no-webp .search_wrapper {
    background-image: url("https://www.fitx.de/img/block/mobile/search_wrapper/bg.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    background-color: #fff
}

.no-webp .search_wrapper--with-results,.no-webp .search_wrapper--compactmode {
    background-image: none
}

.webp .search_wrapper {
    background-image: url("https://www.fitx.de/img/block/mobile/search_wrapper/bg.webp");
    background-size: contain;
    background-repeat: no-repeat;
    background-color: #fff
}

.webp .search_wrapper--with-results,.webp .search_wrapper--compactmode {
    background-image: none
}

.search_wrapper {
    margin-top: 73px;
    z-index: 1;
    position: relative;
    -webkit-transition: margin-top .5s;
    -o-transition: margin-top .5s;
    transition: margin-top .5s
}

.search_wrapper__container {
    padding: 2em 5%
}

.search_wrapper__container--with-results {
    padding: 2em 2.5% 0 !important
}

.search_wrapper__container--compactmode {
    padding: 2em 5% !important
}

.search_wrapper__intro {
    margin-bottom: 5px;
    color: #717171
}

.search_wrapper__headline {
    font-size: 2.4em;
    line-height: 1.1;
    margin: 0 0 .5em
}

.search_wrapper__headline--compactmode {
    display: none
}

.search_wrapper__image {
    display: none
}

.search_wrapper--with-results {
    max-width: initial;
    background: none;
    position: -webkit-sticky !important;
    position: -moz-sticky !important;
    position: -o-sticky !important;
    position: -ms-sticky !important;
    position: sticky !important;
    top: 73px;
    background-color: #181d1e;
    top: 0;
    z-index: 1
}

.search_wrapper--compactmode {
    margin-top: 0;
    z-index: 1000;
    background-image: none;
    -webkit-transition: margin-top .5s;
    -o-transition: margin-top .5s;
    transition: margin-top .5s
}

.search_wrapper__search {
    -webkit-filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.1));
    filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.1));
    margin-top: 40vw;
    background-color: #fff;
    border-radius: 10px;
    padding: 30px 15px
}

.search_wrapper__search--with-results {
    -webkit-filter: none;
    filter: none
}

.search_wrapper__search--compactmode {
    margin-top: 0;
    padding: 0;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-filter: none;
    filter: none;
    -webkit-transition: margin-top .5s,padding .5s;
    -o-transition: margin-top .5s,padding .5s;
    transition: margin-top .5s,padding .5s
}

.search_wrapper__back {
    width: 10%;
    background-image: url("https://www.fitx.de/img/block/shared/icon/back.svg");
    height: 54px;
    background-size: 14px;
    background-position: 0;
    display: block;
    text-indent: -9999px;
    background-repeat: no-repeat;
    cursor: pointer
}

.search_wrapper__omnisearch--compactmode {
    width: 90%
}

@media(min-width: 1024px) {
    .no-webp .search_wrapper {
        background-image:url("https://www.fitx.de/img/block/desktop/search_wrapper/bg.jpg");
        background-size: cover
    }

    .webp .search_wrapper {
        background-image: url("https://www.fitx.de/img/block/desktop/search_wrapper/bg.webp");
        background-size: cover
    }

    .search_wrapper {
        background-size: cover;
        background-position: center;
        max-width: 1920px;
        margin: 0 auto;
        padding: 7em 0
    }

    .search_wrapper--with-results {
        max-width: initial;
        background-image: none !important;
        position: -webkit-sticky !important;
        position: -moz-sticky !important;
        position: -o-sticky !important;
        position: -ms-sticky !important;
        position: sticky !important;
        top: 73px;
        background-color: #181d1e;
        margin: 0 auto;
        top: 73px;
        z-index: 1;
        padding: 0;
        -webkit-box-shadow: 0 10px 25px #fff;
        box-shadow: 0 10px 25px #fff
    }

    .search_wrapper__container {
        padding: 0;
        max-width: 90%
    }

    .search_wrapper__container--with-results {
        max-width: 1440px;
        padding: 4em 0 0 !important
    }

    .search_wrapper__headline {
        font-size: 36px;
        color: #181d1e;
        margin: 0
    }

    .search_wrapper__search {
        height: auto;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center;
        max-width: 415px;
        border-radius: 10px;
        padding: 54px 30px;
        -webkit-filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.1));
        filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.1));
        margin-top: 0;
        background-color: #fff
    }

    .search_wrapper__search--with-results {
        min-width: 770px;
        max-width: 100%;
        background-color: rgba(0,0,0,0);
        margin: 0;
        height: auto;
        width: 100%;
        min-width: initial;
        padding: 0;
        -webkit-filter: none;
        filter: none
    }

    .search_wrapper__omnisearch {
        width: 100%;
        margin: 0 auto
    }

    .search_wrapper__omnisearch--with-results {
        width: 100%
    }

    .search_wrapper__headline {
        margin-bottom: .8em
    }

    .search_wrapper__back {
        display: none
    }
}

@media(min-width: 1280px) {
    .search_wrapper__container {
        width:90%;
        max-width: 1280px
    }

    .search_wrapper__container--with-results {
        width: 100%;
        max-width: 100%
    }
}

@media(min-width: 1800px) {
    .search_wrapper {
        padding:12em 0
    }

    .search_wrapper--with-results {
        padding: 0
    }
}

.selector {
    width: 100%
}

.selector__headline {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    margin-bottom: 1em
}

.selector__change {
    background-color: #444;
    padding: .2em .8em;
    border-radius: 3px;
    cursor: pointer
}

.selector__select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    outline: none;
    border: none;
    background: #fff;
    border-radius: 3px;
    font-size: 1.2em;
    padding: 1em 2em 1em 1em;
    font-family: Niveau,sans-serif;
    font-weight: 400;
    width: 100%
}

.selector__select_wrap {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0 auto;
    max-width: 460px
}

.selector__select_wrap:after {
    display: block;
    position: absolute;
    content: " ";
    width: .6em;
    height: .6em;
    top: 1.5em;
    right: 1.8em;
    border-bottom: 2px solid #000;
    border-right: 2px solid #000;
    transform-origin: center;
    transform: rotateZ(45deg)
}

.selector__option {
    font-weight: 400;
    padding: .8em
}

@media(min-width: 768px) {
    .selector {
        max-width:365px
    }
}

.separator {
    display: none
}

@media(min-width: 1024px) {
    .separator {
        display:block;
        width: 90%;
        max-width: 1280px;
        float: none;
        margin-right: auto;
        margin-left: auto;
        border: none;
        height: 1px;
        background-color: #eee
    }
}

.services_list {
    overflow: hidden;
    padding: 4em 0 0;
    background-color: #f5f5f5;
    max-width: 100%
}

.services_list__container {
    max-width: 85%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    width: 85%
}

.services_list__content {
    max-width: 100%;
    margin: 0 0 3em 0
}

.services_list__content a {
    color: #ed6a12
}

.services_list__columns--icon {
    height: 61px;
    background-position: 0;
    margin-bottom: 1em
}

.services_list__column {
    position: relative
}

.services_list__anchor {
    position: absolute;
    top: -2em
}

@media(min-width: 768px) {
    .services_list {
        padding:7em 0 0;
        max-width: 100%
    }

    .services_list__container {
        max-width: 1280px;
        float: none;
        margin-right: auto;
        margin-left: auto;
        width: 85%
    }

    .services_list__content {
        max-width: 960px;
        margin-left: auto;
        margin-right: auto;
        width: 95% !important;
        text-align: left;
        margin: 0 0 4em 0
    }

    .services_list__content:after {
        content: "";
        display: table;
        clear: both
    }

    .services_list__content>*:nth-child(2n+1) {
        width: calc(12.5%);
        float: left;
        clear: left;
        padding-left: 0;
        margin-left: 0
    }

    .services_list__content>*:nth-child(2n+2) {
        width: calc(87.5%);
        float: left;
        clear: none;
        padding-right: 0;
        margin-right: 0
    }

    .services_list__columns--icon {
        height: 61px;
        background-position: 0
    }
}

@media(min-width: 1024px) {
    .services_list {
        max-width:100%
    }

    .services_list__content {
        max-width: 960px;
        margin-left: auto;
        margin-right: auto;
        width: 95% !important;
        text-align: left;
        margin: 0
    }

    .services_list__content:after {
        content: "";
        display: table;
        clear: both
    }

    .services_list__content>*:nth-child(2n+1) {
        width: calc(19.1666666667%);
        float: left;
        clear: left;
        padding-left: 0;
        margin-left: 0
    }

    .services_list__content>*:nth-child(2n+2) {
        width: calc(80.8333333333%);
        float: left;
        clear: none;
        padding-right: 0;
        margin-right: 0
    }

    .services_list__container {
        max-width: 1280px;
        float: none;
        margin-right: auto;
        margin-left: auto;
        width: 85%
    }

    .services_list__row {
        max-width: 100% !important;
        max-width: 960px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 5em
    }

    .services_list__row:after {
        content: "";
        display: table;
        clear: both
    }

    .services_list__row>*:nth-child(2n+1) {
        width: calc(50%);
        float: left;
        clear: left;
        padding-left: 0;
        margin-left: 0
    }

    .services_list__row>*:nth-child(2n+2) {
        width: calc(50%);
        float: left;
        clear: none;
        padding-right: 0;
        margin-right: 0
    }

    .services_list__columns--icon {
        height: 61px;
        background-position: 0
    }
}

@media(min-width: 1280px) {
    .services_list {
        max-width:100%
    }

    .services_list__content {
        max-width: 960px;
        margin-left: auto;
        margin-right: auto;
        width: 95% !important;
        text-align: left;
        margin: 0
    }

    .services_list__content:after {
        content: "";
        display: table;
        clear: both
    }

    .services_list__content>*:nth-child(2n+1) {
        width: calc(16.6666666667%);
        float: left;
        clear: left;
        padding-left: 0;
        margin-left: 0
    }

    .services_list__content>*:nth-child(2n+2) {
        width: calc(83.3333333333%);
        float: left;
        clear: none;
        padding-right: 0;
        margin-right: 0
    }

    .services_list__content__text {
        padding-right: 25px !important
    }

    .services_list__container {
        max-width: 1280px;
        float: none;
        margin-right: auto;
        margin-left: auto;
        width: 85%
    }

    .services_list__row {
        max-width: 100% !important;
        max-width: 960px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 6em
    }

    .services_list__row:after {
        content: "";
        display: table;
        clear: both
    }

    .services_list__row>*:nth-child(2n+1) {
        width: calc(50%);
        float: left;
        clear: left;
        padding-left: 0;
        margin-left: 0
    }

    .services_list__row>*:nth-child(2n+2) {
        width: calc(50%);
        float: left;
        clear: none;
        padding-right: 0;
        margin-right: 0
    }

    .services_list__columns--icon {
        height: 61px;
        background-position: 0
    }
}

@media(min-width: 1800px) {
    .services_list__content {
        max-width:960px;
        margin-left: auto;
        margin-right: auto;
        width: 95% !important;
        text-align: left;
        margin: 0
    }

    .services_list__content:after {
        content: "";
        display: table;
        clear: both
    }

    .services_list__content>*:nth-child(2n+1) {
        width: calc(12.5%);
        float: left;
        clear: left;
        padding-left: 0;
        margin-left: 0
    }

    .services_list__content>*:nth-child(2n+2) {
        width: calc(87.5%);
        float: left;
        clear: none;
        padding-right: 0;
        margin-right: 0
    }
}

.share_button {
    width: 52px;
    height: 52px;
    display: block;
    text-indent: -9000px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 100px;
    cursor: pointer;
    background-image: url("https://www.fitx.de/img/block/shared/icon/share_icon_path.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
    -webkit-flex: 62px;
    -ms-flex: 62px;
    flex: 62px
}

.share_button--hidden {
    display: none
}

.six_facts {
    background-color: #fff;
    color: #181d1e;
    padding: 4em 0;
    max-width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.six_facts--noPaddingBottom {
    padding: 4em 0 0
}

.six_facts__container {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    text-align: left
}

.six_facts__headline {
    margin-bottom: 1.5em;
    font-weight: normal
}

.six_facts__item {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 2em
}

.six_facts__item_icon {
    height: 30px;
    padding-right: 30px;
    margin: 0 20px 20px 0;
    display: block;
    background-repeat: no-repeat;
    background-size: contain
}

.six_facts__item_text h3 {
    margin-bottom: .5em;
    font-weight: normal
}

.six_facts__item_text p {
    color: #444
}

@media(min-width: 768px) {
    .six_facts__container {
        width:90% !important;
        max-width: 1280px !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: left
    }
}

@media(min-width: 1024px) {
    .six_facts {
        padding:7em 0;
        max-width: 1920px
    }

    .six_facts--noPaddingBottom {
        padding: 7em 0 0
    }

    .six_facts__container {
        width: 90% !important;
        max-width: 1280px !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: left
    }

    .six_facts__items {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: space-around;
        -moz-justify-content: space-around;
        -ms-justify-content: space-around;
        justify-content: space-around;
        -ms-flex-pack: space-around
    }

    .six_facts__item_column {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: space-between;
        width: 40%;
        padding: 0
    }

    .six_facts__item {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 3em
    }

    .six_facts__item_icon {
        height: 30px;
        width: 30px;
        padding-right: 40px;
        margin: 0 20px 20px 0;
        display: block;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: 0 bottom
    }

    .six_facts__headline {
        font-size: 48px;
        line-height: 56px;
        text-align: center
    }

    .six_facts__item_text h3 {
        font-size: 28px;
        line-height: 33px
    }
}

.slider {
    color: #fff;
    padding: 3em 0 0;
    position: relative
}

.slider--offersslider {
    padding: 0
}

.slider--coursefinderslider {
    padding: 0;
    position: relative
}

.slider__headline {
    margin: 0 0 1em
}

.slider__container {
    width: 100%;
    overflow-x: hidden
}

.slider__container::-webkit-scrollbar {
    display: none
}

.slider__container--touch {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch
}

.slider__slides {
    -webkit-transition: -webkit-transform .5s;
    transition: transform .5s
}

.slider__slides:after {
    content: ".";
    display: block;
    height: .1px;
    clear: both;
    visibility: hidden;
    font-size: 0;
    overflow: hidden
}

.slider__slides--offersslider {
    padding: 0 2em
}

.slider__slides::-webkit-scrollbar {
    display: none
}

.slider__slides_elem {
    height: 45vh;
    display: block;
    float: left;
    text-align: center;
    position: relative
}

.slider__slides_elem--inactive {
    opacity: .3;
    pointer-events: none
}

.slider__slides_elem__image {
    height: 100%;
    width: 98%;
    border-radius: 2px;
    background-size: cover;
    background-position: center top;
    margin-left: 6%
}

.slider__slides_elem__image--coursefinder {
    margin-left: 0
}

.slider__slides_elem__image--hix {
    background-position: 35%
}

.slider__slides_elem__image--bodyx {
    background-position: 50%
}

.slider__slides_elem__image--basix {
    background-position: 58%
}

.slider__slides_elem__image--cardiobox {
    background-position: 60%
}

.slider__slides_elem__image--fatburnx {
    background-position: 15%
}

.slider__slides_elem__image--xamba {
    background-position: 59%
}

.slider__slides_elem__image--tour-de-x {
    background-position: 26%
}

.slider__slides_elem__image--x-jump {
    background-position: 40%
}

.slider__slides_elem__image--x-step {
    background-position: 32%
}

.slider__slides_elem__image--yogilatix {
    background-position: 43%
}

.slider__slides_elem__image--x-life {
    background-position: 35%
}

.slider__slides_elem__image--bootyx {
    background-position: 66%
}

.slider__slides_elem__image--relax {
    background-position: 66%
}

.slider__slides_elem__info_box {
    background-color: #fff;
    bottom: 0;
    position: absolute;
    width: 98%;
    padding: 1em;
    min-height: 31%;
    color: #181d1e;
    text-align: left;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px
}

.slider__slides_elem__info_box p {
    margin: 0;
    font-size: 13px;
    line-height: 1.6em
}

.slider__slides_elem__content {
    width: 100%;
    position: absolute;
    text-align: center;
    bottom: 10%
}

.slider__slides_elem__content--coursefinder {
    bottom: 40%
}

.slider__slides_elem__logo {
    color: #fff;
    font-family: "classx skyline",sans-serif;
    word-spacing: -0.125em;
    font-size: 3em;
    margin-bottom: .5em
}

.slider__slides_elem__subline {
    text-transform: uppercase;
    font-size: 1.2em;
    color: #fff
}

.slider__position_indicator_container {
    width: 90%;
    padding: 20px 0;
    margin: 0 auto
}

.slider__position_indicator {
    text-align: center
}

.slider__position_indicator_box {
    overflow: hidden;
    height: 2px;
    width: 100%;
    background-color: #717171;
    position: relative
}

.slider__position_indicator_bar {
    left: 0;
    height: 2px;
    background-color: #fff;
    -webkit-transition: all 0.1s cubic-bezier(0, 0, 0.55, 0.9);
    -o-transition: all 0.1s cubic-bezier(0, 0, 0.55, 0.9);
    transition: all 0.1s cubic-bezier(0, 0, 0.55, 0.9);
    position: absolute
}

.slider__arrows {
    display: inline-block;
    margin-top: 1em;
    position: absolute;
    top: -5.5em;
    right: 0
}

.slider__arrows--course_alternatives {
    top: -1em;
    right: 1em
}

.slider__arrow {
    width: 30px;
    height: 30px;
    display: inline-block;
    border: 2px solid #ccc;
    border-radius: 100px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 35%;
    text-indent: -90000px;
    margin-right: .5em
}

.slider__arrow:nth-child(2) {
    margin-right: 0
}

.slider__arrow:hover {
    border-color: #717171
}

.slider__arrow--right {
    background-image: url("https://www.fitx.de/img/block/shared/icon/arrow_right.svg");
    background-position: 60%
}

.slider__arrow--right:hover {
    background-image: url("https://www.fitx.de/img/block/shared/icon/arrow_right_mediumgrey.svg")
}

.slider__arrow--left {
    background-image: url("https://www.fitx.de/img/block/shared/icon/arrow_left.svg");
    background-position: 40%
}

.slider__arrow--left:hover {
    background-image: url("https://www.fitx.de/img/block/shared/icon/arrow_left_mediumgrey.svg")
}

@media(min-width: 768px) {
    .slider--offersslider {
        display:none
    }
}

.slot_verification_result_scroller {
    padding-bottom: 4em;
    background-color: #fff;
    position: relative
}

.slot_verification_result_scroller__headline {
    width: 90%;
    margin: 0 auto 1em auto;
    color: #181d1e;
    font-weight: normal
}

.slot_verification_result_scroller__item {
    display: block;
    white-space: normal
}

.slot_verification_result_scroller__info {
    color: #181d1e;
    background-color: #fff;
    padding: 1em 0 0 0
}

.slot_verification_result_scroller__title {
    font-size: 16px;
    font-weight: normal
}

.slot_verification_result_scroller__text {
    color: #444444b3;
    font-size: 14px;
    font-weight: 400;
    white-space: normal
}

.slot_verification_result_scroller__image {
    padding-bottom: 90%;
    border-radius: 10px;
    background-size: cover;
    background-position: center 0
}

@media(min-width: 768px) {
    .slot_verification_result_scroller {
        padding:0 0 7em 0
    }
}

@media(min-width: 1024px) {
    .slot_verification_result_scroller {
        max-width:1920px;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .slot_verification_result_scroller__wrapper {
        width: 100%;
        background: #fff
    }

    .slot_verification_result_scroller__headline {
        width: 100%
    }

    .slot_verification_result_scroller__item {
        position: relative;
        box-shadow: none
    }

    .slot_verification_result_scroller__image {
        width: 100%;
        padding-bottom: 100%;
        border-radius: 10px
    }

    .slot_verification_result_scroller__info {
        color: #181d1e;
        width: 100%;
        border-radius: 0;
        background-color: rgba(0,0,0,0);
        font-size: 1.8em
    }

    .slot_verification_result_scroller__title {
        font-size: 18px;
        line-height: 1em;
        font-weight: normal;
        margin-bottom: .25em
    }
}

body[data-controller=trialworkout][data-action=verifySlot] {
    min-height: 0;
    height: auto;
    background: #fff
}

.slot_verification_result {
    max-width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    background-color: #fff;
    margin-top: 73px;
    color: #181d1e;
    text-align: center;
    padding: 2em 0
}

.slot_verification_result__container {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    text-align: left
}

.slot_verification_result__headline {
    font-size: 28px;
    line-height: 33px;
    font-weight: normal;
    color: #444;
    margin-bottom: 1em
}

.slot_verification_result__notice {
    background-color: #24cc6e;
    padding: 20px 20px 20px 55px;
    margin-bottom: 2em;
    border-radius: 5px;
    color: #fff;
    font-size: 18px;
    background-image: url("https://www.fitx.de/img/block/shared/icon/check.svg");
    background-repeat: no-repeat;
    background-size: 23px;
    background-position: 20px 20px;
    line-height: 1.2
}

.slot_verification_result__notice--error {
    background-color: #e83623;
    background-image: url("https://www.fitx.de/img/block/shared/icon/close.svg");
    background-size: 16px
}

.slot_verification_result__cta {
    margin-top: 30px
}

.slot_verification_result__selectedstudio_address {
    margin-bottom: 40px
}

.slot_verification_result__selected_info {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2em;
    text-align: left
}

.slot_verification_result__selected_info:after {
    content: "";
    display: table;
    clear: both
}

.slot_verification_result__selected_info>*:nth-child(1n+1) {
    width: calc(100%);
    float: left;
    clear: left
}

.slot_verification_result__selected_big {
    font-size: 18px;
    margin: 0 0 .5em 0;
    font-weight: normal
}

.slot_verification_result__selected_small {
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    padding-left: 30px
}

.slot_verification_result__selected_slot_pin,.slot_verification_result__selected_studio_pin {
    height: 30px;
    width: 20px;
    background-image: url("https://www.fitx.de/img/block/shared/icon/appointment_dark.svg");
    background-repeat: no-repeat;
    padding-left: 30px;
    background-size: 17px;
    float: left
}

.slot_verification_result__selected_studio_pin {
    background-image: url("https://www.fitx.de/img/block/shared/icon/distance_icon_dark_nowhitespace.svg")
}

.slot_verification_result__column p {
    color: #444
}

.slot_verification_result__column .cta {
    width: 100% !important
}

.slot_verification_result__column_image {
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100px;
    margin-bottom: 1em
}

.slot_verification_result__column_image--sign {
    background-image: url("https://www.fitx.de/img/block/shared/slot_verification_result/sign.svg")
}

.slot_verification_result__column_image--train {
    background-image: url("https://www.fitx.de/img/block/shared/slot_verification_result/train.svg")
}

.slot_verification_result__column_img {
    width: 80%;
    height: auto;
    margin: 2em auto
}

.slot_verification_result__column_text h3 {
    color: #444
}

.slot_verification_result__column_text b {
    color: #00ae90;
    display: block;
    margin: 1em 0 0
}

.slot_verification_result__column_text b::before {
    content: "Aktion";
    color: #fff;
    background-color: #00ae90;
    padding: 4px 0;
    border-radius: 3px;
    font-size: .8em;
    line-height: 1;
    display: block;
    width: 65px;
    text-align: center
}

.slot_verification_result__requirements {
    background-color: #f5f5f5;
    padding: 35px 27px;
    border-radius: 8px;
    width: 100%;
    margin-top: 35px
}

.slot_verification_result__requirements_headline {
    font-size: 18px;
    line-height: 28px;
    font-weight: normal
}

.slot_verification_result__requirements_list_item {
    color: #444;
    background-image: url("https://www.fitx.de/img/block/shared/icon/check_list_grey.svg");
    background-repeat: no-repeat;
    background-position: 0 center;
    background-size: 27px;
    font-size: 16px;
    font-weight: normal;
    padding: 8px 0 8px 50px
}

.slot_verification_result__studio_nextsteps_headline {
    font-size: 24px;
    line-height: 28px;
    font-weight: 500
}

.slot_verification_result__studio_nextsteps_text {
    font-size: 18px;
    font-weight: 400;
    line-height: 28px
}

.slot_verification_result__studio_advantages_headline {
    font-size: 24px;
    font-weight: 500;
    text-align: center;
    margin-top: 40px
}

.slot_verification_result__cta_button {
    width: 80%;
    padding: 17px 40px
}

@media(min-width: 768px) {
    .slot_verification_result {
        padding:2em 0 6em
    }

    .slot_verification_result__container {
        width: 90% !important;
        max-width: 1280px !important;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .slot_verification_result__notice {
        padding: 25px 25px 25px 60px;
        background-size: 23px;
        background-position: 25px 25px
    }

    .slot_verification_result__notice--error {
        background-size: 16px
    }

    .slot_verification_result__headline {
        font-size: 27px;
        line-height: 40px
    }

    .slot_verification_result__headline--error {
        margin-bottom: 0
    }

    .slot_verification_result__selected_big {
        font-size: 24px;
        margin: 0 0 .5em 0;
        overflow: hidden;
        line-height: 36px
    }

    .slot_verification_result__selected_small {
        font-size: 18px;
        line-height: 1.4;
        font-weight: 400;
        padding-left: 40px;
        max-width: 340px
    }

    .slot_verification_result__selected_slot_pin {
        height: 30px;
        width: 20px;
        background-image: url("https://www.fitx.de/img/block/shared/icon/appointment_dark.svg");
        background-repeat: no-repeat;
        padding-left: 40px;
        background-size: 20px
    }

    .slot_verification_result__selected_studio_pin {
        background-image: url("https://www.fitx.de/img/block/shared/icon/distance_icon_dark_nowhitespace.svg");
        background-repeat: no-repeat;
        padding-left: 40px;
        background-size: 20px
    }

    .slot_verification_result--studio {
        padding-bottom: .1em
    }

    .slot_verification_result__cta_button {
        width: auto
    }

    .slot_verification_result__columns {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: space-between;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center
    }

    .slot_verification_result__columns--error {
        margin: 7em 0
    }

    .slot_verification_result__columns--success {
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center
    }

    .slot_verification_result__columns--studio {
        margin-bottom: 1em
    }

    .slot_verification_result__column {
        width: 50%;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: space-between
    }

    .slot_verification_result__column--noflex {
        display: block
    }

    .slot_verification_result__column--noflex_image {
        text-align: center
    }

    .slot_verification_result__column--success:last-child {
        width: 50%
    }

    .slot_verification_result__column .cta {
        width: 295px !important
    }

    .slot_verification_result__column_image {
        width: 35%;
        background-repeat: no-repeat;
        background-size: contain;
        height: auto;
        max-height: 217px
    }

    .slot_verification_result__column_image--sign {
        background-image: url("https://www.fitx.de/img/block/shared/slot_verification_result/sign.svg")
    }

    .slot_verification_result__column_image--train {
        background-image: url("https://www.fitx.de/img/block/shared/slot_verification_result/train.svg")
    }

    .slot_verification_result__column_img {
        margin: 0 auto
    }

    .slot_verification_result__column_text {
        width: 55%
    }

    .slot_verification_result__column_text h3 {
        color: #444
    }

    .slot_verification_result__column_text b {
        color: #00ae90;
        display: block;
        margin: 1em 0 0
    }

    .slot_verification_result__column_text b::before {
        content: "Aktion";
        color: #fff;
        background-color: #00ae90;
        padding: 4px 0;
        border-radius: 3px;
        font-size: .8em;
        line-height: 1;
        display: block;
        width: 65px;
        text-align: center
    }

    .slot_verification_result__column--studio_illustration {
        width: 30%;
        height: 250px;
        background-image: url("https://www.fitx.de/img/block/shared/slot_verification_result/icon_identify.svg");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: 0 0
    }

    .slot_verification_result__column--studio_nextsteps {
        display: block;
        width: 66%
    }
}

@media(min-width: 1024px) {
    .slot_verification_result__headline {
        font-size:32px;
        line-height: 40px
    }

    .slot_verification_result__column--success:last-child {
        width: 75%
    }

    .slot_verification_result__selected_big {
        max-width: 460px
    }

    .slot_verification_result__requirements {
        padding: 50px 60px;
        border-radius: 8px;
        width: 100%;
        margin-top: 0
    }

    .slot_verification_result__requirements_headline {
        font-size: 24px;
        line-height: 31px;
        font-weight: normal
    }

    .slot_verification_result__requirements_list_item {
        color: #444;
        background-image: url("https://www.fitx.de/img/block/shared/icon/check_list_grey.svg");
        background-repeat: no-repeat;
        background-position: 0 center;
        background-size: 27px;
        font-size: 18px;
        font-weight: normal;
        padding: 8px 0 8px 50px
    }
}

@media(min-width: 1280px) {
    .slot_verification_result__headline {
        font-size:36px;
        line-height: 50px
    }
}

.softgarden_rating {
    background-color: #fff;
    margin: 0
}

.softgarden_rating__content {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20px
}

.softgarden_rating__content--title {
    border: 0;
    padding: 0;
    margin-top: 1em;
    text-transform: none;
    font-size: 1.2em
}

.softgarden_rating__content--certificate--link {
    color: #ed6a12;
    font-size: 1.2em;
    font-weight: 400
}

.softgarden_rating__content--certificate .widget-frame {
    border: 0;
    border-radius: 0;
    padding: 0;
    display: block;
    overflow: hidden;
    margin-top: 1em
}

.softgarden_rating__content--certificate .rating-badge__stars {
    font-size: 2.1em;
    line-height: 1;
    margin: 4px 0 7px
}

.softgarden_rating__content--certificate .sg-stars-max-size-ct {
    position: relative;
    display: inline-block
}

.softgarden_rating__content--certificate .sg-stars-overlay {
    position: absolute;
    white-space: nowrap;
    overflow: hidden
}

.softgarden_rating__content--certificate .ficon-star:before {
    content: "î €"
}

.softgarden_rating__content--certificate .ficon-star {
    color: #fecf2f;
    margin: 0 2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.softgarden_rating__content--certificate [class*=" ficon-"]:before,.softgarden_rating__content--certificate [class^=ficon-]:before {
    font-family: "fontello",Arial,sans-serif;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    text-align: center;
    vertical-align: middle;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.softgarden_rating__content--certificate .cert__image-link {
    float: left
}

.softgarden_rating__content--certificate .rating-badge {
    padding: 0;
    margin-left: 10px;
    float: left
}

.softgarden_rating__content--certificate .badge-link {
    color: rgba(0,0,0,.87) !important
}

.softgarden_rating__content--certificate .rating-badge__stars {
    font-size: 1.3em;
    line-height: 1;
    margin: 4px 0 7px
}

@media only screen and (max-width: 800px) {
    .softgarden_rating__content--certificate .rating-badge__stars {
        font-size:1em
    }
}

.softgarden_rating__content--certificate .rating-badge__lvl {
    font-size: 1.6em;
    font-weight: 400;
    line-height: 1.2;
    font-family: Niveau,sans-serif
}

.softgarden_rating__content--certificate .ficon-star--empty {
    color: #8c9497
}

.softgarden_rating__content--certificate .rating-badge__text {
    font-weight: 300
}

.softgarden_rating__content--certificate .applicant-fdbk__details-lnk,.softgarden_rating__content--certificate .ficon--clickable,.softgarden_rating__content--certificate .rating-badge__rating-count,.softgarden_rating__content--certificate .rating-badge__rating-max,.softgarden_rating__content--certificate .rating-badge__rating-sep {
    color: #8c9497
}

@media(min-width: 768px) {
    .softgarden_rating__content {
        width:90%
    }
}

@media(min-width: 1024px) {
    .softgarden_rating__content {
        width:75%
    }

    .softgarden_rating__content--title {
        font-size: 1.5em
    }
}

body[data-action=splitForm] {
    background: #fff !important
}

body[data-controller=preregistration][data-action=form] nav.header {
    z-index: 1
}

.split_prereg {
    width: 100%;
    margin: 73px auto 0;
    max-width: 1280px;
    padding: 1em 0 4em
}

.split_prereg .legalOverlayContent h2 {
    font-size: 22px;
    font-weight: normal;
    margin-bottom: 1em;
    line-height: 1.4
}

.split_prereg .legalOverlayContent h3 {
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 1em;
    line-height: 1.4
}

.split_prereg .legalOverlayContent ul {
    margin-bottom: 2em
}

.split_prereg .legalOverlayContent li {
    font-size: 18px;
    font-weight: 400;
    list-style-position: outside;
    list-style-type: disc;
    margin-left: 1em
}

.split_prereg .legalOverlayContent p strong {
    font-weight: normal
}

.split_prereg__offer {
    width: 100%;
    background: #d4efdf;
    color: #27ae60;
    padding: 14px 0;
    text-align: center;
    font-size: 18px;
    line-height: 21px;
    font-weight: 400;
    margin-top: 73px;
    display: none
}

.split_prereg__offer_text {
    margin: 0 auto;
    width: 95%
}

.split_prereg__offer--visible {
    display: block
}

.split_prereg__modal {
    background-color: rgba(72,72,72,.5);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 10000;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease
}

.split_prereg__modal--hidden {
    right: -100%;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease
}

.split_prereg__modal_content {
    background-color: #fff;
    width: 100%;
    height: 100%;
    overflow: auto
}

.split_prereg__modal_content::-webkit-scrollbar {
    width: 5px;
    height: 8px;
    background-color: #fff
}

.split_prereg__modal_content::-webkit-scrollbar-thumb {
    background: #ed6a12
}

.split_prereg__modal_close {
    background-image: url("https://www.fitx.de/img/block/shared/icon/icon-arrow-left.svg");
    background-repeat: no-repeat;
    background-size: 33px;
    position: relative;
    left: 5%;
    top: 26px;
    width: 33px;
    height: 33px;
    text-indent: -9000px;
    cursor: pointer
}

.split_prereg__modal_text {
    padding: 4em 2em 0
}

.split_prereg__modal_text p {
    font-weight: bold
}

.split_prereg__modal_cta_close {
    color: #444;
    font-size: 18px;
    cursor: pointer
}

.split_prereg__modal_cta_close:hover {
    color: #444
}

.split_prereg__modal_cta_wrapper {
    text-align: center;
    margin-bottom: 20px
}

.split_prereg__modal_cta_wrapper .cta {
    width: 100%
}

.split_prereg__offer.split_prereg__offer--visible+.split_prereg {
    margin-top: 10px
}

@media(min-width: 768px) {
    .split_prereg {
        width:95%;
        margin: 0 auto;
        padding: 7em 0
    }

    .split_prereg__modal {
        background-color: rgba(72,72,72,.5);
        position: fixed;
        width: 100%;
        height: 100%;
        display: block;
        top: 0;
        left: 0;
        z-index: 10000
    }

    .split_prereg__modal--hidden {
        display: none
    }

    .split_prereg__modal_content {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 410px;
        max-width: 90%;
        height: auto;
        max-height: 90%;
        background-color: #fff;
        border-radius: 10px;
        -webkit-box-shadow: 0 5px 22px -16px rgba(0,0,0,.5);
        -moz-box-shadow: 0 5px 22px -16px rgba(0,0,0,.5);
        box-shadow: 0 5px 22px -16px rgba(0,0,0,.5)
    }

    .split_prereg__modal_close {
        background-image: url("https://www.fitx.de/img/block/shared/icon/close_darkgrey.svg");
        background-repeat: no-repeat;
        background-size: 23px;
        position: absolute;
        right: 26px;
        top: 26px;
        left: auto;
        width: 23px;
        height: 23px;
        text-indent: -9000px;
        cursor: pointer
    }

    .split_prereg__modal_text {
        padding: 6em 3em 0
    }

    .split_prereg__offer.split_prereg__offer--visible+.split_prereg {
        padding-top: 10px
    }
}

@media(min-width: 1024px)and (max-width:1279px) {
    .split_prereg {
        width:90%;
        padding: 4em 0
    }
}

@media(min-width: 1280px)and (max-width:1799px) {
    .split_prereg {
        width:90%;
        padding: 4em 0
    }
}

@media(min-width: 1800px) {
    .split_prereg {
        width:100%;
        padding: 7em 0
    }
}

.startpage_appteaser {
    max-width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    padding: 0 0 4em;
    background-color: #1c2223;
    color: #fff
}

.startpage_appteaser__image {
    background-image: url("https://www.fitx.de/img/block/mobile/startpage_appteaser/phone.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center 54px;
    height: 400px;
    background-color: #1c2223;
    padding-bottom: 100px
}

.startpage_appteaser__headline {
    margin-bottom: .5em
}

.startpage_appteaser__text {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    margin-top: 3em
}

.startpage_appteaser__copy {
    margin-bottom: 2em;
    color: #ccc
}

.startpage_appteaser__icon {
    display: none
}

@media(min-width: 1024px) {
    .startpage_appteaser {
        max-width:100%;
        padding: 7em 0 0
    }

    .startpage_appteaser__container {
        max-width: 960px;
        margin-left: auto;
        margin-right: auto;
        max-width: 1280px !important
    }

    .startpage_appteaser__container:after {
        content: "";
        display: table;
        clear: both
    }

    .startpage_appteaser__container>*:nth-child(2n+1) {
        width: calc(50%);
        float: left;
        clear: left;
        margin-left: 0
    }

    .startpage_appteaser__container>*:nth-child(2n+2) {
        width: calc(50%);
        float: left;
        clear: none;
        margin-right: 0
    }

    .startpage_appteaser__image {
        background-image: url("https://www.fitx.de/img/block/desktop/startpage_appteaser/phone.png");
        background-color: rgba(0,0,0,0);
        padding: 0;
        height: 520px;
        background-position: center
    }

    .startpage_appteaser__text {
        padding: 0 4em 0 0
    }

    .startpage_appteaser__icon {
        display: block;
        background-image: url("https://www.fitx.de/img/block/desktop/startpage_appteaser/app_icon.svg");
        height: 70px;
        width: 70px;
        background-size: cover;
        margin-bottom: 2em
    }
}

@media(min-width: 1800px) {
    .startpage_appteaser {
        max-width:1920px;
        margin: 0 auto
    }

    .startpage_appteaser__container {
        max-width: 960px;
        margin-left: auto;
        margin-right: auto
    }

    .startpage_appteaser__container:after {
        content: "";
        display: table;
        clear: both
    }

    .startpage_appteaser__container>*:nth-child(2n+1) {
        width: calc(50%);
        float: left;
        clear: left;
        margin-left: 0
    }

    .startpage_appteaser__container>*:nth-child(2n+2) {
        width: calc(50%);
        float: left;
        clear: none;
        margin-right: 0
    }

    .startpage_appteaser__image {
        padding: 0
    }

    .startpage_appteaser__text {
        padding: 0 8em 0 0
    }
}

.startpage_image {
    width: 100%;
    transform: translate3d(0px, 0px, 0px);
    overflow: hidden
}

.startpage_image__inner {
    width: 100%;
    background-position: center 0;
    background-size: cover;
    padding-top: 100%
}

.startpage_image__inner--trainingareas {
    background-image: url("https://www.fitx.de/img/block/mobile/startpage_image/trainingsbereiche.jpg")
}

@media(min-width: 768px) {
    .startpage_image__inner--trainingareas {
        background-image:url("https://www.fitx.de/img/block/desktop/startpage_image/trainingsbereiche.jpg")
    }
}

.startpage_image__inner--courses {
    background-image: url("https://www.fitx.de/img/block/mobile/startpage_image/classx_kurse.jpg")
}

@media(min-width: 768px) {
    .startpage_image__inner--courses {
        background-image:url("https://www.fitx.de/img/block/desktop/startpage_image/classx_kurse.jpg")
    }
}

.startpage_image__inner--news {
    background-image: url("https://www.fitx.de/img/block/mobile/startpage_image/news.jpg")
}

@media(min-width: 768px) {
    .startpage_image__inner--news {
        background-image:url("https://www.fitx.de/img/block/desktop/startpage_image/news.jpg")
    }
}

.startpage_image__inner--expansion {
    background-image: url("https://www.fitx.de/img/block/mobile/startpage_image/expansion.jpg")
}

@media(min-width: 768px) {
    .startpage_image__inner--expansion {
        background-image:url("https://www.fitx.de/img/block/desktop/startpage_image/expansion.jpg")
    }
}

.startpage_image__inner--kostenloses_probetraining {
    background-image: url("https://www.fitx.de/img/block/mobile/startpage_image/kostenloses_probetraining.jpg")
}

@media(min-width: 768px) {
    .startpage_image__inner--kostenloses_probetraining {
        background-image:url("https://www.fitx.de/img/block/desktop/startpage_image/kostenloses_probetraining.jpg")
    }
}

.startpage_image__inner--course_news {
    background-image: url("https://www.fitx.de/img/block/shared/course_news/hero_bg.jpg")
}

@media(min-width: 768px) {
    .startpage_image {
        height:480px
    }

    .startpage_image__inner {
        background-position: center 0;
        padding-top: 0;
        height: 200%
    }

    .startpage_image__inner--trainingareas {
        background-position: center -80px
    }

    .startpage_image__inner--courses {
        background-position: center -80px
    }

    .startpage_image__inner--kostenloses_probetraining {
        background-position: center -120px
    }

    .startpage_image__inner--expansion {
        background-position: center -110px
    }

    .startpage_image__inner--course_news {
        margin-top: 0;
        background-size: 150%;
        background-position: 50% 0
    }

    .startpage_image--course_news {
        height: 640px
    }
}

@media(min-width: 1024px) {
    .startpage_image__inner--course_news {
        background-size:120%
    }
}

@media(min-width: 1800px) {
    .startpage_image__inner--course_news {
        background-position:0 -110%
    }
}

.no-webp .startpage_offers__image_content {
    background-image: url("https://www.fitx.de/img/block/desktop/startpage_offers/offers.jpg")
}

.webp .startpage_offers__image_content {
    background-image: url("https://www.fitx.de/img/block/desktop/startpage_offers/offers.webp")
}

.startpage_offers {
    padding: 4em 0;
    background-color: #181d1e;
    color: #fff
}

.startpage_offers__container {
    float: none;
    margin-right: auto;
    margin-left: auto;
    max-width: 90%
}

.startpage_offers__image {
    display: none
}

.startpage_offers__headline {
    margin-bottom: 1em;
    font-weight: normal
}

.startpage_offers__list_item {
    background-repeat: no-repeat;
    background-size: 38px;
    padding-left: 0;
    padding-top: 4em;
    margin-bottom: 2em
}

.startpage_offers__list_item--price {
    background-image: url("https://www.fitx.de/img/block/shared/startpage_offers/price.svg");
    background-position: 0 0
}

.startpage_offers__list_item--business_times {
    background-image: url("https://www.fitx.de/img/block/shared/startpage_offers/business_times.svg");
    background-position: 0 0
}

.startpage_offers__list_item--courses {
    background-image: url("https://www.fitx.de/img/block/shared/startpage_offers/courses.svg");
    background-position: 0 0
}

.startpage_offers__list_item:last-child {
    padding-left: 0;
    border-top: none;
    padding-top: 1em;
    margin: 0
}

.startpage_offers__list_item:last-child .cta {
    width: 100%
}

.startpage_offers__list_item_headline {
    margin-bottom: 0;
    font-weight: normal
}

.startpage_offers__list_item_text {
    color: #ddd;
    margin-bottom: 0
}

@media(min-width: 768px) {
    .startpage_offers__list_item {
        border:none;
        background-size: 48px;
        padding-left: 70px;
        padding-top: 0em;
        margin-bottom: 3em;
        background-position: 0 0
    }

    .startpage_offers__list_item:last-child {
        padding-left: 70px
    }

    .startpage_offers__list_item:last-child .cta {
        width: 295px
    }
}

@media(min-width: 1024px) {
    .startpage_offers {
        max-width:100%;
        padding: 0
    }

    .startpage_offers__container {
        max-width: 960px;
        margin-left: auto;
        margin-right: auto;
        max-width: 1280px !important
    }

    .startpage_offers__container:after {
        content: "";
        display: table;
        clear: both
    }

    .startpage_offers__container>*:nth-child(2n+1) {
        width: calc(50%);
        float: left;
        clear: left;
        padding-left: 0;
        margin-left: 0
    }

    .startpage_offers__container>*:nth-child(2n+2) {
        width: calc(50%);
        float: left;
        clear: none;
        padding-right: 0;
        margin-right: 0
    }

    .startpage_offers__image {
        height: 640px;
        padding: 0 2em;
        display: block
    }

    .startpage_offers__image_content {
        display: block;
        height: 100%;
        background-size: cover;
        background-position: 0 100%
    }

    .startpage_offers__text {
        padding: 0 2em;
        height: 640px;
        position: relative
    }

    .startpage_offers__text_content {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .startpage_offers__list_item {
        border: none;
        background-size: 48px;
        padding-left: 70px
    }

    .startpage_offers__list_item:last-child {
        padding-left: 70px
    }

    .startpage_offers__list_item:last-child .cta {
        width: 295px
    }
}

@media(min-width: 1800px) {
    .startpage_offers {
        max-width:100%;
        margin: 0 auto
    }

    .startpage_offers__container {
        max-width: 960px;
        margin-left: auto;
        margin-right: auto
    }

    .startpage_offers__container:after {
        content: "";
        display: table;
        clear: both
    }

    .startpage_offers__container>*:nth-child(2n+1) {
        width: calc(50%);
        float: left;
        clear: left;
        padding-left: 0;
        margin-left: 0
    }

    .startpage_offers__container>*:nth-child(2n+2) {
        width: calc(50%);
        float: left;
        clear: none;
        padding-right: 0;
        margin-right: 0
    }

    .startpage_offers__image {
        height: 640px;
        padding: 0
    }

    .startpage_offers__image img {
        width: auto;
        height: 100%
    }

    .startpage_offers__text {
        height: 640px;
        padding: 0 4em
    }
}

.startpage_trialworkout {
    background-image: url("https://www.fitx.de/img/block/mobile/startpage_trialworkout/bg.jpg");
    background-size: cover;
    height: 426px;
    color: #fff
}

.startpage_trialworkout__container {
    width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    height: 100%;
    position: relative
}

.startpage_trialworkout__content {
    position: absolute;
    bottom: 2em
}

.startpage_trialworkout__headline {
    margin-bottom: .5em;
    font-size: 28px
}

.startpage_trialworkout__text {
    font-weight: 400;
    font-size: 1.2em;
    text-shadow: 0 0 5px rgba(0,0,0,.3);
    line-height: 1.4
}

@media(min-width: 768px) {
    .startpage_trialworkout {
        background-image:url("https://www.fitx.de/img/block/mobile/startpage_trialworkout/bg.jpg");
        background-size: cover;
        background-position: center 30%;
        float: none;
        margin-right: auto;
        margin-left: auto;
        max-width: 1920px;
        height: 695px
    }

    .startpage_trialworkout__container {
        text-align: center;
        height: 100%
    }

    .startpage_trialworkout__content {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .startpage_trialworkout__headline {
        font-size: 34px
    }

    .startpage_trialworkout__text {
        font-size: 2em;
        text-shadow: 0 0 5px rgba(0,0,0,.3)
    }

    .startpage_trialworkout__cta {
        text-align: -webkit-center
    }
}

@media(min-width: 1024px) {
    .startpage_trialworkout {
        background-image:url("https://www.fitx.de/img/block/desktop/startpage_trialworkout/bg.jpg");
        background-position: right center
    }

    .startpage_trialworkout__headline {
        font-size: 44px;
        line-height: 54px
    }
}

@media(min-width: 1800px) {
    .startpage_trialworkout {
        background-position:initial
    }

    .startpage_trialworkout__headline {
        font-size: 46px;
        line-height: 54px
    }
}

.state_opening {
    position: relative;
    max-width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    padding: 4em 0;
    background-color: #fff;
    color: #181d1e
}

.state_opening--noBottomPadding {
    padding-bottom: 0
}

.state_opening--hidden {
    display: none
}

.state_opening__container {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.state_opening__headline {
    line-height: 1.1em;
    text-align: left;
    margin: 0 auto;
    margin-bottom: .5em;
    font-weight: normal
}

.state_opening__text {
    text-align: left;
    margin: 0 auto;
    margin-bottom: 3em;
    color: #444
}

.state_opening__state_group_title {
    font-size: 1.3em;
    padding-left: 2em;
    background-repeat: no-repeat;
    background-position: 0 center
}

.state_opening__state_group_title--planned {
    color: #ed6a12;
    background-image: url("https://www.fitx.de/img/block/shared/icon/icon-orange-duration.svg");
    background-size: .85em;
    background-position: .3em center
}

.state_opening__state_group_title--opened {
    color: #00ae90;
    background-image: url("https://www.fitx.de/img/block/shared/icon/check_list_icon.svg");
    background-size: 1.3em
}

.state_opening__box {
    color: #444;
    padding: 1.5em 1em;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 2em
}

@media(min-width: 1024px) {
    .state_opening__box {
        -webkit-border-radius:10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        overflow: hidden
    }
}

.state_opening__box--opened {
    background-color: #f5f5f5
}

.state_opening__box:last-child {
    margin-bottom: 0
}

.state_opening__list {
    margin-bottom: 0;
    margin-top: 1.5em
}

.state_opening__list_item {
    padding: 1em 0;
    border-bottom: 1px solid #e5e5e5
}

.state_opening__list_item:last-child {
    border-bottom: none;
    padding-bottom: 0
}

.state_opening__state_name,.state_opening__state_status {
    margin-bottom: 0;
    position: relative
}

.state_opening__state_status {
    font-weight: 500
}

.state_opening__fallback_text {
    margin-top: 1.8em;
    margin-bottom: 0
}

.state_opening__state_note {
    color: #717171;
    font-size: .8em;
    display: block
}

.state_opening__state_note_icon {
    background-image: url("https://www.fitx.de/img/block/shared/icon/icon-dark-info-hollow.svg");
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    background-size: cover;
    display: inline-block;
    color: rgba(0,0,0,0);
    cursor: pointer;
    line-height: 1;
    margin-left: 4px
}

.state_opening__more {
    color: #ed6a12;
    font-size: .9em;
    display: block;
    font-weight: 400;
    cursor: pointer
}

.state_opening__more:hover {
    color: #f18841
}

.state_opening__info {
    display: none
}

.state_opening__info--visible {
    background-color: #fff;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100
}

.state_opening__info_close {
    position: absolute;
    width: 44px;
    height: 44px;
    background-image: url("https://www.fitx.de/img/block/shared/icon/close_info_grey.svg");
    background-repeat: no-repeat;
    background-size: 44px;
    cursor: pointer;
    color: rgba(0,0,0,0);
    top: 17px;
    right: 17px
}

.state_opening__info_headline {
    padding: 0 27px;
    height: 90px;
    line-height: 90px;
    margin: 0;
    font-weight: normal;
    font-size: 1.8em
}

.state_opening__info_text {
    border-top: 1px solid #eee;
    padding: 27px;
    overflow: auto;
    max-height: calc(100% - 90px)
}

.state_opening__info_text::-webkit-scrollbar {
    width: 5px;
    height: 8px;
    background-color: #fff
}

.state_opening__info_text::-webkit-scrollbar-thumb {
    background: #ed6a12
}

.state_opening__info_text strong {
    font-weight: normal
}

.state_opening__info_text p:last-child {
    margin-bottom: 0
}

@media(min-width: 768px) {
    .state_opening__box {
        padding:2em
    }

    .state_opening__state_group_title {
        font-size: 1.8em
    }

    .state_opening__info {
        display: none
    }

    .state_opening__info--visible {
        background-color: rgba(23,23,23,.2);
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 100
    }

    .state_opening__info_content {
        background-color: #fff;
        border-radius: 10px;
        -webkit-filter: drop-shadow(0px 0px 21px rgba(0, 0, 0, 0.1));
        filter: drop-shadow(0px 0px 21px rgba(0, 0, 0, 0.1));
        width: 80%;
        max-width: 830px;
        height: auto;
        overflow: auto;
        max-height: 510px;
        display: block;
        position: fixed;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .state_opening__info_content::-webkit-scrollbar {
        width: 5px;
        height: 8px;
        background-color: #fff
    }

    .state_opening__info_content::-webkit-scrollbar-thumb {
        background: #ed6a12
    }

    .state_opening__info_close {
        position: absolute;
        width: 44px;
        height: 44px;
        background-image: url("https://www.fitx.de/img/block/shared/icon/close_info_grey.svg");
        background-repeat: no-repeat;
        background-size: 44px;
        cursor: pointer;
        color: rgba(0,0,0,0);
        top: 22px;
        right: 27px
    }

    .state_opening__info_headline {
        padding: 0 27px;
        height: 90px;
        line-height: 90px;
        margin: 0;
        font-weight: normal
    }

    .state_opening__info_text {
        border-top: 1px solid #eee;
        padding: 27px
    }

    .state_opening__info_text strong {
        font-weight: normal
    }

    .state_opening__info_text p:last-child {
        margin-bottom: 0
    }
}

@media(min-width: 1024px) {
    .state_opening {
        padding:7em 0;
        max-width: 1920px
    }

    .state_opening--noBottomPadding {
        padding-bottom: 0
    }

    .state_opening__container {
        max-width: 100%
    }

    .state_opening__headline {
        line-height: 1em;
        max-width: 70%;
        text-align: center
    }

    .state_opening__text {
        max-width: 70%;
        text-align: center;
        margin-bottom: 6em
    }

    .state_opening__boxes {
        max-width: initial;
        margin-left: auto;
        margin-right: auto
    }

    .state_opening__boxes:after {
        content: "";
        display: table;
        clear: both
    }

    .state_opening__boxes>*:nth-child(2n+1) {
        width: calc(50% - 1.2em - 1.2em + 0.6em + 0.6em);
        float: left;
        margin: 1.2em;
        clear: left;
        margin-left: 0
    }

    .state_opening__boxes>*:nth-child(2n+2) {
        width: calc(50% - 1.2em - 1.2em + 0.6em + 0.6em);
        float: left;
        margin: 1.2em;
        clear: none;
        margin-right: 0
    }

    .state_opening__boxes .state_opening__box--large {
        float: none;
        margin: 0 auto
    }

    .state_opening__list_item {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: space-between
    }

    .state_opening__state_name {
        width: 50%
    }

    .state_opening__state_status {
        width: 50%;
        text-align: right
    }
}

@media(min-width: 1280px) {
    .state_opening__headline {
        max-width:60%
    }

    .state_opening__tile_text {
        font-size: 1.1em;
        line-height: 1.8em
    }
}

@media(min-width: 1800px) {
    .state_opening__headline,.state_opening__text {
        max-width:50%
    }
}

.state_opening__state_note.state_opening__show_info {
    cursor: pointer
}

.static_map {
    height: 700px;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto
}

.static_map--hidden {
    display: none
}

.close_button {
    position: fixed;
    right: 30px;
    top: 30px;
    background-image: url("https://www.fitx.de/img/block/shared/icon/close.png");
    width: 23px;
    height: 23px;
    background-repeat: no-repeat;
    text-indent: -9000px;
    cursor: pointer;
    z-index: 99
}

@media(min-width: 768px) {
    .close_button {
        right:37px;
        top: 37px
    }
}

body[data-controller=preregistration] ::-webkit-scrollbar:vertical {
    width: 4px
}

body[data-controller=preregistration] ::-webkit-scrollbar:horizontal {
    height: 4px
}

body[data-controller=preregistration] ::-webkit-scrollbar-thumb {
    background-color: rgba(255,255,255,.75);
    border-radius: 1px
}

body[data-controller=preregistration] ::-webkit-scrollbar-track {
    border-radius: 1px;
    background-color: rgba(255,255,255,.1);
    border: 0
}

@media(max-width: 320px) {
    .stepform__input_choice {
        padding:5px 16px !important
    }

    .stepform__summary_container {
        max-height: 92px !important
    }

    .stepform__headline {
        font-size: 17px !important
    }

    .stepform__summary_checkbox {
        margin: .4em 0 !important
    }

    .stepform__summary_checkbox_input+label {
        font-size: 1em !important
    }
}

.stepform {
    color: #fff;
    position: relative
}

.stepform>button {
    position: absolute;
    z-index: 10000
}

.stepform__steps {
    height: 100vh;
    overflow: hidden;
    position: relative
}

.stepform__step {
    height: 100vh;
    position: absolute;
    left: 50%;
    width: 100%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    transition: top .7s,opacity .7s
}

.stepform__step--future {
    top: 100vh;
    opacity: 0
}

.stepform__step--present {
    opacity: 1;
    top: 0
}

.stepform__step--previous,.stepform__step--past {
    opacity: 0;
    top: -100vh
}

.stepform__step--dummy {
    display: none
}

.stepform__step--focus {
    top: -20vh
}

.stepform__step_content {
    float: none;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 90%;
    text-align: center
}

.stepform__step_content>div {
    margin-top: 2em
}

.stepform__step--summary {
    padding-top: 0
}

.stepform__hidden {
    position: absolute;
    visibility: hidden;
    height: auto;
    width: auto;
    white-space: nowrap;
    font-size: 16px
}

.stepform__headline {
    text-transform: none;
    font-weight: 400;
    font-size: 20px;
    line-height: 26px
}

.stepform__subheadline {
    margin: 10px 0
}

.stepform__info_box {
    display: block;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .05em;
    color: #ed6a12;
    margin-top: 1em;
    opacity: .8;
    line-height: 1.6
}

.stepform__autocompleter {
    position: absolute;
    width: 100%;
    background-color: #444;
    text-align: left
}

.stepform__suggestion {
    font-size: 1.4em;
    font-weight: 400;
    padding: 0 .6em;
    line-height: 2em;
    cursor: pointer
}

.stepform__suggestion:hover,.stepform__suggestion.hover {
    background-color: #444
}

.stepform__step_text_input {
    position: relative
}

.stepform__input_text[type=text],.stepform__input_text[type=password] {
    width: 100%;
    text-align: left;
    border: none;
    border-bottom: 1px solid #fff;
    padding: 0;
    color: #fff;
    background: rgba(0,0,0,0)
}

.stepform__input_text[type=text]:focus,.stepform__input_text[type=password]:focus {
    border-bottom: 1px solid #fff
}

.stepform__input_text[type=password]::-ms-reveal {
    display: none
}

.stepform__input_eye {
    position: absolute;
    top: 1em;
    right: 0;
    font-weight: 400;
    color: #b5b5b5;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.stepform__input_choice {
    width: 100%;
    display: inline-block;
    background-color: #444;
    color: #fff;
    padding: 12px 16px;
    margin: 7px auto;
    cursor: pointer;
    text-align: center
}

.stepform__input_choice p {
    margin: 0;
    font-size: 14px;
    line-height: 18px
}

.stepform__input_choice--selected {
    color: #444;
    background-color: #fff
}

.stepform__input_choice:hover {
    color: #1c2223;
    background-color: #f5f5f5
}

.stepform__input_choice--personal_data {
    width: 48%;
    min-width: 130px
}

.stepform__input_choice--personal_data:first-child {
    float: left
}

.stepform__input_choice--personal_data:last-child {
    float: right
}

.stepform__label {
    display: block;
    text-align: left;
    text-transform: uppercase;
    color: #b5b5b5;
    font-size: .9em;
    margin-top: .5em
}

.stepform__label--invalid::after {
    padding: .6em .6em .1em .6em;
    background-image: url("https://www.fitx.de/img/block/shared/stepform/arrow_box.png");
    text-transform: none;
    color: #fff;
    display: block;
    position: absolute;
    content: attr(data-error)
}

.stepform__label--invalid_33::after {
    left: 33.33%;
    padding: .6em .6em .1em .6em;
    background-image: url("https://www.fitx.de/img/block/shared/stepform/arrow_box.png");
    text-transform: none;
    color: #fff;
    display: block;
    position: absolute;
    content: attr(data-error)
}

.stepform__label--invalid_66::after {
    left: 66.66%;
    padding: .6em .6em .1em .6em;
    background-image: url("https://www.fitx.de/img/block/shared/stepform/arrow_box.png");
    text-transform: none;
    color: #fff;
    display: block;
    position: absolute;
    content: attr(data-error)
}

.stepform__message {
    color: #fff;
    display: block;
    text-align: left;
    font-size: .9em
}

.stepform__message--invalid::after {
    display: block;
    position: absolute;
    padding: .6em .6em .1em .6em;
    content: attr(data-error);
    background-image: url("https://www.fitx.de/img/block/shared/stepform/arrow_box.png")
}

.stepform__input_flag {
    text-align: left;
    transition: margin-left .3s
}

.stepform__input_flag_content {
    font-size: .9em;
    padding: .1em .6em .6em .6em;
    background-image: url("https://www.fitx.de/img/block/shared/stepform/arrow_box_down.png");
    background-position: 0 bottom;
    text-transform: none;
    color: #fff;
    display: inline-block
}

.stepform__button {
    background-image: url("https://www.fitx.de/img/block/shared/stepform/checkmark.png");
    margin-top: 2em;
    background-position: center;
    background-color: #ed6a12;
    background-repeat: no-repeat;
    cursor: pointer;
    border: none;
    border-radius: 3px;
    text-indent: -9000px;
    background-size: 36%;
    height: 50px;
    width: 250px;
    outline: none
}

.stepform__button--pageform {
    background-image: none;
    color: #fff;
    text-indent: 0;
    font-size: 1.2em;
    font-weight: normal;
    font-family: "Niveau",Arial,Helvetica,sans-serif
}

.stepform__button--pageform:hover {
    background-color: #f18841
}

.stepform__submit_active,.stepform__submit_inactive {
    display: inline-block;
    height: 36px;
    line-height: 36px;
    outline: 0;
    padding: 0 2rem;
    outline: none;
    border-radius: 3px;
    border: none;
    font-weight: 400;
    font-family: "Niveau",sans-serif;
    font-size: 16px
}

.stepform__submit_active {
    background-color: #ed6a12;
    cursor: pointer;
    color: #fff
}

.stepform__submit_inactive {
    background-color: #1c2223;
    cursor: not-allowed;
    color: #999
}

.stepform__back {
    background-image: url("https://www.fitx.de/img/block/shared/stepform/back.png");
    height: 40px;
    position: fixed;
    z-index: 10000;
    bottom: 1em;
    right: 1em;
    width: 90px;
    background-repeat: no-repeat;
    text-indent: -9000px;
    opacity: .4;
    background-position: 0 0;
    cursor: pointer
}

.stepform__notice_bullets {
    margin: 1em 0;
    text-align: left
}

.stepform__notice_bullet {
    background-image: url("https://www.fitx.de/img/block/shared/stepform/chevron_right.png");
    display: inline-block;
    background-repeat: no-repeat;
    padding: 0 0 0 15px;
    background-position: 0 5px;
    text-align: left
}

.stepform__summary_container {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 186px;
    max-width: 100%;
    margin-bottom: 1em
}

.stepform__summary {
    width: 100%;
    text-align: left;
    border-collapse: collapse;
    border-spacing: 0
}

.stepform__summary>tr:nth-child(odd) {
    background-color: #363636
}

.stepform__summary_key {
    display: block;
    text-align: left;
    padding: 5px 10px;
    width: 40%
}

.stepform__summary_value {
    text-align: left;
    padding: 5px 10px;
    color: #ed6a12;
    cursor: pointer;
    width: 60%
}

.stepform__summary_aside {
    color: #f5f5f5
}

.stepform__summary_checkbox {
    position: relative;
    text-align: left;
    margin: 0
}

.stepform__summary_checkbox_input {
    position: absolute;
    left: -9999px;
    visibility: hidden
}

.stepform__summary_checkbox_input+label {
    font-weight: 400;
    font-size: .9em;
    color: #717171;
    padding: 5px 0 10px 35px;
    display: block
}

.stepform__summary_checkbox_input+label:before {
    position: absolute;
    top: 0;
    left: 0;
    content: " ";
    display: inline-block;
    width: 30px;
    height: 26px;
    background-image: url(/img/block/shared/form/checkbox.svg);
    background-position: 0 100%;
    background-repeat: no-repeat
}

.stepform__summary_checkbox_input:checked+label:before {
    background-image: url(/img/block/shared/form/checkbox_checked.svg)
}

.stepform__address_notice {
    background-color: #1da0c9;
    padding: .3em;
    font-weight: 400;
    border-radius: 3px;
    font-size: 1.2em;
    margin-bottom: 1em;
    cursor: pointer
}

.stepform__progress {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1
}

.stepform__progress_bar {
    display: block;
    background-color: #363636;
    width: 100%;
    height: 5px
}

.stepform__progress_bar_progress {
    display: block;
    background: #ed6a12;
    width: 0;
    height: 5px;
    transition: width .5s
}

.stepform__progress_text {
    position: absolute;
    left: 20px;
    top: 8px;
    font-size: 1.1em;
    transition: left .5s;
    color: #ddd;
    text-align: center;
    width: 30px;
    height: 25px;
    padding-top: 0
}

.stepform #stepform__progress_circle {
    margin: 40px 0 0 40px;
    width: 100px;
    height: 100px;
    position: relative;
    display: none
}

.stepform__progress_circle_content {
    position: absolute;
    left: 0;
    top: 28%;
    display: block;
    width: 100%;
    text-align: center;
    line-height: 1.1;
    text-transform: uppercase;
    font-weight: normal;
    font-size: .7rem;
    letter-spacing: 1px;
    color: silver;
    cursor: default
}

.stepform__progress_circle_content span {
    font-size: 1.9rem;
    display: block;
    letter-spacing: 0;
    color: #ddd
}

.stepform__progress_circle_amount_path {
    transition: stroke-dashoffset .7s
}

.stepform--no_animations .stepform__step {
    transition: none
}

.stepform__step--personal_data>.stepform__step_content>div>div:first-child {
    margin: 0 0 1em
}

.stepform__step--summary h2.stepform__headline {
    font-size: 19px
}

.stepform__step--summary p.stepform__subheadline {
    font-size: 14px;
    line-height: 10px
}

@media(max-width: 1023px) {
    .stepform__step--summary {
        overflow:auto
    }

    .stepform__step--summary .stepform__submit_inactive,.stepform__step--summary .stepform__submit_active {
        margin-top: 1em
    }

    .stepform__step--summary>.stepform__step_content {
        padding: 4em 0;
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        top: 0
    }

    .stepform__step--summary>.stepform__step_content .stepform__summary_container {
        overflow: initial;
        max-height: initial;
        margin-bottom: 2em
    }
}

@media(min-width: 768px) {
    body[data-controller=preregistration] {
        height:auto !important
    }

    body[data-controller=preregistration] .footer {
        right: 0;
        bottom: 0;
        left: 0
    }

    body[data-controller=preregistration][data-action=index] .footer,body[data-controller=preregistration][data-action=form] .footer {
        position: absolute
    }

    .stepform__step_content {
        max-width: 1280px;
        width: 66%
    }

    .stepform__step--previous {
        opacity: .1;
        top: -50vh
    }

    .stepform__step--past {
        top: -60vh;
        opacity: 0
    }

    .stepform__step--summary {
        padding-top: 2em
    }

    .stepform__step--summary h2.stepform__headline {
        font-size: 28px
    }

    .stepform__step--summary p.stepform__subheadline {
        font-size: initial;
        line-height: initial
    }

    .stepform__headline {
        font-size: 28px;
        line-height: initial
    }

    .stepform__subheadline {
        margin: 10px 0
    }

    .stepform__input_choice {
        width: 45%;
        margin: 7px 8px;
        min-width: 130px;
        border-radius: 3px
    }

    .stepform__input_choice--personal_data:first-child {
        float: none
    }

    .stepform__input_choice--personal_data:last-child {
        float: none
    }

    .stepform__input_choice p {
        font-size: initial;
        line-height: initial
    }

    .stepform__back {
        bottom: 2em;
        right: 2em
    }

    .stepform__notice_bullet {
        background-position: 0 8px
    }

    .stepform__summary_checkbox_input+label {
        font-size: 1.1em
    }
}

@media(min-width: 1024px) {
    .stepform__headline {
        font-size:26px
    }

    .stepform__progress {
        width: 20%
    }

    .stepform #stepform__progress_circle {
        display: block
    }

    .stepform__progress_bar,.stepform__progress_bar_progress,.stepform__progress_text {
        display: none
    }

    .stepform__summary_container {
        overflow-y: hidden;
        overflow-x: hidden;
        max-height: 100%;
        max-width: 100%
    }

    .stepform__input_choice {
        width: 30%;
        margin: 7px 8px;
        min-width: 130px
    }

    .stepform__input_choice--personal_data {
        width: 49%;
        margin: 7px 1%;
        min-width: 130px
    }

    .stepform__input_choice--personal_data:nth-child(1) {
        margin-left: 0
    }

    .stepform__input_choice--personal_data:nth-child(2) {
        margin-right: 0
    }

    .stepform__notice_bullets {
        text-align: center
    }

    .stepform__notice_bullet {
        text-align: center
    }

    .stepform__step--personal_data>.stepform__step_content>div>div {
        margin: 2em 0 3em
    }

    .stepform__step--personal_data>.stepform__step_content>div>div:first-child {
        margin-bottom: 4em
    }
}

@media(min-width: 1280px) {
    .stepform__step_content {
        max-width:800px
    }

    .stepform__headline {
        font-size: 28px
    }
}

.studio_graph {
    padding: 4em 0 0 0;
    color: #181d1e;
    text-align: center
}

.studio_graph__headline {
    font-size: 24px;
    font-weight: normal;
    text-align: left;
    padding-left: 5%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.studio_graph__headline--with-margin {
    margin-bottom: 1.6em
}

.studio_graph__key {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: flex-end;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: start;
    -moz-align-items: start;
    -ms-align-items: start;
    align-items: start;
    margin-top: 1em
}

.studio_graph__key_item {
    margin-left: 2em;
    font-weight: 400;
    font-size: 14px;
    color: #444
}

.studio_graph__key_item span {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 100px;
    margin-right: 1em
}

.studio_graph__key_item--current span {
    background-color: #181d1e
}

.studio_graph__key_item--historic span {
    background-color: #ed6a12
}

.studio_graph__canvas {
    display: none
}

.studio_graph__desktop {
    display: none
}

.studio_graph__days {
    width: 90%;
    margin: 2em auto 2em auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.studio_graph__days--hidden {
    display: none
}

.studio_graph__day {
    cursor: pointer;
    padding: 3px;
    border-radius: 6px;
    font-size: 1.2em;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.studio_graph__day--selected {
    background-color: #181d1e;
    color: #fff
}

.studio_graph__hint {
    background-color: #ebeae8;
    padding: 1.6em;
    width: 90%;
    margin: 1em auto 0 auto;
    border-radius: 10px;
    font-size: 1em;
    font-weight: 400;
    position: relative;
    color: #ccc !important;
    text-align: left
}

.studio_graph__hint:after {
    content: "";
    display: table;
    clear: both
}

.studio_graph__hint::before {
    content: " ";
    position: absolute;
    top: -5px;
    left: 30%;
    width: 10px;
    height: 10px;
    background-color: #ebeae8;
    border-top: 1px solid #ebeae8;
    border-left: 1px solid #ebeae8;
    -webkit-transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg);
    transform: rotateZ(45deg)
}

.studio_graph__hint--h-0::before {
    left: calc(4px + 4.3260869565%)
}

.studio_graph__hint--h-1::before {
    left: calc(4px + 4.3260869565%)
}

.studio_graph__hint--h-2::before {
    left: calc(4px + 4.3260869565%)
}

.studio_graph__hint--h-3::before {
    left: calc(4px + 8.9891304348%)
}

.studio_graph__hint--h-4::before {
    left: calc(4px + 13.652173913%)
}

.studio_graph__hint--h-5::before {
    left: calc(4px + 18.3152173913%)
}

.studio_graph__hint--h-6::before {
    left: calc(4px + 22.9782608696%)
}

.studio_graph__hint--h-7::before {
    left: calc(4px + 27.6413043478%)
}

.studio_graph__hint--h-8::before {
    left: calc(4px + 32.3043478261%)
}

.studio_graph__hint--h-9::before {
    left: calc(4px + 36.9673913043%)
}

.studio_graph__hint--h-10::before {
    left: calc(4px + 41.6304347826%)
}

.studio_graph__hint--h-11::before {
    left: calc(4px + 46.2934782609%)
}

.studio_graph__hint--h-12::before {
    left: calc(4px + 50.9565217391%)
}

.studio_graph__hint--h-13::before {
    left: calc(4px + 55.6195652174%)
}

.studio_graph__hint--h-14::before {
    left: calc(4px + 60.2826086957%)
}

.studio_graph__hint--h-15::before {
    left: calc(4px + 64.9456521739%)
}

.studio_graph__hint--h-16::before {
    left: calc(4px + 69.6086956522%)
}

.studio_graph__hint--h-17::before {
    left: calc(4px + 74.2717391304%)
}

.studio_graph__hint--h-18::before {
    left: calc(4px + 78.9347826087%)
}

.studio_graph__hint--h-19::before {
    left: calc(4px + 83.597826087%)
}

.studio_graph__hint--h-20::before {
    left: calc(4px + 88.2608695652%)
}

.studio_graph__hint--h-21::before {
    left: calc(4px + 92.9239130435%)
}

.studio_graph__hint--h-22::before {
    left: calc(4px + 92.9239130435%)
}

.studio_graph__hint--h-23::before {
    left: calc(4px + 92.9239130435%)
}

.studio_graph__hint--hidden {
    display: none
}

.studio_graph__hint_icon {
    background-image: url("https://www.fitx.de/img/block/shared/studio_graph/clock.svg");
    width: 27px;
    height: 35px;
    float: left
}

.studio_graph__hint_text {
    float: right;
    text-align: left;
    width: calc(100% - 43px)
}

.studio_graph__ctas {
    text-align: -webkit-center;
    padding: 0 5%;
    margin: 4em 0 2em
}

.studio_graph__cta {
    display: inline-block;
    width: 100%;
    margin: 0 0 1em 0
}

.studio_graph__cta .cta {
    width: 100%
}

@media(min-width: 768px) {
    .studio_graph__wrap {
        position:relative;
        width: 90%;
        float: none;
        margin-right: auto;
        margin-left: auto;
        margin-top: 2em
    }

    .studio_graph__hint {
        position: absolute;
        background-color: #ebeae8;
        top: 0;
        max-width: 320px;
        left: 5%;
        margin: 1em auto 0 auto;
        padding: 1em;
        font-size: .9em
    }

    .studio_graph__hint::before {
        top: 25%;
        bottom: auto
    }

    .studio_graph__hint--h-0 {
        left: calc(0% + 30px)
    }

    .studio_graph__hint--h-1 {
        left: calc(4.347826087% + 30px)
    }

    .studio_graph__hint--h-2 {
        left: calc(8.6956521739% + 30px)
    }

    .studio_graph__hint--h-3 {
        left: calc(13.0434782609% + 30px)
    }

    .studio_graph__hint--h-4 {
        left: calc(17.3913043478% + 30px)
    }

    .studio_graph__hint--h-5 {
        left: calc(21.7391304348% + 30px)
    }

    .studio_graph__hint--h-6 {
        left: calc(26.0869565217% + 30px)
    }

    .studio_graph__hint--h-7 {
        left: calc(30.4347826087% + 30px)
    }

    .studio_graph__hint--h-8 {
        left: calc(34.7826086957% + 30px)
    }

    .studio_graph__hint--h-9 {
        left: calc(39.1304347826% + 30px)
    }

    .studio_graph__hint--h-10 {
        left: calc(43.4782608696% + 30px)
    }

    .studio_graph__hint--h-11 {
        left: calc(47.8260869565% + 30px)
    }

    .studio_graph__hint--h-12 {
        left: calc(52.1739130435% + -15px)
    }

    .studio_graph__hint--h-13 {
        left: calc(56.5217391304% + -15px)
    }

    .studio_graph__hint--h-14 {
        left: calc(60.8695652174% + -15px)
    }

    .studio_graph__hint--h-15 {
        left: calc(65.2173913043% + -15px)
    }

    .studio_graph__hint--h-16 {
        left: calc(69.5652173913% + -15px)
    }

    .studio_graph__hint--h-17 {
        left: calc(73.9130434783% + -15px)
    }

    .studio_graph__hint--h-18 {
        left: calc(78.2608695652% + -15px)
    }

    .studio_graph__hint--h-19 {
        left: calc(82.6086956522% + -15px)
    }

    .studio_graph__hint--h-20 {
        left: calc(86.9565217391% + -15px)
    }

    .studio_graph__hint--h-21 {
        left: calc(91.3043478261% + -15px)
    }

    .studio_graph__hint--h-22 {
        left: calc(95.652173913% + -15px)
    }

    .studio_graph__hint--h-23 {
        left: calc(100% + -15px)
    }

    .studio_graph__hint--am::before {
        left: -5px;
        right: auto;
        -webkit-transform: rotateZ(-45deg);
        -moz-transform: rotateZ(-45deg);
        transform: rotateZ(-45deg)
    }

    .studio_graph__hint--pm {
        -ms-transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    .studio_graph__hint--pm::before {
        left: auto;
        right: -5px;
        -webkit-transform: rotateZ(135deg);
        -moz-transform: rotateZ(135deg);
        transform: rotateZ(135deg)
    }

    .studio_graph__ctas {
        text-align: -webkit-center;
        padding: 0;
        margin: 5em 0 2em
    }

    .studio_graph__cta {
        display: inline-block;
        width: initial;
        margin: 0 1em
    }

    .studio_graph__cta .cta {
        width: 295px
    }

    .studio_graph__key {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: flex-end;
        -moz-justify-content: flex-end;
        -ms-justify-content: flex-end;
        justify-content: flex-end;
        -ms-flex-pack: flex-end;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-align-items: start;
        -moz-align-items: start;
        -ms-align-items: start;
        align-items: start
    }
}

@media(min-width: 1024px) {
    .studio_graph {
        padding:8em 0 6em
    }

    .studio_graph__desktop {
        display: inline
    }

    .studio_graph__headline {
        font-size: 36px;
        text-align: center;
        margin-bottom: 1.6em;
        padding-left: 0;
        font-weight: normal
    }

    .studio_graph__wrap {
        position: relative;
        width: 90%;
        float: none;
        margin-right: auto;
        margin-left: auto;
        margin-top: 2em
    }

    .studio_graph__day {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        padding: 10px
    }

    .studio_graph__prev,.studio_graph__next {
        width: 30px;
        height: 50px;
        cursor: pointer;
        position: absolute;
        top: calc(50% - 45px)
    }

    .studio_graph__prev--hidden,.studio_graph__next--hidden {
        display: none
    }

    .studio_graph__prev {
        background-image: url("https://www.fitx.de/img/block/desktop/studio_graph/arrow_left.svg");
        left: -40px
    }

    .studio_graph__next {
        background-image: url("https://www.fitx.de/img/block/desktop/studio_graph/arrow_right.svg");
        right: -40px
    }

    .studio_graph__ctas {
        text-align: -webkit-center;
        padding: 0;
        margin: 5em 0 0
    }

    .studio_graph__cta {
        display: inline-block;
        width: initial;
        margin: 0 1em
    }

    .studio_graph__cta .cta {
        width: 295px
    }
}

@media(min-width: 1024px) {
    .studio_graph__hint {
        font-size:1em
    }
}

.studio_hero {
    margin-top: 73px;
    color: #181d1e
}

.studio_hero__gallery {
    position: relative
}

.studio_hero__gallery_wrap .gallery__indicators {
    display: none
}

.studio_hero__workload_wrap {
    padding: 2em 0;
    margin-top: 2em;
    background-color: #fff;
    color: #181d1e;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5
}

.studio_hero__workload_wrap--promotion {
    border-bottom: none;
    padding-bottom: 0
}

.studio_hero__badge {
    width: 120px;
    height: 120px;
    position: absolute;
    z-index: 2;
    top: 1em;
    left: 1em;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

.studio_hero__placeholder_image {
    height: 260px;
    background-image: url("https://www.fitx.de/img/block/mobile/studio_hero/placeholder.jpg");
    background-size: cover
}

@media(min-width: 768px) {
    .studio_hero__placeholder_image {
        background-image:url("https://www.fitx.de/img/block/desktop/studio_hero/placeholder.jpg")
    }
}

.studio_hero__virtual_tour {
    font-size: 14px;
    position: absolute;
    top: .5em;
    right: .3em;
    z-index: 2;
    background-color: #fff;
    padding: 12px 10px 12px 26px;
    color: #181d1e;
    background-image: url("https://www.fitx.de/img/block/shared/studio_hero/virtual_tour.svg");
    background-size: 1.2em;
    background-repeat: no-repeat;
    background-position: 15px center;
    max-width: 200px
}

.studio_hero__virtual_tour:active,.studio_hero__virtual_tour:hover,.studio_hero__virtual_tour:visited {
    color: #181d1e
}

.studio_hero__infobox {
    padding: 2em 5%
}

.studio_hero__address {
    color: #444
}

.studio_hero__kicker {
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 1em;
    border-radius: 6px;
    display: inline-block;
    padding: 0 15px;
    height: 30px;
    line-height: 30px;
    background-color: #fdedd4;
    color: #f5a323
}

.studio_hero__kicker-3,.studio_hero__kicker-1 {
    background-color: #fdedd4;
    color: #f5a323
}

.studio_hero__kicker-2 {
    background-color: #d4efdf;
    color: #27ae60
}

.studio_hero__kicker-4 {
    background-color: #fef5f4;
    color: #e83623
}

.studio_hero__headline {
    font-size: 2.6em;
    line-height: 1.2em;
    margin-bottom: 0
}

.studio_hero__headline_kicker {
    display: block;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: .5em;
    line-height: 1;
    color: #999
}

.studio_hero__address {
    margin-bottom: .3em
}

.studio_hero__map_button,.studio_hero__call_icon {
    font-weight: 400;
    background-image: url("https://www.fitx.de/img/block/shared/studio_hero/pin.svg");
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: top left;
    padding-left: 1.6em;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    text-decoration: underline;
    margin-top: 1em;
    color: #181d1e
}

.studio_hero__map_button:visited,.studio_hero__map_button:active,.studio_hero__map_button:hover,.studio_hero__call_icon:visited,.studio_hero__call_icon:active,.studio_hero__call_icon:hover {
    color: #181d1e
}

.studio_hero__call_icon {
    display: block;
    background-image: url("https://www.fitx.de/img/block/shared/studio_hero/icon-call.svg");
    background-position: center left;
    margin-bottom: 2em
}

.studio_hero__call_icon--desktop {
    display: none
}

.studio_hero__split_wrap {
    margin: 2em 0 3em 0
}

.studio_hero__split_wrap:after {
    content: "";
    display: table;
    clear: both
}

.studio_hero__split {
    float: left
}

.studio_hero__split--right {
    float: right
}

.studio_hero__call_button {
    display: block;
    color: #fff;
    background-color: #1c2223;
    cursor: pointer;
    font-size: 16px;
    padding: .65em 1em .65em 3em;
    border-radius: 3px;
    background-image: url("https://www.fitx.de/img/block/shared/studio_hero/icon-call.svg");
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: .9em center
}

.studio_hero__call_button:active,.studio_hero__call_button:hover,.studio_hero__call_button:visited {
    color: #fff
}

.studio_hero__ctas {
    margin-top: 1em
}

.studio_hero__ctas p {
    color: #ed6a12;
    font-size: 120%
}

.studio_hero__cta>.cta {
    width: 100%;
    max-width: 414px;
    cursor: pointer
}

.studio_hero__cta>.cta:first-child {
    margin-bottom: .9em
}

.studio_hero__gallery_desktop {
    display: none
}

.studio_hero__gallery_mobile {
    height: 260px
}

.studio_hero__promotion {
    background-color: #f4f2ef
}

.studio_hero__promotion h2 {
    font-size: 24px;
    font-weight: normal;
    color: #181d1e;
    margin-bottom: 1em;
    margin-top: 1em
}

.studio_hero__promotion--desktop {
    display: none
}

.studio_hero__promotion_notice {
    position: relative;
    margin-top: 73px;
    z-index: 100;
    width: 100%;
    padding: 1em 2em 1em 1em;
    text-align: center;
    background-color: #f4f2ef;
    cursor: pointer;
    display: block
}

.studio_hero__promotion_notice:after {
    content: "";
    display: table;
    clear: both
}

.studio_hero__promotion_notice_content {
    color: #181d1e;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    text-decoration: underline
}

.studio_hero__promotion_notice--hidden {
    display: none
}

.studio_hero__promotion_image {
    width: 100%;
    min-height: 310px;
    background-position: center top;
    position: relative;
    background-size: cover
}

.studio_hero__promotion_badge {
    width: 120px;
    height: auto;
    position: absolute;
    top: 60%;
    right: 7%;
    transform: translateY(-60%)
}

.studio_hero__promotion_headline--bottom {
    padding: 2em 5% 0
}

.studio_hero__promotion_text {
    color: #444
}

.studio_hero__promotion_text ul {
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    margin-bottom: 2em
}

.studio_hero__promotion_text li {
    background-image: url("https://www.fitx.de/img/block/shared/icon/check_large.svg");
    background-repeat: no-repeat;
    background-size: 16px;
    padding-left: 25px;
    background-position: 0 5px
}

.studio_hero__promotion_text--bottom {
    padding: 0 5% 2em
}

@media(min-width: 480px) {
    .studio_hero:after {
        content:"";
        display: table;
        clear: both
    }

    .studio_hero__placeholder_image {
        width: 100%;
        min-height: 500px;
        border-radius: 10px
    }

    .studio_hero__cta {
        width: 48%;
        float: left
    }

    .studio_hero__cta:last-child {
        float: none
    }

    .studio_hero a[data-id=studio_newsletter] {
        margin-top: 2em
    }

    .studio_hero__gallery_mobile {
        height: 400px
    }
}

@media(min-width: 768px) {
    .studio_hero__promotion_image {
        min-height:500px
    }

    .studio_hero__promotion_badge {
        width: 170px
    }

    .studio_hero__virtual_tour {
        font-size: 1.2em;
        position: absolute;
        z-index: 2;
        background-color: #fff;
        padding: 17px 27px 17px 54px;
        color: #181d1e;
        background-size: 1.2em;
        background-repeat: no-repeat;
        background-position: 24px center;
        max-width: 270px;
        top: 1em;
        right: 1em
    }

    .studio_hero__call_icon {
        text-decoration: none
    }

    .studio_hero__call_icon--desktop {
        display: block
    }

    .studio_hero__call_icon--mobile {
        display: none
    }
}

@media(min-width: 1024px) {
    .studio_hero {
        background-color:#fff
    }

    .studio_hero__workload_wrap--promotion {
        border-bottom: 1px solid #e5e5e5;
        padding-bottom: 2em
    }

    .studio_hero--with_notice {
        margin-top: 132px
    }

    .studio_hero--with_notices {
        margin-top: 191px
    }

    .studio_hero__content {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        padding: 5em 0
    }

    .studio_hero__gallery_wrap {
        width: 65%
    }

    .studio_hero__headline {
        font-size: 48px;
        margin: 0
    }

    .studio_hero__headline--long {
        font-size: 35px !important
    }

    .studio_hero__headline_kicker {
        margin-bottom: .5em;
        font-size: 16px
    }

    .studio_hero__address--longname {
        margin-bottom: 0;
        font-size: 16px;
        color: #444
    }

    .studio_hero__call_button {
        display: none
    }

    .studio_hero__badge {
        top: 3em;
        left: 3em;
        width: 160px;
        height: 160px
    }

    .studio_hero__infobox {
        padding: 0 0 0 5%;
        align-self: flex-start;
        height: auto;
        position: -webkit-sticky !important;
        position: -moz-sticky !important;
        position: -o-sticky !important;
        position: -ms-sticky !important;
        position: sticky !important;
        top: calc(73px + 5em);
        width: 35%
    }

    .studio_hero__infobox--with_notice {
        position: -webkit-sticky !important;
        position: -moz-sticky !important;
        position: -o-sticky !important;
        position: -ms-sticky !important;
        position: sticky !important;
        top: calc(73px + 11em)
    }

    .studio_hero__map_button,.studio_hero__call_icon {
        font-size: 18px;
        background-size: 14px;
        margin-top: .5em;
        background-position: center left
    }

    .studio_hero__map_button {
        text-decoration: underline
    }

    .studio_hero__map_button:hover {
        color: #ed6a12
    }

    .studio_hero__rating {
        margin-bottom: 1.5em
    }

    .studio_hero__virtual_tour {
        font-size: 1.2em;
        position: absolute;
        z-index: 2;
        background-color: #fff;
        padding: 17px 17px 17px 24px;
        color: #181d1e;
        background-size: 1.2em;
        background-repeat: no-repeat;
        background-position: 24px center;
        max-width: 270px;
        top: 1em;
        left: 1em
    }

    .studio_hero__virtual_tour--mobile {
        display: none
    }

    .studio_hero__cta {
        width: initial;
        margin-bottom: initial;
        float: none
    }

    .studio_hero__cta:last-child {
        float: none
    }

    .studio_hero__gallery_mobile {
        display: none
    }

    .studio_hero__gallery_desktop {
        display: block
    }

    .studio_hero__promotion {
        background-color: #fff;
        padding: 0
    }

    .studio_hero__promotion h2 {
        font-size: 28px;
        font-weight: normal;
        color: #181d1e;
        margin-top: 1.5em
    }

    .studio_hero__promotion--desktop {
        display: block
    }

    .studio_hero__promotion--mobile {
        display: none
    }

    .studio_hero__promotion--margin {
        margin-top: 5em
    }

    .studio_hero__promotion_notice {
        position: fixed;
        left: 0;
        margin-top: 0;
        top: 73px;
        z-index: 100;
        width: 100%;
        padding: 1em 2em 1em 1em;
        text-align: center;
        background-color: #f4f2ef;
        cursor: pointer
    }

    .studio_hero__promotion_notice:after {
        content: "";
        display: table;
        clear: both
    }

    .studio_hero__promotion_notice--with_notice {
        top: calc(73px + 59px)
    }

    .studio_hero__promotion_notice--with_notices {
        top: calc(73px + 118px)
    }

    .studio_hero__promotion_notice_content {
        color: #181d1e;
        font-size: 18px;
        line-height: 20px;
        font-weight: 400;
        text-decoration: underline
    }

    .studio_hero__promotion_notice--hidden {
        display: none
    }

    .studio_hero__promotion_image {
        width: 100%;
        min-height: 500px;
        border-radius: 10px;
        background-position: center top;
        position: relative
    }

    .studio_hero__promotion_badge {
        width: 200px;
        height: auto;
        position: absolute;
        top: 60%;
        right: 7%;
        transform: translateY(-60%)
    }

    .studio_hero__promotion_text ul {
        font-size: 18px;
        line-height: 28px;
        font-weight: 400;
        margin-bottom: 2em
    }

    .studio_hero__promotion_text li {
        background-image: url("https://www.fitx.de/img/block/shared/icon/check_large.svg");
        background-repeat: no-repeat;
        background-size: 18px;
        padding-left: 25px;
        background-position: 0 8px
    }

    .newnav .studio_hero--with_notice,.newnav2 .studio_hero--with_notice {
        margin-top: 132px
    }
}

@media(min-width: 1024px) {
    .studio_hero__headline {
        font-size:48px;
        line-height: 1em
    }

    .studio_hero__cta>.cta {
        max-width: 380px
    }
}

@media(min-width: 1280px) {
    .studio_hero__virtual_tour {
        top:auto;
        bottom: 1.8em;
        right: 1.2em
    }

    .studio_hero__headline--long {
        font-size: 42px !important
    }
}

@media(min-width: 1800px) {
    .studio_hero__headline--long {
        font-size:48px !important
    }
}

.studio_infocard {
    padding: 4em 0 0;
    text-align: center;
    max-width: 100%
}

.studio_infocard__headline {
    color: #fff;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.studio_infocard__wrap {
    text-align: left;
    margin-top: 1em
}

.studio_infocard__gallery_wrap {
    position: relative;
    height: 240px
}

.studio_infocard__gallery {
    max-width: 95%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.studio_infocard__map {
    max-width: 95%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    display: none;
    opacity: 0;
    transition: opacity .5s;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    z-index: 50
}

.studio_infocard__map--visible {
    display: block;
    opacity: 1
}

.studio_infocard__threesixty_link {
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: #ed6a12;
    color: #fff;
    z-index: 10;
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 3px
}

.studio_infocard__threesixty_link:active,.studio_infocard__threesixty_link:hover,.studio_infocard__threesixty_link:visited {
    color: #fff !important
}

.studio_infocard__threesixty_link:hover {
    background-color: #f18841
}

.studio_infocard__threesixty_cta {
    opacity: 1;
    z-index: 2000;
    position: absolute;
    width: 280px;
    top: 10px;
    left: 230px;
    background-color: #00ae90;
    color: #fff;
    padding: 16px 0;
    font-size: 16px;
    text-align: center;
    transition: opacity .5s linear;
    border-radius: 3px
}

.studio_infocard__threesixty_cta--hidden {
    opacity: 0
}

.studio_infocard__threesixty_cta:active,.studio_infocard__threesixty_cta:hover,.studio_infocard__threesixty_cta:visited {
    color: #fff !important
}

.studio_infocard__threesixty_cta:hover {
    background-color: #22c6af
}

.studio_infocard__threesixty {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    display: none
}

.studio_infocard__threesixty--visible {
    display: block
}

.studio_infocard__threesixty_close {
    position: absolute;
    z-index: 2000;
    top: 10px;
    right: 73px;
    color: #fff;
    font-size: 13px !important;
    background: #ed6a12 !important;
    padding: 3px 9px !important;
    border-radius: 3px !important;
    cursor: pointer
}

.studio_infocard__navigation_link {
    color: #ed6a12
}

.studio_infocard__content {
    max-width: 95%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    background-color: #fff;
    padding: 2em;
    font-size: .9em
}

.studio_infocard__show_map--hidden {
    display: none
}

.studio_infocard__show_gallery--hidden {
    display: none
}

.studio_infocard__directions {
    font-weight: 200
}

@media(min-width: 768px) {
    .studio_infocard {
        padding:7em 0 0;
        max-width: 1280px;
        float: none;
        margin-right: auto;
        margin-left: auto;
        width: 85%
    }

    .studio_infocard__wrap {
        margin-top: 2em;
        max-width: 960px;
        margin-left: auto;
        margin-right: auto
    }

    .studio_infocard__wrap:after {
        content: "";
        display: table;
        clear: both
    }

    .studio_infocard__wrap>*:nth-child(2n+1) {
        width: calc(70%);
        float: left;
        clear: left;
        margin-left: 0
    }

    .studio_infocard__wrap>*:nth-child(2n+2) {
        width: calc(30%);
        float: left;
        clear: none;
        margin-right: 0
    }

    .studio_infocard__wrap>*:nth-child(2n+2) {
        left: calc(0px - ((0px + (70%) + (30%))) + (0px + (30%)));
        position: relative
    }

    .studio_infocard__wrap>*:nth-child(2n+1) {
        left: calc(0px - ((0px + (70%))) + (0px + (30%) + (70%)));
        position: relative
    }

    .studio_infocard__gallery_wrap {
        height: 420px
    }

    .studio_infocard__content {
        height: 420px
    }

    .studio_infocard__content p {
        font-size: 14px
    }

    .studio_infocard__map {
        max-width: 100%
    }

    .studio_infocard__gallery {
        max-width: 100%
    }
}

@media(min-width: 1024px) {
    .studio_infocard__content p {
        font-size:16px
    }
}

.studio_map_info {
    background-color: #fff;
    color: #444;
    max-width: 90%;
    margin: 0 auto;
    padding: 4em 0
}

.studio_map_info h3 {
    margin: 0;
    font-weight: normal;
    font-size: 1.4em
}

.studio_map_info h3.studio_map_info__address_headline {
    margin-bottom: .5em
}

.studio_map_info p {
    font-size: 1.2em;
    margin-bottom: 0;
    font-weight: 400;
    line-height: 1.4
}

.studio_map_info p strong {
    font-weight: normal
}

.studio_map_info__profile {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    border-bottom: 1px solid #ddd;
    padding: 0 0 2em;
    margin: 0 0 1.5em 0
}

.studio_map_info__thumb {
    background-color: #fff;
    width: 106px;
    height: 106px;
    background-size: cover;
    border-radius: 5px;
    margin-right: 20px
}

.studio_map_info__directions>p {
    border-bottom: 1px solid #ddd;
    margin-bottom: 1.5em
}

.studio_map_info__directions>p:last-child {
    border-bottom: 0;
    margin: 0
}

@media(min-width: 1024px) {
    .studio_map_info {
        padding:30px;
        width: 40%;
        max-width: 380px;
        min-height: 450px;
        border-radius: 10px;
        margin: 0
    }

    .studio_map_info p {
        font-size: 1.2em;
        line-height: 1.2
    }
}

@media(min-width: 1800px) {
    .studio_map_info {
        max-width:400px
    }

    .studio_map_info p {
        line-height: 1.4
    }
}

.studio_map_overlay {
    color: #181d1e
}

.studio_map_overlay__headline {
    padding: 1em 5%;
    font-weight: normal;
    font-size: 24px;
    color: #181d1e
}

.studio_map_overlay__map_container {
    position: relative;
    height: 50vh;
    background-color: #fff
}

.studio_map_overlay__map {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50vh;
    background-position: center;
    background-size: cover;
    opacity: 1;
    transition: opacity .6s
}

.studio_map_overlay__map--transparent {
    opacity: 0
}

.studio_map_overlay__pin {
    position: absolute;
    background-image: url("https://www.fitx.de/img/block/shared/studio_map_overlay/pin.png");
    width: 60px;
    height: 60px;
    background-size: contain;
    left: 50%;
    top: 50%;
    transform: translateX(-30px) translateY(-55px)
}

.studio_map_overlay__route {
    position: absolute;
    color: #181d1e !important;
    background-image: url("https://www.fitx.de/img/block/shared/studio_map_overlay/pin.png");
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 8% center;
    right: 1em;
    bottom: 1em;
    font-size: 1.2em;
    border-radius: 25px;
    z-index: 2;
    background-color: #fff;
    padding: .47em 1em .47em 2.5em;
    transition: opacity .6s
}

.studio_map_overlay__route--transparent {
    opacity: 0
}

.studio_map_overlay__infobox {
    min-height: 50vh;
    padding: 5%
}

.studio_map_overlay__infobox>h3 {
    margin-bottom: .5em;
    font-weight: normal;
    font-size: 18px;
    color: #444
}

.studio_map_overlay__infobox>p {
    color: #444;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300
}

.studio_map_overlay__infobox>p>strong {
    color: #444;
    font-weight: normal
}

@media(min-width: 768px) {
    .studio_map_overlay__headline {
        display:block;
        font-size: 36px;
        margin: 1em 0;
        padding: 0
    }

    .studio_map_overlay__content {
        max-width: initial;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden
    }

    .studio_map_overlay__content:after {
        content: "";
        display: table;
        clear: both
    }

    .studio_map_overlay__content>*:nth-child(2n+1) {
        width: calc(66.6666666667%);
        float: left;
        clear: left;
        margin-left: 0
    }

    .studio_map_overlay__content>*:nth-child(2n+2) {
        width: calc(33.3333333333%);
        float: left;
        clear: none;
        margin-right: 0
    }

    .studio_map_overlay__content>*:nth-child(2n+2) {
        left: calc(0px - ((0px + (66.6666666667%) + (33.3333333333%))) + (0px + (33.3333333333%)));
        position: relative
    }

    .studio_map_overlay__content>*:nth-child(2n+1) {
        left: calc(0px - ((0px + (66.6666666667%))) + (0px + (33.3333333333%) + (66.6666666667%)));
        position: relative
    }

    .studio_map_overlay__map_container {
        height: 450px;
        background-color: #f5f5f5
    }

    .studio_map_overlay__map_container--fullwidth {
        width: 100% !important;
        left: 0 !important
    }

    .studio_map_overlay__map {
        height: 450px
    }

    .studio_map_overlay__infobox {
        min-height: 450px;
        height: 450px;
        background-color: #fff;
        padding: 0 3% 0 0
    }

    .studio_map_overlay__infobox--fullwidth {
        display: none
    }

    .studio_map_overlay__infobox>h3 {
        margin-bottom: .5em;
        font-weight: normal;
        font-size: 22px
    }
}

@media(min-width: 1800px) {
    .studio_map_overlay__route {
        right:1.2em;
        bottom: 1.2em;
        padding: .65em 1em .65em 2.5em
    }

    .studio_map_overlay__infobox>h3 {
        font-size: 22px
    }

    .studio_map_overlay__infobox>p {
        font-size: 18px
    }
}

.studio_map {
    background-color: #fff;
    padding-top: 4em
}

.studio_map__map {
    width: 100%;
    height: 30vh;
    background-color: #f5f5f5;
    position: relative;
    background-position: center;
    background-size: cover
}

.studio_map__pin {
    position: absolute;
    background-image: url("https://www.fitx.de/img/block/shared/icon/pin.png");
    width: 60px;
    height: 60px;
    background-size: contain;
    left: 50%;
    top: 50%;
    transform: translateX(-30px) translateY(-55px)
}

.studio_map__info--desktop {
    display: none
}

.studio_map__headline {
    font-size: 28px;
    line-height: 1.2;
    font-weight: normal;
    color: #444;
    width: 90%;
    margin: 0 auto 1em
}

@media(min-width: 768px) {
    .studio_map__headline {
        font-size:27px
    }
}

@media(min-width: 1024px) {
    .studio_map {
        padding:0 0 7em
    }

    .studio_map__map {
        height: auto;
        min-height: 450px;
        padding: 2em;
        border-radius: 10px
    }

    .studio_map__info--desktop {
        display: block
    }

    .studio_map__info--mobile {
        display: none
    }

    .studio_map__headline {
        font-size: 32px;
        line-height: 40px;
        width: 100%
    }
}

@media(min-width: 1280px) {
    .studio_map__headline {
        font-size:36px;
        line-height: 50px
    }
}

.studio_newsletter {
    padding: 4em 0;
    background-color: #fff;
    overflow: hidden;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.studio_newsletter--hidden {
    display: none
}

.studio_newsletter__header {
    text-align: center;
    width: 100%;
    font-size: 18px;
    padding: 20px 0;
    font-weight: normal;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 1.5em
}

.studio_newsletter__content {
    position: absolute;
    background-color: #fff;
    width: 100%;
    height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.studio_newsletter__close {
    position: absolute;
    right: 33px;
    top: 25px;
    width: 16px;
    height: 16px;
    background-image: url("https://www.fitx.de/img/block/shared/icon/close_darkgrey.svg");
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: -9000px;
    cursor: pointer
}

.studio_newsletter__text {
    color: #444;
    text-align: left;
    font-size: 18px;
    margin-bottom: 1em;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.studio_newsletter__newsletter_form {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 1em
}

.studio_newsletter__newsletter_form--hidden {
    display: none
}

.studio_newsletter__newsletter_form .newsletter_form__success_headline {
    font-weight: bold
}

.studio_newsletter__newsletter_form .newsletter_form__form_elements {
    width: 100%
}

.studio_newsletter__newsletter_form__notice {
    color: #fff;
    text-align: left;
    padding: 1em 0
}

.studio_newsletter__newsletter_form__notice span {
    font-weight: bold
}

@media(min-width: 768px) {
    .studio_newsletter {
        padding:7em 0;
        max-width: 100%;
        background-color: rgba(0,0,0,.4)
    }

    .studio_newsletter__content {
        position: absolute;
        background-color: #fff;
        width: 570px;
        height: auto;
        min-height: 470px;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        border-radius: 10px;
        -webkit-box-shadow: 0px 4px 10px 0px rgba(0,0,0,.1);
        box-shadow: 0px 4px 10px 0px rgba(0,0,0,.1)
    }

    .studio_newsletter__text {
        color: #444;
        text-align: left;
        font-size: 22px
    }

    .studio_newsletter__newsletter_form {
        width: 85%;
        float: none;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 1em
    }

    .studio_newsletter__newsletter_form .newsletter_form__success_headline,.studio_newsletter__newsletter_form .newsletter_form__success_text {
        text-align: left
    }

    .studio_newsletter__newsletter_form .newsletter_form__success_headline {
        font-size: 1.4em;
        font-weight: bold
    }

    .studio_newsletter__newsletter_form__notice {
        color: #fff;
        text-align: center;
        padding: 1em 0
    }

    .studio_newsletter__newsletter_form__notice span {
        font-weight: bold
    }

    .studio_newsletter>div>.newsletter_form>.newsletter_form__form_elements {
        margin: 0 auto
    }

    .studio_newsletter__close {
        position: absolute;
        left: unset;
        right: 23px;
        top: 15px;
        width: 38px;
        height: 38px;
        background-image: url("https://www.fitx.de/img/block/shared/icon/close_darkgrey.svg");
        background-size: 16px;
        background-repeat: no-repeat;
        text-indent: -9000px;
        cursor: pointer;
        border-radius: 100px;
        background-position: center
    }

    .studio_newsletter__close:hover {
        background-color: #f5f5f5
    }
}

@media(min-width: 1024px) {
    .studio_newsletter {
        overflow:hidden
    }

    .studio_newsletter__newsletter_form {
        width: 90%;
        max-width: 1280px;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .studio_newsletter__newsletter_form .newsletter_form__success_headline {
        font-size: 2.3em;
        font-weight: bold
    }
}

.studio_notice {
    color: #181d1e;
    padding: 1em 2em 1em 1em;
    font-size: 1.2em;
    font-weight: 400;
    background-color: #fdedd4
}

.studio_notice:after {
    content: "";
    display: table;
    clear: both
}

.studio_notice--warning {
    background-color: #f5a323;
    color: #fff
}

.studio_notice--warning a {
    color: #fff !important;
    text-decoration: underline !important
}

.studio_notice--fatal {
    background-color: #e83623;
    color: #fff
}

.studio_notice--fatal a {
    color: #fff !important;
    text-decoration: underline !important
}

.studio_notice__icon,.studio_notice__text {
    float: left
}

.studio_notice__icon {
    width: 25px;
    height: 25px;
    background-image: url("https://www.fitx.de/img/block/shared/studio_notice/alert.svg");
    background-size: contain;
    position: absolute
}

.studio_notice__icon--warning,.studio_notice__icon--fatal {
    background-image: url("https://www.fitx.de/img/block/shared/studio_notice/alert_white.svg")
}

.studio_notice__text {
    padding-left: 2em
}

@media(min-width: 769px) {
    .studio_notice {
        position:fixed;
        left: 0;
        top: 73px;
        z-index: 100;
        width: 100%
    }

    .studio_notice__break {
        display: none
    }

    .studio_notice--hidden {
        display: none
    }

    .newnav .studio_notice {
        top: 73px
    }
}

@media(min-width: 1024px) {
    .studio_notice {
        padding:1em 0
    }

    .studio_notice--with_notices {
        top: calc(73px + 59px)
    }
}

.studio_offers_slide {
    width: 96px;
    height: 96px;
    display: inline-block;
    margin-left: .5em
}

.studio_offers_slide:after {
    content: "";
    display: table;
    clear: both
}

.studio_offers_slide:first-child {
    margin-left: 5%
}

.studio_offers_slide:last-child {
    margin-right: 5%
}

.studio_offers_slide__content {
    background-color: #363636;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    text-align: center;
    font-weight: 400;
    overflow: hidden;
    font-size: 80%
}

.studio_offers_slide__icon {
    width: 40%;
    height: 30%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: 20% auto 5%
}

.studio_offers_slide__icon--price {
    background-image: url("https://www.fitx.de/img/block/shared/studio_offers/price.svg")
}

.studio_offers_slide__icon--drinks {
    background-image: url("https://www.fitx.de/img/block/shared/studio_offers/drinks.svg")
}

.studio_offers_slide__icon--courses {
    background-image: url("https://www.fitx.de/img/block/shared/studio_offers/courses.svg")
}

.studio_offers_slide__icon--parking {
    background-image: url("https://www.fitx.de/img/block/shared/studio_offers/parking.svg")
}

.studio_offers_slide__icon--business {
    background-image: url("https://www.fitx.de/img/block/shared/studio_offers/business.svg")
}

.studio_offers_slide__icon--showers {
    background-image: url("https://www.fitx.de/img/block/shared/studio_offers/showers.svg")
}

.studio_offers_slide__icon--trainer {
    background-image: url("https://www.fitx.de/img/block/shared/studio_offers/trainer.svg")
}

.studio_offers_slide__icon--train {
    background-image: url("https://www.fitx.de/img/block/shared/studio_offers/train.svg")
}

.studio_offers_slide__text {
    padding: 0 18%;
    line-height: 120%
}

.studio_offers {
    padding: 4em 0;
    color: #fff
}

.studio_offers__header {
    padding-left: 0;
    padding-right: 0;
    margin-left: 5%;
    width: 90%
}

.studio_offers__header p {
    color: #ccc
}

.studio_offers__headline {
    display: inline-block;
    font-size: 1em;
    line-height: 1em;
    font-weight: normal;
    color: #b5b5b5;
    margin-bottom: 1em;
    text-transform: uppercase
}

.studio_offers__price {
    font-size: 2em
}

.studio_offers__items {
    display: none
}

.studio_offers__cta_desktop {
    display: none
}

.studio_offers__cta_mobile {
    display: block;
    margin: 2em 0 0 5%;
    width: 90%
}

.studio_offers__cta_mobile .cta {
    width: 100%
}

.studio_offers__slider {
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch
}

.studio_offers__slider::-webkit-scrollbar,.studio_offers__slider::-webkit-scrollbar-track,.studio_offers__slider::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,0)
}

.studio_offers__slider_wrap {
    white-space: nowrap
}

@media(min-width: 768px) {
    .studio_offers {
        background-color:#181d1e;
        padding: 6em 0 6em 0
    }

    .studio_offers--compact {
        padding: 3em 0 0 0
    }

    .studio_offers__container {
        width: 90%;
        max-width: 90%;
        margin-right: 0;
        max-width: initial;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
        background-image: url("https://www.fitx.de/img/block/shared/icon/line_pixel.png");
        background-repeat: repeat-y;
        background-position: 43% 0
    }

    .studio_offers__container:after {
        content: "";
        display: table;
        clear: both
    }

    .studio_offers__container>*:nth-child(2n+1) {
        width: calc(41.6666666667%);
        float: left;
        clear: left;
        padding-left: 0;
        margin-left: 0
    }

    .studio_offers__container>*:nth-child(2n+2) {
        width: calc(58.3333333333%);
        float: left;
        clear: none;
        padding-right: 0;
        margin-right: 0
    }

    .studio_offers__container--compact {
        max-width: initial;
        margin-left: auto;
        margin-right: auto;
        background: none
    }

    .studio_offers__container--compact:after {
        content: "";
        display: table;
        clear: both
    }

    .studio_offers__container--compact>*:nth-child(1n+1) {
        width: calc(100%);
        float: left;
        clear: left;
        margin-left: 0;
        margin-right: 0
    }

    .studio_offers__header {
        padding: 0 4em;
        height: 268px
    }

    .studio_offers__header .valign {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .studio_offers__header--compact {
        padding: 0;
        margin-left: 10% !important;
        width: 80% !important;
        border-bottom: 1px solid #444;
        padding-bottom: 2em;
        height: auto
    }

    .studio_offers__header--compact .valign {
        position: relative;
        top: 0;
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%)
    }

    .studio_offers__headline {
        font-size: 1.3em
    }

    .studio_offers__price {
        font-size: 2em
    }

    .studio_offers__content--compact {
        padding-top: 2em
    }

    .studio_offers__items {
        display: block;
        padding: 0 0 0 4em
    }

    .studio_offers__items:after {
        content: "";
        display: table;
        clear: both
    }

    .studio_offers__items--compact {
        padding: 0;
        max-width: 960px;
        margin-left: auto;
        margin-right: auto
    }

    .studio_offers__items--compact:after {
        content: "";
        display: table;
        clear: both
    }

    .studio_offers__items--compact>*:nth-child(3n+1) {
        width: calc(33.3333333333%);
        float: left;
        clear: left;
        margin-left: 0
    }

    .studio_offers__items--compact>*:nth-child(3n+2) {
        width: calc(33.3333333333%);
        float: left;
        clear: none
    }

    .studio_offers__items--compact>*:nth-child(3n+3) {
        width: calc(33.3333333333%);
        float: left;
        clear: none;
        margin-right: 0
    }

    .studio_offers__item {
        display: inline-block;
        text-align: center;
        width: 32%;
        height: auto;
        padding: 0 0 2em
    }

    .studio_offers__item:nth-child(4),.studio_offers__item:nth-child(5),.studio_offers__item:nth-child(6) {
        padding: 2em 0 0
    }

    .studio_offers__item--compact {
        padding: 2em 0
    }

    .studio_offers__item_icon {
        background-repeat: no-repeat;
        margin: 0 auto;
        background-position: center;
        background-size: contain;
        height: 46px;
        margin-bottom: 1em
    }

    .studio_offers__item_icon--price {
        background-image: url("https://www.fitx.de/img/block/shared/studio_offers/price.svg")
    }

    .studio_offers__item_icon--drinks {
        background-image: url("https://www.fitx.de/img/block/shared/studio_offers/drinks.svg")
    }

    .studio_offers__item_icon--courses {
        background-image: url("https://www.fitx.de/img/block/shared/studio_offers/courses.svg")
    }

    .studio_offers__item_icon--parking {
        background-image: url("https://www.fitx.de/img/block/shared/studio_offers/parking.svg")
    }

    .studio_offers__item_icon--business {
        background-image: url("https://www.fitx.de/img/block/shared/studio_offers/business.svg")
    }

    .studio_offers__item_icon--showers {
        background-image: url("https://www.fitx.de/img/block/shared/studio_offers/showers.svg")
    }

    .studio_offers__item_icon--trainer {
        background-image: url("https://www.fitx.de/img/block/shared/studio_offers/trainer.svg")
    }

    .studio_offers__item_icon--train {
        background-image: url("https://www.fitx.de/img/block/shared/studio_offers/train.svg")
    }

    .studio_offers__item_text {
        font-size: 1.1em;
        font-weight: 400;
        line-height: 1.6em
    }

    .studio_offers__text {
        line-height: 1.3em
    }

    .studio_offers__cta_desktop {
        display: block
    }

    .studio_offers__cta_mobile {
        display: none
    }

    .studio_offers__slider {
        display: none
    }
}

@media(min-width: 768px) {
    .studio_offers--only-mobile {
        display:none
    }

    .studio_offers__cta_desktop {
        display: block
    }

    .studio_offers__cta_desktop .cta {
        max-width: 250px
    }

    .studio_offers__header p {
        font-size: 1.1em
    }

    .studio_offers__headline {
        font-size: 1.3em
    }

    .studio_offers__price {
        font-size: 2em
    }

    .studio_offers__text {
        line-height: 1.6em
    }

    .studio_offers__text--compact {
        display: none
    }
}

@media(min-width: 1024px) {
    .studio_offers__container {
        width:95%;
        max-width: 95%;
        margin-right: 0
    }

    .studio_offers__cta_desktop .cta {
        max-width: 295px
    }

    .studio_offers__price {
        font-size: 2.5em
    }

    .studio_offers__header p {
        font-size: 1.2em
    }
}

.studio_openings {
    color: #181d1e;
    padding: 3em 0 0;
    background-color: #fff;
    width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    position: relative
}

.studio_openings--hidden {
    display: none
}

.studio_openings__studio,.studio_openings__studio:hover,.studio_openings__studio:visited {
    color: #fff;
    display: -ms-grid;
    display: grid
}

.studio_openings__kicker {
    margin-top: 1em;
    text-transform: uppercase;
    color: #fff;
    background-color: #5c7b85;
    display: inline-block;
    padding: 0 8px;
    border-radius: 3px
}

.studio_openings__headline {
    padding-left: 5%;
    margin-bottom: 1em;
    font-weight: normal
}

.studio_openings__image {
    height: 170px;
    border-radius: 10px;
    background-size: cover;
    position: relative
}

.studio_openings__image img {
    width: 30%;
    right: 5%;
    position: absolute;
    top: 60%;
    -webkit-transform: translateY(-60%);
    -ms-transform: translateY(-60%);
    transform: translateY(-60%)
}

.studio_openings__name {
    font-size: 1.2em;
    line-height: 1.6em;
    position: relative;
    overflow: hidden;
    color: #181d1e
}

.studio_openings__name:after {
    content: " ";
    position: absolute;
    right: 0;
    top: 0;
    height: 1.2em;
    width: 20px;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%)
}

.studio_openings__address {
    font-size: 1em;
    font-weight: 400;
    line-height: 1.4em;
    margin-bottom: 1em;
    margin-top: 0;
    color: #717171
}

@media(min-width: 768px) {
    .studio_openings__image {
        height:140px
    }
}

@media(min-width: 1024px) {
    .studio_openings {
        padding:5em 0 0;
        max-width: 1920px;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .studio_openings__container {
        max-width: 100% !important;
        position: relative
    }

    .studio_openings__headline {
        padding-left: 0
    }

    .studio_openings__image {
        height: 140px
    }

    .studio_openings__image--single {
        height: 200px
    }

    .studio_openings__name {
        font-size: 1.6em;
        line-height: 1.4em
    }

    .studio_openings__address {
        font-weight: 400;
        font-size: 1.2em
    }
}

@media(min-width: 1800px) {
    .studio_openings__image {
        height:268px
    }
}

.studio_promotion_content {
    padding-bottom: 3em
}

.studio_promotion_content__text h3 {
    margin-bottom: 6px
}

.studio_promotion_content__text ul {
    font-size: 16px;
    font-weight: 300
}

.studio_promotion_content__text ul>li {
    background-image: url("https://www.fitx.de/img/block/shared/icon/check_large.svg");
    background-size: 20px;
    background-repeat: no-repeat;
    padding-left: 35px;
    margin-bottom: .8em;
    background-position: 0 5px
}

.studio_promotion_content__text p:last-child {
    margin-bottom: 0
}

.studio_promotion_content__text p>em {
    display: block;
    margin-top: 2em;
    font-style: initial;
    padding-left: 35px;
    background-image: url("https://www.fitx.de/img/block/shared/studio_promotion_content/alert.svg");
    background-size: 20px;
    background-repeat: no-repeat
}

.studio_promotion_content__icon {
    width: 119px;
    height: 119px;
    margin-bottom: 2em;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left center
}

.studio_promotion_content:last-child {
    padding-bottom: 0
}

@media(min-width: 1280px) {
    .studio_promotion_content--offer {
        max-width:initial;
        margin-left: auto;
        margin-right: auto
    }

    .studio_promotion_content--offer:after {
        content: "";
        display: table;
        clear: both
    }

    .studio_promotion_content--offer>*:nth-child(2n+1) {
        width: calc(33.3333333333%);
        float: left;
        clear: left;
        margin-left: 0
    }

    .studio_promotion_content--offer>*:nth-child(2n+2) {
        width: calc(66.6666666667%);
        float: left;
        clear: none;
        margin-right: 0
    }
}

@media(min-width: 1024px) {
    .studio_promotion_group {
        margin-top:5em;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        border-radius: 10px;
        overflow: hidden
    }

    .studio_promotion_group__promo {
        flex: 1;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex
    }

    .studio_promotion_group__promo .studio_promotion {
        flex: 1
    }

    .studio_promotion_group__promo--offer {
        position: relative
    }

    .studio_promotion_group__promo--offer:after {
        content: " ";
        display: block;
        position: absolute;
        width: 0;
        height: 0;
        border-top: 40px solid rgba(0,0,0,0);
        border-bottom: 40px solid rgba(0,0,0,0);
        border-right: 40px solid #fff;
        left: -40px;
        top: 80px
    }

    .studio_promotion_group__promo--opening {
        flex: .8
    }
}

.studio_promotion_single__offers {
    display: none
}

@media(min-width: 1024px) {
    .studio_promotion_single {
        margin:5em 0;
        max-width: initial;
        margin-left: auto;
        margin-right: auto
    }

    .studio_promotion_single:after {
        content: "";
        display: table;
        clear: both
    }

    .studio_promotion_single>*:nth-child(2n+1) {
        width: calc(45.4545454545%);
        float: left;
        clear: left;
        margin-left: 0
    }

    .studio_promotion_single>*:nth-child(2n+2) {
        width: calc(54.5454545455%);
        float: left;
        clear: none;
        margin-right: 0
    }

    .studio_promotion_single__offers {
        display: block
    }

    .studio_promotion_single__promo .studio_promotion {
        border-radius: 10px
    }

    .studio_promotion_single__promo--offer {
        position: relative
    }

    .studio_promotion_single__promo--offer:after {
        content: " ";
        display: block;
        position: absolute;
        width: 0;
        height: 0;
        border-top: 20px solid rgba(0,0,0,0);
        border-bottom: 20px solid rgba(0,0,0,0);
        border-left: 20px solid #fff;
        right: -20px;
        top: 60px
    }
}

.studio_promotion {
    background-color: #f5f5f5;
    padding: 3em 5%
}

.studio_promotion__headline {
    font-size: 2em;
    line-height: 1.2em;
    margin-bottom: 1em
}

.studio_promotion--offer {
    background-color: #fff
}

.studio_promotion__cta .cta {
    width: 100%
}

.studio_promotion__promos {
    margin-bottom: 1.68357em
}

@media(min-width: 768px) {
    .studio_promotion {
        padding:3em
    }

    .studio_promotion__headline {
        font-size: 2.5em
    }

    .studio_promotion__cta .cta {
        width: 295px
    }
}

@media(min-width: 1280px) {
    .studio_promotion__cta_wrapper {
        max-width:960px;
        margin-left: auto;
        margin-right: auto
    }

    .studio_promotion__cta_wrapper:after {
        content: "";
        display: table;
        clear: both
    }

    .studio_promotion__cta_wrapper>*:nth-child(2n+1) {
        width: calc(33.3333333333%);
        float: left;
        clear: left;
        margin-left: 0
    }

    .studio_promotion__cta_wrapper>*:nth-child(2n+2) {
        width: calc(66.6666666667%);
        float: left;
        clear: none;
        margin-right: 0
    }
}

@media(min-width: 1800px) {
    .studio_promotion__headline {
        font-size:2.8em
    }
}

.studio_rating {
    opacity: 1;
    transition: opacity .6s
}

.studio_rating__container {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.studio_rating--hidden {
    opacity: 0
}

.studio_rating--mini {
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
    transform-origin: left
}

.studio_rating--oneLine:after {
    content: " ";
    display: block;
    right: 0;
    top: -26px;
    width: 22px;
    height: 15px;
    clear: both
}

.studio_rating__stars_container,.studio_rating__stars {
    height: 19px;
    background-size: 24px;
    float: left
}

.studio_rating__stars_container--small,.studio_rating__stars--small {
    height: 11px;
    background-size: 14px
}

.studio_rating__star {
    height: 21px;
    width: 17px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 3px;
    float: left;
    background-image: url("https://www.fitx.de/img/block/shared/studio_rating/rating_1.svg")
}

.studio_rating__stars_container {
    width: 120px;
    background-image: url("https://www.fitx.de/img/block/shared/studio_rating/rating_0.svg")
}

.studio_rating__stars_container--mini {
    float: left
}

.studio_rating__stars_container--small {
    width: 70px;
    margin-top: 4px
}

.studio_rating__stars {
    width: 0;
    background-image: url("https://www.fitx.de/img/block/shared/studio_rating/rating_1.svg");
    transition: width .6s
}

.studio_rating__rating,.studio_rating__reviews {
    color: #fff;
    font-weight: 300
}

.studio_rating__rating--dark,.studio_rating__reviews--dark {
    color: #181d1e
}

.studio_rating__rating {
    float: left;
    margin-right: 5px;
    font-size: 1em
}

.studio_rating__rating--oneLineReduced {
    font-size: 16px;
    font-weight: normal
}

.studio_rating__reviews {
    clear: both
}

.studio_rating__reviews--oneLine {
    clear: none;
    font-size: 1em;
    color: #999
}

.studio_rating__reviews--oneLineReduced {
    clear: none;
    font-size: 16px;
    color: #717171
}

.studio_rating__minicount {
    padding-left: .5em
}

@media(min-width: 1024px) {
    .studio_rating__rating {
        font-size:16px
    }

    .studio_rating__reviews--oneLine {
        font-size: 16px
    }

    .studio_rating__star {
        height: 25px
    }
}

.studio_search_page__newsletter_container {
    z-index: 100;
    position: relative;
    background-color: #fff;
    display: none
}

.studio_search_page__newsletter_container--compactmode {
    display: block
}

.studio_search_page__newsletter_form_intro {
    padding: 1em 0;
    color: #181d1e;
    font-size: 1.4em;
    font-weight: 300
}

.studio_search_page__newsletter_form {
    width: 90%;
    margin: 0 auto
}

.studio_search_page .newsletter_form {
    padding-bottom: 4em
}

@media(min-width: 768px) {
    .studio_search_page__newsletter_container {
        z-index:0;
        display: block
    }

    .studio_search_page__newsletter_form .newsletter_form__form_elements {
        margin: 0 auto;
        width: 100%
    }

    .studio_search_page__newsletter_form .newsletter_form__message {
        width: 100%
    }
}

@media(min-width: 1024px) {
    .studio_search_page {
        margin-top:73px
    }

    .studio_search_page--with-results {
        min-height: 100vh
    }

    .studio_search_page__columns {
        margin: 0 auto
    }

    .studio_search_page__columns--with-results {
        max-width: 1280px
    }

    .studio_search_page__results--with-results {
        padding: 0 2em 2em 0;
        width: 50%
    }

    .studio_search_page__results--showAll {
        padding: 0;
        margin: 0 auto
    }

    .studio_search_page__sticky {
        width: 50%;
        right: 0;
        position: fixed;
        top: 73px
    }

    .studio_search_page__newsletter_form {
        width: 50%;
        max-width: 615px
    }

    .studio_search_page__newsletter_form_intro {
        padding-top: 4em
    }
}

.studio_search_result {
    position: relative;
    cursor: pointer;
    padding: 5% 0;
    margin: 0 5%;
    transition: background-color .2s;
    border-bottom: 1px solid #eee;
    overflow: hidden
}

.studio_search_result--studiolist {
    border-bottom: none
}

.studio_search_result:last-child {
    border-bottom: none
}

.studio_search_result__nav {
    display: none;
    width: 10px;
    height: 10px;
    position: absolute;
    right: 5%;
    top: 50%;
    transform: translateY(-50%) rotateZ(45deg);
    border-right: 2px solid #717171;
    border-top: 2px solid #717171
}

.studio_search_result__nav--studiolist {
    border-right: 2px solid #f5f5f5;
    border-top: 2px solid #f5f5f5;
    display: block
}

.studio_search_result__nav--compactmode {
    display: none
}

.studio_search_result:hover>.studio_search_result__nav {
    border-right: 2px solid #ed6a12;
    border-top: 2px solid #ed6a12
}

.studio_search_result__data--preregistration {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center
}

.studio_search_result__data--studiolist {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center
}

.studio_search_result__image {
    height: 190px;
    width: 100%;
    text-indent: -9000px;
    background-size: cover;
    background-position: center;
    border-radius: 10px;
    float: left;
    margin: 0
}

.studio_search_result__image--preregistration {
    width: 44px;
    height: 44px
}

.studio_search_result__text {
    overflow: hidden;
    position: relative
}

.studio_search_result__text--preregistration {
    width: 100%
}

.studio_search_result__notice {
    display: block;
    color: #27ae60;
    font-size: 14px;
    line-height: 21px
}

.studio_search_result__notice--red {
    color: #e83623
}

.studio_search_result__notice--grey {
    color: #717171
}

.studio_search_result__notice--preregistration {
    display: none
}

.studio_search_result__address_container {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    width: 100%
}

.studio_search_result__address_container--compactmode {
    margin-top: 1em
}

.studio_search_result__address_container--preregistration {
    width: initial;
    margin-left: 1em
}

.studio_search_result__name {
    text-transform: none;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.2;
    color: #181d1e
}

.studio_search_result__address {
    color: #717171;
    margin-bottom: 0;
    max-width: 90%
}

.studio_search_result__address--studiolist {
    max-width: 100%
}

.studio_search_result__streetline {
    font-size: 14px;
    line-height: 21px;
    color: #717171
}

.studio_search_result__streetline--preregistration {
    display: none
}

.studio_search_result__distance {
    font-size: 14px
}

.studio_search_result__distance--studiolist {
    color: #181d1e;
    font-weight: 400;
    min-width: 80px
}

.studio_search_result__pin {
    height: 22px;
    width: 16px;
    background-image: url("https://www.fitx.de/img/block/shared/icon/distance_icon_dark_nowhitespace.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px;
    display: block;
    float: left;
    margin-right: 4px
}

.studio_search_result__pin--studiolist {
    background-image: url("https://www.fitx.de/img/block/shared/icon/pin.svg");
    background-position: bottom;
    width: 20px;
    background-size: 17px
}

.studio_search_result__rating {
    display: block;
    margin-top: .3em;
    min-width: 80px
}

@media(min-width: 768px) {
    .studio_search_result {
        padding:5%;
        margin: 0
    }

    .studio_search_result--studiolist {
        border-bottom: 1px solid #e5e5e5
    }

    .studio_search_result__name {
        font-size: 1.6em
    }

    .studio_search_result__notice--preregistration {
        display: block
    }

    .studio_search_result__image {
        display: block;
        height: 140px;
        width: 160px;
        text-indent: -9000px;
        background-size: cover;
        background-position: center;
        border-radius: 10px;
        float: left;
        margin: 0 20px 0 0
    }

    .studio_search_result__text {
        overflow: hidden;
        position: relative
    }

    .studio_search_result__data--preregistration {
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center
    }

    .studio_search_result__data--studiolist {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center
    }

    .studio_search_result__address_container--preregistration {
        margin-left: 0
    }

    .studio_search_result__nav {
        display: block;
        right: 2px
    }

    .studio_search_result__nav--studiolist {
        right: 5%
    }

    .studio_search_result__distance {
        font-size: 16px
    }

    .studio_search_result__address {
        max-width: 70%
    }

    .studio_search_result__address--studiolist,.studio_search_result__address--preregistration {
        max-width: 100%
    }

    .studio_search_result__streetline {
        display: inline-block
    }
}

@media(min-width: 1024px) {
    .studio_search_result {
        padding:5% 5% 5% 0
    }

    .studio_search_result__name {
        font-size: 1.1em;
        line-height: 1.4em
    }

    .studio_search_result__address {
        font-size: 1.2em;
        line-height: 1.5em
    }

    .studio_search_result__address_container {
        display: block;
        width: 70%
    }

    .studio_search_result__address_container--compactmode {
        margin-top: 0
    }

    .studio_search_result__distance--studiolist {
        color: #181d1e;
        font-weight: 400;
        position: absolute;
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 0;
        min-width: 80px
    }

    .studio_search_result__nav--studiolist {
        display: none
    }

    .studio_search_result__image {
        display: block;
        height: 90px;
        width: 90px;
        text-indent: -9000px;
        background-size: cover;
        background-position: center;
        border-radius: 10px;
        float: left;
        margin: 0 20px 0 0
    }

    .studio_search_result__rating .studio_rating__rating,.studio_search_result__rating .studio_rating__reviews--oneLine {
        font-size: 16px
    }

    .studio_search_result__streetline,.studio_search_result__notice {
        font-size: 16px
    }
}

@media(min-width: 1800px) {
    .studio_search_result {
        padding:5% 0
    }

    .studio_search_result__name {
        font-size: 22px
    }

    .studio_search_result__image {
        height: 120px;
        width: 120px
    }
}

.studio_search.tw {
    display: none
}

.studio_search {
    font-size: 0;
    position: relative;
    min-height: 46px
}

.studio_search__input_wrap {
    display: inline-block;
    position: absolute;
    width: 100%;
    z-index: 99;
    border-radius: 26px
}

.studio_search__input {
    width: 100%;
    padding-left: 45px !important
}

.studio_search__input[type=text] {
    background-color: #f5f5f5;
    border-radius: 26px
}

.studio_search__input[type=submit] {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.studio_search__input_clear {
    display: none;
    position: absolute;
    width: 46px;
    height: 46px;
    right: 0;
    z-index: 10000;
    background-image: url("https://www.fitx.de/img/block/shared/icon/clear.svg");
    background-color: #f5f5f5;
    border-radius: 26px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer
}

.studio_search__input_clear--active {
    display: block
}

.studio_search__autocompleter {
    position: absolute;
    width: 100%;
    z-index: 1000;
    text-align: left;
    top: 50px;
    padding: 15px 0;
    background-color: #fff
}

.studio_search__autocompleter--hidden {
    display: none
}

.studio_search__suggestion {
    color: #1c2223;
    display: block;
    font-size: 1.1rem;
    cursor: pointer;
    font-weight: 400;
    line-height: 1.2;
    padding: 10px 0 10px 0;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center
}

.studio_search__suggestion:hover,.studio_search__suggestion.hover,.studio_search__suggestion--selected {
    color: #1c2223;
    background-color: #f5f5f5
}

.studio_search__suggestion_icon {
    width: 44px;
    height: 44px;
    border-radius: 8px;
    background-color: #eee;
    border: 1px solid #e5e5e5;
    vertical-align: bottom;
    background-image: url("https://www.fitx.de/img/block/shared/icon/search_dark.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 17px;
    display: inline-block;
    cursor: pointer;
    margin-right: 19px;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.studio_search__location {
    color: #181d1e;
    font-weight: normal;
    font-size: 16px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    cursor: pointer;
    padding: 10px 0 10px 0
}

.studio_search__location_pin {
    width: 44px;
    height: 44px;
    border-radius: 8px;
    background-color: #eee;
    border: 1px solid #e5e5e5;
    vertical-align: bottom;
    background-image: url("https://www.fitx.de/img/block/shared/icon/pin_grey_orange.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 30%;
    display: inline-block;
    cursor: pointer;
    margin-right: 19px
}

.studio_search__location_pin:hover {
    background-image: url("https://www.fitx.de/img/block/shared/studio_search/pin_orange.svg")
}

.studio_search__location_pin--clicked {
    background-image: url("https://www.fitx.de/img/block/shared/studio_search/pin_black.svg")
}

.studio_search__location_pin--clicked:hover {
    background-image: url("https://www.fitx.de/img/block/shared/studio_search/pin_black.svg")
}

.studio_search__location_pin--slim {
    display: none
}

.studio_search__reset {
    display: block;
    position: absolute;
    z-index: 1000;
    width: 50px;
    height: 46px;
    background-image: url("https://www.fitx.de/img/block/shared/icon/clear.svg");
    background-repeat: no-repeat;
    background-position: center;
    right: 0;
    cursor: pointer
}

.studio_search__reset--hidden {
    display: none
}

.studio_search__submit {
    width: 50px;
    padding: 0 10px !important;
    text-indent: -9000px;
    background-image: url("https://www.fitx.de/img/block/shared/icon/search.svg");
    background-color: rgba(0,0,0,0);
    background-size: 19px;
    background-position: left 15px center;
    background-repeat: no-repeat;
    min-width: auto;
    border-radius: 26px !important;
    position: absolute;
    left: 0;
    z-index: 100
}

.studio_search__submit:hover {
    background-color: rgba(0,0,0,0)
}

.studio_search__submit--loading[type=submit] {
    color: rgba(0,0,0,0) !important;
    background-image: url("https://www.fitx.de/img/block/shared/omnisearch/loader.svg");
    background-color: rgba(0,0,0,0);
    border: 0
}

.studio_search__error_message {
    bottom: -30px;
    height: 25px;
    left: 0;
    color: #fff;
    position: absolute;
    height: 25px;
    background-color: #e83623;
    padding: 0 10px;
    line-height: 25px;
    border-radius: 8px;
    box-shadow: 2px 2px 8px rgba(0,0,0,.1);
    font-size: 14px;
    font-weight: 400;
    z-index: 1000
}

.studio_search__error_message--hidden {
    display: none
}

.studio_search__error_message:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 5px solid #e83623;
    border-top: 0;
    border-left: 5px solid rgba(0,0,0,0);
    border-right: 5px solid rgba(0,0,0,0);
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    left: 45%;
    bottom: 98%;
    top: auto
}

.preregistration_search__search--top .studio_search__autocompleter {
    width: 110%;
    left: -11%
}

@media(min-width: 768px) {
    .studio_search {
        background-color:#f5f5f5;
        border-radius: 26px;
        min-height: 56px
    }

    .studio_search__input {
        padding-left: 30px !important
    }

    .studio_search__input[type=text] {
        background-color: #f5f5f5;
        height: 56px;
        line-height: 54px;
        border-radius: 26px
    }

    .studio_search__input_wrap {
        display: inline-block;
        position: absolute;
        width: 100%;
        border-radius: 26px
    }

    .studio_search__input_reset {
        display: none
    }

    .studio_search__submit[type=submit] {
        width: auto;
        min-width: auto;
        padding: 0 2em 0 3em !important;
        text-indent: 0;
        height: 56px;
        line-height: 54px;
        position: absolute;
        right: 0;
        left: initial;
        z-index: 100;
        background-color: #ed6a12;
        background-image: url("https://www.fitx.de/img/block/shared/icon/search_white.svg");
        background-position: left 25px center
    }

    .studio_search__submit[type=submit]:hover {
        background-color: #f18841
    }

    .studio_search__autocompleter {
        background-color: #fff;
        border: 1px solid #e5e5e5;
        border-radius: 15px;
        top: 70px;
        -webkit-box-shadow: 0px 4px 10px 0px rgba(0,0,0,.1);
        box-shadow: 0px 4px 10px 0px rgba(0,0,0,.1);
        padding: 15px 0
    }

    .studio_search__autocompleter--hidden {
        display: none
    }

    .studio_search__suggestion {
        padding: 10px 10px 10px 27px
    }

    .studio_search__location {
        padding: 10px 10px 10px 27px
    }

    .studio_search__location:hover {
        background-color: #f5f5f5
    }

    .preregistration_search__search--top .studio_search__autocompleter {
        width: 100%;
        left: 0
    }
}

.company_fitness_studio_map__search {
    margin-bottom: 2em
}

.company_fitness_studio_map__search .studio_search {
    font-size: 0;
    position: relative;
    min-height: 46px
}

.company_fitness_studio_map__search .studio_search__input_wrap {
    display: inline-block;
    position: absolute;
    width: 100%;
    z-index: 99;
    border-radius: 26px
}

.company_fitness_studio_map__search .studio_search__input {
    width: 100%;
    padding-left: 45px !important
}

.company_fitness_studio_map__search .studio_search__input[type=text] {
    background-color: #f5f5f5;
    border-radius: 26px;
    height: 46px;
    line-height: 46px
}

.company_fitness_studio_map__search .studio_search__input[type=submit] {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.company_fitness_studio_map__search .studio_search__input_clear {
    display: none;
    position: absolute;
    width: 46px;
    height: 46px;
    right: 0;
    z-index: 10000;
    background-image: url("https://www.fitx.de/img/block/shared/icon/clear.svg");
    background-repeat: no-repeat;
    background-position: center
}

.company_fitness_studio_map__search .studio_search__input_clear--active {
    display: block
}

.company_fitness_studio_map__search .studio_search__autocompleter {
    position: absolute;
    width: 100%;
    z-index: 1000;
    text-align: left;
    top: 50px;
    padding: 15px 0;
    background-color: #fff
}

.company_fitness_studio_map__search .studio_search__autocompleter--hidden {
    display: none
}

.company_fitness_studio_map__search .studio_search__suggestion {
    color: #1c2223;
    display: block;
    font-size: 1.1rem;
    cursor: pointer;
    font-weight: 400;
    line-height: 3rem;
    padding: 10px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center
}

.company_fitness_studio_map__search .studio_search__suggestion:hover,.company_fitness_studio_map__search .studio_search__suggestion.hover,.company_fitness_studio_map__search .studio_search__suggestion--selected {
    color: #1c2223;
    background-color: #f5f5f5
}

.company_fitness_studio_map__search .studio_search__suggestion_icon {
    width: 44px;
    height: 44px;
    border-radius: 8px;
    background-color: #eee;
    border: 1px solid #e5e5e5;
    vertical-align: bottom;
    background-image: url("https://www.fitx.de/img/block/shared/icon/search.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 17px;
    display: inline-block;
    cursor: pointer;
    margin-right: 19px
}

.company_fitness_studio_map__search .studio_search__location {
    color: #181d1e;
    font-weight: normal;
    font-size: 16px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    cursor: pointer;
    padding: 10px 0 10px 0
}

.company_fitness_studio_map__search .studio_search__location:hover {
    background-color: #f5f5f5
}

.company_fitness_studio_map__search .studio_search__location_pin {
    width: 44px;
    height: 44px;
    border-radius: 8px;
    background-color: #eee;
    border: 1px solid #e5e5e5;
    vertical-align: bottom;
    background-image: url("https://www.fitx.de/img/block/shared/studio_search/pin_grey.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 30%;
    display: inline-block;
    cursor: pointer;
    margin-right: 19px
}

.company_fitness_studio_map__search .studio_search__location_pin:hover {
    background-image: url("https://www.fitx.de/img/block/shared/studio_search/pin_orange.svg")
}

.company_fitness_studio_map__search .studio_search__location_pin--clicked {
    background-image: url("https://www.fitx.de/img/block/shared/studio_search/pin_black.svg")
}

.company_fitness_studio_map__search .studio_search__location_pin--clicked:hover {
    background-image: url("https://www.fitx.de/img/block/shared/studio_search/pin_black.svg")
}

.company_fitness_studio_map__search .studio_search__location_pin--slim {
    display: none
}

.company_fitness_studio_map__search .studio_search__submit {
    width: 50px;
    padding: 0 10px !important;
    text-indent: -9000px;
    height: 46px;
    background-image: url("https://www.fitx.de/img/block/shared/icon/search.svg");
    background-color: rgba(0,0,0,0);
    background-size: 19px;
    background-position: left 15px center;
    background-repeat: no-repeat;
    min-width: auto;
    border-radius: 26px !important;
    position: absolute;
    left: 0;
    z-index: 100
}

.company_fitness_studio_map__search .studio_search__submit:hover {
    background-color: rgba(0,0,0,0)
}

.company_fitness_studio_map__search .studio_search__submit--loading[type=submit] {
    color: rgba(0,0,0,0) !important;
    background-image: url("https://www.fitx.de/img/block/shared/omnisearch/loader.svg");
    background-color: rgba(0,0,0,0);
    border: 0
}

.company_fitness_studio_map__search .studio_search__error_message {
    bottom: -30px;
    height: 25px;
    left: 0;
    color: #fff;
    position: absolute;
    height: 25px;
    background-color: #e83623;
    padding: 0 10px;
    line-height: 25px;
    border-radius: 8px;
    box-shadow: 2px 2px 8px rgba(0,0,0,.1);
    font-size: 14px;
    font-weight: 400;
    z-index: 1000
}

.company_fitness_studio_map__search .studio_search__error_message--hidden {
    display: none
}

.company_fitness_studio_map__search .studio_search__error_message:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 5px solid #e83623;
    border-top: 0;
    border-left: 5px solid rgba(0,0,0,0);
    border-right: 5px solid rgba(0,0,0,0);
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    left: 45%;
    bottom: 98%;
    top: auto
}

.studio_selector__select {
    margin-top: 1em;
    position: relative
}

.studio_selector__reset {
    background-image: url("https://www.fitx.de/img/block/shared/icon/close_info_grey.svg");
    cursor: pointer;
    text-indent: -9000px;
    width: 30px;
    height: 30px;
    background-size: cover;
    position: absolute;
    right: 1em;
    top: 12px;
    background-repeat: no-repeat
}

.studio_selector h3 {
    font-weight: normal;
    margin-bottom: 10px
}

@media(min-width: 768px) {
    .studio_selector__select {
        width:365px
    }
}

.studiolist_hero__content_wrap {
    height: 400px;
    background: #181d1e;
    background: url("https://www.fitx.de/img/block/mobile/studiolist_hero/bg_full.jpg") center bottom;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent 0%), to(rgba(23, 23, 23, 0.3) 100%)),url("/img/block/mobile/studiolist_hero/bg_full.jpg") center bottom;
    background: -webkit-linear-gradient(top, transparent 0%, rgba(23, 23, 23, 0.3) 100%),url("/img/block/mobile/studiolist_hero/bg_full.jpg") center bottom;
    background: -o-linear-gradient(top, transparent 0%, rgba(23, 23, 23, 0.3) 100%),url("/img/block/mobile/studiolist_hero/bg_full.jpg") center bottom;
    background: linear-gradient(to bottom, transparent 0%, rgba(23, 23, 23, 0.3) 100%),url("/img/block/mobile/studiolist_hero/bg_full.jpg") center bottom;
    background-size: cover;
    will-change: transform
}

.studiolist_hero__valign {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0
}

.studiolist_hero__headline_text {
    color: #fff;
    margin: 0;
    display: block;
    text-align: center;
    padding: 20px 15px
}

.studiolist_hero__search {
    text-align: center;
    width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

@media(min-width: 768px) {
    .studiolist_hero__content_wrap {
        height:500px;
        background: url("https://www.fitx.de/img/block/desktop/studiolist_hero/bg_full.jpg") center center;
        background: -webkit-gradient(linear, left top, left bottom, from(transparent 30%), to(rgba(23, 23, 23, 0.3) 100%)),url("/img/block/desktop/studiolist_hero/bg_full.jpg") center center;
        background: -webkit-linear-gradient(top, transparent 30%, rgba(23, 23, 23, 0.3) 100%),url("/img/block/desktop/studiolist_hero/bg_full.jpg") center center;
        background: -o-linear-gradient(top, transparent 30%, rgba(23, 23, 23, 0.3) 100%),url("/img/block/desktop/studiolist_hero/bg_full.jpg") center center;
        background: linear-gradient(to bottom, transparent 30%, rgba(23, 23, 23, 0.3) 100%),url("/img/block/desktop/studiolist_hero/bg_full.jpg") center center
    }

    .studiolist_hero__headline_text span {
        display: none
    }
}

@media(min-width: 1024px) {
    .studiolist_hero__content_wrap {
        height:700px;
        background: url("https://www.fitx.de/img/block/desktop/studiolist_hero/bg_full.jpg") 0 70%;
        background: -webkit-gradient(linear, left top, left bottom, from(transparent 30%), to(rgba(23, 23, 23, 0.3) 100%)),url("/img/block/desktop/studiolist_hero/bg_full.jpg") 0 70%;
        background: -webkit-linear-gradient(top, transparent 30%, rgba(23, 23, 23, 0.3) 100%),url("/img/block/desktop/studiolist_hero/bg_full.jpg") 0 70%;
        background: -o-linear-gradient(top, transparent 30%, rgba(23, 23, 23, 0.3) 100%),url("/img/block/desktop/studiolist_hero/bg_full.jpg") 0 70%;
        background: linear-gradient(to bottom, transparent 30%, rgba(23, 23, 23, 0.3) 100%),url("/img/block/desktop/studiolist_hero/bg_full.jpg") 0 70%;
        background-size: cover
    }

    .studiolist_hero__valign {
        width: 50%;
        min-width: 800px;
        max-width: 1280px;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .studiolist_hero__headline_text {
        padding: 45px 0
    }
}

.studiolist_item {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.studiolist_item__container {
    padding: 1.5em 0
}

.studiolist_item__name {
    color: #fff;
    margin: 0
}

.studiolist_item__name a {
    color: #fff
}

.studiolist_item__status {
    color: #00ae90;
    margin: 0 0 .5rem 0
}

.studiolist_item__thumb {
    display: none
}

.studiolist_item__address {
    color: #999;
    padding: 0;
    margin: 0
}

.studiolist_item__address_desktop {
    display: none
}

.studiolist_item__address--planned {
    color: #999
}

.studiolist_item__newsletter_form {
    overflow: hidden;
    max-height: 0;
    transition: max-height .3s
}

.studiolist_item__newsletter_form--shown {
    max-height: 400px
}

.studiolist_item__distance {
    color: #fff;
    padding: 0;
    margin: .5rem 0;
    overflow: hidden
}

.studiolist_item__distance span {
    display: block;
    height: 30px;
    width: 25px;
    background-image: url("https://www.fitx.de/img/block/shared/studiolist_item/distance_icon.svg");
    background-repeat: no-repeat;
    background-position: 0 0px;
    float: left;
    margin-right: 4px
}

.studiolist_item__detail_link {
    color: #ed6a12;
    font-size: 18px;
    margin-top: 1em
}

.studiolist_item__detail_openingtext {
    color: #fff
}

@media(min-width: 768px) {
    .studiolist_item {
        width:85%;
        float: none;
        margin-right: auto;
        margin-left: auto;
        max-width: 960px;
        margin-left: auto;
        margin-right: auto
    }

    .studiolist_item:after {
        content: "";
        display: table;
        clear: both
    }

    .studiolist_item>*:nth-child(2n+1) {
        width: calc(33.3333333333%);
        float: left;
        clear: left;
        padding-left: 0;
        margin-left: 0
    }

    .studiolist_item>*:nth-child(2n+2) {
        width: calc(66.6666666667%);
        float: left;
        clear: none;
        padding-right: 0;
        margin-right: 0
    }

    .studiolist_item__container {
        padding: 3em 0
    }

    .studiolist_item__container:hover {
        background-color: #1c2223;
        transition: background-color .3s;
        cursor: pointer
    }

    .studiolist_item__container--active {
        background-color: #1c2223
    }

    .studiolist_item__container--active:hover {
        cursor: default
    }

    .studiolist_item__newsletter_form {
        overflow: hidden;
        max-height: 0;
        transition: max-height .3s
    }

    .studiolist_item__newsletter_form--shown {
        max-height: 400px
    }

    .studiolist_item__newsletter_form .newsletter_form__success_headline,.studiolist_item__newsletter_form .newsletter_form__success_text {
        text-align: left
    }

    .studiolist_item__newsletter_form .newsletter_form__success_headline {
        font-size: 1.4em;
        font-weight: bold
    }

    .studiolist_item__thumb {
        background-repeat: no-repeat;
        background-size: cover;
        height: 140px;
        transition: height .3s;
        display: block
    }

    .studiolist_item__thumb a,.studiolist_item__thumb span {
        color: rgba(0,0,0,0);
        display: block;
        height: 140px;
        width: 90%;
        background-size: cover;
        transition: height .1s,opacity .1s
    }

    .studiolist_item__thumb a>span {
        width: 100%
    }

    .studiolist_item__thumb--default span {
        background-image: url("https://www.fitx.de/img/block/desktop/studiolist_item/default-thumb.jpg");
        transition: background-image .3s ease-in-out
    }

    .studiolist_item__thumb--hide {
        height: 0 !important
    }

    .studiolist_item__thumb--hide span {
        background-image: none
    }

    .studiolist_item__thumb--hide a {
        height: 0 !important;
        opacity: 0 !important
    }

    .studiolist_item__data {
        min-height: 140px;
        position: relative;
        box-sizing: border-box;
        padding-bottom: 2em
    }

    .studiolist_item__detail_link {
        position: absolute;
        bottom: 0
    }

    .studiolist_item__name {
        margin: 0 0 .1em 0
    }

    .studiolist_item__address_mobile {
        display: none
    }

    .studiolist_item__address_desktop {
        display: block
    }

    .studiolist_item__status {
        margin: 0
    }
}

@media(min-width: 1024px) {
    .studiolist_item {
        width:50%;
        min-width: 800px;
        max-width: 1280px
    }

    .studiolist_item__thumb {
        height: 170px;
        opacity: 1;
        transition: opacity .7s
    }

    .studiolist_item__thumb a,.studiolist_item__thumb span {
        height: 170px
    }

    .studiolist_item__thumb--lazyload {
        opacity: 0
    }

    .studiolist_item__thumb--lazyload a,.studiolist_item__thumb--lazyload span {
        background-image: none !important
    }

    .studiolist_item__data {
        min-height: 170px
    }

    .studiolist_item__newsletter_form .newsletter_form__success_headline {
        font-size: 2.3em;
        font-weight: bold
    }
}

.studiolist {
    padding: 4em 0;
    overflow: hidden;
    background-color: #181d1e
}

.studiolist__title {
    width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    color: #fff;
    padding: 0;
    display: block;
    margin-bottom: 1em
}

.studiolist__title--result {
    text-transform: none;
    font-size: 18px;
    line-height: 2em;
    text-align: left;
    margin-bottom: 0
}

.studiolist__title--hidden {
    display: none
}

.studiolist__reset {
    width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    display: block;
    color: #ed6a12;
    padding: 0 0 3em;
    font-size: 1.3em
}

.studiolist__reset--hidden {
    display: none
}

.studiolist__reset--shown {
    display: block
}

.studiolist__newsletter_form {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 5em
}

.studiolist__newsletter_form--hidden {
    display: none
}

.studiolist__newsletter_form .newsletter_form__success_headline {
    font-weight: bold
}

.studiolist__newsletter_form__notice {
    color: #fff;
    text-align: left;
    padding: 1em 0
}

.studiolist__newsletter_form__notice span {
    font-weight: bold
}

@media(min-width: 768px) {
    .studiolist {
        padding:7em 0;
        max-width: 100%
    }

    .studiolist__title {
        width: 85%;
        float: none;
        margin-right: auto;
        margin-left: auto;
        color: #fff;
        display: block;
        text-align: left
    }

    .studiolist__title--result {
        text-transform: none;
        font-size: 19px;
        padding: 2rem 0 .3em
    }

    .studiolist__title--hidden {
        display: none
    }

    .studiolist__reset {
        width: 85%;
        float: none;
        margin-right: auto;
        margin-left: auto;
        padding: 0 0 1em
    }

    .studiolist__list {
        width: 100%;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .studiolist__newsletter_form {
        width: 85%;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .studiolist__newsletter_form .newsletter_form__success_headline,.studiolist__newsletter_form .newsletter_form__success_text {
        text-align: center
    }

    .studiolist__newsletter_form .newsletter_form__success_headline {
        font-size: 1.4em;
        font-weight: bold
    }

    .studiolist__newsletter_form__notice {
        color: #fff;
        text-align: center;
        padding: 1em 0
    }

    .studiolist__newsletter_form__notice span {
        font-weight: bold
    }

    .studiolist>div>.newsletter_form>.newsletter_form__form_elements {
        margin: 0 auto
    }
}

@media(min-width: 1024px) {
    .studiolist {
        overflow:hidden
    }

    .studiolist__title {
        width: 50%;
        min-width: 800px;
        max-width: 1280px;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .studiolist__title--result {
        text-transform: none;
        font-size: 20px;
        padding: 2rem 0 .3em
    }

    .studiolist__title--hidden {
        display: none
    }

    .studiolist__reset {
        width: 50%;
        min-width: 800px;
        max-width: 1280px;
        float: none;
        margin-right: auto;
        margin-left: auto;
        padding: 0 0 1em
    }

    .studiolist__list {
        width: 100%;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .studiolist__newsletter_form {
        width: 50%;
        min-width: 800px;
        max-width: 1280px;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .studiolist__newsletter_form .newsletter_form__success_headline {
        font-size: 2.3em;
        font-weight: bold
    }
}

.sub_products {
    padding: 4em 0;
    background-color: #fff;
    position: relative
}

.sub_products__headline {
    width: 90%;
    margin: 0 auto 1em auto;
    color: #181d1e;
    font-weight: normal
}

.sub_products__item {
    display: block;
    white-space: normal
}

.sub_products__info {
    color: #181d1e;
    background-color: #fff;
    padding: 1em 0 0 0
}

.sub_products__title {
    font-size: 16px;
    font-weight: normal
}

.sub_products__text {
    color: #444444b3;
    font-size: 14px;
    font-weight: 400;
    white-space: normal
}

.sub_products__image {
    padding-bottom: 90%;
    border-radius: 10px;
    background-size: cover;
    background-position: center 0
}

@media(min-width: 1024px) {
    .sub_products {
        max-width:1920px;
        padding: 7em 0;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .sub_products__headline {
        width: 100%
    }

    .sub_products__item {
        position: relative;
        box-shadow: none
    }

    .sub_products__image {
        width: 100%;
        padding-bottom: 100%;
        border-radius: 3px;
        border-radius: 10px
    }

    .sub_products__info {
        color: #181d1e;
        width: 100%;
        border-radius: 0;
        background-color: rgba(0,0,0,0);
        font-size: 1.8em
    }

    .sub_products__title {
        font-size: 18px;
        line-height: 1em;
        font-weight: normal;
        margin-bottom: .25em
    }
}

.survey_client {
    background: #fff;
    font-size: 16px;
    padding: 1em 0 4em;
    position: relative;
    z-index: 1
}

.survey_client__target {
    max-width: 1280px;
    width: 95%;
    min-height: calc(100vh - 73px);
    margin: 73px auto 0;
    max-width: 700px;
    font-weight: 400;
    position: relative;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center
}

.survey_client__target>div {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.survey_client__target .csat {
    min-width: 320px
}

@media(min-width: 768px) {
    .survey_client__target .csat {
        min-width:500px
    }
}

@media(max-width: 320px) {
    .survey_select__choice {
        padding:5px 16px !important
    }
}

.survey_select__selects {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    padding-top: 30px
}

.survey_select__choice {
    width: 100%;
    background-color: #444;
    color: #fff;
    padding: 12px 16px;
    margin: 10px auto;
    cursor: pointer;
    text-align: left;
    border-radius: 3px
}

.survey_select__choice p {
    margin: 0;
    font-size: 14px;
    line-height: 18px
}

.survey_select__choice--selected {
    color: #444;
    background-color: #fff
}

.survey_select__choice:hover {
    color: #1c2223;
    background-color: #f5f5f5
}

@media(min-width: 768px) {
    .survey_select__choice {
        width:100%
    }

    .survey_select__choice p {
        font-size: initial;
        line-height: initial
    }
}

@media(min-width: 1024px) {
    .survey_select__choice {
        width:75%
    }
}

.switchboard {
    background-color: #181d1e;
    padding: 10px 0px 0px 5%;
    color: #fff
}

.switchboard__headline {
    color: #999;
    margin-bottom: 1em
}

.switchboard__buttons {
    overflow-x: scroll;
    white-space: pre-wrap;
    -webkit-overflow-scrolling: touch;
    width: 470px
}

.switchboard__button {
    display: inline-block;
    padding: 8px 25px;
    border: 2px solid #999;
    border-radius: 23px;
    color: #999;
    margin-right: 20px;
    cursor: pointer;
    transition: color .3s,border-color .3s,background-color .3s
}

.switchboard__button--selected {
    color: #fff;
    border-color: #00ae90;
    background-color: #00ae90
}

.switchboard--desktop {
    text-align: right;
    background-color: rgba(0,0,0,0);
    margin: 20px auto;
    width: 93.5%
}

.switchboard--desktop .switchboard__headline {
    display: inline;
    padding-right: 20px
}

.switchboard--desktop .switchboard__buttons {
    width: auto;
    display: inline-block;
    overflow: inherit
}

.switchboard--desktop .switchboard__button {
    display: inline-block;
    margin: 0 5px;
    padding: 3px 15px;
    border-width: 1px
}

.switchboard--desktop .switchboard__button:last-child {
    margin-right: 0
}

.switchboard--desktop .switchboard__button--selected {
    color: #00ae90;
    background-color: rgba(0,0,0,0)
}

.tabs {
    position: relative;
    max-width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    padding: 4em 0;
    background-color: #f5f5f5;
    color: #1c2223
}

.tabs__container {
    padding: 2em 0;
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.tabs__headline {
    font-size: 28px;
    line-height: 38px;
    font-weight: normal;
    margin: 0 auto;
    margin-bottom: .5em
}

.tabs__text {
    color: #444;
    font-size: 18px;
    line-height: 28px
}

.tabs__navigation,.tabs__item {
    display: none
}

.tabs__slider {
    text-align: center
}

@media(min-width: 768px) {
    .tabs__navigation {
        display:flex;
        border-bottom: 1px solid #ccc
    }

    .tabs__item {
        display: block
    }

    .tabs__slider {
        display: none
    }

    .tabs__navigation_tab {
        margin-right: 2em;
        border-bottom: 4px solid rgba(0,0,0,0);
        font-size: 16px;
        line-height: 50px
    }

    .tabs__navigation_tab--active,.tabs__navigation_tab:hover {
        border-bottom: 4px solid #ed6a12;
        cursor: pointer
    }

    .tabs__item_content {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
        padding: 2em 0
    }

    .tabs__item_content--hidden {
        display: none
    }

    .tabs__item_content_image {
        width: 50%;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex
    }

    .tabs__item_content_image img {
        width: 90%;
        height: intrinsic
    }

    .tabs__item_content_text {
        width: 50%
    }

    .tabs__item_content_text h3 {
        font-size: 28px;
        font-weight: normal
    }

    .tabs__item_content_next {
        display: inline;
        color: #ed6a12;
        cursor: pointer;
        background-image: url(/img/block/shared/icon/icon-orange-next.svg);
        background-repeat: no-repeat;
        background-position: right 5px center;
        padding-right: 2em;
        transition: background-position .2s cubic-bezier(0.4, 0, 1, 1)
    }

    .tabs__item_content_next:hover {
        color: #f18841;
        background-position: right 0 center
    }
}

@media(min-width: 1024px) {
    .tabs {
        padding:3em 0 0;
        max-width: 1920px
    }

    .tabs__navigation_tab {
        font-size: 18px
    }

    .tabs__container {
        padding: 4em 0;
        max-width: 100%
    }

    .tabs__headline {
        font-weight: bold;
        font-size: 40px;
        line-height: 50px;
        line-height: .5em
    }
}

@media(min-width: 1280px) {
    .tabs__headline {
        margin-bottom:1em
    }

    .tabs__text {
        max-width: 720px
    }
}

.terms {
    background: #fff;
    padding: 100px 0
}

.terms__container {
    width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    display: none
}

.terms__container--active {
    display: block
}

.terms__tabs {
    width: 90%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin: 0 auto 40px;
    position: sticky;
    top: 100px;
    background-color: #fff;
    -webkit-box-shadow: 0 -36px 0px #fff;
    box-shadow: 0 -36px 0px #fff
}

.terms__tab {
    border: 1px solid #b5b5b5;
    background-color: #fff;
    border-radius: 8px 0 0 8px;
    width: 50%;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    text-align: center;
    font-size: 16px
}

.terms__tab:hover {
    background-color: #f5f5f5;
    color: #181d1e;
    border: 1px solid #b5b5b5
}

.terms__tab--active,.terms__tab--active:hover {
    background-color: #181d1e;
    color: #fff;
    border: 1px solid #181d1e
}

.terms__tab:last-child {
    border-left: 0;
    border-radius: 0 8px 8px 0
}

.terms h1 {
    display: none
}

.terms h2 {
    line-height: 1.2;
    font-size: 2em;
    margin-bottom: 1em;
    font-weight: normal
}

.terms h3 {
    font-weight: normal
}

.terms p {
    font-size: 1.2em;
    line-height: 1.6em;
    margin: 0 0 1em 0;
    font-weight: 300
}

.terms ul li {
    list-style-type: disc;
    list-style-position: outside;
    margin-left: 1em;
    font-weight: 400;
    font-size: 1.2em
}

@media(min-width: 768px) {
    .terms {
        padding:110px 0
    }

    .terms__container {
        max-width: 1280px;
        width: 85%;
        margin: 0 auto
    }

    .terms__tabs {
        max-width: 1280px;
        width: 85%;
        top: 110px;
        margin: 0 auto 50px
    }

    .terms__tab {
        height: 56px;
        line-height: 56px;
        font-size: 18px
    }

    .terms p {
        margin: 0 0 2em 0
    }
}

@media(min-width: 1800px) {
    .terms h2 {
        font-size:48px
    }
}

body[data-controller=testflight_notice] {
    background-color: #1c2223
}

.testflight_notice {
    color: #fff;
    padding: 8em 0 4em
}

.testflight_notice__container {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    text-align: center
}

.testflight_notice__headline {
    padding: 0;
    margin: 0;
    display: block;
    text-align: center;
    font-size: 21px;
    line-height: 30px;
    text-transform: none
}

.testflight_notice__content_list {
    text-align: left;
    margin: 3em 0 2em
}

.testflight_notice__content_list_item {
    color: #fff;
    font-weight: 400;
    font-size: 1.2em;
    opacity: .9;
    background-size: 25px;
    margin: 1.5em 0;
    background-repeat: no-repeat;
    text-align: center
}

.testflight_notice__content_list_item span {
    color: #ed6a12
}

.testflight_notice__content_list_item .testflight_notice__content_list_item_counter {
    display: block;
    background-color: #fff;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 100px;
    margin: 0 auto .2em;
    font-weight: bold;
    color: #181d1e
}

@media(min-width: 768px) {
    body[data-controller=testflight_notice] {
        background-color:#1c2223;
        height: auto !important
    }

    body[data-controller=testflight_notice] .footer {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0
    }

    .testflight_notice {
        height: 100vh;
        padding: 0 0 2em 0
    }

    .testflight_notice__container {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 95% !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: center;
        background-image: url("https://www.fitx.de/img/block/shared/testflight_notice/lama_yeah.svg");
        background-repeat: no-repeat;
        background-position: center 0;
        padding-top: 180px;
        background-size: 180px
    }

    .testflight_notice__headline {
        text-align: center;
        font-size: 27px;
        line-height: 40px
    }

    .testflight_notice__content_list {
        text-align: center;
        margin: 3em 0 2em
    }

    .testflight_notice__content_list_item {
        text-align: center;
        font-size: 19px;
        margin: .2em 0
    }

    .testflight_notice__content_list_item .testflight_notice__content_list_item_counter {
        color: #fff;
        font-weight: bold;
        display: inline;
        background-color: rgba(0,0,0,0);
        width: auto;
        height: auto;
        line-height: unset;
        border-radius: 0;
        margin: 0 auto .2em
    }

    .testflight_notice__content_list_item .testflight_notice__content_list_item_counter:after {
        content: "."
    }
}

@media(min-width: 1024px) {
    .testflight_notice__container {
        width:95% !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: center;
        background-image: url("https://www.fitx.de/img/block/shared/testflight_notice/lama_yeah.svg");
        background-repeat: no-repeat;
        background-position: center 0;
        padding-top: 180px;
        background-size: 180px
    }

    .testflight_notice__headline {
        font-size: 32px;
        line-height: 40px
    }
}

@media(min-width: 1280px) {
    .testflight_notice__container {
        width:85% !important;
        padding-top: 240px;
        background-size: 240px
    }

    .testflight_notice__headline {
        font-size: 42px;
        line-height: 50px
    }

    .testflight_notice__content_list_item {
        font-size: 21px;
        margin: .5em 0
    }
}

.text_honeycomb_gallery {
    background-color: #fff;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: #f3f2ee;
    background-position: center bottom;
    color: #181d1e;
    padding: 16px 0 4em;
    max-width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    margin: 50px auto
}

.text_honeycomb_gallery__container {
    max-width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column-reverse;
    -moz-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.text_honeycomb_gallery__headline {
    font-size: 24px;
    line-height: 36px;
    font-weight: normal
}

.text_honeycomb_gallery__text {
    padding: 0 5%
}

.text_honeycomb_gallery__text p {
    font-size: 16px;
    line-height: 28px;
    font-weight: 300
}

.text_honeycomb_gallery__gallery {
    width: 100%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    margin-bottom: 2em
}

.text_honeycomb_gallery__image {
    width: calc(50% - 5px);
    height: 110px;
    border-radius: 10px;
    margin: 0 0 10px 0;
    background-size: cover;
    background-position: center center
}

.text_honeycomb_gallery__image:nth-child(3),.text_honeycomb_gallery__image:nth-child(5) {
    width: calc(25% - 5px)
}

.text_honeycomb_gallery__image:nth-child(1),.text_honeycomb_gallery__image:nth-child(3),.text_honeycomb_gallery__image:nth-child(6) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.text_honeycomb_gallery__image:nth-child(2),.text_honeycomb_gallery__image:nth-child(5),.text_honeycomb_gallery__image:nth-child(7) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.text_honeycomb_gallery__image:nth-child(4) {
    width: calc(50% - 10px)
}

@media(min-width: 768px) {
    .text_honeycomb_gallery__image {
        height:190px
    }
}

@media(min-width: 1024px) {
    .text_honeycomb_gallery {
        padding:2em 0;
        margin-bottom: 66px
    }

    .text_honeycomb_gallery__container {
        width: 100% !important;
        max-width: 1920px !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: left;
        height: 100%;
        overflow: hidden;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center
    }

    .text_honeycomb_gallery__text {
        width: 38%;
        padding: 0 5%
    }

    .text_honeycomb_gallery__text p {
        font-size: 16px;
        color: #444
    }

    .text_honeycomb_gallery__headline {
        font-size: 32px;
        line-height: 38px;
        font-weight: normal;
        color: #181d1e
    }

    .text_honeycomb_gallery__gallery {
        width: 62%;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: flex-end;
        -moz-justify-content: flex-end;
        -ms-justify-content: flex-end;
        justify-content: flex-end;
        -ms-flex-pack: flex-end;
        margin-bottom: 0
    }

    .text_honeycomb_gallery__image {
        width: 36%;
        height: 150px;
        border-radius: 10px;
        margin: 0 0 18px 18px;
        background-size: cover
    }

    .text_honeycomb_gallery__image:nth-child(3),.text_honeycomb_gallery__image:nth-child(4) {
        width: 36%
    }

    .text_honeycomb_gallery__image:nth-child(2),.text_honeycomb_gallery__image:nth-child(7) {
        width: 32%;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .text_honeycomb_gallery__image:nth-child(3) {
        margin-left: 0
    }

    .text_honeycomb_gallery__image:nth-child(5) {
        width: 20%;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .text_honeycomb_gallery__image:nth-child(6),.text_honeycomb_gallery__image:nth-child(7) {
        margin-bottom: 0
    }

    .text_honeycomb_gallery__image:nth-child(1),.text_honeycomb_gallery__image:nth-child(3),.text_honeycomb_gallery__image:nth-child(6) {
        border-radius: 10px
    }
}

@media(min-width: 1280px) {
    .text_honeycomb_gallery {
        height:640px
    }

    .text_honeycomb_gallery__image {
        width: 35%;
        height: 180px;
        border-radius: 10px;
        margin: 0 0 18px 18px;
        background-size: cover
    }

    .text_honeycomb_gallery__image:nth-child(3),.text_honeycomb_gallery__image:nth-child(4) {
        width: 35%
    }

    .text_honeycomb_gallery__image:nth-child(2),.text_honeycomb_gallery__image:nth-child(7) {
        width: 32%;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .text_honeycomb_gallery__image:nth-child(3) {
        margin-left: 0
    }

    .text_honeycomb_gallery__image:nth-child(5) {
        width: 20%;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .text_honeycomb_gallery__image:nth-child(6),.text_honeycomb_gallery__image:nth-child(7) {
        margin-bottom: 0
    }
}

@media screen and (min-width: 1400px) {
    .text_honeycomb_gallery__text {
        padding:0 5em 0 calc((100vw - 1280px)/2)
    }
}

@media screen and (min-width: 1920px) {
    .text_honeycomb_gallery__text {
        padding:0 5em 0 calc((100vw - 1280px)/2 - (100vw - 1920px)/2)
    }
}

@media(min-width: 1800px) {
    .text_honeycomb_gallery {
        max-width:1920px;
        margin-bottom: 66px;
        height: 730px
    }

    .text_honeycomb_gallery__text {
        width: 44%
    }

    .text_honeycomb_gallery__text p {
        font-size: 18px;
        line-height: 28px;
        color: #444
    }

    .text_honeycomb_gallery__headline {
        font-size: 48px;
        line-height: 56px;
        font-weight: normal;
        color: #181d1e
    }

    .text_honeycomb_gallery__gallery {
        width: 56%;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: flex-end;
        -moz-justify-content: flex-end;
        -ms-justify-content: flex-end;
        justify-content: flex-end;
        -ms-flex-pack: flex-end
    }

    .text_honeycomb_gallery__image {
        height: 210px
    }
}

@media screen and (min-width: 1921px) {
    .text_honeycomb_gallery {
        border-radius:10px
    }
}

.text_image {
    background-color: #181d1e;
    position: relative;
    color: #fff;
    width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    padding: 4em 0 0
}

.text_image__container {
    overflow: hidden
}

.text_image__anchor {
    position: absolute;
    top: 0;
    left: 0
}

.text_image__text {
    color: #b5b5b5;
    width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 4em
}

.text_image__text h2 {
    color: #fff
}

.text_image__text li {
    list-style-type: none;
    font-weight: 400;
    margin-left: 1.5em;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 24px
}

.text_image__text li:before {
    display: inline-block;
    content: "-";
    width: 1.5em;
    margin-left: -1.5em
}

.text_image__headline {
    margin-bottom: 1em;
    color: #fff
}

.text_image__image {
    background-position: center
}

.text_image__image--csr_intro {
    background-image: url("https://www.fitx.de/img/block/desktop/text_image/csr_intro.jpg");
    height: 240px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 0
}

.text_image__image--csr_project {
    height: 240px;
    background-repeat: no-repeat;
    background-size: cover
}

@media(min-width: 768px) {
    .text_image__image {
        background-position:center;
        height: 480px
    }

    .text_image__image--csr_intro {
        height: 535px
    }

    .text_image__image--csr_intro {
        background-image: url("https://www.fitx.de/img/block/desktop/text_image/csr_intro.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 0 0
    }

    .text_image__text li {
        font-size: 18px;
        line-height: 28px
    }
}

@media(min-width: 1024px) {
    .text_image {
        padding:7em 0
    }

    .text_image__container {
        max-width: 100% !important;
        max-width: 960px;
        margin-left: auto;
        margin-right: auto
    }

    .text_image__container:after {
        content: "";
        display: table;
        clear: both
    }

    .text_image__container>*:nth-child(2n+1) {
        width: calc(50%);
        float: left;
        clear: left;
        padding-left: 0;
        margin-left: 0
    }

    .text_image__container>*:nth-child(2n+2) {
        width: calc(50%);
        float: left;
        clear: none;
        padding-right: 0;
        margin-right: 0
    }

    .text_image__container--reversed {
        max-width: 960px;
        margin-left: auto;
        margin-right: auto
    }

    .text_image__container--reversed:after {
        content: "";
        display: table;
        clear: both
    }

    .text_image__container--reversed>*:nth-child(2n+1) {
        width: calc(50% - 4em - 4em + 2em + 2em);
        float: left;
        margin: 0 4em;
        clear: left;
        margin-left: 0
    }

    .text_image__container--reversed>*:nth-child(2n+2) {
        width: calc(50% - 4em - 4em + 2em + 2em);
        float: left;
        margin: 0 4em;
        clear: none;
        margin-right: 0
    }

    .text_image__container--reversed>*:nth-child(2n+2) {
        left: calc(0px - ((0px + (50% + 4em) + (50% + 4em))) + (0px + (50% + 4em)));
        position: relative
    }

    .text_image__container--reversed>*:nth-child(2n+1) {
        left: calc(0px - ((0px + (50% + 4em))) + (0px + (50% + 4em) + (50% + 4em)));
        position: relative
    }

    .text_image__image {
        height: 480px;
        background-size: cover
    }

    .text_image__image--csr_intro {
        height: 56em
    }

    .text_image__image--csr_intro {
        background-image: url("https://www.fitx.de/img/block/desktop/text_image/csr_intro.jpg");
        background-position: 0 0;
        background-repeat: no-repeat;
        background-size: contain
    }

    .text_image__image--campaign_trialworkout {
        background-image: url("https://www.fitx.de/img/block/desktop/text_image/campaign_trialworkout.jpg");
        background-position: 0 0;
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 5px
    }

    .text_image__image--csr_project {
        height: 520px;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: 0 0
    }

    .text_image__text {
        padding: 0 4em;
        margin-bottom: 0
    }

    .text_image__text--campaign_trialworkout {
        height: 480px
    }

    .text_image__text_content--campaign_trialworkout {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@media(min-width: 1280px) {
    .text_image li {
        font-size:18px;
        line-height: 28px
    }
}

@media(min-width: 1800px) {
    .text_image li {
        font-size:18px;
        line-height: 28px
    }
}

.text_image--csr_intro,.text_image--csr_project {
    background-color: #fff;
    color: #181d1e
}

.text_image--csr_intro h2,.text_image--csr_project h2 {
    color: #181d1e !important
}

.text_image--csr_intro p,.text_image--csr_project p {
    color: #444 !important
}

.text_slider {
    background-color: #fff;
    padding: 0 0 3em;
    position: relative
}

.text_slider__container {
    width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden
}

.text_slider__text {
    padding: 0 5% 1em
}

.text_slider__text h2 {
    margin-bottom: .5em
}

.text_slider__headline {
    font-size: 24px;
    font-weight: 400
}

.text_slider__producer {
    width: auto;
    height: 28px;
    margin-right: 1em;
    margin-bottom: 1em
}

@media(min-width: 768px) {
    .text_slider__producer {
        width:auto;
        height: 39px;
        margin-right: 2em
    }
}

@media(min-width: 1024px) {
    .text_slider__container {
        width:100%;
        max-width: 960px;
        margin-left: auto;
        margin-right: auto;
        max-width: 90%;
        overflow: initial
    }

    .text_slider__container:after {
        content: "";
        display: table;
        clear: both
    }

    .text_slider__container>*:nth-child(2n+1) {
        width: calc(50%);
        float: left;
        clear: left;
        padding-left: 0;
        margin-left: 0
    }

    .text_slider__container>*:nth-child(2n+2) {
        width: calc(50%);
        float: left;
        clear: none;
        padding-right: 0;
        margin-right: 0
    }

    .text_slider__text {
        padding: 0 0 1em
    }

    .text_slider__text_content {
        width: 90%
    }
}

@media(min-width: 1420px) {
    .text_slider {
        padding:7em 0;
        max-width: 1920px;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .text_slider__container {
        width: 100%;
        max-width: 960px;
        margin-left: auto;
        margin-right: auto;
        max-width: 1280px
    }

    .text_slider__container:after {
        content: "";
        display: table;
        clear: both
    }

    .text_slider__container>*:nth-child(2n+1) {
        width: calc(50%);
        float: left;
        clear: left;
        padding-left: 0;
        margin-left: 0
    }

    .text_slider__container>*:nth-child(2n+2) {
        width: calc(50%);
        float: left;
        clear: none;
        padding-right: 0;
        margin-right: 0
    }

    .text_slider__text {
        padding: 0;
        position: relative;
        min-height: 30vw
    }

    .text_slider__text_content {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        padding: 0;
        width: 90%
    }

    .text_slider__text_content p:last-child {
        margin-bottom: 0
    }
}

@media(min-width: 1800px) {
    .text_slider__text {
        min-height:22vw
    }

    .text_slider__text_content {
        width: 80%
    }
}

@media screen and (min-width: 1921px) {
    .text_slider__text {
        min-height:20vw
    }
}

.three_facts_accordion {
    background-color: #fff;
    padding: 15em 0 4em;
    max-width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    background-size: contain;
    background-repeat: no-repeat
}

.three_facts_accordion__container {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
    background-color: #fff;
    color: #181d1e;
    padding: 25px 0 0;
    border-radius: 10px;
    box-shadow: 1px 5px 20px 5px rgba(23,23,23,.075);
    border: 1px solid #e5e5e5
}

.three_facts_accordion__kicker {
    font-size: 12px;
    color: #717171;
    text-transform: uppercase;
    font-weight: normal;
    margin-bottom: 0;
    padding: 0 17px
}

.three_facts_accordion__headline {
    font-weight: normal;
    padding: 0 17px 15px;
    border-bottom: 1px solid #eee
}

.three_facts_accordion__cta {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    margin-top: 4em
}

.three_facts_accordion__highlight_container {
    overflow: auto
}

.three_facts_accordion__highlight_container p {
    color: #444
}

.three_facts_accordion__highlight_header {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 17px;
    border-bottom: 1px solid #eee;
    background-image: url("https://www.fitx.de/img/block/shared/three_facts_accordion/arrow_down.svg");
    background-repeat: no-repeat;
    background-position: right 20px center
}

.three_facts_accordion__highlight_header--opened {
    background-image: url("https://www.fitx.de/img/block/shared/three_facts_accordion/arrow_up.svg")
}

.three_facts_accordion__highlight_content {
    padding: 17px;
    border-bottom: 1px solid #eee;
    display: none
}

.three_facts_accordion__highlight_content p:last-child {
    margin-bottom: 0
}

.three_facts_accordion__highlight_content--opened {
    display: block
}

.three_facts_accordion__highlight {
    text-align: left;
    margin-bottom: 2em;
    overflow: hidden
}

.three_facts_accordion__highlight>p {
    margin-bottom: 0
}

.three_facts_accordion__highlight:last-child {
    margin-bottom: 0
}

.three_facts_accordion__highlight_icon {
    height: 20px;
    width: 20px;
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 20px
}

.three_facts_accordion__highlight_headline {
    font-size: 16px
}

.three_facts_accordion__highlight_headline {
    display: block;
    font-weight: normal;
    margin: 0
}

@media(min-width: 768px) {
    .three_facts_accordion {
        padding:4em 0;
        background-image: none !important
    }

    .three_facts_accordion__container {
        width: 90% !important;
        max-width: 1280px !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: left
    }

    .three_facts_accordion__highlights {
        width: 100% !important;
        max-width: 1280px !important;
        padding: 0
    }

    .three_facts_accordion__highlight {
        padding: 0 1em 0 0;
        background-size: 25px
    }
}

@media(min-width: 1024px) {
    .three_facts_accordion {
        max-width:1920px;
        padding: 7em 0;
        background-image: none !important
    }

    .three_facts_accordion__container {
        width: 90% !important;
        max-width: 1280px !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: left;
        padding: 0;
        border-radius: 0;
        box-shadow: none;
        border: 0
    }

    .three_facts_accordion__kicker {
        font-size: 16px;
        text-align: center;
        margin-bottom: 0
    }

    .three_facts_accordion__headline {
        text-align: center;
        padding: 0;
        border-bottom: 0;
        margin-bottom: 1.5em
    }

    .three_facts_accordion__highlights {
        width: 100% !important;
        padding: 0;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: space-between
    }

    .three_facts_accordion__highlight {
        width: 28%;
        margin-bottom: 0;
        padding: 0
    }

    .three_facts_accordion__highlight_container {
        width: 28%;
        padding: 0;
        border-bottom: 0
    }

    .three_facts_accordion__highlight_header {
        display: block;
        padding: 0;
        border-bottom: 0;
        background-image: none
    }

    .three_facts_accordion__highlight_content {
        display: block;
        padding: 0;
        border-bottom: 0
    }

    .three_facts_accordion__highlight_content p:last-child {
        margin-bottom: 25px
    }

    .three_facts_accordion__highlight_icon {
        height: 30px;
        width: 30px;
        margin-bottom: 1em
    }
}

@media(min-width: 1800px) {
    .three_facts_accordion {
        background-image:none !important
    }

    .three_facts_accordion__highlight_headline {
        font-size: 22px
    }
}

.three_facts {
    background-color: #f5f5f5;
    padding: 4em 0;
    max-width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.three_facts--numbers,.three_facts--icons {
    background: #fff
}

.three_facts--topspace {
    padding: calc(4em * 1.5) 0 4em
}

.three_facts__container {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    text-align: left
}

.three_facts__headline {
    margin-bottom: 1.5em;
    font-weight: normal
}

.three_facts__cta {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    margin-top: 4em
}

.three_facts__highlight_container {
    overflow: auto
}

.three_facts__highlight_container p {
    color: #444
}

.three_facts__highlight {
    text-align: left;
    margin-bottom: 2em;
    overflow: hidden
}

.three_facts__highlight>p {
    margin-bottom: 0
}

.three_facts__highlight:last-child {
    margin-bottom: 0
}

.three_facts__highlight--numbers:before {
    content: "1";
    color: #fff;
    background-color: #ed6a12;
    width: 35px;
    height: 35px;
    display: block;
    border-radius: 100px;
    text-align: center;
    line-height: 35px;
    float: left;
    margin-right: 1em;
    font-size: 1.2em
}

.three_facts__highlight--numbers:nth-child(2):before {
    content: "2"
}

.three_facts__highlight--numbers:last-child:before {
    content: "3"
}

.three_facts__highlight_icon {
    height: 42px;
    width: 50px;
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: 1em
}

.three_facts__highlight_headline:not(.three_facts__highlight_headline--icons):not(.three_facts__highlight_headline--numbers) {
    font-size: 1.2em
}

.three_facts__highlight_headline {
    display: block;
    font-weight: normal;
    margin: 0 0 .5em 0
}

@media(min-width: 768px) {
    .three_facts__container {
        width:90% !important;
        max-width: 1280px !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: left
    }

    .three_facts__highlights {
        width: 95% !important;
        max-width: 1280px !important;
        padding: 0
    }

    .three_facts__highlight {
        padding: 0 1em 0 0;
        background-size: 25px
    }
}

@media(min-width: 1024px) {
    .three_facts {
        max-width:1920px
    }

    .three_facts--numbers {
        padding: 7em 0
    }

    .three_facts--numbers.three_facts--companyfitness {
        padding: 0 0 7em
    }

    .three_facts--icons {
        padding: calc(7em + 1em) 0 7em
    }

    .three_facts--topspace {
        padding: calc(7em * 2) 0 7em
    }

    .three_facts--roundTopBorders {
        border-top-right-radius: 10px;
        border-top-left-radius: 10px
    }

    .three_facts__container {
        width: 90% !important;
        max-width: 1280px !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: left
    }

    .three_facts__headline {
        text-align: center
    }

    .three_facts__highlights {
        width: 100% !important;
        padding: 0;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: space-between
    }

    .three_facts__highlight {
        width: 28%;
        margin-bottom: 0;
        padding: 0
    }

    .three_facts__highlight--numbers {
        width: 32%;
        padding: 0 1em 0 0
    }

    .three_facts__highlight--numbers:before {
        width: 55px;
        height: 55px;
        line-height: 55px;
        margin-right: 2em;
        font-size: 1.4em
    }

    .three_facts__highlight--twoFacts {
        width: 45%
    }
}

@media(min-width: 1800px) {
    .three_facts__highlight_headline:not(.three_facts__highlight_headline--icons):not(.three_facts__highlight_headline--numbers) {
        font-size:1.4em
    }
}

.tile_gallery {
    width: 100%;
    border-radius: 10px;
    overflow: hidden
}

.tile_gallery__tour_container {
    position: relative;
    overflow: hidden
}

.tile_gallery__image {
    display: block;
    float: left;
    width: 49%;
    padding-bottom: 30%;
    background-size: cover;
    margin-bottom: 2%;
    cursor: pointer;
    background-position: center
}

.tile_gallery__image--odd {
    margin-right: 2%
}

.tile_gallery__image--large {
    width: 100%;
    padding-bottom: 60%;
    position: relative
}

.tile_gallery__image--noMarginBottom {
    margin-bottom: 0
}

.tile_gallery__image--vertical {
    float: right;
    padding-bottom: 62%
}

.tile_gallery__image--dummy {
    cursor: default
}

.tiles {
    max-width: 95%;
    margin: 2em 0 4em 0;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.tiles--courseslider {
    margin-top: 0
}

.tiles__tile--inactive {
    opacity: .3;
    pointer-events: none
}

.tiles__headline {
    left: 0;
    color: #fff
}

.tiles__split {
    padding: 3em 20px 0;
    display: inline-block;
    width: 50%
}

.tiles__tile {
    width: 48%;
    margin: 0;
    margin-bottom: 1em;
    height: 50vw;
    display: inline-block;
    text-align: center;
    position: relative;
    border-radius: 5px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0
}

.tiles__tile_info {
    font-weight: 400;
    text-align: left
}

.tiles__tile__container--inactive {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden
}

.tiles__tile__container--inactive--single_info:hover {
    background-color: inherit
}

.tiles__tile__container {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden
}

.tiles__tile__content {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: left;
    top: 30vw
}

.tiles__tile__logo {
    font-family: "classx skyline",sans-serif;
    word-spacing: -0.125em;
    font-size: calc(32px + 38*(100vw - 769px)/1231);
    color: #fff;
    background-position: center
}

.tiles__tile__subline {
    font-size: calc(13px + 2*(100vw - 769px)/1231);
    color: #999;
    line-height: 1.2
}

.tiles__tile__more {
    -webkit-transition: all 0.5s cubic-bezier(0, 0.42, 0.32, 1.28);
    -o-transition: all 0.5s cubic-bezier(0, 0.42, 0.32, 1.28);
    transition: all 0.5s cubic-bezier(0, 0.42, 0.32, 1.28);
    position: absolute;
    background-color: #ed6a12;
    color: #fff !important;
    font-size: 2vw;
    font-weight: bold;
    padding: 4px 12px 4px 22px;
    bottom: -5vw;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-10%);
    -ms-transform: translateX(-50%) translateY(-10%);
    transform: translateX(-50%) translateY(-10%);
    border-radius: 5px;
    background-image: url("https://www.fitx.de/img/block/shared/icon/small_arrow_right.png");
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 5%
}

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

.tiles__tile__description_headline {
    color: #fff;
    font-size: 16px;
    line-height: 1.2em;
    font-weight: bold;
    margin-bottom: 1vw
}

.tiles__tile__description_subline {
    display: none
}

.tiles__tile__description_cta {
    width: 100%
}

@media(min-width: 768px) {
    .tiles__tile {
        margin:0;
        margin-bottom: 1em
    }

    .tiles__tile__description_content {
        padding: 3vw
    }

    .tiles__tile__description_headline {
        font-size: 16px
    }

    .tiles__tile__more {
        font-size: 1.3vw;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%)
    }
}

@media(min-width: 1024px) {
    .tiles__tile {
        width:32%;
        margin: 0;
        margin-bottom: 1.5vw;
        height: 18.5vw;
        display: inline-block;
        text-align: center;
        position: relative;
        border-radius: 5px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center
    }

    .tiles__tile--single_info {
        background-color: #1c2223;
        float: right
    }

    .tiles__tile_info {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: space-between;
        font-weight: 400;
        text-align: left
    }

    .tiles__tile__content {
        position: relative;
        top: 0;
        width: 100%;
        height: 100%;
        text-align: center;
        padding: 4em 1em 1.5em;
        -webkit-transition: all 0.5s cubic-bezier(0, 0.42, 0.32, 1.28);
        -o-transition: all 0.5s cubic-bezier(0, 0.42, 0.32, 1.28);
        transition: all 0.5s cubic-bezier(0, 0.42, 0.32, 1.28);
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: space-between
    }

    .tiles__tile__logo {
        font-family: "classx skyline",sans-serif;
        word-spacing: -0.125em;
        font-size: calc(30px + 40*(100vw - 500px)/1500);
        color: #fff;
        background-position: center;
        margin-bottom: .5em
    }

    .tiles__tile__description_content {
        padding: 1.5vw
    }

    .tiles__tile__description_headline {
        font-size: 1.2vw
    }

    .tiles__tile__description_subline {
        display: block;
        color: #fff;
        line-height: 1.2em;
        font-weight: 400;
        margin-bottom: 1vw
    }

    .tiles__tile__more {
        font-size: .9vw;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%)
    }

    .tiles__tile__subline {
        font-size: calc(10px + 5*(100vw - 769px)/1240);
        color: #fff;
        background-repeat: no-repeat;
        background-size: 1.2em;
        padding-left: 2em;
        line-height: 1.2
    }

    .tiles__tile__subline:first-child {
        padding-right: 1em
    }

    .tiles__tile__subline--focus {
        background-image: url("https://www.fitx.de/img/block/shared/icon/trainingsziel_white.svg")
    }

    .tiles__tile__subline--duration {
        background-image: url("https://www.fitx.de/img/block/shared/icon/trainingsdauer_white.svg")
    }

    .tiles__tile__logo {
        max-height: 45px
    }
}

@media(min-width: 1280px) {
    .tiles__tile {
        height:18.5vw;
        max-height: 270px
    }
}

@media(min-width: 1800px) {
    .tiles__tile {
        height:13.5vw
    }

    .tiles__tile__description_subline {
        font-size: 1.4em
    }

    .tiles__tile__more {
        font-size: .7vw
    }

    .tiles--courseslider .tiles__tile {
        margin: 1.3333%;
        height: 13.5vw
    }

    .tiles--courseslider .tiles__tile:nth-child(4n+1) {
        margin-left: 0
    }

    .tiles--courseslider .tiles__tile:nth-child(4n+4) {
        margin-right: 0
    }

    .tiles--courseslider .tiles__tile:last-child {
        margin-right: 0
    }
}

.timebar {
    background-color: #fff;
    position: relative;
    width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    padding: 4em 0 0
}

.timebar__container {
    color: #1c2223;
    width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.timebar__intro {
    margin-bottom: 2em;
    max-width: 520px
}

.timebar__headline {
    font-size: 28px;
    line-height: 38px;
    font-weight: normal;
    margin-bottom: .5em
}

.timebar__subline {
    font-size: 18px;
    line-height: 28px
}

.timebar__item_image {
    width: 100%
}

.timebar__item_image img {
    width: 100%;
    border-radius: 10px
}

.timebar__item_text {
    font-size: 16px;
    line-height: 24px;
    padding: 2em 0
}

.timebar__item_text h3 {
    font-size: 18px;
    line-height: 30px;
    font-weight: normal
}

.timebar__footer {
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    padding: 2em 0
}

.timebar__footer h3 {
    font-size: 24px;
    line-height: 30px;
    font-weight: normal
}

@media(min-width: 768px) {
    .timebar {
        background-color:#fff;
        padding: 7em 0;
        max-width: 1920px;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .timebar__container {
        color: #181d1e;
        width: 90% !important
    }

    .timebar__headline {
        font-weight: bold;
        font-size: 40px;
        line-height: 50px
    }

    .timebar__item {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: stretch;
        -moz-align-items: stretch;
        -ms-align-items: stretch;
        align-items: stretch
    }

    .timebar__item--reverse {
        -webkit-flex-direction: row-reverse;
        -moz-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .timebar__item_image {
        width: calc(50% + 2px);
        border-right: 2px solid #ed6a12;
        padding: 3em 50px 3em 0;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center
    }

    .timebar__item_image img {
        width: 100%;
        border-radius: 10px
    }

    .timebar__item--reverse {
        justify-content: flex-end
    }

    .timebar__item--reverse .timebar__item_image {
        width: calc(50% - 2px);
        border-right: 0;
        border-left: 2px solid #ed6a12;
        padding: 3em 0 3em 50px
    }

    .timebar__item_text {
        width: calc(50% - 2px);
        padding: 2em 50px 2em 50px;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center
    }

    .timebar__item_text p {
        margin: 0;
        max-width: 410px;
        font-size: 16px;
        line-height: 24px
    }

    .timebar__item_text h3 {
        position: relative;
        font-weight: normal;
        font-size: 24px
    }

    .timebar__item_text h3 span {
        display: inline-block;
        left: -59px;
        text-indent: -9000px;
        height: 16px;
        width: 16px;
        background-color: #ed6a12;
        border-radius: 10px;
        position: absolute;
        margin-top: 6px
    }

    .timebar__item--reverse .timebar__item_text {
        width: 50%
    }

    .timebar__item--reverse .timebar__item_text h3 span {
        left: initial;
        right: -59px
    }

    .timebar__line_cover {
        display: block;
        width: 5px;
        height: 90px;
        background-color: #fff;
        position: absolute;
        text-indent: -9000px;
        left: -52px;
        bottom: 8px
    }

    .timebar__item:last-child .timebar__item_text {
        padding-bottom: 4em
    }

    .timebar__item:last-child .timebar__item_image {
        padding-bottom: 6em
    }

    .timebar__footer {
        max-width: 400px;
        margin: 0 auto;
        text-align: center;
        padding-top: 50px;
        position: relative
    }

    .timebar__footer h3 {
        display: none
    }

    .timebar__footer p {
        font-size: 16px;
        line-height: 24px
    }

    .timebar__footer span {
        display: block;
        width: 16px;
        height: 16px;
        background-color: #ed6a12;
        border-radius: 10px;
        position: absolute;
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        top: -10px;
        left: calc(50% + 1px)
    }
}

@media(min-width: 1024px) {
    .timebar__container {
        width:100% !important
    }
}

@media(min-width: 1280px) {
    .timebar__container {
        width:100% !important
    }

    .timebar__item_text {
        padding: 2em 50px 2em 100px
    }

    .timebar__item_text h3 span {
        left: -109px
    }

    .timebar__line_cover {
        height: 200px;
        left: -102px
    }
}

.timeline__white {
    background-color: #fff !important
}

.timeline__white .timeline__headline {
    color: #181d1e;
    font-weight: normal
}

.timeline__white .timeline__text {
    color: #444
}

.timeline__white .timeline__line {
    background-color: #181d1e
}

.timeline__white .timeline__item {
    color: #fff;
    background-color: #fff
}

.timeline__white .timeline__item_text {
    color: #181d1e
}

.timeline__white .timeline__item_icon {
    background-repeat: no-repeat
}

.timeline__white .timeline__item_icon--voranmeldung {
    background-image: url("https://www.fitx.de/img/block/shared/timeline/icon_voranmeldung.svg")
}

.timeline__white .timeline__item_icon--studio {
    background-image: url("https://www.fitx.de/img/block/shared/timeline/icon_studio.svg")
}

.timeline__white .timeline__item_icon--vertrag {
    background-image: url("https://www.fitx.de/img/block/shared/timeline/icon_vertrag.svg")
}

.timeline__white .timeline__item_icon--equipment {
    background-image: url("https://www.fitx.de/img/block/shared/timeline/icon_equipment.svg")
}

.timeline {
    color: #fff;
    padding: 4em 0;
    max-width: 100%
}

.timeline__container,.timeline__headline_container {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    position: relative;
    overflow: hidden
}

.timeline__container {
    margin: 1em auto 2em
}

.timeline__headline {
    color: #fff;
    margin-bottom: .5em
}

.timeline__text {
    color: #fff;
    max-width: 85%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.timeline__line {
    position: absolute;
    width: 4px;
    height: 75%;
    background-color: #fff;
    left: calc(50% - 4px/2);
    top: 10%
}

.timeline__items {
    overflow: hidden
}

.timeline__item {
    color: #fff;
    width: 100%;
    background-color: #181d1e;
    z-index: 10;
    position: relative;
    margin: 50px 0;
    padding: 10px 0 5px
}

.timeline__item:first-child,.timeline__item:last-child {
    margin: 0
}

.timeline--three {
    padding-top: 4em;
    background-color: #1c2223
}

.timeline--three .timeline__item {
    background-color: #1c2223
}

.timeline__item_icon {
    background-repeat: no-repeat;
    background-position: top center;
    height: 60px;
    margin-bottom: 5px;
    background-size: contain
}

.timeline__item_icon--studio_select {
    background-image: url("https://www.fitx.de/img/block/shared/timeline/icon_studio_select.svg")
}

.timeline__item_icon--bag {
    background-image: url("https://www.fitx.de/img/block/shared/timeline/icon_bag.svg")
}

.timeline__item_icon--training {
    background-image: url("https://www.fitx.de/img/block/shared/timeline/icon_training.svg")
}

.timeline__item_icon--happy {
    background-image: url("https://www.fitx.de/img/block/shared/timeline/icon_happy.svg")
}

.timeline__item_icon--calendar {
    background-image: url("https://www.fitx.de/img/block/shared/timeline/icon_calendar.svg")
}

.timeline__item_icon--form {
    background-image: url("https://www.fitx.de/img/block/shared/timeline/icon_form.svg")
}

.timeline__item_icon--trialworkout {
    background-image: url("https://www.fitx.de/img/block/shared/timeline/icon_trialworkout.svg")
}

.timeline__item_icon--dgw_desiretotrain {
    background-image: url("https://www.fitx.de/img/block/shared/timeline/icon_dgw_desiretotrain.svg")
}

.timeline__item_icon--dgw_studio {
    background-image: url("https://www.fitx.de/img/block/shared/timeline/icon_dgw_studio.svg")
}

.timeline__item_icon--dgw_member {
    background-image: url("https://www.fitx.de/img/block/shared/timeline/icon_dgw_member.svg")
}

.timeline__item_text {
    font-size: 17px;
    line-height: 26px
}

.timeline__cta {
    margin: 3em 0 0
}

.timeline__cta a {
    width: 85%;
    font-size: 16px;
    overflow: hidden;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.timeline__cta>div {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

@media(min-width: 768px) {
    .timeline__white .timeline__line {
        background-color:#181d1e
    }

    .timeline__white .timeline__item {
        background-color: rgba(0,0,0,0)
    }

    .timeline {
        padding: 7em 0;
        max-width: 100%
    }

    .timeline__container,.timeline__headline_container {
        max-width: 90%;
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: center
    }

    .timeline__container {
        margin: 1em auto 2em
    }

    .timeline__text {
        max-width: 85%;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .timeline__line {
        height: 4px;
        width: 64%;
        background-color: #fff;
        position: absolute;
        margin-top: 42px;
        z-index: 1;
        left: 15%
    }

    .timeline__items {
        overflow: hidden
    }

    .timeline__item {
        float: left;
        width: 33%;
        background-color: rgba(0,0,0,0);
        margin: 0
    }

    .timeline--three .timeline__item {
        background-color: rgba(0,0,0,0)
    }

    .timeline__item_icon {
        background-repeat: no-repeat;
        background-position: top center;
        margin-bottom: 10px;
        height: 71px
    }

    .timeline__item_text {
        font-size: 15px;
        line-height: 26px
    }

    .timeline__container--three .timeline__item {
        width: 33%
    }

    .timeline__cta a {
        width: 380px;
        font-size: 18px;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .timeline__cta>div {
        max-width: 100%;
        float: none;
        margin-right: auto;
        margin-left: auto
    }
}

@media(min-width: 1024px) {
    .timeline__line {
        width:65%
    }

    .timeline__container {
        max-width: 90%
    }

    .timeline__item_text {
        font-size: 18px;
        line-height: 24px
    }
}

@media(min-width: 1280px) {
    .timeline__item_text {
        font-size:20px;
        line-height: 28px
    }
}

@media(min-width: 1800px) {
    .timeline {
        max-width:100%
    }

    .timeline__container,.timeline__headline_container {
        width: 75% !important;
        max-width: 1280px !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: center
    }

    .timeline__text {
        max-width: 66%;
        float: none;
        margin-right: auto;
        margin-left: auto
    }
}

.tooltip_on_click {
    text-decoration: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    opacity: 0;
    background: #181d1e;
    padding: 1em;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    line-height: 1.4em;
    transition: opacity .3s;
    position: absolute;
    left: 1em;
    top: 1em;
    width: calc(100% - 2em)
}

@media(min-width: 1024px) {
    .tooltip_on_click {
        -webkit-border-radius:10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        overflow: hidden
    }
}

.tooltip_on_click--follow {
    width: 180px
}

.tooltip_on_click--info {
    padding-left: 3em;
    background-image: url("https://www.fitx.de/img/block/shared/icon/icon-white-info-hollow.svg");
    background-repeat: no-repeat;
    background-position: 1em center;
    background-size: 1.5em
}

.tooltip_on_click--visible {
    opacity: 1
}

@media(min-width: 768px) {
    .tooltip_on_click {
        font-size:18px;
        font-weight: 300
    }

    .tooltip_on_click--follow {
        width: 300px
    }

    .tooltip_on_click--info {
        padding-left: 4em;
        background-position: 1.3em center
    }
}

.tourdex_conditions {
    background: #fff;
    margin: 0 0 2em 0
}

.tourdex_conditions__container {
    width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    overflow: auto
}

.tourdex_conditions p {
    margin: 0 0 1em 0
}

.tourdex_conditions p.tel_info {
    font-size: 14px;
    font-weight: 300
}

.tourdex_conditions span.desktop {
    display: none
}

.tourdex_conditions__tourdex_conditions {
    margin-top: 1em
}

.tourdex_conditions__tourdex_conditions_status {
    text-align: right;
    font-weight: bold !important
}

.tourdex_conditions__listHeadline {
    margin-bottom: 1em !important;
    font-weight: normal
}

.tourdex_conditions ul {
    margin-bottom: 3em
}

.tourdex_conditions ul li {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    list-style-type: square;
    list-style-position: outside;
    margin-left: 1em
}

@media(min-width: 768px) {
    .tourdex_conditions {
        padding-bottom:7em
    }

    .tourdex_conditions__container {
        max-width: 1280px;
        width: 85%;
        margin: 0 auto
    }

    .tourdex_conditions p {
        margin: 0 0 2em 0
    }

    .tourdex_conditions__tourdex_conditions {
        margin-top: 2em
    }

    .tourdex_conditions ul li {
        font-size: 18px;
        line-height: 28px
    }
}

@media(min-width: 1024px) {
    .tourdex_conditions__tourdex_conditions {
        max-width:960px;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%
    }

    .tourdex_conditions__tourdex_conditions:after {
        content: "";
        display: table;
        clear: both
    }

    .tourdex_conditions__tourdex_conditions>*:nth-child(2n+1) {
        width: calc(50%);
        float: left;
        clear: left;
        padding-left: 0;
        margin-left: 0
    }

    .tourdex_conditions__tourdex_conditions>*:nth-child(2n+2) {
        width: calc(50%);
        float: left;
        clear: none;
        padding-right: 0;
        margin-right: 0
    }

    .tourdex_conditions__tourdex_conditions section {
        padding: 0 2em
    }

    .tourdex_conditions span.desktop {
        display: inline-block
    }

    .tourdex_conditions span.mobile {
        display: none
    }
}

.tourdex_event {
    background-color: #f5f5f5
}

.tourdex_event__container {
    padding: 1em 0 4em;
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    text-align: left
}

.tourdex_event__headline {
    margin-bottom: 1em
}

.tourdex_event__list {
    margin-bottom: 2em
}

.tourdex_event__list_badge_circle {
    height: 205px;
    width: 205px;
    background-color: #ed6a12;
    border-radius: 120px;
    transform: rotateZ(-12deg);
    color: #fff;
    padding: 1.8em 0 0 0;
    text-transform: uppercase;
    text-align: center;
    font-weight: 400;
    font-size: 2.2em;
    line-height: initial;
    margin: 1em auto
}

.tourdex_event__list_badge_circle_text1 {
    font-size: .855em
}

.tourdex_event__list_badge_circle_text1 span {
    font-weight: bold
}

.tourdex_event__list_badge_circle_text2 {
    font-size: .65em
}

.tourdex_event__list_badge_circle_text3 {
    font-weight: bold
}

.tourdex_event__list_bullets_content {
    padding: 1em 0
}

.tourdex_event__list_bullets_content li {
    font-size: 16px;
    font-weight: 400 !important;
    text-align: left
}

.tourdex_event__list_headline {
    margin-bottom: .5em;
    text-align: left
}

.tourdex_event__sponsor {
    background-color: #f5f5f5
}

.tourdex_event__sponsor_content {
    padding: 3em 0;
    max-width: 90%;
    margin: 0 auto
}

.tourdex_event__sponsor_text {
    color: #181d1e;
    text-align: center;
    font-size: 1.2em;
    font-weight: 400;
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center bottom;
    height: 90px;
    display: block;
    background-image: url("https://www.fitx.de/img/block/shared/trainingareas_overlay/technogym_logo.png")
}

.tourdex_event__sponsor_text:hover {
    color: #181d1e
}

@media(min-width: 768px) {
    .tourdex_event__container {
        padding:2em 0 7em;
        width: 95% !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: left
    }

    .tourdex_event__headline {
        text-align: left
    }

    .tourdex_event__list {
        max-width: 960px;
        margin-left: auto;
        margin-right: auto
    }

    .tourdex_event__list:after {
        content: "";
        display: table;
        clear: both
    }

    .tourdex_event__list>*:nth-child(2n+1) {
        width: calc(58.3333333333%);
        float: left;
        clear: left;
        padding-left: 0;
        margin-left: 0
    }

    .tourdex_event__list>*:nth-child(2n+2) {
        width: calc(41.6666666667%);
        float: left;
        clear: none;
        padding-right: 0;
        margin-right: 0
    }

    .tourdex_event__list>*:nth-child(2n+2) {
        left: calc(0px - ((0px + (58.3333333333%) + (41.6666666667%))) + (0px + (41.6666666667%)));
        position: relative
    }

    .tourdex_event__list>*:nth-child(2n+1) {
        left: calc(0px - ((0px + (58.3333333333%))) + (0px + (41.6666666667%) + (58.3333333333%)));
        position: relative
    }

    .tourdex_event__list_bullets_content li {
        font-size: 18px
    }

    .tourdex_event__list_badge_circle {
        margin: .5em 0 0 .5em
    }

    .tourdex_event__sponsor_content {
        padding: 1em 0;
        width: 90% !important;
        max-width: 420px !important;
        margin: 0 auto
    }

    .tourdex_event__sponsor_text {
        text-align: left;
        height: 40px;
        line-height: 40px;
        font-size: 1.2em;
        background-size: contain;
        background-position: right 0
    }
}

@media(min-width: 1024px) {
    .tourdex_event__container {
        width:90% !important;
        max-width: 720px !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: left
    }

    .tourdex_event__list {
        max-width: 960px;
        margin-left: auto;
        margin-right: auto
    }

    .tourdex_event__list:after {
        content: "";
        display: table;
        clear: both
    }

    .tourdex_event__list>*:nth-child(2n+1) {
        width: calc(66.6666666667%);
        float: left;
        clear: left;
        padding-left: 0;
        margin-left: 0
    }

    .tourdex_event__list>*:nth-child(2n+2) {
        width: calc(33.3333333333%);
        float: left;
        clear: none;
        padding-right: 0;
        margin-right: 0
    }

    .tourdex_event__list>*:nth-child(2n+2) {
        left: calc(0px - ((0px + (66.6666666667%) + (33.3333333333%))) + (0px + (33.3333333333%)));
        position: relative
    }

    .tourdex_event__list>*:nth-child(2n+1) {
        left: calc(0px - ((0px + (66.6666666667%))) + (0px + (33.3333333333%) + (66.6666666667%)));
        position: relative
    }
}

@media(min-width: 1800px) {
    .tourdex_event__container {
        width:90% !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: left
    }
}

.tourdex_hero__container {
    width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    margin-top: 73px;
    overflow: auto;
    background-color: #1c2223;
    padding: 2em 0 0;
    text-align: center;
    position: relative
}

.tourdex_hero__logo {
    background-position: 50%;
    border: 0;
    padding: 0;
    text-indent: -9000px;
    background-repeat: no-repeat;
    margin: 2em auto 0;
    display: block;
    height: 50px;
    width: 250px;
    background-image: url("https://www.fitx.de/img/block/shared/icon/courses/tour-de-x_white.svg")
}

.tourdex_hero__img_container {
    background-image: url("https://www.fitx.de/img/block/desktop/tourdex_hero/bg.jpg");
    background-repeat: repeat-x;
    background-position: 0;
    background-size: contain
}

.tourdex_hero__img {
    width: 85%
}

.tourdex_hero__headline {
    color: #fff;
    font-weight: 400;
    font-size: 1.7em;
    margin-bottom: 1em
}

.tourdex_hero__subline {
    color: #fff;
    font-weight: normal;
    font-size: 1.7em;
    margin-bottom: 2em
}

.tourdex_hero__badge {
    position: absolute;
    background-color: #fff;
    background-image: url("https://www.fitx.de/img/block/shared/icon/fitx_gibt_zurueck.svg");
    height: 100px;
    width: 100px;
    background-size: cover;
    text-indent: -9000px;
    top: 41%;
    right: 19%;
    border-radius: 100px;
    background-position: 0 2px
}

@media(min-width: 768px) {
    .tourdex_hero__logo {
        height:60px;
        width: 280px;
        margin: 2em auto 0
    }

    .tourdex_hero__headline {
        margin-bottom: 1em;
        line-height: initial
    }

    .tourdex_hero__img {
        width: 60%;
        max-width: 748px
    }

    .tourdex_hero__badge {
        height: 140px;
        width: 140px;
        top: 24%;
        right: 6%;
        background-position: 0 5px
    }
}

@media(min-width: 1024px) {
    .tourdex_hero__logo {
        height:80px;
        width: 350px;
        margin: 2em auto 0
    }

    .tourdex_hero__headline {
        margin-bottom: 1em;
        line-height: initial
    }

    .tourdex_hero__img {
        width: 50%
    }

    .tourdex_hero__badge {
        height: 180px;
        width: 180px;
        top: 24%;
        right: 11%
    }
}

@media(min-width: 1800px) {
    .tourdex_hero__logo {
        height:80px;
        width: 380px;
        margin: 2em auto 0
    }

    .tourdex_hero__img {
        width: 40%
    }

    .tourdex_hero__headline {
        color: #fff;
        font-size: 2.1em;
        margin-bottom: 1em
    }

    .tourdex_hero__subline {
        color: #fff;
        font-weight: normal;
        font-size: 2.3em;
        margin-bottom: 2em
    }

    .tourdex_hero__badge {
        height: 180px;
        width: 180px;
        top: 24%;
        right: 26%
    }
}

.training_brands {
    margin-top: 4em
}

.training_brands h3 {
    font-size: 16px;
    line-height: 19px;
    color: #444;
    font-weight: normal
}

.training_brands__logos {
    padding: 0;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.training_brands__logo {
    height: 26px;
    margin: 0 22px 0 0
}

.training_brands__logo img {
    height: 100%
}

.training_brands__logo--classx {
    height: 15px
}

@media(min-width: 1024px) {
    .training_brands h3 {
        font-size:18px;
        line-height: 21px
    }

    .training_brands__logos {
        padding: 0
    }

    .training_brands__logo {
        height: 31px;
        margin: 0 32px 0 0
    }

    .training_brands__logo--classx {
        height: 20px
    }
}

.trainingarea_exercise {
    background-color: #1c2223;
    position: relative;
    color: #fff;
    width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    padding: 4em 0 0
}

.trainingarea_exercise__container {
    width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.trainingarea_exercise .anchor {
    position: absolute;
    top: -73px
}

.trainingarea_exercise__content {
    margin-top: 2em
}

.trainingarea_exercise__text {
    color: #f5f5f5;
    margin-top: 2em
}

.trainingarea_exercise__kicker {
    text-transform: uppercase;
    margin: 0
}

.trainingarea_exercise__text_kicker {
    text-transform: uppercase
}

.trainingarea_exercise__headline {
    margin-bottom: 1em;
    color: #f5f5f5
}

.trainingarea_exercise__video {
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
    z-index: 1
}

.trainingarea_exercise__video .youtube_embed {
    width: 100%;
    padding-bottom: 100%
}

.trainingarea_exercise__execution {
    margin-top: 1em;
    color: #ccc;
    padding-bottom: 2em;
    border-bottom: 1px solid #444
}

@media(min-width: 768px) {
    .trainingarea_exercise__text {
        width:90%
    }
}

@media(min-width: 1024px) {
    .trainingarea_exercise {
        padding:7em 0 2em;
        width: 100%;
        max-width: 1920px;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .trainingarea_exercise__container {
        width: 100%;
        max-width: 1280px
    }

    .trainingarea_exercise__content {
        max-width: 960px;
        margin-left: auto;
        margin-right: auto;
        max-width: 100% !important
    }

    .trainingarea_exercise__content:after {
        content: "";
        display: table;
        clear: both
    }

    .trainingarea_exercise__content>*:nth-child(2n+1) {
        width: calc(50%);
        float: left;
        clear: left;
        margin-left: 0
    }

    .trainingarea_exercise__content>*:nth-child(2n+2) {
        width: calc(50%);
        float: left;
        clear: none;
        margin-right: 0
    }

    .trainingarea_exercise__video {
        width: 90%
    }

    .trainingarea_exercise__video .youtube_embed {
        width: 100%;
        padding-bottom: 100%
    }

    .trainingarea_exercise__text {
        margin: 0;
        padding: 0 0 0 3em
    }

    .trainingarea_exercise__execution {
        width: 80%
    }
}

.trainingarea_goals {
    background-color: #181d1e;
    padding: 4em 0
}

.trainingarea_goals__container {
    width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.trainingarea_goals__item {
    padding-bottom: 2em;
    border-bottom: 1px solid #444;
    margin-bottom: 2em
}

.trainingarea_goals__item:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0
}

.trainingarea_goals__item_headline {
    margin-bottom: 0;
    color: #fff;
    font-weight: normal
}

.trainingarea_goals__item_text {
    color: #ccc;
    font-size: 1.1em;
    font-weight: 300
}

@media(min-width: 1024px) {
    .trainingarea_goals {
        padding:7em 0;
        max-width: 1920px;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .trainingarea_goals__container {
        width: 100%;
        max-width: 100% !important;
        max-width: 960px;
        margin-left: auto;
        margin-right: auto
    }

    .trainingarea_goals__container:after {
        content: "";
        display: table;
        clear: both
    }

    .trainingarea_goals__container>*:nth-child(3n+1) {
        width: calc(33.3333333333%);
        float: left;
        clear: left;
        margin-left: 0
    }

    .trainingarea_goals__container>*:nth-child(3n+2) {
        width: calc(33.3333333333%);
        float: left;
        clear: none
    }

    .trainingarea_goals__container>*:nth-child(3n+3) {
        width: calc(33.3333333333%);
        float: left;
        clear: none;
        margin-right: 0
    }

    .trainingarea_goals__item {
        color: #f5f5f5;
        margin-bottom: 0;
        padding-bottom: 0;
        border: none
    }
}

.trainingarea_hero {
    margin-top: 133px;
    background-size: 0
}

.trainingarea_hero__background {
    position: relative
}

.trainingarea_hero__background_img {
    width: 100%;
    padding-bottom: 70%;
    background-size: cover
}

.trainingarea_hero__kicker {
    position: relative;
    color: #717171;
    text-transform: uppercase;
    font-size: 14px
}

.trainingarea_hero__headline {
    font-size: 32px;
    line-height: 36px
}

.trainingarea_hero__background_kicker {
    text-transform: uppercase
}

.trainingarea_hero__content {
    padding: 2.5em 5% 2em 5%;
    overflow: hidden;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin-top: -10px;
    background-color: #fff;
    position: relative
}

.trainingarea_hero__text {
    margin: 0 0 1em 0;
    color: #444
}

.trainingarea_hero__cta {
    display: none
}

.trainingarea_hero__ctas {
    margin-top: 2em
}

.trainingarea_hero__ctas .cta_group {
    max-width: initial !important
}

@media(min-width: 768px) {
    .trainingarea_hero__cta .cta {
        min-width:295px
    }
}

@media(min-width: 1024px) {
    .trainingarea_hero {
        background:#fff !important;
        max-width: 1280px;
        margin: 143px auto 0 auto
    }

    .trainingarea_hero>div {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column-reverse;
        -moz-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        margin-bottom: 10em
    }

    .trainingarea_hero__content {
        padding: 9em 0;
        text-align: center;
        max-width: 850px;
        margin: 0 auto
    }

    .trainingarea_hero__kicker {
        font-size: 18px
    }

    .trainingarea_hero__headline {
        font-size: 72px;
        line-height: 101px
    }

    .trainingarea_hero__cta {
        display: block;
        margin-top: 3em
    }

    .trainingarea_hero__background_img {
        padding-bottom: 55%;
        border-radius: 10px
    }
}

.trainingarea_info__content {
    padding-top: 4em
}

.trainingarea_info__image {
    background-size: cover;
    background-position: center 0;
    height: 250px
}

.trainingarea_info__content {
    width: 90%;
    margin: 0 auto
}

.trainingarea_info__headline {
    font-size: 24px;
    line-height: 36px;
    margin-bottom: .8em
}

.trainingarea_info__text p,.trainingarea_info__text h3,.trainingarea_info__text ul {
    color: #444
}

.trainingarea_info__text p {
    font-size: 16px;
    line-height: 26px
}

.trainingarea_info__text h3 {
    font-weight: 400
}

.trainingarea_info__text ul {
    margin: 2em 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 46px
}

.trainingarea_info__text li {
    background-image: url("https://www.fitx.de/img/block/shared/trainingarea_info/check.svg");
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 2.6em;
    background-size: 24px
}

@media(min-width: 1024px) {
    .trainingarea_info {
        display:-ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row-reverse;
        -moz-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: space-between;
        padding-bottom: 7em;
        width: 95%;
        max-width: 1280px;
        margin: 0 auto
    }

    .trainingarea_info__headline {
        font-size: 36px;
        line-height: 41px
    }

    .trainingarea_info__image,.trainingarea_info__content {
        width: 47%;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .trainingarea_info__content {
        padding-top: 0;
        margin: 0
    }

    .trainingarea_info__image {
        border-radius: 10px;
        height: 670px
    }

    .trainingarea_info__text p {
        font-size: 18px;
        line-height: 28px
    }
}

body[data-controller=trainingareas] {
    background-color: #fff
}

.trainingareas_hero {
    padding: 4em 0;
    color: #181d1e;
    width: 90%;
    max-width: 1280px;
    margin: 133px auto 0 auto
}

.trainingareas_hero__headline {
    font-size: 32px;
    line-height: 38px
}

.trainingareas_hero__text {
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    color: #444
}

.trainingareas_hero__cta {
    display: none
}

@media(min-width: 1024px) {
    .trainingareas_hero {
        text-align:center;
        padding: 7em 0 10em;
        margin: 143px auto 0 auto;
        max-width: 860px
    }

    .trainingareas_hero__headline {
        font-size: 72px;
        line-height: 72px
    }

    .trainingareas_hero__text {
        font-size: 22px;
        line-height: 36px;
        margin: 2em 0
    }

    .trainingareas_hero__cta {
        display: block
    }
}

.trainingareas_list {
    width: 90%;
    max-width: 1280px;
    margin: 0 auto;
    padding-bottom: 17%
}

.trainingareas_list__entry {
    font-size: 18px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    padding: .5em 0;
    position: relative;
    border-bottom: 1px solid #ddd
}

.trainingareas_list__entry--desktoponly {
    display: none
}

.trainingareas_list__entry:nth-last-child(2) {
    border-bottom: none
}

.trainingareas_list__entry:after {
    display: block;
    position: absolute;
    right: .5em;
    top: 50%;
    font-weight: 400;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #ed6a12;
    content: "›";
    font-size: 1.8em
}

.trainingareas_list__title {
    color: #444
}

.trainingareas_list__image {
    background-size: cover;
    background-position: center;
    width: 54px;
    height: 54px;
    border-radius: 6px;
    display: block;
    margin-right: 1.5em
}

.trainingareas_list__arrow {
    display: none
}

@media(min-width: 1024px) {
    .trainingareas_list {
        display:-ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        -webkit-column-gap: 2.5%;
        -moz-column-gap: 2.5%;
        column-gap: 2.5%;
        grid-column-gap: 2.5%;
        -webkit-row-gap: 2.5%;
        -moz-row-gap: 2.5%;
        row-gap: 2.5%;
        grid-row-gap: 2.5%;
        padding-bottom: 10%
    }

    .trainingareas_list__entry {
        position: relative;
        box-shadow: 1px 1px 4px rgba(0,0,0,.1);
        overflow: hidden;
        border-radius: 6px;
        padding: 0
    }

    .trainingareas_list__entry--desktoponly {
        display: block
    }

    .trainingareas_list__entry:after {
        display: none
    }

    .trainingareas_list__image {
        width: 100%;
        margin-right: 0;
        height: auto;
        padding-top: 100%;
        border-radius: 10px;
        border: none
    }

    .trainingareas_list__title {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 100%;
        font-size: 48px;
        font-weight: 700;
        color: #fff;
        text-align: center
    }

    .trainingareas_list__arrow {
        display: block;
        background-color: #fff;
        width: 55px;
        height: 55px;
        position: absolute;
        bottom: 6%;
        left: 6%;
        border-radius: 30px;
        background-image: url("https://www.fitx.de/img/block/shared/trainingareas_list/arrow_large.svg");
        background-repeat: no-repeat;
        background-position: center
    }
}

.trainingareas_overlay {
    color: #181d1e
}

.trainingareas_overlay__headline {
    display: block;
    font-size: 3em;
    line-height: 1em;
    margin: 1em 0;
    padding: 0 5%;
    color: #222;
    font-weight: normal
}

.trainingareas_overlay__images {
    width: 90%;
    margin: 0 auto
}

.trainingareas_overlay__text {
    padding: 0 5%;
    color: #444
}

.trainingareas_overlay__logos {
    padding: 0 5%;
    max-width: initial;
    margin-left: auto;
    margin-right: auto
}

.trainingareas_overlay__logos:after {
    content: "";
    display: table;
    clear: both
}

.trainingareas_overlay__logos>*:nth-child(2n+1) {
    width: calc(50% - 1em - 1em + 0.5em + 0.5em);
    float: left;
    margin: 1em;
    clear: left;
    margin-left: 0
}

.trainingareas_overlay__logos>*:nth-child(2n+2) {
    width: calc(50% - 1em - 1em + 0.5em + 0.5em);
    float: left;
    margin: 1em;
    clear: none;
    margin-right: 0
}

.trainingareas_overlay__info {
    padding: 3em 0;
    background-color: #f4f2ef
}

.trainingareas_overlay__logo {
    height: 76px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin: 3em 0
}

.trainingareas_overlay__logo--hammerstrength {
    background-image: url("https://www.fitx.de/img/block/shared/trainingareas_overlay/hammer_strength_logo_dark.png")
}

.trainingareas_overlay__logo--technogym {
    background-image: url("https://www.fitx.de/img/block/shared/trainingareas_overlay/technogym_logo.png")
}

@media(min-width: 1024px) {
    .trainingareas_overlay__headline {
        font-size:36px;
        padding: 0
    }

    .trainingareas_overlay__headline--small {
        font-size: 36px
    }

    .trainingareas_overlay__images {
        width: 100%
    }

    .trainingareas_overlay__images:after {
        content: "";
        display: table;
        clear: both
    }

    .trainingareas_overlay__image {
        width: 31%;
        margin-right: 3.5%;
        float: left;
        margin-bottom: 6em
    }

    .trainingareas_overlay__image:nth-child(3),.trainingareas_overlay__image:last-child {
        margin-right: 0
    }

    .trainingareas_overlay__image--featured {
        width: 100%;
        margin-right: 0
    }

    .trainingareas_overlay__info_container {
        max-width: 1280px;
        margin-left: auto;
        margin-right: auto;
        padding: 6em 0
    }

    .trainingareas_overlay__info_container:after {
        content: "";
        display: table;
        clear: both
    }

    .trainingareas_overlay__info_container>*:nth-child(2n+1) {
        width: calc(45.4545454545%);
        float: left;
        clear: left;
        margin-left: 0
    }

    .trainingareas_overlay__info_container>*:nth-child(2n+2) {
        width: calc(54.5454545455%);
        float: left;
        clear: none;
        margin-right: 0
    }

    .trainingareas_overlay__info_container>*:nth-child(2n+2) {
        left: calc(0px - ((0px + (45.4545454545%) + (54.5454545455%))) + (0px + (54.5454545455%)));
        position: relative
    }

    .trainingareas_overlay__info_container>*:nth-child(2n+1) {
        left: calc(0px - ((0px + (45.4545454545%))) + (0px + (54.5454545455%) + (45.4545454545%)));
        position: relative
    }

    .trainingareas_overlay__logos {
        padding: 0;
        margin-top: 6em
    }

    .trainingareas_overlay__info_content {
        padding: 0 4em
    }

    .trainingareas_overlay__text {
        padding: 0
    }
}

@media(max-width: 320px) {
    .trainingareas_overlay__headline {
        font-size:2em
    }
}

.trainingareas_subnavigation {
    position: fixed;
    top: 73px;
    width: 100%;
    z-index: 10;
    border-bottom: 1px solid #ddd
}

.trainingareas_subnavigation--open {
    height: calc(100vh - 73px);
    background-color: rgba(0,0,0,.3)
}

.trainingareas_subnavigation__wrap {
    background-color: #fff
}

.trainingareas_subnavigation__nav {
    height: 60px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    padding: 0 5%
}

.trainingareas_subnavigation__headline {
    cursor: pointer;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
    background-image: url("https://www.fitx.de/img/block/shared/trainingareas_subnavigation/arrow_down.svg");
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 1.2em
}

.trainingareas_subnavigation__headline--open {
    background-image: url("https://www.fitx.de/img/block/shared/trainingareas_subnavigation/arrow_up.svg")
}

.trainingareas_subnavigation__cta {
    display: block;
    font-size: 14px;
    background-color: #ed6a12;
    padding: .5em 1.6em;
    border-radius: 20px;
    color: #fff
}

.trainingareas_subnavigation__cta:hover,.trainingareas_subnavigation__cta:active,.trainingareas_subnavigation__cta:visited {
    color: #fff
}

.trainingareas_subnavigation__items {
    display: none;
    padding: 1em 0;
    width: 90%;
    margin: 0 auto
}

.trainingareas_subnavigation__items--open {
    display: block
}

.trainingareas_subnavigation a.trainingareas_subnavigation__item {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    font-size: 18px;
    border-bottom: 1px solid #ddd;
    padding: .5em 0;
    position: relative;
    color: #181d1e
}

.trainingareas_subnavigation a.trainingareas_subnavigation__item:last-child {
    border-bottom: none
}

.trainingareas_subnavigation a.trainingareas_subnavigation__item:after {
    display: block;
    position: absolute;
    right: .5em;
    top: 50%;
    font-weight: 400;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #ed6a12;
    content: "›";
    font-size: 1.8em
}

.trainingareas_subnavigation a.trainingareas_subnavigation__item:hover,.trainingareas_subnavigation a.trainingareas_subnavigation__item:active,.trainingareas_subnavigation a.trainingareas_subnavigation__item:visited {
    color: #181d1e
}

.trainingareas_subnavigation a.trainingareas_subnavigation__item--current {
    color: #717171
}

.trainingareas_subnavigation a.trainingareas_subnavigation__item--current:hover,.trainingareas_subnavigation a.trainingareas_subnavigation__item--current:active,.trainingareas_subnavigation a.trainingareas_subnavigation__item--current:visited {
    color: #717171
}

.trainingareas_subnavigation__img {
    width: 54px;
    height: 54px;
    border-radius: 6px;
    display: block;
    margin-right: 1.5em
}

@media(min-width: 1024px) {
    .trainingareas_subnavigation {
        border-bottom:none;
        background-color: #fff
    }

    .trainingareas_subnavigation__wrap {
        width: 90%;
        max-width: 1280px;
        margin: 0 auto;
        border-bottom: 1px solid #ddd
    }

    .trainingareas_subnavigation--open {
        height: auto;
        border-bottom: none
    }

    .trainingareas_subnavigation__cta {
        display: none
    }

    .trainingareas_subnavigation__headline {
        font-size: 24px
    }

    .trainingareas_subnavigation__headline,.trainingareas_subnavigation__headline--open {
        background-image: none
    }

    .trainingareas_subnavigation__wrap {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex
    }

    .trainingareas_subnavigation__nav {
        padding: 0;
        height: 70px;
        -webkit-justify-content: initial;
        -moz-justify-content: initial;
        -ms-justify-content: initial;
        justify-content: initial;
        -ms-flex-pack: initial
    }

    .trainingareas_subnavigation__items {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: flex-end;
        -moz-justify-content: flex-end;
        -ms-justify-content: flex-end;
        justify-content: flex-end;
        -ms-flex-pack: flex-end;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
        padding: 0;
        margin: 0
    }

    .trainingareas_subnavigation__items--open {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex
    }

    .trainingareas_subnavigation a.trainingareas_subnavigation__item {
        padding: 0;
        border-bottom: none;
        margin-left: 1.5em;
        color: #444
    }

    .trainingareas_subnavigation a.trainingareas_subnavigation__item:hover,.trainingareas_subnavigation a.trainingareas_subnavigation__item:active,.trainingareas_subnavigation a.trainingareas_subnavigation__item:visited {
        color: #444
    }

    .trainingareas_subnavigation a.trainingareas_subnavigation__item--current {
        background-color: #1c2223;
        border-radius: 6px;
        color: #fff !important;
        padding: 0 .5em
    }

    .trainingareas_subnavigation a.trainingareas_subnavigation__item--current:hover,.trainingareas_subnavigation a.trainingareas_subnavigation__item--current:active,.trainingareas_subnavigation a.trainingareas_subnavigation__item--current:visited {
        color: #fff
    }

    .trainingareas_subnavigation a.trainingareas_subnavigation__item:after {
        display: none
    }

    .trainingareas_subnavigation__img {
        display: none
    }
}

.trainingareas_workouts {
    background-color: #fff;
    padding: 4em 0;
    position: relative
}

.trainingareas_workouts__container {
    width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden
}

.trainingareas_workouts__text {
    padding: 0 5% 1em
}

.trainingareas_workouts__text h2 {
    margin-bottom: .5em
}

.trainingareas_workouts__content_wrap {
    overflow-x: scroll;
    overflow-y: hidden;
    padding-bottom: 1em;
    -webkit-overflow-scrolling: touch
}

.trainingareas_workouts__content_wrap::-webkit-scrollbar,.trainingareas_workouts__content_wrap::-webkit-scrollbar-track,.trainingareas_workouts__content_wrap::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,0)
}

.trainingareas_workouts__slider {
    white-space: nowrap
}

.trainingareas_workouts__item {
    position: relative;
    color: #fff;
    background-color: #717171;
    display: inline-block;
    width: 60vw;
    height: 65vw;
    margin-left: 2.5%;
    text-align: left;
    white-space: normal;
    background-size: cover;
    border-radius: 3px
}

.trainingareas_workouts__item:first-child {
    margin-left: 5%
}

.trainingareas_workouts__item:last-child {
    margin-right: 5%
}

.trainingareas_workouts__item_text {
    color: #fff;
    position: absolute;
    left: 1em;
    bottom: 1em;
    font-size: 1.4em;
    font-weight: 700;
    line-height: 1.2em;
    padding-right: 1em
}

@media(min-width: 768px) {
    .trainingareas_workouts__item {
        width:40vw;
        height: 45vw
    }

    .trainingareas_workouts__item_text {
        font-size: 1.6em;
        font-weight: 700;
        line-height: 1.2em
    }
}

@media(min-width: 1024px) {
    .trainingareas_workouts {
        padding:7em 0;
        max-width: 1920px;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .trainingareas_workouts__container {
        width: 100%;
        max-width: 960px;
        margin-left: auto;
        margin-right: auto;
        max-width: 1920px;
        min-height: 32vw
    }

    .trainingareas_workouts__container:after {
        content: "";
        display: table;
        clear: both
    }

    .trainingareas_workouts__container>*:nth-child(2n+1) {
        width: calc(50%);
        float: left;
        clear: left;
        padding-left: 0;
        margin-left: 0
    }

    .trainingareas_workouts__container>*:nth-child(2n+2) {
        width: calc(50%);
        float: left;
        clear: none;
        padding-right: 0;
        margin-right: 0
    }

    .trainingareas_workouts__text {
        padding: 0;
        position: relative;
        min-height: 30vw
    }

    .trainingareas_workouts__text_content {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        padding: 0;
        width: 70%
    }

    .trainingareas_workouts__content_wrap {
        position: absolute;
        overflow: hidden;
        height: 32vw
    }

    .trainingareas_workouts__slider {
        position: absolute;
        transition: transform .6s;
        height: 32vw
    }

    .trainingareas_workouts__item {
        width: 30vw;
        height: 32vw;
        border-radius: 5px;
        margin-left: 1em
    }

    .trainingareas_workouts__item:first-child {
        margin-left: 0
    }

    .trainingareas_workouts__item:last-child {
        margin-right: 0
    }

    .trainingareas_workouts__item_text {
        font-size: 2em
    }

    .trainingareas_workouts__button {
        display: block;
        opacity: 1;
        transition: opacity .2s;
        position: absolute;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        padding: 2em;
        background-color: #fff;
        border-radius: 50%;
        cursor: pointer
    }

    .trainingareas_workouts__button--left {
        left: calc(50% - 2em)
    }

    .trainingareas_workouts__button--right {
        right: 7%
    }

    .trainingareas_workouts__button--hidden {
        display: none
    }

    .trainingareas_workouts__arrow {
        width: .6em;
        height: .6em;
        border-bottom: 2px solid #181d1e;
        border-right: 2px solid #181d1e
    }

    .trainingareas_workouts__arrow--left {
        transform: rotateZ(135deg)
    }

    .trainingareas_workouts__arrow--right {
        transform: rotateZ(-45deg)
    }
}

@media(min-width: 1800px) {
    .trainingareas_workouts__container,.trainingareas_workouts__text {
        min-height:22vw
    }

    .trainingareas_workouts__content_wrap {
        height: 22vw
    }

    .trainingareas_workouts__slider {
        height: 22vw
    }

    .trainingareas_workouts__item {
        width: 20vw;
        height: 22vw
    }
}

@media screen and (min-width: 1921px) {
    .trainingareas_workouts__container,.trainingareas_workouts__text {
        min-height:17vw
    }

    .trainingareas_workouts__content_wrap {
        height: 17vw
    }

    .trainingareas_workouts__slider {
        height: 17vw
    }

    .trainingareas_workouts__item {
        width: 15vw;
        height: 17vw
    }
}

.trialworkout_feedback_survey {
    float: none;
    margin-right: auto;
    margin-left: auto;
    margin-top: 73px;
    margin-bottom: 73px;
    color: #f5f5f5;
    height: calc(100vh - 73px);
    text-align: center
}

.trialworkout_feedback_survey__valign {
    max-width: 95%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 15%
}

.trialworkout_feedback_survey__text {
    margin-bottom: 30px
}

.trialworkout_feedback_survey__text .subtitel {
    margin-bottom: 30px
}

.trialworkout_feedback_survey__text p {
    margin: 0
}

.trialworkout_feedback_survey__image {
    float: none;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    padding-top: 50%;
    margin-bottom: 6em;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom
}

.trialworkout_feedback_survey__image--success {
    background-image: url("https://www.fitx.de/img/block/shared/email_verification_result/llama.svg")
}

@media(min-width: 768px) {
    .trialworkout_feedback_survey__image {
        width:50%;
        padding-top: 35%
    }
}

@media(min-width: 1024px) {
    .trialworkout_feedback_survey__image {
        width:50%;
        padding-top: 15%
    }
}

.no-webp .trialworkout_hero {
    background-image: url("https://www.fitx.de/img/block/mobile/trialworkout_hero/bg.jpg")
}

.webp .trialworkout_hero {
    background-image: url("https://www.fitx.de/img/block/mobile/trialworkout_hero/bg.webp")
}

.trialworkout_hero {
    max-width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    height: 382px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right top;
    color: #fff
}

.trialworkout_hero__valign {
    display: none
}

.trialworkout_hero__headline {
    font-size: 36px;
    line-height: 40px
}

@media(min-width: 768px) {
    .no-webp .trialworkout_hero {
        background-image:url("https://www.fitx.de/img/block/desktop/trialworkout_hero/bg.jpg")
    }

    .webp .trialworkout_hero {
        background-image: url("https://www.fitx.de/img/block/desktop/trialworkout_hero/bg.webp")
    }

    .trialworkout_hero {
        height: calc(400px + 73px);
        background-size: cover;
        background-position: right top;
        width: 100% !important;
        max-width: 1920px !important;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .trialworkout_hero__valign {
        width: 90%;
        float: none;
        margin-right: auto;
        margin-left: auto;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
        -webkit-align-items: flex-start;
        -moz-align-items: flex-start;
        -ms-align-items: flex-start;
        align-items: flex-start;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center
    }

    .trialworkout_hero__kicker {
        margin-bottom: 0;
        font-weight: normal
    }
}

@media(min-width: 1024px) {
    body.newnav .trialworkout_hero__notice,body.newnav2 .trialworkout_hero__notice {
        top:73px !important
    }

    .trialworkout_hero {
        background-size: cover;
        height: calc(300px + 73px)
    }

    .trialworkout_hero__valign {
        width: 90% !important;
        max-width: 1280px !important
    }

    .trialworkout_hero__headline {
        font-size: 48px;
        line-height: initial
    }
}

@media(min-width: 1280px) {
    .trialworkout_hero {
        height:calc(380px + 73px)
    }
}

@media(min-width: 1800px) {
    .trialworkout_hero {
        height:calc(640px + 73px)
    }
}

.trialworkout_info {
    background-color: #fff;
    padding: 4em 0;
    position: relative;
    width: 100% !important;
    max-width: 1920px !important;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.trialworkout_info__offers {
    display: none
}

.trialworkout_info__container {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.trialworkout_info__offers_content {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 3em;
    margin-bottom: 3em
}

.trialworkout_info__offers_content li {
    background-image: url("https://www.fitx.de/img/block/shared/icon/check_large_new.svg");
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: left center;
    padding-left: 40px;
    font-size: 16px;
    color: #181d1e
}

.trialworkout_info__info {
    width: 100% !important;
    max-width: 100% !important
}

.trialworkout_info__kicker {
    margin-bottom: 0;
    font-weight: normal;
    color: #181d1e
}

.trialworkout_info__headline {
    border: 0;
    padding: 0;
    margin: 0;
    display: block;
    text-align: left;
    margin-bottom: .5em;
    color: #181d1e;
    font-weight: 600;
    font-size: 36px;
    line-height: 40px
}

.trialworkout_info__search {
    background-color: #fff;
    border-radius: 10px;
    padding: 25px 22px 20px;
    -webkit-box-shadow: 0px 5px 22px -16px rgba(0,0,0,.5);
    -moz-box-shadow: 0px 5px 22px -16px rgba(0,0,0,.5);
    box-shadow: 0px 5px 22px -16px rgba(0,0,0,.5);
    margin-top: -100px;
    position: relative;
    width: 100%;
    border: 1px solid #e5e5e5;
    margin-bottom: 4em;
    max-width: 395px
}

.trialworkout_info__search h3 {
    font-size: 22px;
    font-weight: normal;
    color: #181d1e;
    margin-bottom: 1.5em;
    line-height: 31px
}

.trialworkout_info__modal_cta {
    cursor: pointer;
    text-align: center;
    margin: 20px 0;
    color: #181d1e;
    text-decoration: underline;
    font-size: 16px;
    display: block
}

.trialworkout_info__modal_cta--hidden {
    display: none
}

.trialworkout_info__process h3,.trialworkout_info__requirements h3,.trialworkout_info__modal_text h3 {
    font-size: 18px;
    font-weight: normal;
    color: #181d1e;
    margin-bottom: 1.5em;
    line-height: 28px
}

.trialworkout_info__process {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 3em;
    margin-bottom: 3em
}

.trialworkout_info__process_list {
    width: 90%;
    margin: 0
}

.trialworkout_info__process_list li {
    margin-bottom: 3em;
    background-repeat: no-repeat;
    padding-left: 70px;
    background-position: 0 5px
}

.trialworkout_info__process_list li:last-child {
    margin-bottom: 0
}

.trialworkout_info__process_list h4 {
    font-size: 16px;
    line-height: 19px;
    color: #181d1e
}

.trialworkout_info__process_list p {
    font-size: 14px;
    color: #717171;
    margin: 0;
    line-height: 22px
}

.trialworkout_info__requirements_list {
    width: 90%;
    margin: 0
}

.trialworkout_info__requirements_list li {
    font-size: 16px;
    line-height: 27px;
    color: #181d1e;
    background-image: url("https://www.fitx.de/img/block/shared/icon/check_list_grey.svg");
    background-repeat: no-repeat;
    background-size: 27px;
    margin-bottom: 30px;
    padding-left: 50px
}

.trialworkout_info__modal {
    background-color: rgba(72,72,72,.5);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 10000;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease
}

.trialworkout_info__modal--hidden {
    right: -100%;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease
}

.trialworkout_info__modal_content {
    background-color: #fff;
    width: 100%;
    height: 100%;
    overflow: auto
}

.trialworkout_info__modal_content::-webkit-scrollbar {
    width: 5px;
    height: 8px;
    background-color: #fff
}

.trialworkout_info__modal_content::-webkit-scrollbar-thumb {
    background: #ed6a12
}

.trialworkout_info__modal_close {
    background-image: url("https://www.fitx.de/img/block/shared/icon/icon-arrow-left.svg");
    background-repeat: no-repeat;
    background-size: 33px;
    position: relative;
    left: 5%;
    top: 26px;
    width: 33px;
    height: 33px;
    text-indent: -9000px;
    cursor: pointer
}

.trialworkout_info__modal_text {
    padding: 4em 2em 3em
}

.trialworkout_info__modal_list {
    width: 90%;
    margin: 0
}

.trialworkout_info__modal_list li {
    margin-bottom: 3em;
    background-repeat: no-repeat;
    padding-left: 50px;
    background-position: 0 5px
}

.trialworkout_info__modal_list h4 {
    font-size: 16px;
    line-height: 19px;
    color: #181d1e
}

.trialworkout_info__modal_list p {
    font-size: 14px;
    color: #717171;
    margin: 0;
    line-height: 22px
}

.trialworkout_info__modal_info {
    font-size: 16px;
    font-weight: normal;
    background-image: url("https://www.fitx.de/img/block/shared/icon/alert_orange.svg");
    background-repeat: no-repeat;
    padding-left: 30px;
    background-size: 22px;
    line-height: 22px
}

@media(min-width: 768px) {
    .trialworkout_info {
        padding:0 0 7em;
        z-index: 1
    }

    .trialworkout_info__offers {
        display: block;
        position: -webkit-sticky;
        position: sticky;
        z-index: 10000;
        top: 73px;
        background-color: #fff;
        height: 78px;
        border-bottom: 1px solid #e5e5e5
    }

    .trialworkout_info__offers_content {
        width: 95% !important;
        max-width: 1280px !important;
        margin: 0 auto;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: space-around;
        -moz-justify-content: space-around;
        -ms-justify-content: space-around;
        justify-content: space-around;
        -ms-flex-pack: space-around;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
        height: 100%;
        border-bottom: 0;
        padding-bottom: 0
    }

    .trialworkout_info__offers_content li {
        background-image: url("https://www.fitx.de/img/block/shared/icon/check_large_new.svg");
        background-repeat: no-repeat;
        background-size: 20px;
        background-position: left center;
        padding-left: 40px;
        font-size: 18px;
        color: #181d1e
    }

    .trialworkout_info__container {
        width: 95% !important;
        max-width: 1280px !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: left;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row-reverse;
        -moz-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: space-between
    }

    .trialworkout_info__info {
        display: none
    }

    .trialworkout_info__search {
        margin: -30px 0 0 0;
        width: 95%
    }

    .trialworkout_info__column {
        width: 60%;
        padding: 80px 0 0
    }

    .trialworkout_info__column--sticky {
        width: 40%;
        position: -webkit-sticky;
        position: sticky;
        display: block;
        top: calc(73px + 78px);
        -webkit-align-self: flex-start;
        -moz-align-self: flex-start;
        -ms-align-self: flex-start;
        align-self: flex-start;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: flex-end;
        -moz-justify-content: flex-end;
        -ms-justify-content: flex-end;
        justify-content: flex-end;
        -ms-flex-pack: flex-end
    }
}

@media screen and (min-width: 768px)and (max-height: 800px) {
    .trialworkout_info__column--sticky {
        position:relative;
        top: 0
    }
}

@media(min-width: 768px) {
    .trialworkout_info__process h3,.trialworkout_info__requirements h3,.trialworkout_info__modal_text h3 {
        font-size:24px;
        line-height: 28px
    }
}

@media(min-width: 768px) {
    .trialworkout_info__process {
        padding-bottom:4em;
        margin-bottom: 4em
    }

    .trialworkout_info__process_list h4 {
        font-size: 18px;
        line-height: 28px
    }

    .trialworkout_info__process_list p {
        font-size: 16px;
        line-height: 24px
    }
}

@media(min-width: 768px) {
    .trialworkout_info__requirements_list li {
        font-size:18px;
        line-height: 27px
    }
}

@media(min-width: 768px) {
    .trialworkout_info__modal {
        background-color:rgba(72,72,72,.5);
        position: fixed;
        width: 100%;
        height: 100%;
        display: block;
        top: 0;
        left: 0;
        z-index: 10000
    }

    .trialworkout_info__modal--hidden {
        display: none
    }

    .trialworkout_info__modal_content {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 960px;
        max-width: 90%;
        height: auto;
        max-height: 90%;
        background-color: #fff;
        border-radius: 10px;
        -webkit-box-shadow: 0px 5px 22px -16px rgba(0,0,0,.5);
        -moz-box-shadow: 0px 5px 22px -16px rgba(0,0,0,.5);
        box-shadow: 0px 5px 22px -16px rgba(0,0,0,.5)
    }

    .trialworkout_info__modal_close {
        background-image: url("https://www.fitx.de/img/block/shared/icon/close_darkgrey.svg");
        background-repeat: no-repeat;
        background-size: 23px;
        position: absolute;
        right: 26px;
        top: 26px;
        left: auto;
        width: 23px;
        height: 23px;
        text-indent: -9000px;
        cursor: pointer
    }

    .trialworkout_info__modal_text {
        padding: 6em 3em 3em
    }

    .trialworkout_info__modal_list {
        width: 100%;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: row wrap;
        -moz-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: space-between
    }

    .trialworkout_info__modal_list li {
        margin-bottom: 3em;
        background-repeat: no-repeat;
        padding-left: 70px;
        background-position: 0 5px;
        -webkit-flex-grow: 1;
        -moz-flex-grow: 1;
        -ms-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-flex-basis: 40%;
        -moz-flex-basis: 40%;
        -ms-flex-basis: 40%;
        -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
        margin-right: 1em
    }

    .trialworkout_info__modal_list li:nth-child(2n) {
        margin-left: 1em;
        margin-right: 0
    }

    .trialworkout_info__modal_list li:last-child {
        margin-bottom: 0
    }

    .trialworkout_info__modal_list h4 {
        font-size: 18px;
        line-height: 28px
    }

    .trialworkout_info__modal_list p {
        font-size: 16px;
        line-height: 24px
    }
}

@media(min-width: 1024px) {
    .trialworkout_info__container {
        width:90% !important;
        max-width: 1280px !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: left
    }
}

.trialworkout_newsletter_form {
    width: 100% !important;
    position: relative;
    background-color: #1c2223
}

.trialworkout_newsletter_form input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 50px #1c2223 inset;
    -webkit-text-fill-color: #fff
}

.trialworkout_newsletter_form__progress_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    transition: opacity .3s,background-color .3s,color .3s;
    background-color: #1c2223;
    opacity: 0;
    color: rgba(0,0,0,0)
}

.trialworkout_newsletter_form__progress_overlay--shown {
    opacity: 1;
    background-image: url(/img/block/shared/icon/loading.gif);
    background-repeat: no-repeat;
    background-position: 50% 30%
}

.trialworkout_newsletter_form__progress_overlay--success {
    background-color: #1c2223;
    background-image: none;
    color: #fff
}

.trialworkout_newsletter_form__form_element_text {
    overflow: hidden
}

.trialworkout_newsletter_form__progress_valign {
    margin-top: 2em
}

.trialworkout_newsletter_form__success_headline {
    font-size: 1.8em;
    line-height: 1.2;
    font-weight: bold;
    margin-bottom: 20px
}

.trialworkout_newsletter_form__success_text {
    font-size: 1.2em;
    font-weight: 300
}

.trialworkout_newsletter_form__name[type=text],.trialworkout_newsletter_form__email[type=email] {
    width: 100%;
    display: block;
    margin: 0 auto;
    padding: 0;
    font-weight: 400;
    background-color: rgba(0,0,0,0);
    border-bottom: 1px solid #525252;
    color: #fff;
    font-size: 1.2em
}

.trialworkout_newsletter_form__name[type=text]:focus,.trialworkout_newsletter_form__email[type=email]:focus {
    border-bottom: 1px solid #fff
}

.trialworkout_newsletter_form__name--error[type=text],.trialworkout_newsletter_form__email--error[type=email] {
    color: #e83623
}

.trialworkout_newsletter_form__submit[type=submit] {
    width: 100%;
    outline: none;
    margin-top: 1em;
    border-radius: 3px
}

.trialworkout_newsletter_form__message {
    padding: .4em 0;
    color: #e83623;
    font-weight: 400;
    font-size: 1.1em;
    height: 3em;
    line-height: 1.2em
}

@media(min-width: 768px) {
    .trialworkout_newsletter_form__submit[type=submit] {
        width:auto
    }
}

.trialworkout_newsletter {
    width: 100% !important;
    position: relative;
    background-color: #fff
}

.trialworkout_newsletter input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 50px #fff inset;
    -webkit-text-fill-color: #181d1e
}

.trialworkout_newsletter__progress_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    transition: opacity .3s,background-color .3s,color .3s;
    background-color: #fff;
    opacity: 0;
    color: rgba(0,0,0,0);
    z-index: 1
}

.trialworkout_newsletter__progress_overlay--shown {
    opacity: 1;
    background-image: url(/img/block/shared/icon/loading_dots.gif);
    background-repeat: no-repeat;
    background-position: 50% 30%
}

.trialworkout_newsletter__progress_overlay--success {
    background-color: #fff;
    background-image: none;
    color: #fff
}

.trialworkout_newsletter__form_element_text {
    overflow: hidden
}

.trialworkout_newsletter__progress_valign {
    margin-top: 2em
}

.trialworkout_newsletter__success_headline {
    font-size: 1.8em;
    line-height: 1.2;
    font-weight: bold;
    margin-bottom: 20px;
    color: #444
}

.trialworkout_newsletter__success_text {
    font-size: 1.2em;
    color: #444;
    font-weight: 300
}

.trialworkout_newsletter__name[type=text],.trialworkout_newsletter__email[type=email] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    display: block;
    margin: 0 auto;
    padding: 0;
    font-weight: 400;
    background-color: rgba(0,0,0,0);
    border: 1px solid #ddd;
    color: #181d1e;
    font-size: 1.2em;
    padding: 18px;
    height: 56px
}

.trialworkout_newsletter__name[type=text]:first-child,.trialworkout_newsletter__email[type=email]:first-child {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.trialworkout_newsletter__name[type=text]:nth-child(2),.trialworkout_newsletter__email[type=email]:nth-child(2) {
    border-top: 0;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

.trialworkout_newsletter__name[type=text]:focus,.trialworkout_newsletter__email[type=email]:focus {
    border: 1px solid #ddd
}

.trialworkout_newsletter__name[type=text]:nth-child(2):focus,.trialworkout_newsletter__email[type=email]:nth-child(2):focus {
    border-top: 0
}

.trialworkout_newsletter__name--error[type=text],.trialworkout_newsletter__email--error[type=email] {
    color: #e83623
}

.trialworkout_newsletter__submit[type=submit] {
    width: 100%;
    outline: none;
    margin-top: 1em
}

.trialworkout_newsletter__message {
    padding: .4em 0;
    color: #e83623;
    font-weight: 400;
    font-size: 1.1em;
    line-height: 1.2em
}

.trialworkout_newsletter__checkbox label {
    font-size: 16px;
    line-height: 20px;
    color: #444;
    margin-top: 1em
}

.trialworkout_newsletter__checkbox label:before {
    position: absolute;
    top: 0;
    left: 0;
    content: " ";
    display: inline-block;
    width: 30px;
    height: 26px;
    background-image: url(/img/block/shared/icon/checkbox.svg);
    background-position: bottom left;
    background-repeat: no-repeat
}

.trialworkout_newsletter__checkbox input:checked+label:before {
    background-image: url(/img/block/shared/icon/checkbox_checked.svg)
}

.trialworkout_offers {
    background-color: #f5f5f5;
    padding: 4em 0
}

.trialworkout_offers__container {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    text-align: center
}

.trialworkout_offers__headline {
    padding: 0;
    display: block;
    text-align: center
}

.trialworkout_offers__hardfacts {
    margin-top: 1em
}

@media(min-width: 768px) {
    .trialworkout_offers {
        padding:7em 0
    }

    .trialworkout_offers__container {
        width: 90% !important;
        max-width: 1280px !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: center
    }

    .trialworkout_offers__headline {
        text-align: center
    }

    .trialworkout_offers__hardfacts {
        margin-top: 1em
    }
}

@media(min-width: 1024px) {
    .trialworkout_offers__container {
        width:85% !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: center
    }
}

@media(min-width: 1280px) {
    .trialworkout_offers__container {
        width:66% !important
    }
}

.trialworkout_requirements {
    padding: 0;
    background-color: #f5f5f5
}

.trialworkout_requirements__container {
    max-width: 100%
}

.trialworkout_requirements__headline {
    border: 0;
    padding: 0;
    margin: 0 0 1em 0;
    display: block
}

.trialworkout_requirements__items {
    text-align: center
}

.trialworkout_requirements__item {
    margin: 2em 1em;
    padding: 2em;
    overflow: hidden;
    background-color: #fff
}

.trialworkout_requirements__item_register {
    display: block;
    margin-bottom: -10px;
    padding-bottom: 0;
    font-size: 15px
}

.trialworkout_requirements__item_register--hidden {
    display: none
}

.trialworkout_requirements__item_headline {
    display: block
}

.trialworkout_requirements__item_text {
    display: block;
    text-align: left;
    margin-bottom: 2em
}

.trialworkout_requirements__cta {
    margin: 1em 0
}

.trialworkout_requirements__cta a {
    margin: 0 auto;
    width: 100% !important
}

.trialworkout_requirements__cta .cta--disabled {
    width: 100% !important
}

.trialworkout_requirements__text {
    margin-top: 2em;
    font-weight: 400;
    padding: 0 1em
}

.trialworkout_requirements__restrictions {
    display: none;
    font-size: 1.1em;
    font-weight: 300
}

@media(min-width: 768px) {
    .trialworkout_requirements__container {
        max-width:100%;
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: center
    }

    .trialworkout_requirements__headline {
        text-align: center
    }

    .trialworkout_requirements__items {
        margin-top: 1em;
        width: 95% !important;
        max-width: 1280px !important;
        padding: 0;
        text-align: center;
        max-width: 960px;
        margin-left: auto;
        margin-right: auto
    }

    .trialworkout_requirements__items:after {
        content: "";
        display: table;
        clear: both
    }

    .trialworkout_requirements__items>*:nth-child(3n+1) {
        width: calc(33.3333333333% - 0.5em - 0.5em + 0.1666666667em + 0.1666666667em);
        float: left;
        margin: .5em;
        clear: left;
        margin-left: 0
    }

    .trialworkout_requirements__items>*:nth-child(3n+2) {
        width: calc(33.3333333333% - 0.5em - 0.5em + 0.1666666667em + 0.1666666667em);
        float: left;
        margin: .5em;
        clear: none
    }

    .trialworkout_requirements__items>*:nth-child(3n+3) {
        width: calc(33.3333333333% - 0.5em - 0.5em + 0.1666666667em + 0.1666666667em);
        float: left;
        margin: .5em;
        clear: none;
        margin-right: 0
    }

    .trialworkout_requirements__item {
        padding: 2em 2em;
        background-size: 25px
    }

    .trialworkout_requirements__faqtext {
        text-align: center;
        margin: 3em 0 3em
    }

    .trialworkout_requirements__illustration {
        display: none
    }

    .trialworkout_requirements__cta {
        margin: 1em 0 0
    }

    .trialworkout_requirements__cta .cta {
        margin: 1em auto 0;
        font-size: 12px;
        max-width: 280px
    }
}

@media(min-width: 1024px) {
    .trialworkout_requirements__container {
        width:95% !important;
        max-width: 1280px !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        text-align: center
    }

    .trialworkout_requirements__headline {
        width: 66% !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        font-size: 3em
    }

    .trialworkout_requirements__cta .cta {
        font-size: 15px
    }

    .trialworkout_requirements__item_headline {
        font-size: 18px
    }
}

@media(min-width: 1280px) {
    .trialworkout_requirements__container {
        width:85% !important
    }

    .trialworkout_requirements__item_headline {
        font-size: 20px
    }
}

@media(min-width: 1800px) {
    .trialworkout_requirements__item {
        padding:3em 4em;
        background-size: 25px
    }

    .trialworkout_requirements__item_headline {
        font-size: 22px
    }
}

.trialworkout_search__requirements--restricted .trialworkout_requirements__item_text_with_trainer,.trialworkout_search__requirements--restricted .trialworkout_requirements__item_register,.trialworkout_search__requirements--restricted .trialworkout_requirements__restrictions {
    display: block
}

.trialworkout_search__requirements--restricted .trialworkout_requirements__cta:not(:last-child) {
    margin-bottom: 2em
}

.trialworkout_search__requirements--restricted .trialworkout_requirements__item_register--hidden {
    display: none
}

.trialworkout_studio_item {
    width: 100%;
    background-color: #444;
    display: block;
    color: #fff;
    padding: 12px 16px;
    margin: 0 0 10px 0;
    cursor: pointer;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto
}

.trialworkout_studio_item:after {
    content: "";
    display: table;
    clear: both
}

.trialworkout_studio_item>*:nth-child(2n+1) {
    width: calc(75%);
    float: left;
    clear: left
}

.trialworkout_studio_item>*:nth-child(2n+2) {
    width: calc(25%);
    float: left;
    clear: none
}

.trialworkout_studio_item:hover {
    color: #1c2223;
    background-color: #f5f5f5
}

.trialworkout_studio_item--selected {
    color: #1c2223;
    background-color: #f5f5f5
}

.trialworkout_studio_item:visited {
    color: #fff
}

.trialworkout_studio_item:focus {
    color: #444;
    background-color: #f5f5f5
}

.trialworkout_studio_item--disabled {
    color: #999;
    background-color: #1c2223;
    cursor: default
}

.trialworkout_studio_item--disabled:focus {
    color: #999;
    background-color: #1c2223
}

.trialworkout_studio_item--disabled:hover {
    color: #999;
    background-color: #1c2223
}

.trialworkout_studio_item_name {
    margin-bottom: 0
}

.trialworkout_studio_item_address {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #717171
}

.trialworkout_studio_item_address--disabled {
    color: #999
}

.trialworkout_studio_item_openingtext {
    color: #00ae90;
    margin: 0
}

.trialworkout_studio_item_appointments {
    text-align: right
}

.trialworkout_studio_item_appointments_count {
    margin-bottom: 0;
    font-weight: 700
}

body[data-controller=trialworkout][data-action=index],body[data-controller=trialworkout][data-action=error] {
    background: #fff !important
}

body[data-action=client] {
    background: #fff !important;
    overflow-y: scroll
}

.trialworkout {
    width: 100%;
    margin: 6em auto 0;
    max-width: 1280px;
    padding: 1em 0 4em
}

.trialworkout .legalOverlayContent h2 {
    font-size: 22px;
    font-weight: normal;
    margin-bottom: 1em;
    line-height: 1.4
}

.trialworkout .legalOverlayContent h3 {
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 1em;
    line-height: 1.4
}

.trialworkout .legalOverlayContent ul {
    margin-bottom: 2em
}

.trialworkout .legalOverlayContent li {
    font-size: 18px;
    font-weight: 400;
    list-style-position: outside;
    list-style-type: disc;
    margin-left: 1em
}

.trialworkout .legalOverlayContent p strong {
    font-weight: normal
}

@media(min-width: 768px) {
    .trialworkout {
        width:95%;
        margin: 4em auto 0;
        padding: 4em 0
    }
}

@media(min-width: 1024px)and (max-width:1279px) {
    .trialworkout {
        width:90%;
        padding: 0 0 7em
    }
}

@media(min-width: 1280px)and (max-width:1799px) {
    .trialworkout {
        width:90%;
        padding: 0 0 7em
    }
}

@media(min-width: 1800px) {
    .trialworkout {
        width:100%;
        padding: 0 0 7em
    }
}

body[data-controller=trialworkout_form] {
    background-color: #1c2223;
    height: auto !important
}

body[data-controller=trialworkout_form] .header--visible {
    display: block
}

body[data-controller=trialworkout_form] .menuicon,body[data-controller=trialworkout_form] .navigation--header {
    display: none
}

@media(min-width: 768px) {
    body[data-controller=trialworkout_form] {
        display:-ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        min-height: 100vh
    }

    body[data-controller=trialworkout_form] .header,body[data-controller=trialworkout_form] .footer {
        display: block
    }
}

@media(min-width: 1024px) {
    body[data-action=client] .footer {
        position:absolute;
        width: 100%;
        bottom: 0
    }
}

.two_cols_text_slider {
    position: relative;
    max-width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    padding: 4em 0;
    background-color: #fff;
    color: #1c2223
}

.two_cols_text_slider__container {
    padding: 2em 0;
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.two_cols_text_slider__headline {
    font-size: 28px;
    line-height: 38px;
    font-weight: normal;
    margin: 0 auto;
    margin-bottom: .5em
}

.two_cols_text_slider__text {
    color: #444;
    font-size: 18px;
    line-height: 26px
}

.two_cols_text_slider__text strong {
    font-weight: normal
}

@media(min-width: 1024px) {
    .two_cols_text_slider {
        padding:3em 0 0;
        max-width: 1920px
    }

    .two_cols_text_slider__container {
        padding: 4em 0;
        max-width: 100%;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex
    }

    .two_cols_text_slider__headline {
        font-weight: bold;
        font-size: 40px;
        line-height: 50px;
        margin-bottom: .5em
    }

    .two_cols_text_slider__text {
        line-height: 28px
    }

    .two_cols_text_slider__content {
        width: 50%
    }

    .two_cols_text_slider__slider {
        width: 50%
    }
}

@media(min-width: 1280px) {
    .two_cols_text_slider__headline {
        margin-bottom:1em
    }
}

.verify_newsletter_unsubscribe {
    padding: 4em 0;
    background-color: #1c2223
}

.verify_newsletter_unsubscribe__container {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    margin-top: 73px;
    color: #f5f5f5;
    text-align: center
}

.verify_newsletter_unsubscribe__image {
    width: 46%;
    margin-bottom: 2em
}

@media(min-width: 768px) {
    .verify_newsletter_unsubscribe {
        padding:7em 0
    }

    .verify_newsletter_unsubscribe__container {
        max-width: 85%
    }

    .verify_newsletter_unsubscribe__image {
        width: 36%;
        margin-bottom: 2em
    }
}

@media(min-width: 1024px) {
    .verify_newsletter_unsubscribe {
        padding:7em 0
    }

    .verify_newsletter_unsubscribe__container {
        max-width: 66%
    }

    .verify_newsletter_unsubscribe__image {
        width: 26%;
        margin-bottom: 2em
    }
}

@media(min-width: 1280px) {
    .verify_newsletter_unsubscribe {
        padding:7em 0
    }

    .verify_newsletter_unsubscribe__container {
        max-width: 50%
    }
}

.verify_subscription {
    padding: 4em 0;
    background-color: #fff
}

.verify_subscription__container {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    margin-top: 73px;
    text-align: center;
    margin-top: 8em;
    margin-bottom: 8em
}

.verify_subscription__headline {
    font-weight: 400;
    font-size: 36px;
    line-height: 38px;
    color: #181d1e
}

.verify_subscription__subline {
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    margin-top: 20px;
    color: #444
}

.verify_subscription__lottie lottie-player {
    display: block;
    height: 270px;
    margin: 0 auto
}

.verify_subscription__cta {
    max-width: 50%;
    display: inline-block;
    margin-top: 17px
}

@media(min-width: 768px) {
    .verify_subscription {
        padding:7em 0
    }

    .verify_subscription__container {
        max-width: 85%
    }
}

@media(min-width: 1024px) {
    .verify_subscription {
        padding:7em 0
    }

    .verify_subscription__container {
        max-width: 66%
    }
}

@media(min-width: 1280px) {
    .verify_subscription {
        padding:7em 0
    }

    .verify_subscription__container {
        max-width: 50%
    }
}

.video_text {
    background-color: #181d1e;
    position: relative;
    max-width: 1920px;
    margin: 0 auto
}

.video_text__anchor {
    position: absolute;
    top: 0;
    left: 0
}

.video_text__container {
    max-width: 100%;
    float: none;
    background-color: #35484f;
    color: #fff;
    margin-top: 4em
}

.video_text__container--companyfitness {
    margin-top: 0
}

.video_text__content {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.video_text__content_image {
    background-size: cover;
    background-position: 50% 10%
}

.video_text__content_image video {
    width: 100%
}

.video_text__logo {
    display: block;
    height: 40px;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    margin-bottom: 1em
}

.video_text__headline {
    display: block;
    margin-bottom: .5em;
    font-weight: 400
}

.video_text__text {
    color: #ccc;
    margin-bottom: 2em
}

.video_text__bullets {
    margin-bottom: 3em
}

.video_text__steps {
    position: relative
}

.video_text__steps:before {
    position: absolute;
    left: 27px;
    top: 27px;
    width: 1px;
    height: calc(100% - 54px);
    background: #ed6a12;
    content: ""
}

.video_text__steps_list {
    padding-left: 0
}

.video_text__steps__step {
    position: relative;
    padding-left: 74px;
    margin-bottom: 30px
}

.video_text__steps__step__headline {
    font-weight: 500;
    font-size: 18px;
    line-height: 21px
}

.video_text__steps__step__subtext {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 0
}

.video_text__steps__step:before {
    border-radius: 30px;
    background: #ed6a12;
    width: 54px;
    height: 54px;
    color: #fff;
    font-weight: 500;
    font-size: 22px;
    line-height: 54px;
    text-align: center;
    display: block;
    content: "1";
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -27px
}

.video_text__steps__step:nth-child(2):before {
    content: "2"
}

.video_text__steps__step:nth-child(3):before {
    content: "3"
}

.video_text__bullet {
    font-weight: 400;
    font-size: 1.2em;
    background-image: url("https://www.fitx.de/img/block/shared/icon/check_circle_icon_white.svg");
    background-size: 25px;
    background-repeat: no-repeat;
    padding: .5em 0 .5em 40px;
    background-position: left center
}

.video_text__content_info {
    padding: 2em 0;
    text-align: left
}

.video_text__content_info .cta {
    margin: 0;
    width: 100%;
    margin-bottom: 1em
}

@media(min-width: 1024px) {
    .video_text {
        padding:0;
        background: rgba(0,0,0,0)
    }

    .video_text__container {
        margin-top: 7em;
        width: 100% !important;
        max-width: 100% !important;
        float: none;
        margin-right: auto;
        margin-left: auto;
        max-width: 960px;
        margin-left: auto;
        margin-right: auto;
        border-radius: 10px;
        overflow: hidden;
        background: rgba(0,0,0,0)
    }

    .video_text__container:after {
        content: "";
        display: table;
        clear: both
    }

    .video_text__container>*:nth-child(2n+1) {
        width: calc(50%);
        float: left;
        clear: left;
        margin-left: 0
    }

    .video_text__container>*:nth-child(2n+2) {
        width: calc(50%);
        float: left;
        clear: none;
        margin-right: 0
    }

    .video_text__content {
        background-color: #35484f;
        float: none;
        margin-right: auto;
        margin-left: auto
    }

    .video_text__content_container {
        height: 790px;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center
    }

    .video_text__content_image {
        height: 790px;
        overflow: hidden;
        position: relative;
        background-color: #35484f
    }

    .video_text__content_image video {
        width: auto;
        min-width: 100%;
        min-height: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%)
    }

    .video_text__content_info {
        max-width: 85%;
        float: none;
        margin-right: auto;
        margin-left: auto;
        padding: 0 3em;
        text-align: left
    }

    .video_text__content_info .cta {
        margin: 0;
        float: left;
        margin-right: 10px;
        max-width: 265px;
        margin-bottom: 1em
    }

    .video_text__content_info .cta:last-child {
        margin-bottom: 0;
        margin-right: 0
    }

    .video_text__logo {
        display: block;
        height: 30px;
        width: 100%;
        background-size: contain;
        background-repeat: no-repeat;
        margin-bottom: 1em
    }

    .video_text__headline {
        display: block;
        margin-bottom: .5em;
        font-size: 36px
    }

    .video_text__text {
        font-size: 18px;
        line-height: 28px
    }

    .video_text__bullet {
        font-size: 18px
    }

    .video_text__steps {
        position: relative
    }

    .video_text__steps:before {
        position: absolute;
        left: 27px;
        top: 27px;
        width: 1px;
        height: calc(100% - 54px);
        background: #ed6a12;
        content: ""
    }

    .video_text__steps_list {
        padding-left: 0
    }

    .video_text__steps__step__headline {
        font-size: 22px;
        line-height: 26px
    }

    .video_text__steps__step__subtext {
        font-size: 18px;
        line-height: 26px
    }
}

.vimeo_embed {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 100%;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center
}

.virtual_tour {
    background-image: url("https://www.fitx.de/img/block/shared/header/logo.png");
    background-position: center;
    background-size: 200px;
    background-repeat: no-repeat
}

.virtual_tour__frame {
    height: calc(100vh - 73px);
    opacity: 1;
    transition: opacity .6s
}

.virtual_tour__frame--transparent {
    opacity: 0
}

.virtual_tour__cta {
    opacity: 1;
    z-index: 2000;
    position: absolute;
    width: 280px;
    top: 10px;
    left: 230px;
    color: #fff;
    padding: 16px 0;
    font-size: 16px;
    text-align: center;
    transition: opacity .5s linear
}

.virtual_tour__cta--hidden {
    opacity: 0
}

.virtual_tour__cta:active,.virtual_tour__cta:hover,.virtual_tour__cta:visited {
    color: #fff !important
}

.wm_challenge {
    background: #fff;
    margin-top: 0
}

.wm_challenge__container {
    width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    overflow: auto
}

.wm_challenge p {
    margin: 0 0 1em 0
}

.wm_challenge p.tel_info {
    font-size: 14px;
    font-weight: 300
}

.wm_challenge span.desktop {
    display: none
}

.wm_challenge__wm_challenge {
    margin-top: 1em
}

.wm_challenge__wm_challenge_status {
    text-align: right;
    font-weight: bold !important
}

.wm_challenge__listHeadline {
    margin-bottom: 1em !important;
    font-weight: normal
}

.wm_challenge ul {
    margin-bottom: 3em
}

.wm_challenge ul li {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    list-style-type: square;
    list-style-position: outside;
    margin-left: 1em
}

@media(min-width: 768px) {
    .wm_challenge {
        padding-bottom:7em
    }

    .wm_challenge__container {
        max-width: 1280px;
        width: 85%;
        margin: 0 auto
    }

    .wm_challenge p {
        margin: 0 0 2em 0
    }

    .wm_challenge__wm_challenge {
        margin-top: 2em
    }

    .wm_challenge ul li {
        font-size: 18px;
        line-height: 28px
    }
}

@media(min-width: 1024px) {
    .wm_challenge__wm_challenge {
        max-width:960px;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%
    }

    .wm_challenge__wm_challenge:after {
        content: "";
        display: table;
        clear: both
    }

    .wm_challenge__wm_challenge>*:nth-child(2n+1) {
        width: calc(50%);
        float: left;
        clear: left;
        padding-left: 0;
        margin-left: 0
    }

    .wm_challenge__wm_challenge>*:nth-child(2n+2) {
        width: calc(50%);
        float: left;
        clear: none;
        padding-right: 0;
        margin-right: 0
    }

    .wm_challenge__wm_challenge section {
        padding: 0 2em
    }

    .wm_challenge span.desktop {
        display: inline-block
    }

    .wm_challenge span.mobile {
        display: none
    }
}

.workload_card {
    display: block;
    border-radius: 5px;
    cursor: pointer;
    overflow: hidden;
    background-color: #fff;
    color: #181d1e
}

.workload_card:hover,.workload_card:active,.workload_card:visited {
    color: #181d1e
}

.workload_card__image {
    height: 140px;
    background-size: cover;
    background-position: center
}

.workload_card__content {
    padding: 1em
}

.workload_card__name {
    font-size: 24px;
    margin-bottom: .3em
}

@media(min-width: 1024px) {
    .workload_card__image {
        height:210px
    }
}

.workload_gauge__bar_wrap {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center
}

.workload_gauge__bar_outline {
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    background-color: #f5f5f5;
    border-radius: 3px;
    height: 6px;
    overflow: hidden;
    margin-right: 1em
}

.workload_gauge__bar {
    height: 6px;
    width: 0%;
    background-color: #24cc6e;
    transition: width .3s,background-color .3s
}

.workload_gauge__bar--unknown {
    min-width: 0%;
    background-color: #e83623
}

.workload_gauge__bar--low {
    min-width: 10%
}

.workload_gauge__bar--med {
    width: 40%;
    background-color: #f7c20a
}

.workload_gauge__bar--high {
    width: 70%;
    background-color: #ed6a12
}

.workload_gauge__bar--vhigh {
    width: 94%;
    background-color: #e83623
}

.workload_gauge__bar--full {
    width: 100%;
    background-color: #e83623
}

.workload_gauge__text {
    color: #24cc6e;
    transition: color .3s
}

.workload_gauge__text--med {
    color: #f7c20a
}

.workload_gauge__text--high {
    color: #ed6a12
}

.workload_gauge__text--vhigh,.workload_gauge__text--full,.workload_gauge__text--unknown {
    color: #e83623
}

.workload_gauge__max {
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    font-weight: 400;
    color: #717171
}

.workload_gauge__updated_at {
    font-weight: 400;
    color: #717171
}

.workload_gauge--light {
    color: #f5f5f5;
    font-weight: normal
}

.workload_gauge--light .workload_gauge__updated_at,.workload_gauge--light .workload_gauge__max {
    color: #17171799;
    font-weight: 300
}

.workload_gauge--light .workload_gauge__info {
    font-weight: bold;
    color: #17171799;
    font-size: 16px
}

.workload_gauge--light .workload_gauge__bar_outline {
    background-color: #ddd
}

.workload_loader {
    color: #f5f5f5
}

.workload_loader__title {
    font-size: 1.2em;
    margin-bottom: .2em
}

.workload_loader--light {
    color: #444
}

@media(min-width: 1024px) {
    .workload_loader__title {
        font-size:24px
    }
}

.workload_selector {
    width: 100vw;
    transform: translateX(-5%);
    overflow-x: auto;
    -ms-overflow-style: none
}

.workload_selector::-webkit-scrollbar {
    display: none
}

.workload_selector__card {
    width: calc(100vw - 4em);
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 1em
}

.workload_selector__card:last-child {
    margin-right: 0
}

.workload_selector__selector {
    margin-right: 1em;
    width: 100%
}

.workload_selector__selector h3 {
    font-weight: normal
}

.workload_selector__wrap,.workload_selector__other_studios {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    white-space: nowrap
}

.workload_selector__wrap {
    padding: 0 0 1em 5vw
}

.workload_selector__other_studios {
    margin-top: 1em;
    padding-right: 5vw
}

@media(min-width: 768px) {
    .workload_selector__card {
        width:40vw
    }

    .workload_selector__selector {
        margin-right: 4em
    }
}

@media(min-width: 1024px) {
    .workload_selector {
        width:100%;
        transform: translateX(0)
    }

    .workload_selector__wrap {
        padding: 0
    }

    .workload_selector__other_studios {
        padding-right: 0
    }

    .workload_selector__card {
        width: 28.5vw
    }

    .workload_selector__selector {
        width: auto;
        margin-right: 1em
    }
}

@media(min-width: 1280px) {
    .workload_selector__wrap {
        -webkit-justify-content:flex-start;
        -moz-justify-content: flex-start;
        -ms-justify-content: flex-start;
        justify-content: flex-start;
        -ms-flex-pack: flex-start
    }

    .workload_selector__card {
        width: 26vw;
        max-width: 370px;
        margin-right: 2em
    }

    .workload_selector__nearby_studios {
        margin-left: 4em
    }

    .workload_selector__selector {
        margin-right: 0
    }
}

.workout_teaser {
    padding: 0 0 4em;
    background-color: #fff;
    color: #181d1e
}

.workout_teaser__container {
    float: none;
    margin-right: auto;
    margin-left: auto;
    max-width: 90%;
    border-radius: 10px;
    background-color: #f5f5f5;
    overflow: hidden
}

.workout_teaser__image img {
    width: 100%
}

.workout_teaser__text {
    max-width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    padding: 1.5em 0;
    color: #444
}

.workout_teaser__text_headline {
    margin-bottom: .5em;
    font-weight: normal;
    color: #181d1e
}

.workout_teaser__text_kicker {
    color: #717171;
    font-size: 14px;
    text-transform: uppercase
}

.workout_teaser__text_paragraph {
    max-width: 470px
}

.workout_teaser__text_cta .cta {
    width: 100% !important
}

.workout_teaser__play {
    background-image: url("https://www.fitx.de/img/block/shared/icon/play_icon_orange.svg");
    background-size: 22px;
    display: unset;
    padding: 2px 0;
    padding-left: 30px;
    background-repeat: no-repeat;
    font-weight: bold;
    background-position: 0 2px
}

@media(min-width: 768px) {
    .workout_teaser {
        margin:0 auto
    }

    .workout_teaser__text_cta .cta {
        width: fit-content !important
    }
}

@media(min-width: 1024px) {
    .workout_teaser {
        margin:0 auto;
        max-width: 100%;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 100% 0;
        padding: 0 0 6em
    }

    .workout_teaser__container {
        max-width: 1280px !important;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row-reverse;
        -moz-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
        border-radius: 0;
        background-color: #fff;
        overflow: auto
    }

    .workout_teaser__text {
        width: 50%;
        padding: 0
    }

    .workout_teaser__image {
        width: 50%
    }

    .workout_teaser__image img {
        border-radius: 10px
    }

    .workout_teaser__text_cta .cta {
        width: fit-content !important;
        width: -webkit-fit-content !important;
        width: -moz-fit-content !important
    }
}

@media(min-width: 1800px) {
    .workout_teaser {
        max-width:1920px
    }

    .workout_teaser__text {
        padding: 0
    }
}

@media screen and (min-width: 1921px) {
    .workout_teaser {
        border-radius:10px
    }
}

.workouts_filter {
    padding: 4em 0;
    color: #fff !important
}

.workouts_filter a {
    color: #fff
}

.workouts_filter__container {
    max-width: 95%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
    margin-bottom: 4em
}

.workouts_filter__container:last-child {
    margin-bottom: 0
}

.workouts_filter__headline {
    font-weight: normal;
    font-size: 2em;
    margin-bottom: .2em;
    line-height: 1.2
}

.workouts_filter__subline {
    margin-bottom: 1.5em;
    font-size: 1.3em;
    font-weight: 400;
    color: #ccc
}

.workouts_filter__header {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    align-items: flex-end;
    margin-bottom: 1em
}

.workouts_filter__workouts {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1em;
    -ms-grid-rows: 1fr;
    grid-auto-rows: 1fr
}

.workouts_filter__workouts:before {
    display: none
}

.workouts_filter__workouts>*:first-child {
    -ms-grid-row: initial;
    grid-row: initial;
    -ms-grid-column: initial;
    grid-column: initial
}

.workouts_filter__workout {
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat;
    border-radius: 5px;
    height: 45vw;
    width: 45vw;
    display: inline-block;
    position: relative;
    margin-right: 3px
}

.workouts_filter__workout--inactive {
    opacity: .3;
    pointer-events: none
}

.workouts_filter__workout--no_video {
    cursor: default
}

.workouts_filter__workout_content {
    padding: 1em;
    position: absolute;
    bottom: 0
}

.workouts_filter__workout_headline {
    font-weight: bold;
    font-size: 1.2em;
    line-height: 1.2em;
    margin-bottom: .5em;
    white-space: wrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.workouts_filter__workout_headline span {
    font-weight: 400;
    font-size: .8em
}

.workouts_filter__workout_subline {
    font-weight: 400;
    font-size: 1.1em;
    line-height: 1.2;
    background-image: url("https://www.fitx.de/img/block/shared/icon/icon-white-duration.svg");
    padding-left: 1.5em;
    background-repeat: no-repeat;
    white-space: wrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.workouts_filter__filter {
    position: fixed;
    display: block;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    background-color: #181d1e;
    z-index: 1000;
    transition: right .2s;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.workouts_filter__filter--show {
    right: 0
}

.workouts_filter__toggle_filter {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center
}

.workouts_filter__toggle {
    color: #fff;
    cursor: pointer;
    display: inline-block;
    padding-right: 30px;
    background-image: url("https://www.fitx.de/img/block/shared/icon/filter_new.svg");
    background-position: right center;
    background-repeat: no-repeat;
    font-weight: 400;
    font-size: 1.1em;
    transition: background-image .5s cubic-bezier(0.22, 0.61, 0.36, 1)
}

.workouts_filter__toggle:hover {
    background-image: url("https://www.fitx.de/img/block/shared/icon/filter_new_hover.svg")
}

.workouts_filter__reset {
    color: #ccc;
    cursor: pointer;
    font-weight: 400;
    font-size: 1.1em;
    margin-right: 1em
}

.workouts_filter__filter_content {
    height: 100%;
    overflow: hidden;
    padding: 0;
    display: flex;
    flex-direction: column
}

.workouts_filter__filter_container {
    height: auto;
    overflow: auto;
    padding: 0 2em
}

.workouts_filter__filter_container::-webkit-scrollbar {
    width: 5px;
    height: 8px;
    background-color: #444
}

.workouts_filter__filter_container::-webkit-scrollbar-thumb {
    background: #ed6a12
}

.workouts_filter__filter {
    position: fixed;
    display: block;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    background-color: #181d1e;
    z-index: 1000;
    transition: right .2s;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.workouts_filter__filter--show {
    right: 0
}

.workouts_filter__filter_section {
    margin-bottom: 2em
}

.workouts_filter__filter_section--times .coursefilter__filter_button {
    max-width: 105px;
    width: 31%;
    text-align: center;
    padding-top: 4em;
    background-position: center 1.5em
}

.workouts_filter__filter_section--times .coursefilter__filter_button:last-child {
    margin-right: 0
}

.workouts_filter__filter_section--times .coursefilter__filter_button[data-key=Vormittags] {
    background-image: url("https://www.fitx.de/img/block/shared/icon/morning.svg")
}

.workouts_filter__filter_section--times .coursefilter__filter_button[data-key="Nachmittags/Abends"] {
    background-image: url("https://www.fitx.de/img/block/shared/icon/moon.svg")
}

.workouts_filter__filter_section--times .coursefilter__filter_button[data-key=Wochenende] {
    background-image: url("https://www.fitx.de/img/block/shared/icon/weekend.svg");
    background-position: center 2em
}

.workouts_filter__filter_section--times .coursefilter__filter_button--selected[data-key=Vormittags] {
    background-image: url("https://www.fitx.de/img/block/shared/icon/morning_dark.svg")
}

.workouts_filter__filter_section--times .coursefilter__filter_button--selected[data-key="Nachmittags/Abends"] {
    background-image: url("https://www.fitx.de/img/block/shared/icon/moon_dark.svg")
}

.workouts_filter__filter_section--times .coursefilter__filter_button--selected[data-key=Wochenende] {
    background-image: url("https://www.fitx.de/img/block/shared/icon/weekend_dark.svg")
}

.workouts_filter__filter_info {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    padding: 2em
}

.workouts_filter__filter_info h2 {
    color: #fff
}

.workouts_filter__filter_reset {
    color: #ccc;
    cursor: pointer;
    padding: 0 1em;
    font-weight: 400;
    line-height: 1.8;
    font-size: 1.1em
}

.workouts_filter__filter_close {
    color: #fff;
    cursor: pointer;
    margin-left: auto;
    width: 32px;
    height: 32px;
    text-indent: -9000px;
    background-image: url("https://www.fitx.de/img/block/shared/icon/close.svg");
    background-repeat: no-repeat
}

.workouts_filter__filter_section_headline {
    color: #fff;
    font-weight: normal;
    font-size: 1.2em;
    border-bottom: 1px solid #363636
}

.workouts_filter__filter_section_container {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.workouts_filter__filter_button {
    color: #fff;
    background-color: #363636;
    width: auto;
    display: block;
    border-radius: 5px;
    padding: .5em 1em;
    margin: 0 10px 10px 0;
    cursor: pointer;
    font-weight: 400;
    line-height: 1.2;
    background-repeat: no-repeat;
    font-size: .9em;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.workouts_filter__filter_button--selected {
    color: #181d1e;
    background-color: #fff
}

.workouts_filter__filter_submit_container {
    padding: 2em
}

.workouts_filter__filter_submit {
    text-align: center;
    background-color: #ed6a12;
    color: #fff;
    padding: 1em;
    border-radius: 5px;
    cursor: pointer;
    font-weight: 400;
    font-size: 1.2em;
    max-width: 400px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.workouts_filter__filter_submit--disabled {
    background-color: #717171;
    color: #ccc;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default
}

@media(min-width: 768px) {
    .workouts_filter__container {
        max-width:90%
    }

    .workouts_filter__workout_content {
        width: auto;
        padding: 2em
    }

    .workouts_filter__header {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: space-between
    }

    .workouts_filter__workout_headline {
        font-size: 1.6em;
        line-height: 1.2em
    }

    .workouts_filter__workout_headline span {
        font-size: 1em
    }

    .workouts_filter__workouts {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        grid-gap: 1.6em;
        -ms-grid-rows: 200px;
        grid-auto-rows: 200px
    }

    .workouts_filter__workouts:before {
        display: none
    }

    .workouts_filter__workouts>*:first-child {
        -ms-grid-row: initial;
        grid-row: initial;
        -ms-grid-column: initial;
        grid-column: initial
    }

    .workouts_filter__workout {
        background-size: cover;
        background-position: right;
        background-repeat: no-repeat;
        border-radius: 5px;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-align-items: flex-end;
        -moz-align-items: flex-end;
        -ms-align-items: flex-end;
        align-items: flex-end;
        width: auto;
        height: auto;
        margin-right: 0
    }

    .workouts_filter__workout--no_video {
        cursor: default
    }

    .workouts_filter__filter {
        right: -400px;
        width: 400px
    }

    .workouts_filter__filter--show {
        right: 0
    }
}

@media(min-width: 1024px) {
    .workouts_filter__container {
        width:100%;
        max-width: 1280px
    }

    .workouts_filter__workouts {
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr
    }
}

.youtube_embed {
    width: 100%;
    height: 100%;
    position: relative
}

.youtube_embed__splash_image {
    width: 100%;
    height: 100%;
    cursor: pointer;
    position: absolute;
    z-index: 20;
    background-position: center;
    background-size: cover
}

.youtube_embed__splash_image--hidden {
    display: none
}

.youtube_embed__valign {
    max-width: 95%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-bottom: 0;
    padding-top: 0;
    text-align: center;
    color: #fff
}

.youtube_embed__valign--lower {
    position: relative;
    top: 60%;
    -webkit-transform: translateY(-60%);
    -ms-transform: translateY(-60%);
    transform: translateY(-60%)
}

.youtube_embed__embed {
    width: 100%;
    height: 100%;
    position: absolute;
    background-image: url("https://www.fitx.de/img/block/shared/icon/loading.gif");
    background-color: #1c2223;
    background-position: center;
    background-repeat: no-repeat
}

.youtube_embed__title {
    margin-bottom: 2em
}

.youtube_embed__play_button {
    width: 100px;
    text-align: center;
    float: none;
    margin-right: auto;
    margin-left: auto
}

.youtube_embed__play_button_circle {
    width: 70%;
    padding-top: 70%;
    background-image: url("https://www.fitx.de/img/block/shared/youtube_embed/play.svg");
    float: none;
    margin-right: auto;
    margin-left: auto;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 2em;
    background-color: rgba(255,255,255,.2);
    border-radius: 100px
}

.youtube_embed__play_button_circle:hover {
    background-color: rgba(255,255,255,.3)
}

.youtube_embed__play_button_circle--darkmode {
    background-image: url("https://www.fitx.de/img/block/shared/youtube_embed/play_dark.svg");
    margin-bottom: 1em
}

.youtube_embed__play_text--darkmode {
    color: #181d1e
}

.content_slider {
    height: 100%;
    border-radius: 10px
}

.content_slider__scroller {
    height: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    padding-bottom: 1em;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none
}

.content_slider__scroller::-webkit-scrollbar {
    display: none
}

.content_slider__items {
    height: 100%;
    white-space: nowrap;
    border-radius: 10px
}

.content_slider__item {
    height: 108vw;
    display: inline-block;
    width: 43vw;
    background-color: #ed6a12;
    border-radius: 10px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    margin-left: 2.5%
}

.content_slider__item--mobile_full {
    width: 85vw
}

.content_slider__item:nth-child(2) {
    margin-left: 5%
}

.content_slider__item:last-child {
    margin-right: 5%
}

.content_slider__item--large {
    width: 63vw
}

.content_slider__item--single {
    width: 90vw
}

.content_slider__item_content {
    height: 100%;
    padding: 0 20px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column-reverse;
    -moz-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    width: 100%;
    white-space: normal;
    float: left
}

.content_slider__item_content_text {
    text-align: left
}

.content_slider__item_content_text h2,.content_slider__item_content_text p {
    color: #fff
}

.content_slider__item_content_text h2 {
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 30px
}

.content_slider__item_content_text p {
    font-size: 14px;
    line-height: 22px
}

.content_slider__item_content_image {
    padding: 20px 0;
    height: 166px
}

.content_slider__item_content_image img {
    height: 126px
}

.content_slider__button {
    display: none
}

.content_slider__indicators {
    display: block
}

.content_slider__indicator {
    width: 8px;
    height: 8px;
    text-indent: -9000px;
    border-radius: 100px;
    border: 1px solid #e5e5e5;
    background-color: #e5e5e5;
    cursor: pointer;
    display: inline-block;
    margin: 0 2px
}

.content_slider__indicator--active {
    border-color: #717171;
    background-color: #717171
}

@media(min-width: 768px) {
    .content_slider__item {
        height:32vw
    }

    .content_slider__item--mobile_full {
        width: 58vw
    }
}

@media(min-width: 1024px) {
    .content_slider {
        height:100%;
        background-color: #fff
    }

    .content_slider__scroller {
        height: 100%;
        overflow: hidden
    }

    .content_slider__items {
        height: 100%;
        position: relative;
        transition: transform .6s
    }

    .content_slider__item {
        height: 100%;
        width: 100%
    }

    .content_slider__item:nth-child(2) {
        margin-left: 0
    }

    .content_slider__item:last-child {
        margin-right: 0
    }

    .content_slider__item_content {
        height: 100%;
        padding: 0 100px;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
        width: 100%;
        white-space: normal;
        float: left
    }

    .content_slider__item_content_text {
        width: 65%;
        text-align: left
    }

    .content_slider__item_content_text h2,.content_slider__item_content_text p {
        color: #fff
    }

    .content_slider__item_content_text h2 {
        font-size: 50px;
        line-height: 48px;
        margin-bottom: 30px
    }

    .content_slider__item_content_text p {
        font-size: 16px;
        line-height: 26px
    }

    .content_slider__item_content_image {
        height: 70%;
        padding: 0;
        width: 35%
    }

    .content_slider__item_content_image img {
        height: 100%
    }

    .content_slider__button {
        display: block;
        transition: opacity .2s;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        padding: 22px;
        background-color: #fff;
        border-radius: 50%;
        cursor: pointer;
        opacity: 1
    }

    .content_slider__button--left {
        left: calc(5% - 2em)
    }

    .content_slider__button--left--in_container {
        left: -2em
    }

    .content_slider__button--right {
        right: calc(5% - 2em)
    }

    .content_slider__button--right--in_container {
        right: -2em
    }

    .content_slider__button--hidden {
        opacity: 0
    }

    .content_slider__arrow {
        width: .6em;
        height: .6em;
        border-bottom: 2px solid #181d1e;
        border-right: 2px solid #181d1e
    }

    .content_slider__arrow--left {
        transform: rotateZ(135deg)
    }

    .content_slider__arrow--right {
        transform: rotateZ(-45deg)
    }

    .content_slider:hover .content_slider__button {
        opacity: 1
    }

    .content_slider:hover .content_slider__button--hidden {
        opacity: 0
    }

    .content_slider__indicators {
        display: block;
        bottom: 40px;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .content_slider__indicator {
        width: 9px;
        height: 9px;
        text-indent: -9000px;
        border-radius: 100px;
        border: 1px solid #fff;
        background-color: #fff;
        cursor: pointer;
        display: inline-block;
        margin: 0 2px
    }

    .content_slider__indicator--active {
        border-color: #fff;
        background-color: rgba(0,0,0,0)
    }
}

@media(min-width: 1280px) {
    .content_slider__item_content {
        height:100%;
        padding: 0 150px;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
        width: 100%;
        white-space: normal;
        float: left
    }

    .content_slider__item_content_text {
        width: 65%;
        text-align: left
    }

    .content_slider__item_content_text h2,.content_slider__item_content_text p {
        color: #fff
    }

    .content_slider__item_content_text h2 {
        font-size: 60px;
        line-height: 58px;
        margin-bottom: 30px
    }

    .content_slider__item_content_text p {
        font-size: 16px;
        line-height: 26px
    }

    .content_slider__item_content_image {
        width: 35%
    }
}

@media(min-width: 1800px) {
    .content_slider__item_content_text h2 {
        font-size:70px;
        line-height: 68px
    }
}

.courses_newsteaser {
    color: #fff;
    background-color: #1c2223;
    width: 100%;
    max-width: 768px
}

.courses_newsteaser__content {
    width: 90%;
    max-width: 1280px;
    float: none;
    margin-right: auto;
    margin-left: auto;
    padding: 5em 0
}

.courses_newsteaser__content:after {
    content: "";
    display: table;
    clear: both
}

.courses_newsteaser__intro {
    text-transform: uppercase;
    color: #f5f5f5;
    font-size: 1.1em
}

.courses_newsteaser__headline {
    text-transform: none;
    font-size: 2em;
    margin-top: .3em;
    margin-bottom: 1.3em;
    line-height: 1.2em
}

.courses_newsteaser__cta:after {
    content: "";
    display: table;
    clear: both
}

.courses_newsteaser__btn {
    display: block;
    background-color: #ed6a12;
    color: #fff;
    padding: .8em 1.6em;
    font-size: 1.2em;
    float: left;
    border-radius: 3px;
    text-align: center
}

.courses_newsteaser__btn:hover,.courses_newsteaser__btn:visited {
    color: #fff
}

.courses_newsteaser__btn:hover {
    background-color: #f18841
}

.courses_newsteaser__sidebar {
    display: none
}

.courses_newsteaser__sidebar_twoCols {
    display: block
}

@media(min-width: 768px) {
    .courses_newsteaser {
        margin:2em auto 0 auto;
        width: 90%;
        max-width: 100%
    }

    .courses_newsteaser__content {
        padding: 2.5em 1em
    }

    .courses_newsteaser__text {
        float: left
    }

    .courses_newsteaser__cta {
        float: right
    }

    .courses_newsteaser__btn {
        margin-top: .3em
    }

    .courses_newsteaser__headline {
        margin: 0
    }
}

@media(min-width: 1024px) {
    .courses_newsteaser {
        width:90%;
        max-width: 1280px
    }

    .courses_newsteaser__text {
        float: left
    }

    .courses_newsteaser__text_twoCols {
        width: 75%
    }
}

@media(min-width: 1280px) {
    .courses_newsteaser {
        background-color:rgba(0,0,0,0);
        padding: 0
    }

    .courses_newsteaser__content {
        position: relative;
        width: 100%;
        padding: 0 0 0 5%;
        overflow: hidden;
        background-color: #1c2223
    }

    .courses_newsteaser__headline {
        font-size: 2em
    }

    .courses_newsteaser__text {
        width: 33%;
        margin: 2.5em 0
    }

    .courses_newsteaser__text_twoCols {
        width: 66%
    }

    .courses_newsteaser__cta {
        width: 33%;
        float: left;
        margin: 2.5em 0
    }

    .courses_newsteaser__btn {
        margin-top: 0;
        float: none;
        position: absolute;
        min-width: 210px;
        width: auto;
        left: 50%;
        top: 50%;
        transform: translateY(-50%) translateX(-50%)
    }

    .courses_newsteaser__sidebar {
        display: block;
        width: 31%;
        background-color: #1c2223;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0
    }

    .courses_newsteaser__sidebar::before {
        display: table;
        content: "";
        width: 50px;
        height: 222px;
        transform: rotateZ(16deg);
        margin: -1em 0 0 -2em;
        background-color: #1c2223
    }

    .courses_newsteaser__sidebar_content {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        width: 100%
    }

    .courses_newsteaser__sidebar_content:after {
        content: "";
        display: table;
        clear: both
    }

    .courses_newsteaser__sidebar_content_container {
        text-align: center;
        margin: 0 auto
    }

    .courses_newsteaser__course_logo {
        display: inline-block;
        color: #fff;
        font-family: Niveau;
        font-size: 43px;
        font-weight: bold;
        letter-spacing: -1.7px;
        text-transform: uppercase;
        padding: 0 .5em;
        line-height: 1
    }

    .courses_newsteaser__course_logo:first-child {
        border-right: 1px solid #999;
        padding-left: 0
    }

    .courses_newsteaser__course_logo:last-child {
        padding-right: 0;
        border-right: none
    }

    .courses_newsteaser__course_logo .spacing {
        letter-spacing: -8px;
        padding-right: 7px
    }

    .courses_newsteaser__course_logo__bootyx {
        background-image: url("https://www.fitx.de/img/block/shared/courses_newsteaser/bootyx.png");
        padding: 0 80px;
        background-size: auto 25px;
        background-position: center;
        background-repeat: no-repeat
    }

    .courses_newsteaser__course_logo__relax {
        background-image: url("https://www.fitx.de/img/block/shared/courses_newsteaser/relax.svg");
        padding: 0 60px;
        background-size: auto 23px;
        background-position: center;
        background-repeat: no-repeat
    }
}

@media(min-width: 1800px) {
    .courses_newsteaser {
        width:100%;
        max-width: 1920px
    }

    .courses_newsteaser__headline {
        font-size: 2.5em
    }

    .courses_newsteaser__course_logo {
        font-size: 48px
    }

    .courses_newsteaser__btn {
        min-width: 250px
    }

    .courses_newsteaser__course_logo__bootyx {
        background-image: url("https://www.fitx.de/img/block/shared/courses_newsteaser/bootyx.png");
        padding: 0 100px;
        background-size: auto 35px;
        background-position: center;
        background-repeat: no-repeat
    }

    .courses_newsteaser__course_logo__relax {
        background-image: url("https://www.fitx.de/img/block/shared/courses_newsteaser/relax.svg");
        padding: 0 70px;
        background-size: auto 33px;
        background-position: center;
        background-repeat: no-repeat
    }
}

.fitness_app_download {
    padding: 2em 0 4em 0;
    text-align: center
}

.fitness_app_download--blue,.fitness_app_download--grey {
    padding: 4em 0;
    background-color: #24353f;
    color: #fff
}

.fitness_app_download--grey {
    background-color: #181d1e
}

.fitness_app_download__headline {
    font-size: 22px;
    line-height: 25px;
    font-weight: 400;
    color: #fff
}

.fitness_app_download__wrap {
    width: 90%;
    margin: 0 auto
}

.fitness_app_download__icons {
    margin-top: 2em;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center
}

.fitness_app_download__icon {
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    text-indent: -8000px;
    overflow: hidden;
    width: 144px;
    height: 42px
}

.fitness_app_download__icon--appstore {
    background-image: url("https://www.fitx.de/img/block/shared/icon/badge_ios.svg")
}

.fitness_app_download__icon--googleplay {
    background-image: url("https://www.fitx.de/img/block/shared/icon/badge_android.svg")
}

@media(min-width: 1024px) {
    .fitness_app_download {
        padding:4em 0 7em 0
    }

    .fitness_app_download--blue,.fitness_app_download--grey {
        padding: 4em 0
    }

    .fitness_app_download__icon {
        height: 52px;
        width: 174px
    }

    .fitness_app_download__qr {
        width: 102px;
        height: 102px;
        background-image: url("https://www.fitx.de/img/block/mobile/fitness_app_download/qr.svg");
        background-size: cover;
        margin-right: 3em
    }
}

@media(min-width: 1024px)and (min-width:768px) {
    .fitness_app_download__qr {
        background-image:url("https://www.fitx.de/img/block/desktop/fitness_app_download/qr.svg")
    }
}

@media(min-width: 1024px) {
    .fitness_app_download__qr--blue,.fitness_app_download__qr--grey {
        display:none
    }
}

@media(min-width: 1024px) {
    .fitness_app_download__content {
        text-align:left
    }

    .fitness_app_download__content--blue,.fitness_app_download__content--grey {
        text-align: center
    }
}

@media(min-width: 1024px) {
    .fitness_app_download__headline {
        max-width:400px
    }

    .fitness_app_download__headline--blue,.fitness_app_download__headline--grey {
        max-width: initial;
        font-size: 36px;
        line-height: 56px;
        margin-bottom: 1em
    }
}

@media(min-width: 1024px) {
    .fitness_app_download__icons {
        margin-top:1em
    }
}

@media(min-width: 1024px) {
    .fitness_app_download__wrap {
        display:-ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center
    }
}

.fitness_app_membersarea {
    padding: 0 0 4em 0
}

.fitness_app_membersarea__wrap {
    width: 90%;
    margin: 0 auto
}

.fitness_app_membersarea__header {
    padding: 4em 0;
    text-align: center
}

.fitness_app_membersarea__headline {
    font-size: 24px;
    line-height: 36px;
    margin-bottom: .8em;
    font-weight: 400;
    color: #fff
}

.fitness_app_membersarea__intro {
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    color: #fff
}

.fitness_app_membersarea__item {
    background-color: #33454f;
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 2em;
    background-size: contain
}

.fitness_app_membersarea__item:last-child {
    margin-bottom: 0
}

.fitness_app_membersarea__item_content {
    padding: 3em 2em 0 2em
}

.fitness_app_membersarea__item_image {
    padding-top: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.fitness_app_membersarea__item_title {
    font-size: 22px;
    margin-bottom: .8em;
    font-weight: 400;
    color: #fff
}

.fitness_app_membersarea__item_text {
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    color: #fff
}

@media(min-width: 1024px) {
    .fitness_app_membersarea {
        padding:0 0 12em 0
    }

    .fitness_app_membersarea__wrap {
        max-width: 1280px
    }

    .fitness_app_membersarea__header {
        padding: 12em 0;
        max-width: 700px;
        margin: 0 auto
    }

    .fitness_app_membersarea__headline {
        font-size: 48px;
        line-height: 56px;
        margin-bottom: .4em
    }

    .fitness_app_membersarea__intro {
        font-size: 22px;
        line-height: 36px
    }

    .fitness_app_membersarea__item {
        background-color: rgba(0,0,0,0);
        border-radius: 0;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: space-between;
        margin-bottom: 15em
    }

    .fitness_app_membersarea__item_content {
        width: 40%;
        padding: 0;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center
    }

    .fitness_app_membersarea__item_title {
        font-size: 28px;
        margin-bottom: .1em
    }

    .fitness_app_membersarea__item_text {
        font-size: 18px;
        line-height: 28px
    }

    .fitness_app_membersarea__item_image {
        width: 35%;
        padding-top: 35%;
        border-radius: 20px
    }
}

.horizontal_scroller__scroller {
    overflow-x: scroll;
    overflow-y: hidden;
    padding-bottom: 1em;
    -webkit-overflow-scrolling: touch
}

.horizontal_scroller__scroller::-webkit-scrollbar,.horizontal_scroller__scroller::-webkit-scrollbar-track,.horizontal_scroller__scroller::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,0)
}

.horizontal_scroller__items {
    white-space: nowrap
}

.horizontal_scroller__item {
    display: inline-block;
    vertical-align: top;
    width: 43vw;
    margin-left: 2.5%
}

.horizontal_scroller__item--light {
    -webkit-filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.1));
    filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.1));
    border-radius: 10px;
    border: 1px solid #e5e5e5
}

.horizontal_scroller__item--mobile_full {
    width: 85vw
}

.horizontal_scroller__item:first-child {
    margin-left: 5%
}

.horizontal_scroller__item:last-child {
    margin-right: 5%
}

.horizontal_scroller__item--popular_cities {
    margin-left: 1%
}

.horizontal_scroller__item--studio_openings {
    width: 70vw;
    margin-left: 1%
}

.horizontal_scroller__item--large {
    width: 70vw
}

.horizontal_scroller__item--single {
    width: 90vw
}

.horizontal_scroller__item--single .nearby_studios__image,.horizontal_scroller__item--single .studio_openings__image {
    height: 200px
}

.horizontal_scroller__item--nearby {
    width: 53vw
}

.horizontal_scroller__button {
    display: none
}

@media(min-width: 768px) {
    .horizontal_scroller__item {
        width:28vw
    }

    .horizontal_scroller__item--single .studio_openings__image {
        height: 140px
    }
}

@media(min-width: 1024px) {
    .horizontal_scroller__scroller {
        overflow:hidden
    }

    .horizontal_scroller__items {
        position: relative;
        transition: transform .6s
    }

    .horizontal_scroller__item {
        width: 31.333333%
    }

    .horizontal_scroller__item:first-child {
        margin-left: 5px
    }

    .horizontal_scroller__item:last-child {
        margin-right: 5px
    }

    .horizontal_scroller__item--popular_cities {
        width: 18.6%;
        display: block;
        float: left;
        margin-left: .75%;
        margin-right: .75%
    }

    .horizontal_scroller__item--studio_openings {
        width: 32.3333%
    }

    .horizontal_scroller__item--single .nearby_studios__image {
        height: 250px
    }

    .horizontal_scroller__button {
        display: block;
        transition: opacity .2s;
        position: absolute;
        top: 50%;
        padding: 20px;
        background-color: #fff;
        border-radius: 50%;
        cursor: pointer;
        -webkit-box-shadow: 0px 2px 7px 0px rgba(0,0,0,.1);
        box-shadow: 0px 2px 7px 0px rgba(0,0,0,.1);
        opacity: 1
    }

    .horizontal_scroller__button--left {
        left: 5%
    }

    .horizontal_scroller__button--left--in_container {
        left: -2em
    }

    .horizontal_scroller__button--right {
        right: 5%
    }

    .horizontal_scroller__button--right--in_container {
        right: -2em
    }

    .horizontal_scroller__button--hidden {
        opacity: 0
    }

    .horizontal_scroller__button--studioopening {
        top: 40%
    }

    .horizontal_scroller__arrow {
        width: .6em;
        height: .6em;
        border-bottom: 2px solid #181d1e;
        border-right: 2px solid #181d1e
    }

    .horizontal_scroller__arrow--left {
        transform: rotateZ(135deg)
    }

    .horizontal_scroller__arrow--right {
        transform: rotateZ(-45deg)
    }

    .horizontal_scroller:hover .horizontal_scroller__button {
        opacity: 1
    }

    .horizontal_scroller:hover .horizontal_scroller__button--hidden {
        opacity: 0
    }
}

@media(min-width: 1280px) {
    .horizontal_scroller__item--single .studio_openings__image {
        height:200px
    }
}

.meta_nav {
    font-size: 15px;
    font-weight: 300
}

.meta_nav__list {
    margin: 0
}

.meta_nav__list_item {
    line-height: 2.25em
}

.meta_nav__list_item a {
    color: #ccc
}

.meta_nav__list_item a:hover {
    color: #ed6a12
}

@media(min-width: 768px) {
    .meta_nav__list_item {
        float:left;
        margin-right: 2em;
        line-height: initial
    }
}

@media(min-width: 1024px) {
    .meta_nav {
        font-size:14px
    }
}

@media(min-width: 1800px) {
    .meta_nav {
        font-size:15px
    }
}

@media(max-width: 320px) {
    .studio_detail_card__offset {
        padding:0 2em
    }

    .studio_detail_card__details {
        padding: .5em
    }

    .studio_detail_card__name {
        font-size: 1.2em !important;
        line-height: 20px !important
    }

    .studio_detail_card__cta {
        height: 30px;
        line-height: 30px
    }

    .studio_detail_card__image {
        padding-right: 30% !important
    }
}

.studio_detail_card {
    position: fixed;
    bottom: 3em;
    width: 100%
}

.studio_detail_card--embedded {
    display: none
}

.studio_detail_card__offset {
    height: 50vh;
    padding: 0 1em;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff
}

.studio_detail_card__offset:not(.studio_detail_card__offset--embedded) {
    height: 100px;
    padding: 0;
    width: 90%;
    margin: 0 auto;
    color: #181d1e;
    border-radius: 10px;
    height: auto;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-shadow: 0px 6px 16px rgba(0,0,0,.2);
    box-shadow: 0px 6px 16px rgba(0,0,0,.2)
}

.studio_detail_card__image {
    background-position: center;
    background-size: cover;
    border-radius: 10px 0 0 10px;
    background-color: #717171;
    padding-right: 33%
}

.studio_detail_card__details {
    -webkit-flex-grow: .1;
    -moz-flex-grow: .1;
    -ms-flex-grow: .1;
    -ms-flex-positive: .1;
    flex-grow: .1;
    padding: .75em 1em;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center
}

.studio_detail_card__name {
    font-size: 1.2em;
    line-height: 1.2em;
    color: #181d1e;
    font-weight: normal
}

.studio_detail_card__cta_wrapper {
    padding-bottom: 1.5em
}

.studio_detail_card__cta {
    width: 100%
}

.studio_detail_card__address {
    color: #717171;
    font-weight: 400;
    font-size: .9em
}

.studio_detail_card__rating {
    display: block;
    margin-top: 0;
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
    transform-origin: left
}

@media(min-width: 768px) {
    .studio_detail_card__offset:not(.studio_detail_card__offset--embedded) {
        width:50%
    }
}

@media(min-width: 1024px) {
    .studio_detail_card {
        position:relative;
        bottom: auto;
        width: auto;
        display: none;
        border-radius: 10px
    }

    .studio_detail_card__offset {
        width: 70%;
        margin: 0 auto
    }

    .studio_detail_card__name {
        font-size: 16px;
        line-height: 31px
    }

    .studio_detail_card__name--embedded {
        font-size: 1.2em
    }

    .studio_detail_card__address {
        font-size: 14px;
        line-height: 16px
    }

    .studio_detail_card--embedded {
        display: block;
        height: 0;
        width: 0;
        background-color: rgba(0,0,0,0)
    }

    .studio_detail_card__content {
        display: block
    }

    .studio_detail_card__rating {
        display: block;
        margin-top: 0;
        -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
        -moz-transform: scale(0.7);
        -o-transform: scale(0.7);
        transform: scale(0.7);
        transform-origin: left
    }

    .studio_detail_card__details {
        padding: 0 0 0 1em
    }

    .studio_detail_card__image--embedded {
        height: 120px;
        width: 120px;
        border-radius: 10px 0 0 10px
    }

    .studio_detail_card__offset:not(.studio_detail_card__offset--embedded) {
        width: 65%
    }

    .studio_detail_card__offset--embedded {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        position: absolute;
        top: -180px;
        left: 0;
        height: 120px;
        width: 340px;
        transform: translateX(-50%) translateY(10px);
        padding: 0;
        background-color: #fff;
        -webkit-filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.1));
        filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.1));
        border-radius: 10px;
        z-index: 2
    }

    .studio_detail_card__offset--embedded--slim {
        top: -105px;
        height: 40px
    }

    .studio_detail_card__offset--embedded--slim .studio_detail_card__details {
        width: 100%
    }

    .studio_detail_card__offset--embedded:after {
        content: "";
        position: absolute;
        left: 50%;
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        top: 99%;
        width: 0;
        height: 0;
        border-left: 10px solid rgba(0,0,0,0);
        border-right: 10px solid rgba(0,0,0,0);
        border-top: 10px solid #fff;
        clear: both;
        z-index: 1
    }

    .studio_detail_card__cta_wrapper--embedded {
        padding-bottom: 0
    }
}

.text_video {
    background-color: #f5f5f5;
    padding: 73px 0 0;
    width: 100%
}

.text_video__text {
    width: 90%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    padding: 4em 0
}

.text_video__text--welcome {
    background-image: url("https://www.fitx.de/img/block/shared/welcome/bg.png");
    background-repeat: no-repeat;
    background-position: 100% 100%;
    background-size: 40%
}

.text_video__text_content h1 {
    font-size: 300%;
    line-height: 1.2em
}

.text_video__text_content h1 span {
    color: #ed6a12
}

.text_video__video {
    height: 56.2429696288vw
}

.text_video__video_content {
    height: 100%
}

@media(min-width: 1024px) {
    .text_video__container {
        max-width:initial;
        margin-left: auto;
        margin-right: auto
    }

    .text_video__container:after {
        content: "";
        display: table;
        clear: both
    }

    .text_video__container>*:nth-child(2n+1) {
        width: calc(33.3333333333%);
        float: left;
        clear: left;
        padding-left: 0;
        margin-left: 0
    }

    .text_video__container>*:nth-child(2n+2) {
        width: calc(66.6666666667%);
        float: left;
        clear: none;
        padding-right: 0;
        margin-right: 0
    }

    .text_video__container--reversed {
        max-width: initial;
        margin-left: auto;
        margin-right: auto
    }

    .text_video__container--reversed:after {
        content: "";
        display: table;
        clear: both
    }

    .text_video__container--reversed>*:nth-child(2n+1) {
        width: calc(33.3333333333%);
        float: left;
        clear: left;
        padding-left: 0;
        margin-left: 0
    }

    .text_video__container--reversed>*:nth-child(2n+2) {
        width: calc(66.6666666667%);
        float: left;
        clear: none;
        padding-right: 0;
        margin-right: 0
    }

    .text_video__container--reversed>*:nth-child(2n+2) {
        left: calc(0px - ((0px + (33.3333333333%) + (66.6666666667%))) + (0px + (66.6666666667%)));
        position: relative
    }

    .text_video__container--reversed>*:nth-child(2n+1) {
        left: calc(0px - ((0px + (33.3333333333%))) + (0px + (66.6666666667%) + (33.3333333333%)));
        position: relative
    }

    .text_video__video {
        height: 37.5vw;
        overflow: hidden
    }

    .text_video__text {
        height: 37.5vw
    }

    .text_video__text--welcome {
        background-size: 50%
    }

    .text_video__text_content {
        width: 80%;
        margin: 0 auto;
        color: #181d1e;
        position: relative;
        top: 30%;
        -webkit-transform: translateY(-30%);
        -ms-transform: translateY(-30%);
        transform: translateY(-30%)
    }
}