.AdvantagesSection .SectionIntro {
    margin-bottom: 20px;
}
@media (min-width: 768px) {
    .AdvantagesSection .SectionIntro {
        margin-bottom: 50px;
    }
}
@media screen and (min-width: 850px) {
    .AdvantagesSection .SectionIntro {
        margin-bottom: 60px;
    }
}
.AdvantagesSection .AdvantageCards {
    width: 100%;
    margin-top: 30px;
    padding: 0;
}
@media (min-width: 768px) {
    .AdvantagesSection .AdvantageCards {
        display: -ms-flexbox;
        display: flex;
    }
}
@media screen and (min-width: 850px) {
    .AdvantagesSection .AdvantageCards {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: start;
        justify-content: flex-start;
        width: 100%;
        margin-bottom: 60px;
    }
}
@media (min-width: 1200px) {
    .AdvantagesSection .AdvantageCards {
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 0;
        margin-bottom: 30px;
    }
}
.AdvantagesSection .AdvantageCards .column {
    width: 100%;
    margin-bottom: 18px;
}
.AdvantagesSection .AdvantageCards .column:last-child {
    margin-right: 0;
    margin-bottom: 0;
}
@media screen and (min-width: 850px) {
    .AdvantagesSection .AdvantageCards .column {
        width: 33.33333%;
        margin-right: 30px;
        margin-bottom: 0;
    }
}
@media (min-width: 1200px) {
    .AdvantagesSection .AdvantageCards .column {
        margin-right: 0;
        width: auto;
    }
}
.AdvantagesSection .odt-festo-LinkButton {
    display: inline-block;
}
.AdvantagesSection .odt-festo-Card.IconCard {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
}
@media (min-width: 768px) {
    .AdvantagesSection .odt-festo-Card.IconCard {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
@media (min-width: 1200px) {
    .AdvantagesSection .odt-festo-Card.IconCard {
        -ms-flex-direction: row;
        flex-direction: row;
    }
}
.AdvantagesSection.Section {
    margin-top: 80px;
    margin-bottom: 0;
}
@media (min-width: 1200px) {
    .AdvantagesSection.Section {
        margin-top: 120px;
    }
}
.Section {
    margin-top: 80px;
    margin-bottom: 80px;
}
.Section:before {
    display: block;
    content: " ";
    height: 20px;
    visibility: hidden;
    pointer-events: none;
}
@media screen and (min-width: 767px) {
    .Section {
        margin-top: 100px;
        margin-bottom: 100px;
    }
    .Section:before {
        margin-top: -80px;
        height: 40px;
    }
}
.SectionIntro {
    width: 100%;
    max-width: 700px;
    margin-bottom: 50px;
}
.SectionIntro .links {
    margin-top: 25px;
}
.SectionIntro-subline {
    max-width: 80%;
    font-weight: 300;
    font-size: 18px;
    line-height: 24px;
    margin-top: -22px;
    margin-bottom: 35px;
}
@media (min-width: 1200px) {
    .SectionIntro-subline {
        font-size: 19px;
        line-height: 29px;
    }
}
.SectionIntro .odt-festo-LinkText {
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-bottom: 20px;
    margin-right: 45px;
    -webkit-transition: margin 0.25s ease;
    -o-transition: margin 0.25s ease;
    transition: margin 0.25s ease;
}
.SectionIntro .odt-festo-LinkText:last-child {
    margin-right: 0;
}
@media screen and (min-width: 550px) and (max-width: 1079px) {
    .SectionIntro .odt-festo-LinkText:last-child {
        margin-bottom: 0;
    }
}
@media screen and (min-width: 1080px) {
    .SectionIntro .odt-festo-LinkText:last-child {
        margin-bottom: 0;
    }
}
@media (min-width: 768px) {
    .SectionIntro .odt-festo-LinkText:first-child {
        margin-bottom: 0;
    }
    .SectionIntro .odt-festo-LinkText:first-child:hover {
        margin-right: calc(45px - 0.25em);
    }
}
.odt-festo-Button {
    border: 2px solid;
    border-radius: 4px;
    -webkit-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
    text-decoration: none;
    line-height: 23px;
    padding: 7px 20px 8px;
    min-height: 40px;
    cursor: pointer;
    text-align: left;
    background-color: #0091dc;
    border-color: #0091dc;
    color: #fff;
    fill: #fff;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
@media (min-width: 768px) {
    .odt-festo-Button {
        padding: 11px 19px 8px;
        line-height: 26px;
        min-height: 48px;
    }
}
.odt-festo-Button svg {
    width: 0.9em;
    height: 0.75em;
    margin-right: 0.5em;
}
@media (min-width: 768px) {
    .odt-festo-Button svg {
        width: 1em;
        height: 1em;
        margin-bottom: -0.05em;
    }
}
.odt-festo-Button path,
.odt-festo-Button polygon {
    fill: inherit;
    stroke: inherit;
}
.odt-festo-Button:hover {
    background-color: #009ef0;
    border-color: #009ef0;
}
.odt-festo-Button--disabled {
    color: #979797;
    cursor: auto;
}
.odt-festo-Button--disabled,
.odt-festo-Button--disabled:hover {
    background-color: #d8dce1;
    border-color: #d8dce1;
}
.odt-festo-Button--disabled .odt-festo-Button-icon {
    display: none;
}
.odt-festo-Card {
    font-family: MetaPro, sans-serif;
    font-size: 16px;
    display: block;
    padding: 40px;
    background-color: #fff;
    -webkit-box-shadow: 5px 15px 30px 0 rgba(39, 69, 104, 0.15);
    box-shadow: 5px 15px 30px 0 rgba(39, 69, 104, 0.15);
    border-radius: 2px;
}
@media (min-width: 768px) {
    .odt-festo-Card {
        font-size: 19px;
    }
}
.odt-festo-CheckboxInput {
    position: relative;
    display: block;
    margin-bottom: 10px;
}
.odt-festo-CheckboxInput input[type="checkbox"] {
    position: absolute;
    visibility: hidden;
}
.odt-festo-CheckboxInput input[type="checkbox"]:checked ~ .odt-festo-CheckboxInput-icon--on,
.odt-festo-CheckboxInput input[type="checkbox"]:not(:checked) ~ .odt-festo-CheckboxInput-icon--off {
    display: block;
}
.odt-festo-CheckboxInput input[type="checkbox"][disabled] ~ * {
    opacity: 0.3;
}
.odt-festo-CheckboxInput-icon {
    display: none;
    position: absolute;
    top: 50%;
    left: 0;
    width: 22px;
    height: 22px;
    margin-top: -11px;
    cursor: pointer;
}
.odt-festo-CheckboxInput-icon path {
    fill: #0091dc;
}
.odt-festo-CheckboxInput-inner {
    padding-left: 35px;
    cursor: pointer;
}
.odt-festo-CheckboxInput-inner em {
    color: #0091dc;
    font-style: normal;
}
.odt-festo-CheckboxInput-inner a {
    color: #0091dc;
    text-decoration: none;
}
.odt-festo-CheckboxInput-inner a:hover {
    text-decoration: underline;
}
.odt-festo-CheckboxInput-message {
    position: absolute;
    font-size: 12px;
    left: 35px;
    right: 5px;
    margin-top: 0;
    margin-bottom: 0;
}
.odt-festo-CheckboxInput.is-invalid {
    color: #d0021b;
}
.odt-festo-CheckboxInput.is-invalid a {
    color: inherit;
    text-decoration: underline;
}
.odt-festo-CheckboxInput.is-invalid .odt-festo-CheckboxInput-icon path {
    fill: #d0021b;
}
.odt-festo-ContentContainer {
    display: block;
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
    margin-right: auto;
    margin-left: auto;
}
@media (min-width: 768px) {
    .odt-festo-ContentContainer {
        max-width: 1300px;
        padding-left: 50px;
        padding-right: 50px;
    }
}
.odt-festo-FullscreenPopup {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: hsla(0, 0%, 100%, 0.9);
    z-index: 1000000;
}
.odt-festo-FullscreenPopup-close-container {
    text-align: right;
}
.odt-festo-FullscreenPopup-close {
    display: inline-block;
    cursor: pointer;
}
.odt-festo-FullscreenPopup-close-icon {
    width: 16px;
    height: 16px;
}
.odt-festo-FullscreenPopup-close-icon path {
    fill: #0091dc;
}
.odt-festo-FullscreenPopup-body {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #fff;
    max-width: 600px;
    width: 100%;
    padding: 55px 50px;
    -webkit-box-shadow: 5px 15px 30px 0 rgba(39, 69, 104, 0.15);
    box-shadow: 5px 15px 30px 0 rgba(39, 69, 104, 0.15);
    border-radius: 2px;
}
.odt-festo-FullscreenPopup-body-inner {
    max-height: 75vh;
    overflow-y: auto;
}
.odt-festo-FullscreenPopup-body-inner > :first-child {
    margin-top: 0;
}
.odt-festo-FullscreenPopup-body-inner > :last-child {
    margin-bottom: 0;
}
.odt-festo-FullscreenPopup--scrollable .odt-festo-FullscreenPopup-body {
    max-height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
@media screen and (min-width: 601px) {
    .odt-festo-FullscreenPopup--scrollable .odt-festo-FullscreenPopup-body {
        max-height: calc(100% - 100px);
    }
}
.odt-festo-Headline {
    font-family: MetaPro, sans-serif;
    font-size: 16px;
    margin-top: 0;
    position: relative;
    font-weight: 400;
}
@media (min-width: 768px) {
    .odt-festo-Headline {
        font-size: 19px;
    }
}
.odt-festo-Headline-1 {
    font-size: 20px;
    line-height: 25px;
}
@media (min-width: 768px) {
    .odt-festo-Headline-1 {
        font-size: 22px;
        line-height: 28px;
    }
}
@media (min-width: 992px) {
    .odt-festo-Headline-1 {
        font-size: 35px;
        line-height: 47px;
    }
}
.odt-festo-Headline-2 {
    font-size: 28px;
}
.odt-festo-Headline-3 {
    font-size: 26px;
    margin-top: 38px;
}
.odt-festo-Headline-3:before {
    content: "";
    position: absolute;
    border-top: 2px solid #000;
    border-radius: 1px;
    opacity: 0.3;
    width: 71px;
    top: -20px;
}
.odt-festo-Headline-4 {
    font-size: 24px;
}
.odt-festo-Headline-5 {
    font-size: 22px;
}
.odt-festo-Headline-6 {
    font-size: 20px;
}
.odt-festo-LinkButton {
    border: 2px solid;
    border-radius: 4px;
    -webkit-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
    text-decoration: none;
    line-height: 23px;
    padding: 7px 20px 8px;
    min-height: 40px;
    cursor: pointer;
    text-align: left;
    display: inline-block;
    background-color: #0091dc;
    border-color: #0091dc;
    color: #fff;
    fill: #fff;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
@media (min-width: 768px) {
    .odt-festo-LinkButton {
        padding: 11px 19px 8px;
        line-height: 26px;
        min-height: 48px;
    }
}
.odt-festo-LinkButton svg {
    width: 0.9em;
    height: 0.75em;
    margin-right: 0.5em;
}
@media (min-width: 768px) {
    .odt-festo-LinkButton svg {
        width: 1em;
        height: 1em;
        margin-bottom: -0.05em;
    }
}
.odt-festo-LinkButton path,
.odt-festo-LinkButton polygon {
    fill: inherit;
    stroke: inherit;
}
.odt-festo-LinkButton:hover {
    background-color: #009ef0;
    border-color: #009ef0;
}
.odt-festo-LinkButton--disabled {
    color: #979797;
    cursor: auto;
}
.odt-festo-LinkButton--disabled,
.odt-festo-LinkButton--disabled:hover {
    background-color: #d8dce1;
    border-color: #d8dce1;
}
.odt-festo-LinkButton--disabled .odt-festo-LinkButton-icon {
    display: none;
}
.odt-festo-LinkOutlineButton {
    border: 2px solid;
    border-radius: 4px;
    -webkit-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
    line-height: 23px;
    padding: 7px 20px 8px;
    min-height: 40px;
    cursor: pointer;
    text-align: left;
    display: inline-block;
    background-color: transparent;
    border-color: #0091dc;
    color: #0091dc;
    fill: #0091dc;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    text-decoration: none;
}
@media (min-width: 768px) {
    .odt-festo-LinkOutlineButton {
        padding: 11px 19px 8px;
        line-height: 26px;
        min-height: 48px;
    }
}
.odt-festo-LinkOutlineButton svg {
    width: 0.9em;
    height: 0.75em;
    margin-right: 0.5em;
}
@media (min-width: 768px) {
    .odt-festo-LinkOutlineButton svg {
        width: 1em;
        height: 1em;
        margin-bottom: -0.05em;
    }
}
.odt-festo-LinkOutlineButton path,
.odt-festo-LinkOutlineButton polygon {
    fill: inherit;
    stroke: inherit;
}
.odt-festo-LinkOutlineButton:hover {
    background-color: #0091dc;
    color: #fff;
    fill: #fff;
}
.odt-festo-LinkText {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    color: #0091dc;
    fill: #0091dc;
    text-decoration: none;
    padding-left: 0;
}
.odt-festo-LinkText:hover .odt-festo-LinkText-icon {
    margin-right: 0.75em;
}
.odt-festo-LinkText-icon {
    width: 0.9em;
    height: 0.75em;
    margin-right: 0.5em;
    -webkit-transition: margin 0.25s ease;
    -o-transition: margin 0.25s ease;
    transition: margin 0.25s ease;
}
@media (min-width: 768px) {
    .odt-festo-LinkText-icon {
        width: 1em;
        height: 1em;
    }
}
.odt-festo-LinkText-icon path {
    fill: inherit;
}
@-webkit-keyframes bounce {
    0%,
    to {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes bounce {
    0%,
    to {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
.odt-festo-Loader-inner {
    width: 80px;
    height: 80px;
    position: relative;
    margin: 80px auto;
}
.odt-festo-Loader-item {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #0091dc;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: bounce 2s infinite ease-in-out;
    animation: bounce 2s infinite ease-in-out;
}
.odt-festo-Loader-item--two {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}
.odt-festo-Menu {
    font-family: MetaPro, sans-serif;
    font-size: 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}
@media (min-width: 768px) {
    .odt-festo-Menu {
        font-size: 19px;
    }
}
.odt-festo-MenuItem {
    font-family: MetaPro, sans-serif;
    font-size: 16px;
    display: block;
    position: relative;
    list-style-type: none;
    padding: 8px 0;
    margin: 0 16px;
    border-bottom: 2px solid;
    border-color: transparent;
    -webkit-transition: border 0.2s ease;
    -o-transition: border 0.2s ease;
    transition: border 0.2s ease;
    cursor: pointer;
}
@media (min-width: 768px) {
    .odt-festo-MenuItem {
        font-size: 19px;
    }
}
.odt-festo-MenuItem.is-active,
.odt-festo-MenuItem:hover {
    border-color: #0091dc;
}
.odt-festo-OutlineButton {
    border: 2px solid;
    border-radius: 4px;
    -webkit-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
    text-decoration: none;
    line-height: 23px;
    padding: 7px 20px 8px;
    min-height: 40px;
    cursor: pointer;
    text-align: left;
    background-color: transparent;
    border-color: #0091dc;
    color: #0091dc;
    fill: #0091dc;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
@media (min-width: 768px) {
    .odt-festo-OutlineButton {
        padding: 11px 19px 8px;
        line-height: 26px;
        min-height: 48px;
    }
}
.odt-festo-OutlineButton svg {
    width: 0.9em;
    height: 0.75em;
    margin-right: 0.5em;
}
@media (min-width: 768px) {
    .odt-festo-OutlineButton svg {
        width: 1em;
        height: 1em;
        margin-bottom: -0.05em;
    }
}
.odt-festo-OutlineButton path,
.odt-festo-OutlineButton polygon {
    fill: inherit;
    stroke: inherit;
}
.odt-festo-OutlineButton:hover {
    background-color: #0091dc;
    color: #fff;
    fill: #fff;
}
.odt-festo-RadioInput {
    position: relative;
    display: block;
    margin-bottom: 10px;
}
.odt-festo-RadioInput input[type="radio"] {
    position: absolute;
    visibility: hidden;
}
.odt-festo-RadioInput input[type="radio"]:checked ~ .odt-festo-RadioInput-icon--on,
.odt-festo-RadioInput input[type="radio"]:not(:checked) ~ .odt-festo-RadioInput-icon--off {
    display: block;
}
.odt-festo-RadioInput input[type="radio"][disabled] ~ * {
    opacity: 0.3;
}
.odt-festo-RadioInput-icon--off,
.odt-festo-RadioInput-icon--on {
    display: none;
    position: absolute;
    top: 50%;
    left: 0;
    width: 22px;
    height: 22px;
    margin-top: -11px;
    cursor: pointer;
}
.odt-festo-RadioInput-icon--off path,
.odt-festo-RadioInput-icon--on path {
    fill: #0091dc;
}
.odt-festo-RadioInput-icon {
    display: none;
    position: absolute;
    top: 50%;
    left: 0;
    width: 22px;
    height: 22px;
    margin-top: -11px;
    cursor: pointer;
}
.odt-festo-RadioInput-icon path {
    fill: #0091dc;
}
.odt-festo-RadioInput-inner {
    padding-left: 35px;
    cursor: pointer;
}
.odt-festo-RadioInput-inner em {
    color: #0091dc;
    font-style: normal;
}
.odt-festo-RadioInput-inner a {
    color: #0091dc;
    text-decoration: none;
}
.odt-festo-RadioInput-inner a:hover {
    text-decoration: underline;
}
.odt-festo-RadioInput-message {
    position: absolute;
    font-size: 12px;
    left: 35px;
    right: 5px;
    margin-top: 0;
    margin-bottom: 0;
}
.odt-festo-RadioInput.is-invalid {
    color: #d0021b;
}
.odt-festo-RadioInput.is-invalid a {
    color: inherit;
    text-decoration: underline;
}
.odt-festo-RadioInput.is-invalid .odt-festo-RadioInput-icon path {
    fill: #d0021b;
}
.odt-festo-SectionHead {
    background: #d8dce1;
    position: relative;
}
.odt-festo-SectionHead:before {
    content: "";
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
}
.odt-festo-SectionHead-headline {
    font-weight: 400;
    margin: 0;
}
.odt-festo-SectionHead-inner {
    padding-top: 40px;
    padding-bottom: 90px;
}
@media (min-width: 768px) {
    .odt-festo-SectionHead-inner {
        padding-bottom: 140px;
    }
}
.odt-festo-Select {
    position: relative;
    border-radius: 2px;
    display: block;
    padding-bottom: 20px;
}
.odt-festo-Select-input {
    display: block;
    background-color: #fff;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    border-bottom: 2px solid transparent;
    border-radius: 2px;
    font-size: 20px;
    position: relative;
    font-family: MetaPro, sans-serif;
    width: 100%;
    height: 50px;
    padding: 15px 55px 1px 29px;
    -webkit-transition: border 0.25s ease;
    -o-transition: border 0.25s ease;
    transition: border 0.25s ease;
}
@-moz-document url-prefix() {
    .odt-festo-Select-input {
        text-indent: -2px;
    }
}
.odt-festo-Select-input:focus {
    outline: none;
}
.odt-festo-Select-input:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}
.odt-festo-Select-label {
    position: absolute;
    top: calc(50% - 10px);
    z-index: 1;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 28px;
    color: #000;
    opacity: 0.3;
    font-weight: 400;
    pointer-events: none;
    -webkit-transition: opacity 0.25s ease, top 0.25s ease, left 0.25s ease, color 0.25s ease, font-size 0.25s ease, -webkit-transform 0.25s ease;
    transition: opacity 0.25s ease, top 0.25s ease, left 0.25s ease, color 0.25s ease, font-size 0.25s ease, -webkit-transform 0.25s ease;
    -o-transition: opacity 0.25s ease, top 0.25s ease, left 0.25s ease, color 0.25s ease, font-size 0.25s ease, transform 0.25s ease;
    transition: opacity 0.25s ease, top 0.25s ease, left 0.25s ease, color 0.25s ease, font-size 0.25s ease, transform 0.25s ease;
    transition: opacity 0.25s ease, top 0.25s ease, left 0.25s ease, color 0.25s ease, font-size 0.25s ease, transform 0.25s ease, -webkit-transform 0.25s ease;
}
.odt-festo-Select-icon {
    position: absolute;
    top: 0;
    right: 0;
    width: 55px;
    height: calc(100% - 20px);
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    pointer-events: none;
}
.odt-festo-Select-icon svg {
    position: absolute;
    width: 26px;
    height: 26px;
    top: 50%;
    left: 50%;
    margin: -12px 0 0 -13px;
}
.odt-festo-Select-icon svg path {
    fill: #0091dc;
}
.odt-festo-Select-icon:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-left: 2px solid #d8dce1;
}
.odt-festo-Select-message {
    font-size: 12px;
    left: 5px;
    right: 5px;
    margin-top: 0;
    margin-bottom: 0;
    position: absolute;
    bottom: 0;
    width: calc(100% - 28px);
}
.odt-festo-Select-input:focus + .odt-festo-Select-label,
.odt-festo-Select.is-active .odt-festo-Select-label {
    top: 5px;
    left: 29px;
    font-size: 13px;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.odt-festo-Select.is-invalid {
    color: #d0021b;
}
.odt-festo-Select.is-invalid .odt-festo-Select-icon svg path {
    fill: #d0021b;
}
.odt-festo-Select.is-invalid .odt-festo-Select-icon:before {
    bottom: 2px;
}
.odt-festo-Select.is-invalid .odt-festo-Select-input {
    color: inherit;
    border-bottom-color: #d0021b;
}
.odt-festo-Select.is-valid {
    color: #0091dc;
}
.odt-festo-Select.is-valid .odt-festo-Select-input {
    border-bottom-color: #0091dc;
}
.odt-festo-Select.is-valid .odt-festo-Select-icon:before {
    bottom: 2px;
}
.odt-festo-SliderControl {
    position: relative;
    width: 30px;
    height: 30px;
    -webkit-box-shadow: 10px 15px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 10px 15px 30px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    background-color: #fff;
    cursor: pointer;
    fill: #0091dc;
}
@media (min-width: 768px) {
    .odt-festo-SliderControl {
        width: 40px;
        height: 40px;
    }
}
.odt-festo-SliderControl-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
}
@media (min-width: 768px) {
    .odt-festo-SliderControl-icon {
        width: 10px;
    }
}
.odt-festo-SliderControl--next .odt-festo-SliderControl-icon {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.odt-festo-SliderControl--prev .odt-festo-SliderControl-icon {
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
    -ms-transform: translate(-50%, -50%) rotate(180deg);
    transform: translate(-50%, -50%) rotate(180deg);
}
.odt-festo-SliderControl path {
    fill: inherit;
}
.odt-festo-TextInput {
    position: relative;
    display: block;
    border-radius: 2px;
    padding-bottom: 20px;
    -webkit-transition: color 0.25s ease;
    -o-transition: color 0.25s ease;
    transition: color 0.25s ease;
}
.odt-festo-TextInput-input {
    width: 100%;
    height: 50px;
    border: 0;
    border-bottom: 2px solid transparent;
    border-radius: 2px;
    font-size: 20px;
    padding: 15px 52px 0 28px;
    position: relative;
    font-family: MetaPro, sans-serif;
    -webkit-transition: border 0.25s ease;
    -o-transition: border 0.25s ease;
    transition: border 0.25s ease;
}
.odt-festo-TextInput-input:focus {
    outline: none;
}
.odt-festo-TextInput-icon,
.odt-festo-TextInput-label {
    position: absolute;
    top: calc(50% - 10px);
    z-index: 1;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.odt-festo-TextInput-label {
    left: 28px;
    color: #000;
    opacity: 0.3;
    font-weight: 400;
    pointer-events: none;
    -webkit-transition: opacity 0.25s ease, top 0.25s ease, left 0.25s ease, color 0.25s ease, font-size 0.25s ease, -webkit-transform 0.25s ease;
    transition: opacity 0.25s ease, top 0.25s ease, left 0.25s ease, color 0.25s ease, font-size 0.25s ease, -webkit-transform 0.25s ease;
    -o-transition: opacity 0.25s ease, top 0.25s ease, left 0.25s ease, color 0.25s ease, font-size 0.25s ease, transform 0.25s ease;
    transition: opacity 0.25s ease, top 0.25s ease, left 0.25s ease, color 0.25s ease, font-size 0.25s ease, transform 0.25s ease;
    transition: opacity 0.25s ease, top 0.25s ease, left 0.25s ease, color 0.25s ease, font-size 0.25s ease, transform 0.25s ease, -webkit-transform 0.25s ease;
}
.odt-festo-TextInput-icon {
    width: 26px;
    height: 26px;
    right: 18px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
.odt-festo-TextInput-message {
    font-size: 12px;
    left: 5px;
    right: 5px;
    margin-top: 0;
    margin-bottom: 0;
    position: absolute;
    bottom: 0;
}
.odt-festo-TextInput-input:focus + .odt-festo-TextInput-label,
.odt-festo-TextInput.is-active .odt-festo-TextInput-label {
    top: 5px;
    left: 29px;
    font-size: 13px;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.odt-festo-TextInput.is-invalid {
    color: #d0021b;
}
.odt-festo-TextInput.is-invalid .odt-festo-TextInput-icon {
    opacity: 1;
}
.odt-festo-TextInput.is-invalid .odt-festo-TextInput-icon svg {
    fill: #d0021b;
}
.odt-festo-TextInput.is-invalid .odt-festo-TextInput-input {
    color: inherit;
    border-bottom-color: #d0021b;
}
.odt-festo-TextInput.is-valid {
    color: #0091dc;
}
.odt-festo-TextInput.is-valid .odt-festo-TextInput-icon {
    opacity: 1;
}
.odt-festo-TextInput.is-valid .odt-festo-TextInput-icon svg {
    fill: #0091dc;
}
.odt-festo-TextInput.is-valid .odt-festo-TextInput-input {
    border-bottom-color: #0091dc;
}
.odt-festo-TextInput.is-disabled {
    opacity: 0.5;
}
.odt-festo-TextInput.is-disabled .odt-festo-TextInput-input {
    color: #000;
    background-color: #fff;
}
.odt-festo-Card.IconCard {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: left;
    justify-content: left;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    padding: 20px;
    overflow: hidden;
}
@media (min-width: 768px) {
    .odt-festo-Card.IconCard {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        padding: 20px;
    }
}
@media screen and (min-width: 550px) and (max-width: 1079px) {
    .odt-festo-Card.IconCard {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: left;
        justify-content: left;
    }
}
@media screen and (min-width: 1080px) {
    .odt-festo-Card.IconCard {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-align: center;
        align-items: center;
        padding: 20px 28px;
    }
}
.odt-festo-Card.IconCard .IconCard__body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: calc(100% - 80px);
    max-width: calc(100% - 80px);
}
@media (min-width: 768px) {
    .odt-festo-Card.IconCard .IconCard__body {
        width: 100%;
        max-width: 100%;
        text-align: center;
    }
}
@media screen and (min-width: 1080px) {
    .odt-festo-Card.IconCard .IconCard__body {
        width: auto;
        max-width: 100%;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: left;
        align-items: left;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}
.odt-festo-Card.IconCard .IconCard__icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 30px;
    width: 70px;
    height: 70px;
}
@media (min-width: 768px) {
    .odt-festo-Card.IconCard .IconCard__icon {
        margin: 0 0 18px;
    }
}
@media (min-width: 1200px) {
    .odt-festo-Card.IconCard .IconCard__icon {
        width: 100px;
        height: 100px;
        margin: 0 25px 0 0;
    }
}
@media screen and (min-width: 550px) and (max-width: 1079px) {
    .odt-festo-Card.IconCard .IconCard__icon {
        width: 64px;
        height: 60px;
    }
}
.odt-festo-Card.IconCard .IconCard__icon svg {
    width: 100%;
}
.odt-festo-Card.IconCard .IconCard__headline {
    display: block;
    width: 100%;
}
@media screen and (min-width: 550px) and (max-width: 1079px) {
    .odt-festo-Card.IconCard .IconCard__headline {
        max-width: 100%;
    }
}
.odt-festo-Card.IconCard .IconCard__text {
    font-size: 17px;
    line-height: 1.5;
    margin-bottom: 0;
}
.odt-festo-Card.IconCard .IconCard__content {
    display: none;
}
.odt-festo-Card.IconCard .IconCard__content--mobile {
    display: block;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.5s linear;
    -o-transition: max-height 0.5s linear;
    transition: max-height 0.5s linear;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
@media screen and (min-width: 767px) {
    .odt-festo-Card.IconCard .IconCard__content {
        display: block;
    }
    .odt-festo-Card.IconCard .IconCard__content--mobile {
        display: none;
    }
}
.odt-festo-Card.IconCard .IconCard__content-toggle {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    color: #0091dc;
    margin: 0;
    max-height: 40px;
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    transition-delay: 0.5s;
}
.odt-festo-Card.IconCard .IconCard__content-toggle--open {
    margin-top: 8px;
}
.odt-festo-Card.IconCard .IconCard__content-toggle--close {
    margin-top: 16px;
}
.odt-festo-Card.IconCard .IconCard__content-toggle svg {
    width: 0.75em;
    height: 0.75em;
    fill: #0091dc;
    margin-right: 0.75em;
}
@media screen and (min-width: 767px) {
    .odt-festo-Card.IconCard .IconCard__content-toggle {
        display: none;
    }
}
.odt-festo-Card.IconCard.is-open .IconCard__content-toggle {
    -webkit-transition-delay: 0.01s;
    -o-transition-delay: 0.01s;
    transition-delay: 0.01s;
}
.odt-festo-Card.IconCard.is-open .IconCard__content-toggle--open {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
    margin-top: 0;
}
.odt-festo-Card.IconCard.is-open .IconCard__content--mobile {
    max-height: 400px;
    overflow: visible;
}
.BackToTop {
    position: fixed;
    bottom: -40px;
    right: 7%;
    background-color: #0091dc;
    background-image: url(/rep/de_de/op/coreprog61/media/white-arrow-top.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 13px;
    z-index: 999;
    border-radius: 4px;
    cursor: pointer;
    -webkit-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
.BackToTop a {
    width: 40px;
    height: 40px;
    display: block;
}
.BackToTop.show {
    -webkit-transform: translateY(-65px);
    -ms-transform: translateY(-65px);
    transform: translateY(-65px);
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .BackToTop.show {
        -webkit-transform: translateY(-80px);
        -ms-transform: translateY(-80px);
        transform: translateY(-80px);
    }
}
@media (min-width: 992px) {
    .BackToTop.show {
        -webkit-transform: translateY(-85px);
        -ms-transform: translateY(-85px);
        transform: translateY(-85px);
    }
}
.ContactFormLayer .odt-festo-FullscreenPopup-body {
    background-color: #d8dce1;
    padding: 32px;
    max-width: 850px;
}
@media (min-width: 992px) {
    .ContactFormLayer .odt-festo-FullscreenPopup-body {
        padding: 16px 50px 50px;
    }
}
.ContactFormLayer-container {
    max-height: 90vh;
    overflow-y: auto;
}
@media (min-width: 992px) {
    .ContactFormLayer .odt-festo-FullscreenPopup-close-icon {
        margin-right: -32px;
    }
}
.ContactFormLayer-intro .odt-Headline {
    margin-bottom: 15px;
}
.ContactFormLayer-intro p {
    margin-top: 0;
    margin-bottom: 25px;
}
.ContactFormLayer .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 10px 0;
    overflow: hidden;
}
.ContactFormLayer .row .odt-festo-Select,
.ContactFormLayer .row > .odt-festo-CheckboxInput,
.ContactFormLayer .row > .odt-festo-TextInput {
    width: 100%;
}
.ContactFormLayer .row:first-child .odt-festo-Select:first-child {
    margin-top: 20px;
    margin-bottom: 20px;
}
@media (min-width: 768px) {
    .ContactFormLayer .row:first-child .odt-festo-Select {
        max-width: 48%;
    }
    .ContactFormLayer .row:first-child .odt-festo-Select:first-child {
        margin-top: 0;
        margin-bottom: 0;
    }
}
.ContactFormLayer .row:last-child {
    margin-bottom: 0;
    -ms-flex-align: center;
    align-items: center;
}
.ContactFormLayer .odt-festo-CheckboxInput {
    margin-bottom: 18px;
}
.ContactFormLayer .notice {
    font-size: 14px;
}
@media screen and (max-width: 1024px) {
    .ContactFormLayer .notice {
        font-size: 12px;
    }
}
@media screen and (max-width: 767px) {
    .ContactFormLayer .notice {
        font-size: 10px;
    }
}
.ContactFormLayer .notice.form-error-notice {
    font-size: inherit;
    color: #d0021b;
    margin-bottom: 16px;
}
.CookiePopup {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px 0;
    -webkit-box-shadow: 5px 15px 30px 0 rgba(39, 69, 104, 0.15);
    box-shadow: 5px 15px 30px 0 rgba(39, 69, 104, 0.15);
    background-color: #fff;
    font-size: 12px;
    z-index: 40000;
}
@media screen and (min-width: 767px) {
    .CookiePopup {
        font-size: 14px;
    }
}
@media screen and (min-width: 1024px) {
    .CookiePopup {
        font-size: 16px;
    }
}
.CookiePopup a {
    color: #0091dc;
    text-decoration: none;
}
.CookiePopup__body {
    display: -ms-flexbox;
    display: flex;
}
.CookiePopup__confirm {
    color: #0091dc;
    fill: #0091dc;
    margin-left: 1em;
}
.CrossReferenceTool {
    overflow: hidden;
    background-color: #d8dce1;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top;
    position: relative;
}
@media (min-width: 992px) {
    .CrossReferenceTool {
        display: -ms-flexbox;
        display: flex;
        background-size: contain;
        background-position: 100% 0;
    }
}
.CrossReferenceTool__form {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-bottom: 20px;
}
@media (min-width: 576px) {
    .CrossReferenceTool__form {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}
.CrossReferenceTool__form input {
    width: 100%;
    height: 40px;
    padding: 8px 52px 8px 28px;
    -webkit-box-shadow: 5px 15px 30px 0 rgba(39, 69, 104, 0.15);
    box-shadow: 5px 15px 30px 0 rgba(39, 69, 104, 0.15);
}
@media (min-width: 768px) {
    .CrossReferenceTool__form input {
        height: 49px;
    }
}
.CrossReferenceTool__col {
    padding: 0;
}
@media (min-width: 576px) {
    .CrossReferenceTool__col {
        padding: 0;
    }
}
@media (min-width: 992px) {
    .CrossReferenceTool__col {
        background-image: none;
        padding: 0;
        width: 55%;
    }
}
@media (min-width: 992px) {
    .CrossReferenceTool__col:last-of-type {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        width: 45%;
        padding-top: 50px;
    }
}
.CrossReferenceTool__col__text {
    margin-top: -50px;
}
@media (min-width: 992px) {
    .CrossReferenceTool__col__text {
        margin: 0 0 15px;
    }
}
.CrossReferenceTool__image {
    position: relative;
}
@media (min-width: 992px) {
    .CrossReferenceTool__image {
        display: none;
    }
}
.CrossReferenceTool__image img {
    margin: 0 auto;
}
.CrossReferenceTool__image.desktop {
    display: none;
}
@media (min-width: 992px) {
    .CrossReferenceTool__image.desktop {
        display: block;
        width: 100%;
    }
}
.CrossReferenceTool__form-input.TextInput {
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-bottom: 0;
}
@media (min-width: 576px) {
    .CrossReferenceTool__form-input.TextInput {
        margin-right: 20px;
        max-width: 338px;
    }
}
.CrossReferenceTool__form-submit {
    outline: none;
}
.CrossReferenceTool__table {
    color: #979797;
    padding: 30px 0;
}
@media (min-width: 768px) {
    .CrossReferenceTool__table {
        padding-top: 0;
    }
}
@media (min-width: 992px) {
    .CrossReferenceTool__table {
        padding-top: 0;
    }
}
.CrossReferenceTool__table__wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: row;
    flex-direction: row;
}
@media (min-width: 768px) {
    .CrossReferenceTool__table__wrapper {
        max-width: 530px;
    }
}
.CrossReferenceTool__table__item {
    width: 20%;
    padding: 0 0 0 7px;
    border-bottom: 1px solid hsla(0, 0%, 59%, 0.2);
    font-size: 13px;
    line-height: 26px;
    text-transform: uppercase;
}
.CrossReferenceTool__table__item:nth-last-child(-n + 5) {
    border-bottom: 0;
}
@media (min-width: 576px) {
    .CrossReferenceTool__table__item {
        font-size: 14px;
        line-height: 28px;
        width: 16.6%;
    }
}
.CrossReferenceTool__table p {
    font-size: 13px;
    line-height: 21px;
}
.CrossReferenceTool__table p:last-child {
    margin-top: 40px;
    width: 100%;
    text-align: left;
    max-width: 100%;
}
@media (min-width: 992px) {
    .CrossReferenceTool__table p:last-child {
        display: none;
    }
}
@media (min-width: 576px) {
    .CrossReferenceTool__table p {
        max-width: 530px;
        font-size: 14px;
        line-height: 21px;
    }
}
.CrossReferenceTool__label {
    position: absolute;
    top: 5%;
    right: 5%;
    display: -ms-flexbox;
    display: flex;
    width: 100px;
    height: 100px;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    color: #0091dc;
    background-color: #dcebf6;
    border-radius: 50%;
    font-size: 15px;
    line-height: 1;
    -webkit-box-shadow: 5px 15px 30px 0 rgba(39, 69, 104, 0.15);
    box-shadow: 5px 15px 30px 0 rgba(39, 69, 104, 0.15);
    padding-bottom: 5px;
}
.CrossReferenceTool__label strong {
    font-size: 28px;
}
@media (min-width: 576px) {
    .CrossReferenceTool__label {
        top: 15%;
        right: 40%;
        -webkit-transform: translateX(40%);
        -ms-transform: translateX(40%);
        transform: translateX(40%);
    }
}
.CrossReferenceTool__footnote {
    display: none;
    color: #979797;
    font-size: 13px;
    line-height: 21px;
    position: absolute;
    right: 10px;
    bottom: 0;
}
@media (min-width: 992px) {
    .CrossReferenceTool__footnote {
        display: block;
    }
}
.CrossReferenceTool .Section {
    margin-top: 0;
    margin-bottom: 0;
}
@media (min-width: 576px) {
    .CrossReferenceTool .Section {
        margin-top: 0;
    }
}
@media (min-width: 992px) {
    .CrossReferenceTool .Section {
        width: 100%;
        padding: 60px 0;
    }
}
.CrossReferenceTool .SectionIntro {
    padding-top: 46px;
    margin-bottom: 0;
}
@media (min-width: 576px) {
    .CrossReferenceTool .SectionIntro {
        padding-top: 80px;
    }
}
@media (min-width: 992px) {
    .CrossReferenceTool .SectionIntro {
        margin-top: 0;
        padding: 0;
        margin-bottom: 50px;
    }
}
.CrossReferenceTool .SectionIntro h3 {
    margin-top: 0;
}
.CrossReferenceTool .SectionIntro h3:before {
    display: none;
}
@media (min-width: 992px) {
    .CrossReferenceTool .odt-festo-ContentContainer {
        display: -ms-flexbox;
        display: flex;
        padding-right: 0;
    }
}
.CrossReferencePopup__headline {
    font-size: 16px;
    line-height: 22px;
    margin-top: 0;
    padding: 0 12px;
}
@media (min-width: 768px) {
    .CrossReferencePopup__headline {
        margin-bottom: 20px;
    }
}
@media (min-width: 992px) {
    .CrossReferencePopup__headline {
        font-size: 17px;
        line-height: 29px;
    }
}
.CrossReferencePopup__headline span {
    display: inline-block;
    content: "";
    width: 16px;
    height: 16px;
    -webkit-transform: translateY(2px);
    -ms-transform: translateY(2px);
    transform: translateY(2px);
    background: url(/rep/de_de/op/coreprog61/media/star-blue.svg) no-repeat 50%;
    background-size: contain;
    margin-right: 2px;
}
.CrossReferencePopup__group {
    padding: 0 12px;
    margin-bottom: 28px;
}
.CrossReferencePopup__group.last {
    margin-bottom: 20px;
}
@media (min-width: 768px) {
    .CrossReferencePopup__group.last {
        margin-top: 20px;
    }
}
@media (min-width: 992px) {
    .CrossReferencePopup__group.last {
        margin-top: 20px;
    }
}
.CrossReferencePopup__label {
    font-size: 16px;
    line-height: 1;
    color: #979797;
    font-weight: 300;
    margin-bottom: 0;
}
@media (min-width: 768px) {
    .CrossReferencePopup__label {
        margin-top: 0;
    }
}
@media (min-width: 992px) {
    .CrossReferencePopup__label {
        font-size: 17px;
    }
}
.CrossReferencePopup__value {
    font-size: 20px;
    line-height: 29px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 25px;
}
.CrossReferencePopup__value:last-of-type {
    margin-bottom: 0;
}
.CrossReferencePopup__value--large {
    font-size: 55px;
    line-height: 1;
    margin-bottom: 0;
}
@media (min-width: 768px) {
    .CrossReferencePopup__row {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        padding-bottom: 20px;
    }
}
.CrossReferencePopup__content {
    margin-bottom: 30px;
}
.CrossReferencePopup__content:last-of-type {
    margin-bottom: 20px;
}
@media (min-width: 768px) {
    .CrossReferencePopup__content:last-of-type {
        margin-bottom: 0;
    }
}
@media (min-width: 768px) {
    .CrossReferencePopup__content {
        width: 35%;
        margin-bottom: 0;
    }
    .CrossReferencePopup__content:last-of-type {
        width: 65%;
        border-left: 1px solid rgba(216, 220, 225, 0.9);
        padding-left: 38px;
    }
}
.CrossReferencePopup__cta {
    padding: 20px 12px;
    border-top: 1px solid rgba(216, 220, 225, 0.9);
}
@media (min-width: 768px) {
    .CrossReferencePopup__cta {
        padding-bottom: 0;
    }
}
.CrossReferencePopup__cta .odt-festo-LinkText {
    padding-left: 20px;
}
.CrossReferencePopup__button {
    display: inline-block;
    margin-bottom: 25px;
}
@media (min-width: 768px) {
    .CrossReferencePopup__button {
        margin-right: 40px;
    }
}
.CrossReferencePopup__text {
    padding: 0 12px;
    margin-top: -10px;
    margin-bottom: 30px;
}
.CrossReferencePopup__ref-type-code {
    padding: 10px 12px 20px;
    font-size: 20px;
    line-height: 19px;
    border-bottom: 1px solid rgba(216, 220, 225, 0.9);
    margin-top: 10px;
}
@media (min-width: 768px) {
    .CrossReferencePopup__ref-type-code {
        padding-top: 0;
        margin-top: 0;
    }
}
@media (min-width: 992px) {
    .CrossReferencePopup__ref-type-code {
        margin-bottom: 15px;
        padding-bottom: 25px;
    }
}
.CrossReferencePopup .odt-festo-FullscreenPopup-body {
    padding: 20px 24px;
    width: 100%;
    height: 100%;
}
@media (min-width: 576px) {
    .CrossReferencePopup .odt-festo-FullscreenPopup-body {
        height: auto;
        max-width: 595px;
    }
}
.CrossReferencePopup .odt-festo-FullscreenPopup-close svg {
    width: 11px;
    height: 11px;
}
.disabled {
    cursor: not-allowed;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    opacity: 0.5;
}
.disabled a {
    pointer-events: none;
}
.TextInput {
    position: relative;
    display: block;
    border-radius: 2px;
    padding-bottom: 20px;
    -webkit-transition: color 0.25s ease;
    -o-transition: color 0.25s ease;
    transition: color 0.25s ease;
}
.TextInput__input {
    width: 100%;
    height: 50px;
    border: 0;
    border-bottom: 2px solid transparent;
    border-radius: 2px;
    font-size: 20px;
    padding: 15px 52px 0 28px;
    position: relative;
    font-family: MetaPro, sans-serif;
    -webkit-transition: border 0.25s ease;
    -o-transition: border 0.25s ease;
    transition: border 0.25s ease;
}
.TextInput__input:focus {
    outline: none;
}
.TextInput__icon,
.TextInput__label {
    position: absolute;
    top: calc(50% - 10px);
    z-index: 1;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.TextInput__label {
    left: 28px;
    color: #000;
    opacity: 0.3;
    font-weight: 400;
    pointer-events: none;
    -webkit-transition: opacity 0.25s ease, top 0.25s ease, left 0.25s ease, color 0.25s ease, font-size 0.25s ease, -webkit-transform 0.25s ease;
    transition: opacity 0.25s ease, top 0.25s ease, left 0.25s ease, color 0.25s ease, font-size 0.25s ease, -webkit-transform 0.25s ease;
    -o-transition: opacity 0.25s ease, top 0.25s ease, left 0.25s ease, color 0.25s ease, font-size 0.25s ease, transform 0.25s ease;
    transition: opacity 0.25s ease, top 0.25s ease, left 0.25s ease, color 0.25s ease, font-size 0.25s ease, transform 0.25s ease;
    transition: opacity 0.25s ease, top 0.25s ease, left 0.25s ease, color 0.25s ease, font-size 0.25s ease, transform 0.25s ease, -webkit-transform 0.25s ease;
}
.TextInput__label.error {
    color: red;
    opacity: 0.8;
}
.TextInput--active .TextInput__label,
.TextInput__input:focus + .TextInput__label {
    top: 1px;
    left: 29px;
    font-size: 13px;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.CtaContainer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
}
@media (min-width: 1200px) {
    .CtaContainer {
        -ms-flex-direction: row;
        flex-direction: row;
    }
}
.CtaContainer > * {
    margin-bottom: 20px;
}
.CtaContainer > :last-child {
    margin-bottom: 0;
}
@media (min-width: 1200px) {
    .CtaContainer > * {
        margin-bottom: 0;
        margin-right: 20px;
    }
    .CtaContainer > :last-child {
        margin-right: 0;
    }
}
.DownloadSection {
    margin-bottom: 250px;
}
@media (max-width: 767.98px) and (max-width: 767.98px) {
    .DownloadSection {
        margin-bottom: 210px;
    }
}
@media (max-width: 767.98px) {
    .DownloadSection .odt-festo-ContentContainer {
        padding-right: 16px;
        padding-left: 16px;
    }
}
.DownloadSection .odt-Card.DownloadSection-card {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}
@media (max-width: 767.98px) {
    .DownloadSection .odt-Card.DownloadSection-card {
        padding: 30px 18px;
    }
}
@media (min-width: 768px) {
    .DownloadSection .odt-Card.DownloadSection-card {
        -ms-flex-direction: row;
        flex-direction: row;
    }
}
.DownloadSection-card-content {
    max-width: 665px;
    margin-bottom: 30px;
}
@media (min-width: 768px) {
    .DownloadSection-card-content {
        margin-bottom: 0;
        padding-right: 60px;
    }
}
.DownloadSection-card-content p {
    margin: 14px auto 34px;
}
.DownloadSection-card-content .odt-Headline {
    max-width: 410px;
}
.DownloadSection-card-image {
    width: 100%;
    max-width: 340px;
    margin-bottom: -120px;
}
@media (min-width: 768px) {
    .DownloadSection-card-image {
        -ms-flex-item-align: end;
        align-self: flex-end;
    }
}
.DownloadSection-card-image img {
    -webkit-box-shadow: 5px 15px 30px 0 rgba(39, 69, 104, 0.15);
    box-shadow: 5px 15px 30px 0 rgba(39, 69, 104, 0.15);
}
.Footer {
    background-color: #fff;
    color: #979797;
    fill: #979797;
    padding: 20px 0;
    position: relative;
}
@media (min-width: 768px) {
    .Footer {
        padding: 50px 0 90px;
    }
}
.Footer .odt-festo-ContentContainer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
@media (min-width: 768px) {
    .Footer .odt-festo-ContentContainer {
        height: 285px;
    }
}
@media (min-width: 992px) {
    .Footer .odt-festo-ContentContainer {
        height: 185px;
    }
}
.Footer .column {
    margin-top: 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}
.Footer .column:not(.social) a {
    margin-left: 0;
    -webkit-transition: margin 0.25s ease;
    -o-transition: margin 0.25s ease;
    transition: margin 0.25s ease;
}
.Footer .column:not(.social) a:hover {
    margin-left: 0.25em;
}
.Footer .column:not(.social) a svg {
    display: none;
}
.Footer .odt-festo-LinkText,
.Footer strong {
    color: #000;
}
.Footer .odt-festo-LinkText {
    color: inherit;
    font-size: 14px;
    fill: inherit;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    margin-top: 10px;
    margin-bottom: 10px;
}
.Footer .odt-festo-LinkText:last-child,
.Footer .odt-festo-LinkText:last-child:hover {
    margin-right: 0;
}
.Footer .column {
    width: 100%;
    display: inline-block;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}
@media (min-width: 768px) {
    .Footer .column {
        width: 37%;
    }
}
@media (min-width: 992px) {
    .Footer .column {
        width: 25%;
    }
}
.Footer .column:first-child {
    -ms-flex-order: 1;
    order: 1;
}
.Footer .column:nth-child(2) {
    -ms-flex-order: 2;
    order: 2;
}
.Footer .column:nth-child(3) {
    -ms-flex-order: 3;
    order: 3;
}
@media (min-width: 992px) {
    .Footer .column:nth-child(3) {
        margin-top: 20px;
    }
}
.Footer .column:nth-child(4) {
    -ms-flex-order: 4;
    order: 4;
}
.Footer .column:nth-child(5) {
    -ms-flex-order: 5;
    order: 5;
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .Footer .column:nth-child(5) {
        width: 26%;
    }
}
.Footer .column:nth-child(6) {
    -ms-flex-order: 6;
    order: 6;
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .Footer .column:nth-child(2n) {
        margin-top: 30px;
    }
}
.Footer .column.social .odt-festo-LinkText .odt-festo-LinkText-icon {
    width: 20px;
    height: 24px;
}
.Footer .column.social .odt-festo-LinkText .odt-festo-LinkText-icon path,
.Footer .column.social .odt-festo-LinkText .odt-festo-LinkText-icon polygon {
    fill: transparent;
    stroke: transparent;
}
.Footer .column.social .odt-festo-LinkText.facebook .odt-festo-LinkText-icon {
    background: url(/rep/de_de/op/coreprog61/media/facebook-gray.svg) no-repeat 50%;
}
.Footer .column.social .odt-festo-LinkText.twitter .odt-festo-LinkText-icon {
    background: url(/rep/de_de/op/coreprog61/media/twitter-gray.svg) no-repeat 50%;
}
.Footer .column.social .odt-festo-LinkText.youtube .odt-festo-LinkText-icon {
    background: url(/rep/de_de/op/coreprog61/media/youtube-gray.svg) no-repeat 50%;
}
.Footer .column.social .odt-festo-LinkText.xing .odt-festo-LinkText-icon {
    background: url(/rep/de_de/op/coreprog61/media/xing-gray.svg) no-repeat 50%;
}
.Footer .column.social .odt-festo-LinkText.linkedin .odt-festo-LinkText-icon {
    background: url(/rep/de_de/op/coreprog61/media/linkedin-gray.svg) no-repeat 50%;
}
.Footer .column.social .odt-festo-LinkText.induux .odt-festo-LinkText-icon {
    background: url(/rep/de_de/op/coreprog61/media/induux-gray.svg) no-repeat 50%;
}
.Footer .column.social .odt-festo-LinkText.instagram .odt-festo-LinkText-icon {
    background: url(/rep/de_de/op/coreprog61/media/instagram-gray.svg) no-repeat 50%;
}
.Footer .column.social .odt-festo-LinkText:hover.facebook .odt-festo-LinkText-icon {
    background: url(/rep/de_de/op/coreprog61/media/facebook.svg) no-repeat 50%;
}
.Footer .column.social .odt-festo-LinkText:hover.twitter .odt-festo-LinkText-icon {
    background: url(/rep/de_de/op/coreprog61/media/twitter.svg) no-repeat 50%;
}
.Footer .column.social .odt-festo-LinkText:hover.youtube .odt-festo-LinkText-icon {
    background: url(/rep/de_de/op/coreprog61/media/youtube.svg) no-repeat 50%;
}
.Footer .column.social .odt-festo-LinkText:hover.xing .odt-festo-LinkText-icon {
    background: url(/rep/de_de/op/coreprog61/media/xing.svg) no-repeat 50%;
}
.Footer .column.social .odt-festo-LinkText:hover.linkedin .odt-festo-LinkText-icon {
    background: url(/rep/de_de/op/coreprog61/media/linkedin.svg) no-repeat 50%;
}
.Footer .column.social .odt-festo-LinkText:hover.induux .odt-festo-LinkText-icon {
    background: url(/rep/de_de/op/coreprog61/media/induux.svg) no-repeat 50%;
}
.Footer .column.social .odt-festo-LinkText:hover.instagram .odt-festo-LinkText-icon {
    background: url(/rep/de_de/op/coreprog61/media/instagram.svg) no-repeat 50%;
}
@media (min-width: 992px) {
    .Footer .social-box {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-top: -10px;
    }
}
@media (min-width: 992px) {
    .Footer .social-box--column {
        width: 50%;
    }
}
.Footer .odt-festo-LinkText {
    display: -ms-flexbox;
    display: flex;
}
.Footer strong {
    font-size: 18px;
    color: #303030;
}
@media screen and (max-width: 1024px) {
    .Footer strong {
        font-size: 16px;
    }
}
.Footer p,
.Footer strong {
    display: block;
    margin: 10px 0;
}
.Footer p {
    color: inherit;
    font-size: 14px;
    fill: inherit;
}
.FormResultLayer__container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}
.FormResultLayer .odt-festo-FullscreenPopup-body {
    background-color: #d8dce1;
}
.FormResultLayer__icon {
    width: 86px;
    height: 86px;
}
.FormResultLayer--error .FormResultLayer__icon path,
.FormResultLayer--invalid .FormResultLayer__icon path,
.FormResultLayer--success .FormResultLayer__icon path {
    fill: #000;
}
.FormResultLayer--error .FormResultLayer__icon {
    height: 124px;
}
.FormResultLayer .odt-Headline {
    color: #000;
    margin-top: 25px;
}
.FormResultLayer__cta {
    margin-top: 65px;
}
.FormResultLayer__cta:hover {
    cursor: pointer;
}
.FormResultLayer__text p {
    margin: 0;
}
.Header {
    width: 100%;
    position: fixed;
    top: 0;
    padding-top: 25px;
    padding-bottom: 25px;
    background-color: #fff;
    z-index: 50000;
    border-bottom: 1px solid #0091dc;
}
@media screen and (min-width: 767px) {
    .Header {
        padding-top: 25px;
        padding-bottom: 20px;
    }
}
@media screen and (min-width: 1024px) {
    .Header {
        max-height: 100%;
        padding-bottom: 0;
    }
}
.Header .odt-festo-ContentContainer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}
.Header .odt-festo-Menu {
    position: absolute;
    height: calc(100vh - 71px);
    top: 46px;
    width: 100%;
    left: 0;
    background: #fff;
    margin: 0;
    z-index: 9000;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 30px 30px 0;
    -webkit-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
    opacity: 0;
    pointer-events: none;
}
@media screen and (min-width: 767px) {
    .Header .odt-festo-Menu {
        padding-top: 15px;
        padding-left: 50px;
        padding-right: 50px;
        top: 41px;
        height: auto;
        width: 100%;
        -ms-flex-direction: row;
        flex-direction: row;
        pointer-events: all;
    }
}
@media screen and (min-width: 1024px) {
    .Header .odt-festo-Menu {
        background: none;
        position: static;
        padding: 0;
        opacity: 1;
    }
}
.Header .odt-festo-MenuItem {
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    font-size: 22px;
}
.Header .odt-festo-MenuItem a {
    color: inherit;
    text-decoration: none;
}
.Header .odt-festo-MenuItem:first-child {
    margin-left: 0;
}
.Header .odt-festo-MenuItem:last-child {
    margin-top: 15px;
    color: #979797;
}
.Header .odt-festo-MenuItem:last-child span {
    position: relative;
    display: inline-block;
    content: "";
    width: 16px;
    height: 16px;
    background: url(/rep/de_de/op/coreprog61/media/register-icon.svg) no-repeat 50%;
    background-size: contain;
    margin-right: 10px;
    bottom: -2px;
}
.Header .odt-festo-MenuItem:before {
    content: none;
}
.Header .odt-festo-MenuItem > div {
    position: relative;
    padding: 0 3px 14px;
}
.Header .odt-festo-MenuItem > div:before {
    content: "";
    position: absolute;
    top: auto;
    left: -1px;
    bottom: -2px;
    display: block;
    width: 100%;
    height: 2px;
    background: #0091dc;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
.Header .odt-festo-MenuItem:hover {
    border-color: transparent;
}
.Header .odt-festo-MenuItem:hover > div:before {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
}
@media screen and (min-width: 767px) {
    .Header .odt-festo-MenuItem {
        font-size: 18px;
        padding-right: 20px;
    }
    .Header .odt-festo-MenuItem:last-child {
        margin-top: 0;
        margin-left: auto;
        padding-right: 0;
    }
}
@media screen and (min-width: 1024px) {
    .Header .odt-festo-MenuItem {
        padding-bottom: 0;
        padding-right: 30px;
        font-size: 16px;
    }
    .Header .odt-festo-MenuItem:last-child {
        margin-left: 30px;
    }
}
.Header--mobile-active .odt-festo-Menu {
    opacity: 1;
    pointer-events: all;
}
.Header--mobile-active .Header__burger span:first-child,
.Header--mobile-active .Header__burger span:last-child {
    opacity: 0;
}
.Header--mobile-active .Header__burger span:nth-child(2) {
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
}
.Header--mobile-active .Header__burger span:nth-child(3) {
    -webkit-transform: translateY(-50%) rotate(-45deg);
    -ms-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg);
}
.Header__burger {
    position: relative;
    height: 20px;
    width: 24px;
    cursor: pointer;
    border: none;
    text-align: left;
    padding: 0;
    outline: none;
    background: transparent;
}
@media screen and (min-width: 1024px) {
    .Header__burger {
        display: none;
    }
}
.Header__burger span {
    width: 100%;
    height: 4px;
    background: #000;
    position: absolute;
    top: 50%;
    -webkit-transition: opacity 0.3s ease-in-out, top 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out, top 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, top 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, top 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, top 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.Header__burger span:first-child {
    top: 0;
    left: 0;
}
.Header__burger span:nth-child(2),
.Header__burger span:nth-child(3) {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.Header__burger span:last-child {
    top: auto;
    bottom: 0;
    left: 0;
}
.Header__logo {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 30px;
}
.Header__logo svg {
    height: 20px;
    max-width: 134px;
    width: auto;
    fill: #0091dc;
}
@media screen and (min-width: 767px) {
    .Header__logo {
        right: 50px;
    }
}
@-webkit-keyframes star {
    0% {
        opacity: 0;
        -webkit-transform: rotate(-46deg) scale(1);
        transform: rotate(-46deg) scale(1);
    }
    50% {
        opacity: 1;
        -webkit-transform: rotate(-23deg) scale(1.3);
        transform: rotate(-23deg) scale(1.3);
    }
    to {
        opacity: 1;
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1);
    }
}
@keyframes star {
    0% {
        opacity: 0;
        -webkit-transform: rotate(-46deg) scale(1);
        transform: rotate(-46deg) scale(1);
    }
    50% {
        opacity: 1;
        -webkit-transform: rotate(-23deg) scale(1.3);
        transform: rotate(-23deg) scale(1.3);
    }
    to {
        opacity: 1;
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1);
    }
}
@-webkit-keyframes fade-in {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes fade-in {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-webkit-keyframes slide-fade-in {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-40px);
        transform: translateX(-40px);
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes slide-fade-in {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-40px);
        transform: translateX(-40px);
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
.HeroArea {
    overflow: hidden;
    position: relative;
    max-height: 575px;
}
.HeroArea a {
    color: inherit;
}
@media (orientation: landscape) and (min-width: 992px) {
    .HeroArea {
        max-height: none;
    }
}
@media (orientation: landscape) and (max-width: 812px) and (min-width: 724px) {
    .HeroArea {
        max-height: calc(100vh - 130px);
    }
}
@media (min-width: 768px) {
    .HeroArea {
        height: 800px;
        max-height: none;
        -webkit-box-shadow: 5px 15px 30px rgba(39, 69, 104, 0.15);
        box-shadow: 5px 15px 30px rgba(39, 69, 104, 0.15);
    }
}
@media (min-width: 992px) {
    .HeroArea {
        height: 550px;
    }
}
.HeroArea .odt-festo-ContentContainer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -ms-flex-align: end;
    align-items: flex-end;
    overflow: hidden;
    max-width: 1000px;
    padding: 30px 30px 50px;
}
@media (min-width: 768px) {
    .HeroArea .odt-festo-ContentContainer {
        overflow: inherit;
    }
}
@media (min-width: 992px) {
    .HeroArea .odt-festo-ContentContainer {
        -ms-flex-direction: row;
        flex-direction: row;
    }
}
.HeroArea__video {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
}
@media (min-width: 992px) {
    .HeroArea__video--desktop {
        display: block;
        min-width: 1440px;
        margin-top: -120px;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .HeroArea__video--tablet {
        display: block;
        min-width: 768px;
    }
}
@media (orientation: landscape) and (max-width: 812px) and (min-width: 724px) {
    .HeroArea__video--tablet {
        display: none;
    }
}
@media (max-width: 991.98px) {
    .HeroArea__video--mobile {
        display: block;
    }
}
.HeroArea__video.is-loaded ~ .odt-festo-ContentContainer .HeroArea__content {
    -webkit-animation-name: fade-in;
    animation-name: fade-in;
}
.HeroArea__video.is-loaded ~ .odt-festo-ContentContainer .HeroArea__sub-title svg {
    -webkit-animation-name: star;
    animation-name: star;
}
.HeroArea__image {
    display: block;
    margin: 0 auto;
}
.HeroArea__image--desktop {
    display: none;
}
@media (min-width: 992px) {
    .HeroArea__image--desktop {
        display: block;
    }
}
.HeroArea__image--tablet {
    display: none;
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .HeroArea__image--tablet {
        display: block;
        width: 100%;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) and (orientation: landscape) {
    .HeroArea__image--tablet {
        display: none;
    }
}
.HeroArea__image--mobile {
    display: block;
    width: 100%;
}
@media (orientation: landscape) {
    .HeroArea__image--mobile {
        display: none;
    }
}
@media (min-width: 768px) {
    .HeroArea__image--mobile {
        display: none;
    }
}
.HeroArea__image--landscape {
    display: none;
}
@media (orientation: landscape) {
    .HeroArea__image--landscape {
        display: block;
        height: calc(100vh - 80px);
        background-position: center 70%;
        background-size: 100% auto;
    }
}
@media (orientation: landscape) and (min-width: 992px) {
    .HeroArea__image--landscape {
        display: none;
    }
}
@media (orientation: landscape) and (max-width: 812px) and (min-width: 724px) {
    .HeroArea__image--landscape {
        display: block;
    }
}
.HeroArea__image-landscape-mobile,
.HeroArea__image-landscape-tablet {
    background-size: 100% auto;
}
.HeroArea__content {
    opacity: 0;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
    width: 100%;
}
@media (min-width: 768px) {
    .HeroArea__content {
        width: 100%;
    }
}
.HeroArea__content a {
    display: inline-block;
    margin-bottom: 20px;
    margin-right: 20px;
}
.HeroArea__content a:last-of-type {
    margin: 0;
}
@media screen and (min-width: 550px) and (max-width: 1025px) {
    .HeroArea__content a {
        margin-bottom: 0;
    }
}
.HeroArea__title {
    font-weight: 400;
    font-size: 36px;
    margin: 0;
    line-height: 1;
}
@media (min-width: 768px) {
    .HeroArea__title {
        font-size: 50px;
    }
}
@media (min-width: 992px) {
    .HeroArea__title {
        font-size: 55px;
    }
}
.HeroArea__title strong {
    display: block;
}
@media (min-width: 768px) {
    .HeroArea__title strong {
        display: block;
    }
}
@media (min-width: 992px) {
    .HeroArea__title strong {
        display: inline-block;
    }
}
.HeroArea__sub-title {
    font-size: 18px;
    font-weight: 400;
    margin: 5px 0 35px;
}
@media (min-width: 768px) {
    .HeroArea__sub-title {
        margin: 5px 0 40px;
        font-size: 26px;
    }
}
@media (min-width: 992px) {
    .HeroArea__sub-title {
        margin: 5px 0 30px;
        font-size: 35px;
    }
}
@media screen and (min-width: 550px) and (max-width: 1025px) {
    .HeroArea__sub-title {
        margin-bottom: 30px;
    }
}
.HeroArea__sub-title span {
    display: inline-block;
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
}
@media (min-width: 768px) {
    .HeroArea__sub-title span {
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
    }
}
@media (min-width: 992px) {
    .HeroArea__sub-title span {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}
.HeroArea__sub-title svg {
    margin: 0 -3px -7px;
    opacity: 0;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-duration: 0.7s;
    animation-duration: 0.7s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}
@media (min-width: 768px) {
    .HeroArea__sub-title svg {
        margin: 0 0 -5px;
        font-size: 35px;
    }
}
@media (min-width: 992px) {
    .HeroArea__sub-title svg {
        margin: 0 8px -2px;
        font-size: 35px;
    }
}
.HeroArea__benefits {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 32px;
    display: none;
}
@media (min-width: 768px) {
    .HeroArea__benefits {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}
.HeroArea__benefits p {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    line-height: 27px;
    margin: 0;
}
@media screen and (min-width: 550px) and (max-width: 1025px) {
    .HeroArea__benefits p {
        margin: 0 0 8px;
    }
}
@media (min-width: 768px) {
    .HeroArea__benefits p {
        margin: 0 15px 0 0;
    }
}
@media (min-width: 768px) {
    .HeroArea__benefits p:first-of-type span {
        display: none;
    }
}
.HeroArea__benefits p span {
    display: inline-block;
    width: 6px;
    height: 6px;
    background-color: #979797;
    margin-right: 14px;
    border-radius: 50%;
}
.HeroArea .ProductFader {
    position: relative;
    width: 60%;
    max-width: 250px;
    opacity: 0;
    -webkit-animation: 0.3s ease-in slide-fade-in;
    animation: 0.3s ease-in slide-fade-in;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
    margin-bottom: -60px;
    height: auto;
}
@media (min-width: 768px) {
    .HeroArea .ProductFader {
        width: 100%;
        max-width: 320px;
        margin-bottom: 0;
        position: absolute;
        bottom: 100px;
        right: 38px;
    }
}
@media (min-width: 992px) {
    .HeroArea .ProductFader {
        max-width: 320px;
        margin-bottom: -30px;
        position: relative;
        bottom: auto;
        right: auto;
    }
}
.HeroArea .ProductFader .Fader__inner {
    width: 100%;
    margin-left: auto;
}
.ProductFader {
    width: auto;
    height: auto;
}
.ProductFader .Fader__inner {
    overflow: visible;
}
.ProductFader .Fader__item {
    opacity: 0;
    -webkit-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
    -webkit-transform: translateX(80px);
    -ms-transform: translateX(80px);
    transform: translateX(80px);
}
.ProductFader .Fader__item--next {
    -webkit-transform: translateX(-80px);
    -ms-transform: translateX(-80px);
    transform: translateX(-80px);
    -webkit-transition-delay: 2s;
    -o-transition-delay: 2s;
    transition-delay: 2s;
}
.ProductFader .Fader__item--active {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
}
.Fader {
    width: 100%;
    height: 100%;
}
.Fader__inner {
    position: relative;
    overflow: hidden;
}
.Fader__item {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: opacity 2.5s ease;
    -o-transition: opacity 2.5s ease;
    transition: opacity 2.5s ease;
    opacity: 0;
}
.Fader__item--active {
    opacity: 1;
}
.Fader__spacer {
    visibility: hidden;
}
.HighlightSection .odt-festo-ContentContainer {
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
}
@media (min-width: 768px) {
    .HighlightSection .odt-festo-ContentContainer {
        -ms-flex-direction: row;
        flex-direction: row;
    }
}
.HighlightSection.Section {
    margin: 20px 0 50px;
}
@media (min-width: 768px) {
    .HighlightSection.Section {
        margin-top: 60px;
    }
}
@media (min-width: 992px) {
    .HighlightSection.Section {
        margin-top: 100px;
    }
}
.HighlightSection .SectionIntro {
    margin-bottom: 35px;
}
@media (min-width: 768px) {
    .HighlightSection .SectionIntro {
        margin-bottom: 10px;
    }
}
@media (min-width: 992px) {
    .HighlightSection .SectionIntro {
        padding-top: 30px;
        margin-bottom: 10px;
    }
}
.HighlightSection-col {
    position: relative;
    width: 100%;
    padding: 0 12px;
}
@media (min-width: 768px) {
    .HighlightSection-col {
        width: 45%;
    }
}
@media (min-width: 992px) {
    .HighlightSection-col {
        width: 50%;
    }
}
.HighlightSection-col:first-of-type {
    padding-left: 0;
}
.HighlightSection-col:last-of-type {
    padding-right: 20px;
}
@media (min-width: 768px) {
    .HighlightSection-col:last-of-type {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-align: center;
        align-items: center;
        width: 55%;
    }
}
@media (min-width: 992px) {
    .HighlightSection-col:last-of-type {
        width: 50%;
        -ms-flex-direction: column;
        flex-direction: column;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-align: center;
        align-items: center;
    }
}
@media (min-width: 992px) {
    .HighlightSection-col-mobile {
        display: none;
    }
}
.HighlightSection-col-desktop {
    display: none;
}
@media (min-width: 992px) {
    .HighlightSection-col-desktop {
        display: block;
    }
}
.HighlightSection-cta {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
}
.HighlightSection-cta a {
    display: inline-block;
    margin-bottom: 20px;
    margin-right: 20px;
}
@media (min-width: 768px) {
    .HighlightSection-cta a {
        margin: 0 30px 20px 0;
    }
}
@media (min-width: 992px) {
    .HighlightSection-cta a {
        margin: 0 40px 0 0;
    }
}
@media (min-width: 768px) {
    .HighlightSection-cta {
        -ms-flex-direction: row;
        flex-direction: row;
    }
}
@media (min-width: 992px) {
    .HighlightSection-cta {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        width: 100%;
    }
}
.HighlightSection-product {
    padding: 25px 20% 0 0;
}
.HighlightSection-product,
.HighlightSection-product span {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}
.HighlightSection-product span {
    position: absolute;
    top: 0;
    right: 35px;
    width: 83px;
    height: 83px;
    background-color: #dcebf6;
    color: #0091dc;
    border-radius: 50%;
    font-size: 15px;
    letter-spacing: 0.28px;
    line-height: 14px;
    font-weight: 600;
}
@media (min-width: 768px) {
    .HighlightSection-product span {
        padding: 0;
    }
}
@media (min-width: 992px) {
    .HighlightSection-product span {
        top: 10px;
        right: 110px;
    }
}
.HighlightSection-product img {
    flex-shrink: 0;
}
.HighlightSection-product-link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    font-size: 0;
    color: transparent;
}
@media (min-width: 990px) and (max-width: 1200px) {
    .HighlightSection-product {
        padding-left: 0 !important;
    }
}
@media (min-width: 768px) {
    .HighlightSection-product {
        padding: 30px 60px 0 0;
    }
}
@media (min-width: 992px) {
    .HighlightSection-product {
        padding: 40px 18% 0;
    }
}
.HighlightSection-product.is-video {
    padding: 40px 7.5% 0 !important;
}
.HighlightSection-product-video-container {
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
    width: 100%;
}
.HighlightSection-product-video {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.HighlightSection-product-video:focus {
    outline: none;
}
.NewsSliderSection .SectionIntro em {
    font-weight: 700;
    font-style: normal;
}
.NewsSliderSection .slider {
    margin-top: -40px;
    padding: 0;
}
@media (min-width: 992px) {
    .NewsSliderSection .slider {
        max-width: 1300px;
        padding-left: 50px;
        padding-right: 50px;
        margin-right: auto;
        margin-left: auto;
    }
}
.NewsSliderSection .swiper-wrapper {
    position: relative;
}
.NewsSliderSection .swiper-container {
    position: relative;
    margin: 0;
    overflow: hidden;
}
@media (min-width: 1200px) {
    .NewsSliderSection .swiper-container {
        margin: 0;
        padding: 0 50px;
    }
}
@media (min-width: 992px) {
    .NewsSliderSection .swiper-container:before {
        left: 0;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAAAKCAYAAAAO/2PqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAALRJREFUeNrs1MsKhDAMQNE4u/7/v3aZCILMEPISVwP3bGpL0tZac+y9Tb78syVjUT9qrYmb5N99LfJ8zD3e5URrVDHm5p7EapEvrrXBXH6f2qyXnYMW+9MiNlu/yrMmzgZ7js5bi++ng/eOciRZW5o5ZHDm3R17cl+ju9TNL4N+96/JcCyb73fsCP7ZqA7JWutqPwIAf4KCBYCCBQAULAAULACgYAEABQsABQsAKFgA8M4pwAB+a9IRXoxy6AAAAABJRU5ErkJggg==);
        width: 50px;
    }
}
@media (min-width: 992px) {
    .NewsSliderSection .swiper-container:after,
    .NewsSliderSection .swiper-container:before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        background-repeat: repeat-y;
        background-size: 100% auto;
        z-index: 2;
        pointer-events: none;
    }
    .NewsSliderSection .swiper-container:after {
        left: auto;
        right: 0;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAAAKCAYAAAAO/2PqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAALpJREFUeNrs1NEKwyAMhWGT939fL93GNsiCybH0Zhf/B6XVamqKxtZa42XOaePte4/Psc+f1/rc87jcZ8Wz6uvi2UE79nlaezXexDpUfDUn5uObMVV7pG90MeI8b9boRR4q53z5Zv5ubrUWlcvu36q8TcTovn+Sq4u95If768pe7GJ2e28U+XVnzZqzqd6rs53fde1dHfo5zADw1yhYAChYAEDBAkDBAgAKFgBQsABQsACAggUA9zwEGAAGmwf1sJllCAAAAABJRU5ErkJggg==);
        width: 150px;
    }
}
@media (min-width: 1200px) {
    .NewsSliderSection .swiper-container:after {
        width: 50px;
    }
}
.NewsSliderSection .slide {
    padding: 40px 0;
    height: auto;
    width: 250px;
}
.NewsSliderSection .slide > div {
    margin: 0 auto;
}
@media screen and (min-width: 370px) {
    .NewsSliderSection .slide {
        width: 300px;
    }
}
@media screen and (min-width: 600px) and (max-width: 700px) {
    .NewsSliderSection .slide {
        width: 350px;
    }
}
.NewsSliderSection .slide .NewsCard {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-transition: -webkit-transform 0.1s linear;
    transition: -webkit-transform 0.1s linear;
    -o-transition: transform 0.1s linear;
    transition: transform 0.1s linear;
    transition: transform 0.1s linear, -webkit-transform 0.1s linear;
}
.NewsSliderSection .slide .NewsCard > * {
    -ms-flex-item-align: left;
    align-self: left;
}
.NewsSliderSection .slide .NewsCard > :last-child {
    margin-top: auto;
    margin-right: auto;
}
@media (max-width: 1199.98px) {
    .NewsSliderSection .slide .NewsCard .odt-festo-Button,
    .NewsSliderSection .slide .NewsCard .odt-festo-LinkButton {
        padding: 5px 20px 8px;
        line-height: 23px;
        height: 40px;
        font-size: 16px;
    }
}
@media screen and (max-width: 767px) {
    .NewsSliderSection .slide .NewsCard .odt-festo-Button,
    .NewsSliderSection .slide .NewsCard .odt-festo-LinkButton {
        padding-left: 12px;
        padding-right: 12px;
    }
}
@media (max-width: 991.98px) {
    .NewsSliderSection .slide.swiper-slide-prev .NewsCard {
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
    }
}
@media (min-width: 768px) and (max-width: 1199.98px) {
    .NewsSliderSection .slide.swiper-slide-prev .NewsCard {
        -webkit-transform: translateX(-40px);
        -ms-transform: translateX(-40px);
        transform: translateX(-40px);
    }
}
@media (min-width: 1200px) {
    .NewsSliderSection .slide.swiper-slide-prev .NewsCard {
        -webkit-transform: translateX(-50px);
        -ms-transform: translateX(-50px);
        transform: translateX(-50px);
    }
}
@media (min-width: 1200px) {
    .NewsSliderSection .slide.swiper-slide-next + .slide + .slide:not(.swiper-slide-duplicate),
    .NewsSliderSection .slide.swiper-slide-next + .slide:not(.swiper-slide-duplicate) + .slide {
        -webkit-transform: translateX(50px);
        -ms-transform: translateX(50px);
        transform: translateX(50px);
    }
}
.NewsSliderSection .odt-festo-SliderControl {
    display: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 50;
}
.NewsSliderSection .odt-festo-SliderControl--prev {
    left: 0;
}
.NewsSliderSection .odt-festo-SliderControl--next {
    right: 0;
}
@media (min-width: 992px) {
    .NewsSliderSection .odt-festo-SliderControl {
        display: block;
    }
}
[data-browser="Safari"][data-version="6"] .NewsSliderSection .slide .NewsCard,
[data-browser="Safari"][data-version="7"] .NewsSliderSection .slide .NewsCard,
[data-browser="Safari"][data-version="8"] .NewsSliderSection .slide .NewsCard,
[data-browser="Safari"][data-version="9"] .NewsSliderSection .slide .NewsCard,
[data-browser="Safari"][data-version="10"] .NewsSliderSection .slide .NewsCard {
    min-height: 320px;
}
.NewsCard {
    max-width: 330px;
    width: 100%;
}
.NewsCard .category {
    margin-top: 0;
}
.NewsCard .odt-festo-Headline {
    margin-bottom: 1.5em;
    font-weight: 700;
}
.NewsCard .odt-festo-Headline:before {
    width: 36px;
}
.NewsCard .odt-festo-LinkButton {
    white-space: nowrap;
}
.NewsCard .category {
    position: relative;
    font-size: 88%;
}
@media (min-width: 768px) {
    .NewsCard .category {
        font-size: 84.5%;
    }
}
.NewsCard .category:after {
    content: "";
    display: block;
    margin-top: 0.4em;
    width: 100%;
    border-top: 1px solid #000;
    border-radius: 1px;
    opacity: 0.3;
}
.NewsCard .category + .odt-Headline {
    margin-top: 0.2em;
}
.NewsCard .category + .odt-Headline:before {
    display: none;
}
.DropdownSelect {
    display: inline-block;
    position: relative;
    margin-right: 20px;
    width: 100%;
    vertical-align: top;
}
.DropdownSelect:last-child {
    margin-right: 0;
}
.DropdownSelect__head {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 2px;
    margin-bottom: 20px;
    background-color: #fff;
    height: 50px;
    cursor: pointer;
    position: relative;
    -webkit-box-shadow: 5px 15px 30px 0 rgba(39, 69, 104, 0.15);
    box-shadow: 5px 15px 30px 0 rgba(39, 69, 104, 0.15);
}
.DropdownSelect__label {
    position: relative;
    z-index: 1;
    line-height: 1;
    left: 28px;
    color: #303030;
    font-weight: 400;
    pointer-events: none;
    -webkit-transition: opacity 0.25s ease, top 0.25s ease, left 0.25s ease, color 0.25s ease, font-size 0.25s ease, -webkit-transform 0.25s ease;
    transition: opacity 0.25s ease, top 0.25s ease, left 0.25s ease, color 0.25s ease, font-size 0.25s ease, -webkit-transform 0.25s ease;
    -o-transition: opacity 0.25s ease, top 0.25s ease, left 0.25s ease, color 0.25s ease, font-size 0.25s ease, transform 0.25s ease;
    transition: opacity 0.25s ease, top 0.25s ease, left 0.25s ease, color 0.25s ease, font-size 0.25s ease, transform 0.25s ease;
    transition: opacity 0.25s ease, top 0.25s ease, left 0.25s ease, color 0.25s ease, font-size 0.25s ease, transform 0.25s ease, -webkit-transform 0.25s ease;
}
.DropdownSelect__icon {
    position: absolute;
    top: 0;
    right: 0;
    width: 55px;
    height: 100%;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    pointer-events: none;
}
.DropdownSelect__icon svg {
    position: absolute;
    width: 26px;
    height: 26px;
    top: 50%;
    left: 50%;
    margin: -12px 0 0 -13px;
}
.DropdownSelect__icon svg path {
    fill: #0091dc;
}
.DropdownSelect__icon:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-left: 2px solid #d8dce1;
}
.DropdownSelect__dropdown {
    position: absolute;
    top: 52px;
    width: 100%;
    padding: 25px 28px;
    background-color: #fff;
    z-index: 10;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-box-shadow: 5px 15px 30px 0 rgba(39, 69, 104, 0.15);
    box-shadow: 5px 15px 30px 0 rgba(39, 69, 104, 0.15);
}
.DropdownSelect .CheckboxInput {
    margin-bottom: 24px;
}
.DropdownSelect .CheckboxInput:last-child {
    margin-bottom: 0;
}
.DropdownSelect--active .DropdownSelect__dropdown {
    opacity: 1;
    pointer-events: all;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.DropdownSelect__message {
    font-size: 12px;
    left: 5px;
    right: 5px;
    margin-top: 0;
    margin-bottom: 0;
    position: absolute;
    bottom: -20px;
    width: calc(100% - 28px);
    z-index: 5;
}
.DropdownSelect--invalid {
    color: #d0021b;
}
.DropdownSelect--invalid .Select__icon svg path {
    fill: #d0021b;
}
.DropdownSelect--invalid .Select__icon:before {
    bottom: 2px;
}
.DropdownSelect--invalid .Select__input {
    color: inherit;
    border-bottom-color: #d0021b;
}
.DropdownSelect--valid {
    color: #0091dc;
}
.DropdownSelect--valid .Select__input {
    border-bottom-color: #0091dc;
}
.DropdownSelect--valid .Select__icon:before {
    bottom: 2px;
}
.CheckboxInput {
    position: relative;
    display: block;
    color: #979797;
}
.CheckboxInput input[type="checkbox"] {
    position: absolute;
    visibility: hidden;
}
.CheckboxInput input[type="checkbox"]:checked ~ .CheckboxInput__icon--on,
.CheckboxInput input[type="checkbox"]:not(:checked) ~ .CheckboxInput__icon--off {
    display: block;
}
.CheckboxInput__icon {
    display: none;
    position: absolute;
    top: 50%;
    left: 0;
    width: 22px;
    height: 22px;
    margin-top: -11px;
    cursor: pointer;
}
.CheckboxInput__icon path {
    fill: #0091dc;
}
.CheckboxInput__inner {
    padding-left: 35px;
    cursor: pointer;
}
.CheckboxInput__inner em {
    color: #0091dc;
    font-style: normal;
}
.CheckboxInput__inner a {
    color: #0091dc;
    text-decoration: none;
}
.CheckboxInput__inner a:hover {
    text-decoration: underline;
}
.CheckboxInput--active {
    color: #303030;
}
.SelectedOption {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 15px;
    border: 2px solid #0091dc;
    border-radius: 15px;
    font-size: 16px;
    line-height: 1;
    color: #0091dc;
    fill: #0091dc;
    cursor: pointer;
    margin-right: 20px;
    margin-top: 14px;
    height: 30px;
}
.SelectedOption__label {
    margin-top: -3px;
}
.SelectedOption__close {
    position: relative;
    width: 12px;
    height: 12px;
    margin-left: 10px;
}
.SelectedOption__close:after,
.SelectedOption__close:before {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    content: " ";
    height: 12px;
    width: 2px;
    background-color: #0091dc;
}
.SelectedOption__close:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.SelectedOption__close:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.ProductCard {
    width: 100%;
    background-color: #fff;
    -webkit-box-shadow: 5px 15px 30px rgba(168, 189, 213, 0.15);
    box-shadow: 5px 15px 30px rgba(168, 189, 213, 0.15);
    padding: 16px 20px;
    position: relative;
    margin-bottom: 15px;
}
@media (min-width: 576px) {
    .ProductCard {
        display: grid;
        grid-gap: 0;
        grid-auto-rows: minmax(100px, auto);
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(2, 1fr);
        padding: 30px;
    }
}
@media (min-width: 768px) {
    .ProductCard {
        grid-template-rows: repeat(2, 1fr);
        margin-bottom: 20px;
    }
}
@media (min-width: 1200px) {
    .ProductCard {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 20px 30px;
        max-width: calc(25% - 20px);
        margin: 10px;
    }
}
.ProductCard-img {
    max-width: 100%;
    width: 140px;
    height: 140px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    position: relative;
    display: block;
    margin-bottom: 10px;
}
@media (min-width: 576px) {
    .ProductCard-img {
        height: auto;
        grid-column: 1/2;
        grid-row: 1/4;
        background-position: 0;
        margin-right: auto;
        margin-left: auto;
    }
}
@media (min-width: 768px) {
    .ProductCard-img {
        background-size: 135px;
        background-position: 50%;
    }
}
@media (min-width: 1200px) {
    .ProductCard-img {
        width: 100%;
        height: 230px;
        background-position: 50%;
    }
}
.ProductCard-img-link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    font-size: 0;
    color: transparent;
}
.ProductCard-text {
    grid-column: 2/4;
    grid-row: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
}
@media (min-width: 576px) {
    .ProductCard-text {
        grid-column: 2/4;
        grid-row: 1/3;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 10px 0 10px 20px;
    }
}
@media (min-width: 1200px) {
    .ProductCard-text {
        padding: 20px 0 45px;
    }
}
.ProductCard-blank-star-info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    color: #979797;
    margin: 0;
}
@media (min-width: 576px) {
    .ProductCard-blank-star-info {
        margin-top: 7px;
    }
}
.ProductCard-blank-star-info svg {
    width: 14px;
    height: 13px;
    margin-right: 6px;
}
@media (min-width: 768px) {
    .ProductCard-blank-star-info svg {
        width: 18px;
        height: 17px;
        margin-right: 9px;
    }
}
.ProductCard-label {
    display: block;
    font-size: 16px;
    letter-spacing: 0.3px;
    line-height: 1;
    font-weight: 700;
    position: absolute;
    padding: 8px 16px;
    color: #0091dc;
    background-color: #dcebf6;
    top: -5px;
    right: -5px;
    border-radius: 2px;
    z-index: 2;
}
.ProductCard-group {
    margin: 0;
    font-size: 12px;
    line-height: 1;
}
@media (min-width: 576px) {
    .ProductCard-group {
        font-size: 14px;
        padding-bottom: 10px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.3);
        margin-bottom: 10px;
    }
}
@media (min-width: 1200px) {
    .ProductCard-group {
        font-size: 16px;
        margin-bottom: 15px;
    }
}
.ProductCard-name {
    margin: 7px 0;
    font-size: 16px;
    line-height: 1;
    font-weight: 700;
}
@media (min-width: 576px) {
    .ProductCard-name {
        margin: 0 0 5px;
        font-size: 18px;
    }
}
@media (min-width: 1200px) {
    .ProductCard-name {
        font-size: 19px;
        margin-bottom: 12px;
    }
}
.ProductCard-description {
    display: none;
    margin: 0;
}
@media (min-width: 576px) {
    .ProductCard-description {
        display: block;
        font-size: 16px;
        line-height: 24px;
    }
}
@media (min-width: 1200px) {
    .ProductCard-description {
        font-size: 16px;
        line-height: 26px;
    }
}
.ProductCard-sticker {
    width: 30px;
    height: 30px;
    background-color: #dcebf6;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    color: #0091dc;
    font-weight: 700;
    font-size: 10px;
    line-height: 26px;
    position: absolute;
    top: 0;
    right: 0;
}
@media (min-width: 576px) {
    .ProductCard-sticker {
        width: 58px;
        height: 58px;
        font-size: 16px;
        line-height: 1;
        top: 25px;
        right: auto;
        left: 70%;
    }
}
.ProductCard-cta {
    grid-column: 1/4;
    grid-row: 2;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: 10px;
}
@media (min-width: 576px) {
    .ProductCard-cta {
        grid-column: 2/4;
        grid-row: 3/4;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0 0 0 20px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}
@media (min-width: 1200px) {
    .ProductCard-cta {
        padding: 0;
        margin-top: auto;
    }
}
.ProductCard-cta .odt-festo-LinkButton {
    height: auto;
}
.ProductCard-cta .odt-festo-LinkButton.odt-festo-LinkButton-rocket {
    padding-left: 4px !important;
}
.ProductCard-cta .odt-festo-LinkButton--disabled {
    padding-right: 20px;
}
@media (min-width: 768px) {
    .ProductCard-cta .odt-festo-LinkButton--disabled {
        margin-right: 0;
    }
}
.ProductCard-cta .odt-festo-LinkButton-rocket,
.ProductCard-cta .odt-festo-LinkButton-white {
    min-height: 43px;
}
.ProductCard-cta a {
    display: inline-block;
    margin: 0 20px 10px 0;
    padding: 8px 37px 10px 20px;
}
@media (min-width: 576px) {
    .ProductCard-cta a {
        margin-right: 20px;
        margin-bottom: 0;
        padding-top: 6px;
    }
}
@media (min-width: 768px) {
    .ProductCard-cta a {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 5px;
        padding-top: 10px;
    }
}
.ProductCard-cta a:last-of-type {
    padding-left: 18px;
    margin-bottom: 5px;
}
@media (min-width: 1200px) {
    .ProductCard-cta a:last-of-type {
        font-size: 17px;
        line-height: 24px;
        margin-right: 0;
        margin-bottom: 0;
    }
}
.ProductFinder-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 25px;
}
@media (min-width: 1200px) {
    .ProductFinder-list {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: -10px -10px 27px;
    }
}
.ProductFinder-btn {
    height: 40px;
    margin-bottom: 70px;
    background-color: transparent;
    color: #0091dc;
    cursor: pointer;
    border: none;
    outline: none;
}
@media (min-width: 992px) {
    .ProductFinder-btn {
        display: block;
        margin: 0 auto;
        text-align: center;
    }
}
.ProductFinder-btn.show:before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(/rep/de_de/op/coreprog61/media/show-more1.svg) no-repeat 50%;
    background-size: contain;
    margin-right: 12px;
    -webkit-transform: translateY(2px);
    -ms-transform: translateY(2px);
    transform: translateY(2px);
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
@media (min-width: 992px) {
    .ProductFinder-btn.show:before {
        width: 18px;
        height: 18px;
    }
}
.ProductFinder-btn.close {
    text-decoration: none;
}
.ProductFinder-btn.close:before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(/rep/de_de/op/coreprog61/media/minus-circle.svg) no-repeat 50%;
    background-size: contain;
    margin-right: 12px;
    -webkit-transform: translateY(2px);
    -ms-transform: translateY(2px);
    transform: translateY(2px);
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
@media (min-width: 992px) {
    .ProductFinder-btn.close:before {
        width: 18px;
        height: 18px;
    }
}
.ProductFinder__dropdowns {
    margin: 0 -10px;
    max-width: 650px;
}
@media (min-width: 1200px) {
    .ProductFinder__dropdowns {
        max-width: none;
    }
}
.ProductFinder__dropdown-wrapper {
    display: inline-block;
    vertical-align: top;
    padding: 0 10px;
    width: 100%;
}
@media (min-width: 1200px) {
    .ProductFinder__dropdown-wrapper {
        width: 25%;
    }
}
.ProductFinder__selected-options {
    margin-bottom: 30px;
}
.RegisterSection {
    margin-top: 0;
}
.RegisterSection .odt-festo-ContentContainer {
    padding: 0;
}
@media (min-width: 768px) {
    .RegisterSection .odt-festo-ContentContainer {
        display: -ms-flexbox;
        display: flex;
    }
}
.RegisterSection-col {
    width: 100%;
}
@media (min-width: 768px) {
    .RegisterSection-col {
        width: 50%;
    }
}
@media (min-width: 992px) {
    .RegisterSection-col {
        width: 54%;
    }
}
.RegisterSection-col:last-of-type {
    padding: 0 36px;
}
@media (min-width: 768px) {
    .RegisterSection-col:last-of-type {
        padding: 0 50px 0 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-align: center;
        align-items: center;
    }
}
@media (min-width: 992px) {
    .RegisterSection-col:last-of-type {
        -ms-flex-direction: column;
        flex-direction: column;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 0;
        width: 46%;
        -webkit-transform: translateX(-70px);
        -ms-transform: translateX(-70px);
        transform: translateX(-70px);
    }
}
@media (min-width: 992px) {
    .RegisterSection-col-mobile {
        display: none;
    }
}
.RegisterSection-col-desktop {
    display: none;
}
@media (min-width: 992px) {
    .RegisterSection-col-desktop {
        display: block;
        -webkit-transform: translateX(-90px);
        -ms-transform: translateX(-90px);
        transform: translateX(-90px);
    }
}
.RegisterSection-list {
    margin: -30px 0 0;
    padding-right: 28px;
    padding-bottom: 20px;
    padding-left: 20px;
}
.RegisterSection-list li {
    margin-bottom: 20px;
}
.RegisterSection-list li:before {
    background: #979797;
    left: -21px;
}
@media (min-width: 768px) {
    .RegisterSection-list li {
        margin-bottom: 20px;
    }
}
@media (min-width: 992px) {
    .RegisterSection-list li {
        margin-bottom: 20px;
    }
}
@media (min-width: 768px) {
    .RegisterSection-list {
        margin: 0;
        padding-bottom: 0;
    }
}
@media (min-width: 992px) {
    .RegisterSection-list {
        margin: 0 0 20px;
    }
}
.RegisterSection-cta {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
}
.RegisterSection-cta a {
    display: inline-block;
    margin-bottom: 15px;
}
@media (min-width: 992px) {
    .RegisterSection-cta a {
        margin: 0 20px 0 0;
    }
}
@media (min-width: 768px) {
    .RegisterSection-cta {
        display: none;
    }
}
@media (min-width: 992px) {
    .RegisterSection-cta {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        width: 100%;
    }
}
.RegisterSection-cta.tablet {
    display: none;
    padding: 0 50px;
}
@media (min-width: 768px) {
    .RegisterSection-cta.tablet {
        display: block;
    }
}
@media (min-width: 992px) {
    .RegisterSection-cta.tablet {
        display: none;
    }
}
.RegisterSection-cta.tablet a {
    margin-right: 20px;
    display: inline-block;
}
.StoryTellingSection.Section {
    margin-bottom: 0;
}
.StoryTellingSection .container-story-select {
    margin-bottom: -60px;
}
.StoryTellingSection .odt-Card.StoryTellingSection-controls {
    overflow-x: auto;
    padding: 30px 0;
    position: relative;
    width: 100%;
    z-index: 10;
}
@media (min-width: 768px) {
    .StoryTellingSection .odt-Card.StoryTellingSection-controls {
        padding: 40px 0;
    }
}
.StoryTellingSection .odt-Card.StoryTellingSection-controls .odt-Menu {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    margin: 0;
    padding: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}
.StoryTellingSection .odt-Card.StoryTellingSection-controls .odt-Menu > :first-child {
    margin-left: 0;
}
.StoryTellingSection .odt-Card.StoryTellingSection-controls .odt-Menu > :last-child {
    margin-right: 0;
}
.StoryTellingSection .odt-Card.StoryTellingSection-controls .odt-MenuItem {
    border-color: transparent !important;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 0;
}
.StoryTellingSection .odt-Card.StoryTellingSection-controls .odt-MenuItem > div {
    white-space: nowrap;
}
.StoryTellingSection .odt-Card.StoryTellingSection-controls .odt-MenuItem button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 10px 0;
}
.StoryTellingSection .odt-Card.StoryTellingSection-controls .odt-MenuItem button:after {
    background: #0091dc;
    bottom: -2px;
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    top: auto;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: -webkit-transform 0.25s linear;
    transition: -webkit-transform 0.25s linear;
    -o-transition: transform 0.25s linear;
    transition: transform 0.25s linear;
    transition: transform 0.25s linear, -webkit-transform 0.25s linear;
    width: 100%;
}
.StoryTellingSection .odt-Card.StoryTellingSection-controls .odt-MenuItem.is-active button:after,
.StoryTellingSection .odt-Card.StoryTellingSection-controls .odt-MenuItem:hover button:after {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
}
.StoryTellingSection .odt-Card.StoryTellingSection-controls .odt-MenuItem:first-child {
    margin-left: 30px;
}
@media (min-width: 768px) {
    .StoryTellingSection .odt-Card.StoryTellingSection-controls .odt-MenuItem:first-child {
        margin-left: 50px;
    }
}
@media (min-width: 992px) {
    .StoryTellingSection .odt-Card.StoryTellingSection-controls .odt-MenuItem:first-child {
        margin-left: 40px;
    }
}
.StoryTellingSection .odt-Card.StoryTellingSection-controls .odt-MenuItem:nth-last-child(2) {
    margin-right: 0;
}
.StoryTellingSection .odt-Card.StoryTellingSection-controls .odt-MenuItem:last-child {
    margin: 0;
    pointer-events: none;
    width: 30px;
}
@media (min-width: 768px) {
    .StoryTellingSection .odt-Card.StoryTellingSection-controls .odt-MenuItem:last-child {
        width: 50px;
    }
}
@media (min-width: 992px) {
    .StoryTellingSection .odt-Card.StoryTellingSection-controls .odt-MenuItem:last-child {
        width: 40px;
    }
}
.StoryTellingSection .story-select {
    margin-left: -30px;
    margin-right: -30px;
}
@media (min-width: 768px) {
    .StoryTellingSection .story-select {
        margin-left: -50px;
        margin-right: -50px;
    }
}
@media (min-width: 992px) {
    .StoryTellingSection .story-select {
        margin-left: auto;
        margin-right: auto;
    }
}
.StoryTellingSection .odt-MenuItem.is-active,
.StoryTellingSection .odt-MenuItem.is-active button {
    font-weight: 700;
}
.StoryTellingSection .odt-MenuItem:before {
    content: none;
}
.StoryTellingSection .odt-stories {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row;
    flex-flow: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto;
    max-width: 1300px;
    padding: 0 40px;
}
@media (max-width: 767.98px) {
    .StoryTellingSection .odt-stories {
        padding: 0 20px;
    }
}
.StoryTellingSection .odt-stories__more {
    margin-bottom: 0;
    padding: 0 30px;
}
@media (min-width: 768px) {
    .StoryTellingSection .odt-stories__more {
        padding: 0 50px;
    }
}
.StoryTellingSection .odt-storycard {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: calc(100% - 20px);
    min-height: 250px;
    margin: 10px;
    border-radius: 4px;
    background-color: #fff;
    overflow: hidden;
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
.StoryTellingSection .odt-storycard:after {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: inherit;
    border: 0 solid #0091dc;
    -webkit-transition: border 0.1s ease-in-out;
    -o-transition: border 0.1s ease-in-out;
    transition: border 0.1s ease-in-out;
    content: "";
}
.StoryTellingSection .odt-storycard--highlight,
.StoryTellingSection .odt-storycard:target {
    outline: none;
}
.StoryTellingSection .odt-storycard--highlight:after,
.StoryTellingSection .odt-storycard:target:after {
    border: 2px solid #0091dc;
}
@media (min-width: 992px) {
    .StoryTellingSection .odt-storycard {
        max-width: calc(50% - 20px);
    }
}
.StoryTellingSection .odt-storycard__content {
    display: block;
    width: 100%;
    padding: 20px 20px 20px 25px;
}
.StoryTellingSection .odt-storycard__image {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    padding-top: 68.42105%;
}
.StoryTellingSection .odt-storycard__category {
    color: rgba(0, 0, 0, 0.4);
    font-size: 16px;
}
.StoryTellingSection .odt-storycard__headline {
    font-size: 30px;
    font-weight: 700;
    line-height: 1.1;
    margin: 10px 0;
}
.StoryTellingSection .odt-storycard__subline {
    font-size: 16px;
    font-weight: 700;
}
.StoryTellingSection .odt-storycard__readmore {
    margin-top: auto;
    text-align: right;
}
.StoryTellingSection .odt-storycard__readmore-link {
    color: #0091dc;
    cursor: pointer;
    font-size: 16px;
}
.StoryProductSlider {
    margin-left: -30px;
    margin-right: -30px;
}
.StoryProductSlider .slider-container {
    position: relative;
    max-width: 600px;
    margin: 0 auto;
}
.StoryProductSlider .slide {
    padding: 0 30px 41px;
    overflow: visible;
}
.StoryProductSlider .odt-festo-SliderControl {
    display: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 50;
}
@media (min-width: 1200px) {
    .StoryProductSlider .odt-festo-SliderControl {
        display: block;
    }
}
.StoryProductSlider .odt-festo-SliderControl--prev {
    left: 0;
}
.StoryProductSlider .odt-festo-SliderControl--next {
    right: 0;
}
.StoryProductSlider--one-slide .odt-festo-SliderControl,
.StoryProductSlider--one-slide .swiper-pagination {
    visibility: hidden;
}
.StoryProductSlider .swiper-button-next {
    right: 40px;
}
.StoryProductSlider .swiper-button-prev {
    left: 40px;
}
.StoryProductSlider .swiper-pagination {
    position: relative;
}
.StoryProductSlider .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background-color: #979797;
}
.StoryProductSlider .swiper-pagination-bullet-active {
    background-color: #0091dc;
}
.StoryProductSlider .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 7px;
}
.StoryProductCard .odt-Card {
    max-width: 100%;
    position: relative;
    z-index: 2;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    padding-top: 150px;
    margin-top: 100px;
}
@media (min-width: 576px) {
    .StoryProductCard .odt-Card {
        width: 460px;
        padding-top: 210px;
    }
}
.StoryProductCard .odt-Card .odt-festo-LinkButton {
    display: inline-block;
    margin-top: 5px;
}
@media screen and (max-width: 767px) {
    .StoryProductCard .odt-Card .odt-festo-LinkButton {
        padding-top: 5px;
        padding-left: 12px;
        padding-right: 12px;
    }
}
.StoryProductCard .odt-Card img {
    position: absolute;
    top: -50px;
    left: 50%;
    width: 380px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.StoryTellingSection .odt-stories__popup {
    background-color: transparent;
    pointer-events: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99999;
}
.StoryTellingSection .odt-stories__popup--container {
    background-color: #fff;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    -webkit-transition: height 0.5s ease-in-out 0.5s, opacity 0.3s ease-in-out 0.8s, top 0.5s ease-in-out 0.5s, left 0.5s ease-in-out 0.5s, width 0.5s ease-in-out 0.5s;
    -o-transition: height 0.5s ease-in-out 0.5s, opacity 0.3s ease-in-out 0.8s, top 0.5s ease-in-out 0.5s, left 0.5s ease-in-out 0.5s, width 0.5s ease-in-out 0.5s;
    transition: height 0.5s ease-in-out 0.5s, opacity 0.3s ease-in-out 0.8s, top 0.5s ease-in-out 0.5s, left 0.5s ease-in-out 0.5s, width 0.5s ease-in-out 0.5s;
    -webkit-overflow-scrolling: touch;
}
.StoryTellingSection .odt-stories__popup--image {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 300px;
    opacity: 0;
    -webkit-transition: height 0.5s ease-in-out 0.5s, opacity 0.35s ease-in-out;
    -o-transition: height 0.5s ease-in-out 0.5s, opacity 0.35s ease-in-out;
    transition: height 0.5s ease-in-out 0.5s, opacity 0.35s ease-in-out;
    width: 100%;
}
@media (min-width: 768px) {
    .StoryTellingSection .odt-stories__popup--image {
        height: 100vh;
        position: fixed;
        width: 32%;
    }
}
@media (min-width: 1200px) {
    .StoryTellingSection .odt-stories__popup--image {
        width: 38%;
    }
}
.StoryTellingSection .odt-stories__popup--story {
    opacity: 0;
    overflow-x: hidden;
    padding: 40px 30px 80px;
    -webkit-transition: opacity 0.35s ease-in-out;
    -o-transition: opacity 0.35s ease-in-out;
    transition: opacity 0.35s ease-in-out;
    width: 100%;
}
@media (min-width: 768px) {
    .StoryTellingSection .odt-stories__popup--story {
        margin-left: 32%;
        padding: 60px 57px 60px 35px;
        width: 62%;
    }
}
@media (min-width: 1200px) {
    .StoryTellingSection .odt-stories__popup--story {
        margin-left: 38%;
        padding: 60px 126px 60px 105px;
        width: 62%;
    }
}
.StoryTellingSection .odt-stories__popup--backToOverview-wrapper {
    text-align: right;
}
@media (max-width: 991.98px) {
    .StoryTellingSection .odt-stories__popup--backToOverview-wrapper {
        margin-bottom: 40px;
    }
}
.StoryTellingSection .odt-stories__popup--backToOverview {
    -ms-flex-align: center;
    align-items: center;
    color: #0091dc;
    cursor: pointer;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 17px;
}
.StoryTellingSection .odt-stories__popup--backToOverview:before {
    background: url(/rep/de_de/op/coreprog61/media/tile.svg) 50% / contain no-repeat;
    content: "";
    display: inline-block;
    height: 19px;
    margin-right: 15px;
    -webkit-transition: margin-right 0.25s ease-in-out;
    -o-transition: margin-right 0.25s ease-in-out;
    transition: margin-right 0.25s ease-in-out;
    width: 19px;
}
.StoryTellingSection .odt-stories__popup--backToOverview:hover:before {
    margin-right: 20px;
}
.StoryTellingSection .odt-stories__popup--backToOverview.odt-stories__popup--backToOverview-top:before {
    display: none;
}
.StoryTellingSection .odt-stories__popup--backToOverview.odt-stories__popup--backToOverview-top:after {
    background: url(/rep/de_de/op/coreprog61/media/tile.svg) 50% / contain no-repeat;
    content: "";
    display: inline-block;
    height: 19px;
    margin-left: 15px;
    -webkit-transition: margin-left 0.25s ease-in-out;
    -o-transition: margin-left 0.25s ease-in-out;
    transition: margin-left 0.25s ease-in-out;
    width: 19px;
}
.StoryTellingSection .odt-stories__popup--backToOverview.odt-stories__popup--backToOverview-top:hover:after {
    margin-left: 20px;
}
.StoryTellingSection .odt-stories__popup--header {
    margin-top: 30px;
}
.StoryTellingSection .odt-stories__popup--category {
    color: rgba(0, 0, 0, 0.4);
    font-size: 16px;
    margin-bottom: 10px;
}
.StoryTellingSection .odt-stories__popup--headline {
    font-size: 50px;
    font-weight: 700;
    line-height: 48px;
    margin-bottom: 20px;
}
@media (min-width: 768px) {
    .StoryTellingSection .odt-stories__popup--headline {
        font-size: 60px;
        line-height: 57px;
    }
}
@media (min-width: 1200px) {
    .StoryTellingSection .odt-stories__popup--headline {
        font-size: 80px;
        line-height: 77px;
    }
}
.StoryTellingSection .odt-stories__popup--subline {
    font-size: 25px;
    font-weight: 700;
    line-height: 35px;
    margin-bottom: 60px;
}
@media (min-width: 768px) {
    .StoryTellingSection .odt-stories__popup--content.odt-stories__popup--content-indented {
        padding-left: 36px;
    }
}
@media (min-width: 1200px) {
    .StoryTellingSection .odt-stories__popup--content.odt-stories__popup--content-indented {
        padding-left: 60px;
    }
}
.StoryTellingSection .odt-stories__popup--intro-copy {
    margin-top: 0;
}
.StoryTellingSection .odt-stories__popup--productSlider {
    border-bottom: none;
    margin-bottom: 25px;
    max-height: 1500px;
    position: relative;
    -webkit-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
.StoryTellingSection .odt-stories__popup--productSlider .StoryProductSlider {
    max-height: 1500px;
    overflow: visible;
}
.StoryTellingSection .odt-stories__popup--product-headline {
    font-size: 35px;
    font-weight: 700;
    line-height: 47px;
    margin-bottom: 20px;
}
.StoryTellingSection .odt-stories__popup--product-bulletpoints li {
    margin-bottom: 10px;
}
.StoryTellingSection .odt-stories__popup--quote {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 80px;
    margin-bottom: 80px;
}
@media (min-width: 992px) {
    .StoryTellingSection .odt-stories__popup--quote {
        -ms-flex-direction: row;
        flex-direction: row;
        margin-top: 100px;
        margin-bottom: 95px;
    }
}
.StoryTellingSection .odt-stories__popup--quote-image {
    border-radius: 50%;
    -webkit-box-shadow: 5px 15px 30px 0 rgba(39, 69, 104, 0.15);
    box-shadow: 5px 15px 30px 0 rgba(39, 69, 104, 0.15);
    height: 150px;
    margin-right: 50px;
    min-width: 150px;
    width: 150px;
}
.StoryTellingSection .odt-stories__popup--quote-block {
    margin: 40px 0 0 40px;
}
@media (min-width: 992px) {
    .StoryTellingSection .odt-stories__popup--quote-block {
        margin: 40px 0 0;
    }
}
.StoryTellingSection .odt-stories__popup--quote-copy {
    font-size: 20px;
    line-height: 28px;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 1;
}
@media (min-width: 768px) {
    .StoryTellingSection .odt-stories__popup--quote-copy {
        font-size: 22px;
        line-height: 30px;
    }
}
@media (min-width: 992px) {
    .StoryTellingSection .odt-stories__popup--quote-copy {
        font-size: 25px;
        line-height: 35px;
    }
}
.StoryTellingSection .odt-stories__popup--quote-copy:before {
    color: rgba(216, 220, 225, 0.7);
    content: "\201E";
    font-size: 250px;
    position: absolute;
    top: -100px;
    left: -32px;
    z-index: -1;
}
.StoryTellingSection .odt-stories__popup--quote-author {
    color: rgba(0, 0, 0, 0.4);
    font-size: 14px;
    line-height: 18px;
}
.StoryTellingSection .odt-stories__popup--result {
    margin-right: -30px;
    margin-left: -30px;
}
@media (min-width: 768px) {
    .StoryTellingSection .odt-stories__popup--result {
        margin-right: auto;
        margin-bottom: 40px;
        margin-left: auto;
    }
}
@media (min-width: 992px) {
    .StoryTellingSection .odt-stories__popup--result {
        margin-bottom: 56px;
    }
}
.StoryTellingSection .odt-stories__popup--result .odt-Card {
    -webkit-box-shadow: 5px 5px 40px 0 rgba(39, 69, 104, 0.15);
    box-shadow: 5px 5px 40px 0 rgba(39, 69, 104, 0.15);
    margin-right: 30px;
    margin-bottom: -70px;
    margin-left: 30px;
    position: relative;
    z-index: 2;
}
@media (min-width: 768px) {
    .StoryTellingSection .odt-stories__popup--result .odt-Card {
        margin-bottom: -80px;
        margin-left: 0;
        max-width: 460px;
    }
}
.StoryTellingSection .odt-stories__popup--result .odt-Card > :first-child {
    margin-top: 0;
}
.StoryTellingSection .odt-stories__popup--result .odt-Card > :last-child {
    margin-bottom: 0;
}
.StoryTellingSection .odt-stories__popup--result-image,
.StoryTellingSection .odt-stories__popup--result-image-subline {
    margin: 0 auto;
}
.StoryTellingSection .odt-stories__popup--result-image {
    position: relative;
    z-index: 1;
    max-width: 595px;
    width: 100%;
}
.StoryTellingSection .odt-stories__popup--result-image img {
    width: 100%;
    height: auto;
}
@media (min-width: 768px) {
    .StoryTellingSection .odt-stories__popup--result-image {
        padding-left: 40px;
    }
}
@media (min-width: 992px) {
    .StoryTellingSection .odt-stories__popup--result-image {
        padding-left: 0;
    }
}
.StoryTellingSection .odt-stories__popup--result-image-subline {
    margin-top: 15px;
    padding-right: 15px;
    padding-left: 15px;
    color: rgba(0, 0, 0, 0.4);
    font-size: 14px;
    line-height: 18px;
}
@media (min-width: 768px) {
    .StoryTellingSection .odt-stories__popup--result-image-subline {
        padding-left: 0;
    }
}
.StoryTellingSection .odt-stories__popup--controls {
    padding-top: 40px;
}
.StoryTellingSection .odt-stories__popup--controls-external {
    font-size: 17px;
}
.StoryTellingSection .odt-stories__popup.is-active {
    background-color: rgba(0, 0, 0, 0.4);
    pointer-events: all;
    -webkit-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
}
.StoryTellingSection .odt-stories__popup.is-active .odt-stories__popup--container {
    background-color: #fff;
    height: 100vh !important;
    opacity: 1;
    overflow-y: auto;
    top: 0 !important;
    left: 0 !important;
    -webkit-transition: height 0.5s ease-in-out 0.45s, opacity 0.25s ease-in-out, top 0.5s ease-in-out 0.45s, left 0.5s ease-in-out 0.45s, width 0.5s ease-in-out 0.45s;
    -o-transition: height 0.5s ease-in-out 0.45s, opacity 0.25s ease-in-out, top 0.5s ease-in-out 0.45s, left 0.5s ease-in-out 0.45s, width 0.5s ease-in-out 0.45s;
    transition: height 0.5s ease-in-out 0.45s, opacity 0.25s ease-in-out, top 0.5s ease-in-out 0.45s, left 0.5s ease-in-out 0.45s, width 0.5s ease-in-out 0.45s;
    width: 100vw !important;
}
.StoryTellingSection .odt-stories__popup.is-active .odt-stories__popup--image {
    opacity: 1;
    -webkit-transition: height 0.5s ease-in-out 0.45s, opacity 0.45s ease-in-out 0.95s;
    -o-transition: height 0.5s ease-in-out 0.45s, opacity 0.45s ease-in-out 0.95s;
    transition: height 0.5s ease-in-out 0.45s, opacity 0.45s ease-in-out 0.95s;
}
.StoryTellingSection .odt-stories__popup.is-active .odt-stories__popup--story {
    opacity: 1;
    -webkit-transition: opacity 0.45s ease-in-out 0.95s;
    -o-transition: opacity 0.45s ease-in-out 0.95s;
    transition: opacity 0.45s ease-in-out 0.95s;
}
.App {
    background-color: #f6f6f6;
    position: relative;
} /*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
html {
    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: 0.67em 0;
}
figcaption,
figure,
main {
    display: block;
}
figure {
    margin: 1em 40px;
}
hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}
pre {
    font-family: monospace, monospace;
    font-size: 1em;
}
a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}
abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
}
b,
strong {
    font-weight: inherit;
    font-weight: bolder;
}
code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}
dfn {
    font-style: italic;
}
mark {
    background-color: #ff0;
    color: #000;
}
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;
}
[type="reset"],
[type="submit"],
button,
html [type="button"] {
    -webkit-appearance: button;
}
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0;
}
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText;
}
fieldset {
    padding: 0.35em 0.75em 0.625em;
}
legend {
    -webkit-box-sizing: border-box;
    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"] {
    -webkit-box-sizing: border-box;
    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;
}
[hidden],
template {
    display: none;
}
@font-face {
    font-family: MetaPro;
    src: url("https://www.festo.com/Fonts/MetaPro-Regular.woff2") format("woff2"), url("https://www.festo.com/Fonts/MetaPro-Regular.woff") format("woff");
}
@font-face {
    font-family: MetaPro;
    src: url("https://www.festo.com/Fonts/MetaPro-Bold.woff2") format("woff2"), url("https://www.festo.com/Fonts/MetaPro-Bold.woff") format("woff");
    font-weight: 700;
}
*,
:after,
:before {
    box-sizing: border-box;
}
#root {
    overflow: hidden;
}
html {
    font-size: 16px;
}
@media screen and (max-width: 767px) {
    html .odt-festo-Card {
        padding: 25px;
    }
}
body {
    font-family: MetaPro, sans-serif !important;
    font-size: 16px;
    background-color: #fff;
    line-height: 1.45;
}
@media (min-width: 768px) {
    body {
        font-size: 19px;
    }
}
body #root {
    background-color: #fff;
}
img {
    display: block;
    max-width: 100%;
    height: auto;
}
small {
    font-size: 12px;
}
ul {
    list-style-type: none;
    padding-left: 28px;
}
@media (min-width: 768px) {
    ul {
        padding-left: 35px;
    }
}
ul li {
    position: relative;
}
ul li:before {
    content: "";
    display: block;
    position: absolute;
    top: 0.65em;
    left: -25px;
    width: 7px;
    height: 7px;
    border-radius: 7px;
    background: #d8dce1;
}
@media (min-width: 768px) {
    ul li:before {
        left: -32px;
    }
}
p > a,
small > a {
    color: #0091dc;
    text-decoration: none;
}
p > a:hover,
small > a:hover {
    text-decoration: underline;
}
button,
input,
optgroup,
select,
textarea {
    font-family: MetaPro, sans-serif;
}
video {
    background-color: transparent;
}
input::-ms-clear,
select::-ms-expand {
    display: none;
}
@-webkit-keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}
@keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}
.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}
.swiper-container-no-flexbox .swiper-slide {
    float: left;
}
.swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: top 0.2s, -webkit-transform 0.2s;
    transition: top 0.2s, -webkit-transform 0.2s;
    -o-transition: 0.2s transform, 0.2s top;
    transition: transform 0.2s, top 0.2s;
    transition: transform 0.2s, top 0.2s, -webkit-transform 0.2s;
}
.swiper-container-vertical > .swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0;
}
.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%;
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.swiper-container-multirow > .swiper-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
}
.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}
.swiper-invisible-blank-slide {
    visibility: hidden;
}
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    -o-transition-property: transform, height;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform;
}
.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px;
}
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
    background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(transparent));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-top {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(transparent));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-container-3d .swiper-cube-shadow {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}
.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x;
}
.swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23B2DDF4'/%3E%3C/svg%3E");
    left: 10px;
    right: auto;
}
.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: 50%;
    background-repeat: no-repeat;
}
.swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23B2DDF4'/%3E%3C/svg%3E");
    right: 10px;
    left: auto;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
}
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23B2DDF4'/%3E%3C/svg%3E");
    left: 10px;
    right: auto;
}
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23B2DDF4'/%3E%3C/svg%3E");
    right: 10px;
    left: auto;
}
.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E");
}
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E");
}
.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E");
}
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E");
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top;
}
.swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E");
}
.swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E");
}
.swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E");
}
.swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E");
}
.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: opacity 0.3s;
    -o-transition: 0.3s opacity;
    transition: opacity 0.3s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}
.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: left 0.2s, -webkit-transform 0.2s;
    transition: left 0.2s, -webkit-transform 0.2s;
    -o-transition: 0.2s transform, 0.2s left;
    transition: transform 0.2s, left 0.2s;
    transition: transform 0.2s, left 0.2s, -webkit-transform 0.2s;
}
.swiper-container-horizontal > .swiper-pagination-progressbar {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0;
}
.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%;
}
.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(0.33);
    -ms-transform: scale(0.33);
    transform: scale(0.33);
    position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(0.66);
    -ms-transform: scale(0.66);
    transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(0.33);
    -ms-transform: scale(0.33);
    transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(0.66);
    -ms-transform: scale(0.66);
    transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(0.33);
    -ms-transform: scale(0.33);
    transform: scale(0.33);
}
.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: 0.2;
}
button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff;
}
.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, 0.25);
    position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff;
}
.swiper-pagination-progressbar.swiper-pagination-white {
    background: hsla(0, 0%, 100%, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #fff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000;
}
.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0, 0, 0, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000;
}
.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1);
}
.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    left: 0;
    top: 0;
}
.swiper-scrollbar-cursor-drag {
    cursor: move;
}
.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}
.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.swiper-slide-zoomed {
    cursor: move;
}
.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12) infinite;
    animation: swiper-preloader-spin 1s steps(12) infinite;
}
.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}
.swiper-container-cube {
    overflow: visible;
}
.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none;
}
.swiper-container-cube .swiper-slide-active {
    pointer-events: auto;
    visibility: visible;
}
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next + .swiper-slide,
.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
}
.swiper-container-flip {
    overflow: visible;
}
.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px;
}
.odt-festo-Button .odt-festo-Button-icon {
    width: 0.8em;
    height: 0.8em;
    margin-bottom: -0.01em;
}
@media (min-width: 768px) {
    .odt-festo-Button {
        line-height: 23px;
        padding: 11px 19px;
    }
}
.odt-festo-LinkButton.odt-festo-LinkButton-star,
.odt-festo-LinkButton.odt-festo-LinkButton-white {
    color: #0091dc;
    background-color: transparent;
    transition: all 0.25s ease;
}
.odt-festo-LinkButton.odt-festo-LinkButton-star:hover,
.odt-festo-LinkButton.odt-festo-LinkButton-white:hover {
    color: #fff;
    border-color: #0091dc;
    background-color: #0091dc;
}
.odt-festo-LinkButton.odt-festo-LinkButton-star:hover .odt-festo-LinkButton-icon,
.odt-festo-LinkButton.odt-festo-LinkButton-white:hover .odt-festo-LinkButton-icon {
    background: url(/rep/de_de/op/coreprog61/media/icon-star-white.svg) no-repeat 50%;
    background-size: cover
}
.odt-festo-LinkButton.odt-festo-LinkButton-star .odt-festo-LinkButton-icon,
.odt-festo-LinkButton.odt-festo-LinkButton-white .odt-festo-LinkButton-icon {
    background: url(/rep/de_de/op/coreprog61/media/icon-star.svg) no-repeat 50%;
    background-size: cover
}
.odt-festo-LinkButton.odt-festo-LinkButton-star .odt-festo-LinkButton-icon path,
.odt-festo-LinkButton.odt-festo-LinkButton-star .odt-festo-LinkButton-icon polygon,
.odt-festo-LinkButton.odt-festo-LinkButton-white .odt-festo-LinkButton-icon path,
.odt-festo-LinkButton.odt-festo-LinkButton-white .odt-festo-LinkButton-icon polygon {
    fill: transparent;
    stroke: transparent;
}
.odt-festo-LinkButton.odt-festo-LinkButton-shop {
    color: #fff;
}
.odt-festo-LinkButton.odt-festo-LinkButton-shop .odt-festo-LinkButton-icon {
    background: url(/rep/de_de/op/coreprog61/media/icon-shop.svg) no-repeat 50%;
    background-size: cover
}
.odt-festo-LinkButton.odt-festo-LinkButton-shop .odt-festo-LinkButton-icon path,
.odt-festo-LinkButton.odt-festo-LinkButton-shop .odt-festo-LinkButton-icon polygon {
    fill: transparent;
    stroke: transparent;
}
.odt-festo-LinkButton.odt-festo-LinkButton-rocket {
    color: #0091dc !important;
    background-color: transparent;
    border: none;
    padding: 0 0 0 13px !important;
    display: flex;
    justify-content: center;
    align-items: center;
}
.odt-festo-LinkButton.odt-festo-LinkButton-rocket:hover .odt-festo-LinkButton-icon {
    margin-right: 15px;
}
.odt-festo-LinkButton.odt-festo-LinkButton-rocket .odt-festo-LinkButton-icon {
    background: url(/rep/de_de/op/coreprog61/media/rocket.svg) no-repeat 50%;
    background-size: contain;
    width: 25px;
    height: 28px;
    margin-right: 10px;
    transition: all 0.3s ease;
}
.odt-festo-LinkButton.odt-festo-LinkButton-rocket .odt-festo-LinkButton-icon path,
.odt-festo-LinkButton.odt-festo-LinkButton-rocket .odt-festo-LinkButton-icon polygon {
    fill: transparent;
    stroke: transparent;
}
.odt-festo-LinkButton.odt-festo-LinkButton-white {
    color: #0091dc !important;
    background-color: transparent;
    border: none;
    padding: 0 0 0 21px !important;
    display: flex;
    justify-content: center;
    align-items: center;
}
.odt-festo-LinkButton.odt-festo-LinkButton-white .odt-festo-LinkButton-icon {
    background: url(/rep/de_de/op/coreprog61/media/arrow-right.svg) no-repeat 50%;
    background-size: contain;
    width: 0.8em;
    height: 0.8em;
    margin-bottom: -0.01em;
    margin-right: 10px;
    transition: all 0.3s ease;
}
.odt-festo-LinkButton.odt-festo-LinkButton-white .odt-festo-LinkButton-icon path,
.odt-festo-LinkButton.odt-festo-LinkButton-white .odt-festo-LinkButton-icon polygon {
    fill: transparent;
    stroke: transparent;
}
.odt-festo-LinkButton.odt-festo-LinkButton-white:hover {
    color: #fff;
    border-color: #0091dc;
    background-color: transparent;
}
.odt-festo-LinkButton.odt-festo-LinkButton-white:hover .odt-festo-LinkButton-icon {
    background: url(/rep/de_de/op/coreprog61/media/arrow-right.svg) no-repeat 50%;
    background-size: contain;
    margin-right: 15px;
}
@media (min-width: 768px) {
    .odt-festo-LinkButton {
        line-height: 23px;
        padding: 11px 19px;
    }
}
.odt-festo-LinkButton .odt-festo-LinkButton-icon {
    width: 0.8em;
    height: 0.8em;
    margin-bottom: -0.01em;
}