/*** HTML5-Player Style ***/
.SkadOverlayControl {
    -moz-opacity: 0.6;
    opacity: .60;
    filter: alpha(opacity=60);
    background: #333333;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 3;
    top: 0px;
    left: 0px;
}

.SkadTimeline {
    position: absolute;
    height: 1.5%;
    background-color: #ffffff;
    bottom: 0px;
    z-index: 4;
}

.SkadBuffered {
    position: absolute;
    height: 1.5%;
    background-color: #ffffff;
    bottom: 0px;
    z-index: 4;
    -moz-opacity: 0.5;
    opacity: .50;
    filter: alpha(opacity=50);
}

.SkadPlayPause {
    cursor: pointer;
    background: url(https://skins.skadtec.com/defaults/player/play.png) no-repeat center center;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 4;
    top: 0px;
    left: 0px;
}

.SkadPlayerPlayAgain {
    background: url(https://skins.skadtec.com/defaults/player/play_again.png) no-repeat center center;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 4;
    top: 0px;
    left: 0px;
    cursor: pointer;
    display: none;
}

.SkadVolume {
    background: url(https://skins.skadtec.com/defaults/player/unmute.png) no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    z-index: 5;
    top: 5px;
    right: 5px;
    cursor: pointer;
}

.SkadFullscreen {
    background: url(https://skins.skadtec.com/defaults/player/resize.png) no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    z-index: 5;
    top: 35px;
    right: 5px;
    cursor: pointer;
}

.SkadPlayerHD {
    background: url(https://skins.skadtec.com/defaults/player/hd.png) no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    z-index: 5;
    top: 65px;
    right: 5px;
    cursor: pointer;
    -moz-opacity: 0.7;
    opacity: .70;
    filter: alpha(opacity=70);
}

.SkadPlayerHD:hover {
    -moz-opacity: 1;
    opacity: 1.00;
    filter: alpha(opacity=100);
}

.SkadlayVideoElement0 {
    width: 100%;
}

.SkadFullscreen {
    display: none;
}

.SkadVolume {
    top: 40px;
}

.SkadPlayerHD {
    top: 70px;
}

/*** HTML5-Player Style end ***/

/*** Font-Definition ***/
@font-face {
    font-family: 'Calibri';
    src: url('../fonts/calibri.eot?#iefix') format('embedded-opentype'),
    url('../fonts/calibri.woff') format('woff'),
    url('../fonts/calibri.ttf') format('truetype'),
    url('../fonts/calibri.svg#Calibri') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Calibri-Bold';
    src: url('../fonts/calibri-bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/calibri-bold.woff') format('woff'),
    url('../fonts/calibri-bold.ttf') format('truetype'),
    url('../fonts/calibri-bold.svg#Calibri-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*** Font-Definition end ***/
body * {
    font-family: 'Calibri';
}

body, .row {
    background-color: #333333;
    color: #121212;
    opacity: 1;
}

.container-fluid {
    position: relative;
    overflow: hidden;
}

.container-fluid.top {
    position: relative;
    z-index: 1;
    margin-top: -0.5%;
}

.line_red {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
}


#language-bar {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
    background: #999;
    font-family: 'Calibri';
    letter-spacing: 0.05em;
    -webkit-box-shadow: 0px 2px 3px 0px rgba(255, 255, 255, 0.75);
    -moz-box-shadow: 0px 2px 3px 0px rgba(255, 255, 255, 0.75);
    box-shadow: 0px 2px 3px 0px rgba(255, 255, 255, 0.75);
}

#language-bar > div {
    float: right;
}

#language-bar > .home-button {
    float: left;
    color: #bd1b23;
}

#language-bar > .home-button > span {
    cursor: pointer;
    display: inline-block;
    margin: 5px 5px 2px 15px;

}


#language-bar div img {
    border: 0;
}

#language-bar dl {
    margin: 3px 5px 2px 0;
}

#language-bar dt,
#language-bar dd {
    display: inline-block;
    float: left;
}

#language-bar dt {
    padding-right: 10px;
    color: #333;
}

#language-bar dd {
    padding-left: 8px;
    padding-right: 8px;
    border-right: 1px solid #333;
}

#language-bar dd.clearfix {
    float: none;
}

#language-bar select {
    padding: 0 10px;
    height: 19px;
    line-height: 19px;
}


#language-bar .glyphicon-th-list {
    color: rgba(0, 0, 0, 0.5);
    cursor: pointer;
}

#other-languages-box {
    position: fixed;
    z-index: 10;
    top: 20px;
    right: 0;
    min-width: 200px;
    background-color: #fff;
    padding: 10px 10px 0;
    -webkit-box-shadow: -1px 1px 10px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: -1px 1px 10px 0px rgba(0, 0, 0, 0.25);
    box-shadow: -1px 1px 10px 0px rgba(0, 0, 0, 0.25);


    display: none;
}

#other-languages-box dl {
    margin-bottom: 8px;
    cursor: pointer;
}

#other-languages-box dt,
#other-languages-box dd {
    display: inline-block;
}

#other-languages-box dt {
    margin-right: 10px;
}


#HTML5Player-PresentationVideo {
    position: relative;
    z-index: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #333333;
}

#GoToArrowWrap {
    position: absolute;
    z-index: 4;
    bottom: 2%;
    width: 100%;
    height: auto;
    text-align: center;
    transition: transform 0.2s;
    transform: scale(0.9);
    animation: GoToArrowWrap 4s ease-in-out 0s infinite normal forwards;
}

#GoToArrowWrap:hover {
    transform: scale(1);
    animation: none;
}

@keyframes GoToArrowWrap {
    0% {
        transform: scale(0.9);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(0.9);
    }
}

#GoToArrow {
    position: relative;
    width: 3.541666666666667%;
}

#GoToArrow img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    cursor: pointer;
}

#GoToArrow img.overlay {
    transition: transform 0.5s;
}

#GoToArrow img.overlay:hover {
    transform: rotate(360deg);
}

#GoToArrow img.shine {
    opacity: 0;
    transition: opacity 0.2s;
    animation: GoToArrowShine 4s ease-in-out 0s infinite normal forwards;
}

#GoToArrow img.shine:hover {
    cursor: pointer;
    opacity: 1;
    animation: none;
}

@keyframes GoToArrowShine {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 1;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

/** Klassen mit Hintergrundfarben **/
.bg_white {
    background: #f8f9fb;
}

h2 {
    position: relative;
    z-index: 1;
    margin-top: 4%;
    margin-bottom: 0;
    padding: 0;
    font-family: 'Calibri-Bold';
    font-size: 340%;
    letter-spacing: 6px;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    color: #d91e19;
}

.title_line {
    width: 100%;
    text-align: center;
    padding-top: 0.6%;
    padding-bottom: 1.2%;
    transform: scale(0, 1);
}

h3 {
    margin: 0;
    padding: 0;
    font-family: 'Calibri-Bold';
    font-size: 140%;
    letter-spacing: 0.13em;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    color: #b81b24;
}

@media screen and (max-width: 1200px) {
    h2 {
        margin-top: 5%;
        font-size: 38px;
        letter-spacing: inherit;
    }

    h3 {
        font-size: 24px;
        letter-spacing: inherit;
    }
}

@media screen and (max-width: 992px) {
    h2 {
        margin-top: 5%;
        font-size: 34px;
        letter-spacing: inherit;
    }

    h3 {
        font-size: 22px;
        letter-spacing: inherit;
    }
}

@media screen and (max-width: 768px) {
    h2 {
        margin-top: 10%;
        font-size: 30px;
        letter-spacing: inherit;
    }

    h3 {
        font-size: 20px;
        letter-spacing: inherit;
    }
}

p {
    margin-bottom: 2%;
    font-family: 'Calibri';
    font-size: 200%;
    letter-spacing: 0.07em;
    line-height: 30px;
}

@media screen and (max-width: 1200px) {
    p {
        font-size: 22px;
        line-height: inherit;
    }
}

@media screen and (max-width: 992px) {
    p {
        font-size: 18px;
        line-height: inherit;
    }
}

@media screen and (max-width: 768px) {
    p {
        font-size: 14px;
        line-height: inherit;
    }
}

span.font_bold {
    font-family: 'Calibri-Bold';
}

/*** Icon-Set ***/
.Icon {
    padding-left: 15px !important;
}

.IconSet {
    margin-top: 6%;
    perspective: 800px;
}

.IconSet img.icon_content {
    position: absolute;
    z-index: 1;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    width: 75%;
}

#AboutUs .IconSet img.icon_content {
    max-width: 45px;
}

.ArticleWrap {
    position: relative;
    z-index: 1;
    margin-top: 3%;
    padding-left: 0;
    padding-right: 0;
    min-height: 155px;
    cursor: default;
}

#AboutUs .ArticleWrap {
    position: relative;
    z-index: 1;
    /*    margin-top: 3%;*/
    margin-bottom: 30px;
    margin-left: 30px;
    padding: 15px 15px 15px 0;
    min-height: 200px;
    cursor: default;
}

@media (max-width: 768px) {
    .ArticleWrap {
        margin-left: 0 !important;
        min-height: 1px;
    }
}

#AboutUs .ArticleWrap:hover {
    -webkit-box-shadow: 0px 0px 45px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 0px 45px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 45px 0px rgba(0, 0, 0, 0.4);
}

#AboutUs .ArticleWrap img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.ArticleWrap img {
    transition: transform 1s;
}

.ArticleWrap .back img {
    transform: rotateY(180deg);
}

.ArticleWrap:hover .front img {
    transform: rotateY(-180deg);
}

.ArticleWrap:hover .back img {
    transform: rotateY(0deg);
}

.ArticleWrap > div {
    padding-left: 0;
    padding-right: 0;
}

.ArticleWrap .Icon {
    position: relative;
    z-index: 1;
}

.ArticleWrap .IconText {
    position: relative;
    z-index: -1;
    padding-left: 2.5% !important;
    padding-right: 15px !important;
    /*    margin-bottom: 8%;*/
    opacity: 0;
}

@media screen and (max-width: 768px) {
    .ArticleWrap .IconText {
        -ms-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
    }
}

.ArticleWrap h3 {
    color: #fff;
    margin-bottom: 1.5%;
}

.ArticleWrap p {
    color: #fff;
    font-size: 120%;
    line-height: 1.42857143;
}

form {
    margin-top: 3%;
    margin-left: 4%;
}

form label {
    font-family: 'Calibri';
    font-size: 160%;
    letter-spacing: 0.07em;
}

@media screen and (max-width: 1200px) {
    form label {
        font-size: 24px;
    }
}

@media screen and (max-width: 992px) {
    form label {
        font-size: 20px;
    }
}

@media screen and (max-width: 768px) {
    form label {
        font-size: 16px;
    }
}

form input.form-control,
form textarea.form-control {
    border: dashed 1px #c62113;
    font-size: 160%;
    resize: none;
}

form input.form-control {
    height: 42px;
    border-radius: 2px;
}

@media screen and (max-width: 992px) {
    form input.form-control,
    form textarea.form-control {
        font-size: 18px;
    }

    form input.form-control {
        height: 34px;
    }
}

@media screen and (max-width: 1200px) {
    form input.form-control,
    form textarea.form-control {
        font-size: 22px;
    }

    form input.form-control {
        height: 38px;
    }
}

@media screen and (max-width: 768px) {
    form {
        margin-left: 0;
    }

    form input.form-control,
    form textarea.form-control {
        font-size: 14px;
    }

    form input.form-control {
        height: 30px;
    }
}


.button {
    color: #ffffff;
    background-color: #333333;
    border-color: #FFFFFF;
    border-radius: 2px;
}

.button:hover,
.button:focus,
.button:active,
.button.active,
.open .dropdown-toggle.button {
    color: #ffffff;
    background-color: #404040;
    border-color: #FFFFFF;
}

.button:active,
.button.active,
.open .dropdown-toggle.button {
    background-image: none;
}

.button.disabled,
.button[disabled],
fieldset[disabled] .button,
.button.disabled:hover,
.button[disabled]:hover,
fieldset[disabled] .button:hover,
.button.disabled:focus,
.button[disabled]:focus,
fieldset[disabled] .button:focus,
.button.disabled:active,
.button[disabled]:active,
fieldset[disabled] .button:active,
.button.disabled.active,
.button[disabled].active,
fieldset[disabled] .button.active {
    background-color: #333333;
    border-color: #FFFFFF;
}

.button .badge {
    color: #282727;
    background-color: #ffffff;
}


/*** Seitenbereiche ***/
#WhyGSI {
    background: #f8f9fb;
    margin-bottom: 2.5%;
}

#WhyGSI > div {
    padding-left: 0;
    padding-right: 0;
}

#WhyGSI h2 {
    color: #121212;
}


#Protection {
}

#Protection .ArticleWrap .front img {
    transition: transform 1s;
}

#Protection .ArticleWrap:hover .front img {
    transform: rotateY(-180deg);
}

.oblique_wrap_top,
.oblique_wrap_bottom {
    opacity: 1;
    width: 100%;
    height: 100%;
}

.oblique_wrap_top {
    position: relative;
    z-index: 0;
    background-color: #f8f9fb;
}

.oblique_wrap_top div {
    background-color: transparent;
}


.oblique_wrap_top div,
.oblique_wrap_bottom div {
    width: 100%;
}

.oblique_wrap_top .oblique_red {
    position: relative;
    z-index: 1;
    top: 0;
}

.oblique_wrap_top .oblique_gray {
    position: absolute;
    z-index: 2;
    top: 0;
}

.oblique_red {

}

.oblique_red img, .oblique_gray img {
    display: block;
    width: 100%;
}

.oblique_wrap_bottom {
    width: 100%;
    height: 100%;
}

.oblique_wrap_bottom .oblique_gray {
    position: absolute;
    bottom: 1px;
}

.oblique_wrap_bottom .oblique_gray img {
    transform: rotate(180deg);
}

.oblique_red {
    opacity: 0;
    transform: translateX(-100%);
}

.oblique_gray {
    opacity: 0;
    transform: translateX(100%);
}

@media screen and (max-width: 768px) {
    .oblique_wrap_top .oblique_red,
    .oblique_wrap_top .oblique_gray {
        top: 1px;
    }
}

#Protection .background_red {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../images/red_bg.png');
    background-size: 100%;
    transform: translateX(-100%);
}

#Protection .background_gray {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #282727;
    transform: translateX(100%);
}


#Protection h2 {
    margin-top: -1%;
    color: #fff;
}

@media screen and (max-width: 768px) {
    #Protection h2 {
        margin-top: 10%;
    }
}

#Protection p {
    color: #fff;
}

#Protection .IconSet {
    margin-top: 0;
}

#Protection .IconSet img.icon_content {
    width: 60%;
}


#Products {
    opacity: 1;
    min-height: 750px;
}

#Products .product_group_wrapper {
    text-align: center;
    padding-bottom: 4%;
}

#Products .product_group {
    position: relative;
    margin: auto;
    width: 71%;
    min-height: 430px;
    transition-property: transform, width;
    transition-duration: 0.2s, 0.2s;
    transition-timing-function: ease-in-out, ease-in-out;
    -webkit-box-shadow: 10px 10px 50px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 10px 10px 50px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 10px 10px 50px 0px rgba(0, 0, 0, 0.75);
    overflow: hidden;
    background: #3a3939;
    cursor: default;
}


@media (max-width: 767px) {
    #Products .product_group_wrapper {
        padding-bottom: 20%;
    }
}

@media screen and (max-width: 992px) {
    #Products .product_group {
        width: 100%;
    }
}


#Products h2 {
    margin-top: 0;
    color: #fff;
}

@media screen and (max-width: 768px) {
    #Products h2 {
        margin-top: 10%;
    }
}

#Products h4 {
    transition-property: font-size;
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
}


#Products .circleDiv {
    position: absolute;
    top: 8%;
    z-index: 1;
    width: 100%;
    transform: translate(100%, 0);
}

#Products .circle {
    width: 24%;
    opacity: 1;
}


#Products .product_group.left {
    left: 5%;
    background-image: url('../images/single-way-border.png');
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

#Products .product_group.center {
    background-image: url('../images/double-way-border.png');
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

#Products .product_group.right {
    right: 5%;
    background-image: url('../images/three-way-border.png');
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

@media screen and (max-width: 1200px) {
    #Products .product_group.left {
        left: 0;
    }

    #Products .product_group.right {
        right: 0;
    }
}


#Products .product_group.focus {
    transform: translate(0, 6%);
    width: 85%;
}

#Products p {
    font-size: 120%;
    letter-spacing: 0.07em;
    line-height: 20px;
    margin-bottom: 8%;
    transition-property: font-size, line-height;
    transition-duration: 0.2s, 0.2s;
    transition-timing-function: ease-in-out, ease-in-out;
}

#Products .product_group.focus p {
    font-size: 160%;
    line-height: 28px;
}

#Products .product_group.focus h4 {
    font-size: 180%;
}


#Products .plus {
    margin-left: -1%;
    margin-right: 1.5%;
    width: 3.9%;
    opacity: 1;
}

#Products .product_group_text {
    position: relative;
    z-index: 1;
    margin-top: 45%;
    margin-bottom: 15%;
    text-align: left;
    color: #fff;
    padding-left: 12%;
    padding-right: 12%;
    opacity: 0;
}


/*** Was wir anders machen ***/
#WatWeDoDifferently {
}

#WatWeDoDifferently .contant_wrap_background {
    position: relative;
    z-index: 0;
    padding-top: 3%;
    background: #2e2e2e;
    height: 100%;
    float: left;
}

#WatWeDoDifferently.content {
    padding: 0;
}

#ObliqueLine1 {
    display: block;
    width: 100%;
}

#ObliqueLine2 {
    display: block;
    width: 100%;
}

#WatWeDoDifferently h2 {
    margin-top: 0;
    color: #fff;
}

#WatWeDoDifferently .title_line {
    margin-bottom: 2.5%;
}

#WatWeDoDifferently .contant_wrap {
    padding-left: 0;
    padding-right: 0;
}

#WatWeDoDifferently .contant_wrap div {
    padding-left: 0;
    padding-right: 0;
}

@media (max-width: 768px) {
    #WatWeDoDifferently .contant_wrap {
        padding-left: 15px;
        padding-right: 15px;
    }
}

#WatWeDoDifferently p {
    color: #fff;
}

#WatWeDoDifferently .row {
    background: transparent;
}


#WatWeDoDifferently .step-box-wrap {
    position: relative;
    margin-top: 30px;
}

#WatWeDoDifferently .dotted-bg {
    position: absolute;
    top: 20px;
    height: calc(100% - 40px);
    background: url('../images/dots-bg-full.png');
    border-left-width: 4px;
    border-left-style: solid;
    border-left-color: rgb(217, 31, 25);
    border-left-color: -moz-linear-gradient(left, rgba(217, 31, 25, 1) 0%, rgba(185, 27, 35, 1) 100%);
    border-left-color: -webkit-linear-gradient(left, rgba(217, 31, 25, 1) 0%, rgba(185, 27, 35, 1) 100%);
    border-left-color: linear-gradient(to right, rgba(217, 31, 25, 1) 0%, rgba(185, 27, 35, 1) 100%);
}

#WatWeDoDifferently .dotted-bg.vertical-1 {
    top: 40%;
    right: 22%;
    width: 140px;
    border-left: none;
}

#WatWeDoDifferently .dotted-bg.vertical-2 {
    top: 45%;
    left: 50%;
    transform: translateX(-50%);
    width: 140px;
    border-left: none;
}

#WatWeDoDifferently .dotted-bg.vertical-1,
#WatWeDoDifferently .dotted-bg.vertical-2 {
    opacity: 0;
    transition: opacity 1s 0.75s;
}

#WatWeDoDifferently .dotted-bg.vertical-1.anim,
#WatWeDoDifferently .dotted-bg.vertical-2.anim {
    opacity: 1;
}

@media (max-width: 767px) {
    #WatWeDoDifferently .dotted-bg.vertical-1 {
        top: 12%;
        left: 50%;
        transform: translateX(-50%);
    }
}

@media (max-width: 1199px) {
    #WatWeDoDifferently .dotted-bg {
        height: calc(45% - 40px);
    }
}


#WatWeDoDifferently .step-box {
    position: relative;
    background: #333333;
    color: #fff;
    border-left-width: 4px;
    border-left-style: solid;
    border-left-color: rgb(217, 31, 25);
    border-left-color: -moz-linear-gradient(left, rgba(217, 31, 25, 1) 0%, rgba(185, 27, 35, 1) 100%);
    border-left-color: -webkit-linear-gradient(left, rgba(217, 31, 25, 1) 0%, rgba(185, 27, 35, 1) 100%);
    border-left-color: linear-gradient(to right, rgba(217, 31, 25, 1) 0%, rgba(185, 27, 35, 1) 100%);
    padding: 28px 36px !important;
    -webkit-box-shadow: 0 0 45px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 0 45px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 0 45px 0 rgba(0, 0, 0, 0.3);
    transition: transform 1s;
    transform-origin: 0 50%;
}

#WatWeDoDifferently .step-box-1 {
    z-index: 3;
    transform: translateX(0) scaleX(0);
}

#WatWeDoDifferently .step-box-2 {
    z-index: 2;
    transform: translateX(-133.3%) scaleX(0);
}

#WatWeDoDifferently .step-box-3 {
    z-index: 1;
    transform: translateX(-133.3%) scaleX(0);
}

#WatWeDoDifferently .step-box.anim {
    transform: translateX(0) scaleX(1);
}


.step-box .title {
    font-family: 'Calibri-Bold';
    font-size: 200%;
    font-size: 3.5vh;
    margin-bottom: 0;
    line-height: 1;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}

.step-box .text {
    font-family: 'Calibri';
    font-size: 135%;
    color: #606060 !important;
}

#WatWeDoDifferently .step-box img {
    position: absolute;
    top: 8px;
    right: 11px;
}

@media (max-width: 767px) {
    #WatWeDoDifferently .step-box {
        padding: 35px 15px 15px !important;
        margin-bottom: 30px;
        min-height: 145px;
    }

    .step-box .title {
        font-size: 165%;
    }

    .step-box .text {
        font-family: 'Calibri';
        font-size: 111%;
        color: #606060 !important;
    }

    #WatWeDoDifferently .step-box img {
        right: 8px;
    }
}

@media (min-width: 768px) {
    #WatWeDoDifferently .step-box {
        min-height: 145px;
    }
}

@media (min-width: 992px) {
    #WatWeDoDifferently .step-box {
        min-height: 176px;
    }
}


#WatWeDoDifferently .timeline-wrap {
    padding-top: 15px;
    color: #fff;
}

#WatWeDoDifferently .data-collection,
#WatWeDoDifferently .gsi-analysis {
    transform: scaleX(0);
    opacity: 0;
}

#WatWeDoDifferently .data-collection img,
#WatWeDoDifferently .gsi-analysis img {
    width: 75%;
    max-width: 115px;
}

#WatWeDoDifferently .data-collection img {
    padding-right: 5px;
}

#WatWeDoDifferently .gsi-analysis img {
    padding-left: 5px;
}

#WatWeDoDifferently .data-collection {
    transform-origin: 100% 50%;
    transition-property: transform, opacity;
    transition-duration: 1s, 1s;
    transition-delay: 2s, 2s;
}

#WatWeDoDifferently .gsi-analysis {
    transform-origin: 0 50%;
    transition-property: transform, opacity;
    transition-duration: 1s, 1s;
    transition-delay: 3s, 3s;
}

#WatWeDoDifferently .data-collection.anim,
#WatWeDoDifferently .gsi-analysis.anim {
    opacity: 1;
    transform: scaleX(1);
}


#WatWeDoDifferently .gsi-analysis-text p.title,
#WatWeDoDifferently .data-collection-text p.title {
    font-family: 'Calibri-Bold';
    font-size: 160%;
    margin-top: -8px;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

#WatWeDoDifferently .gsi-analysis-text p.title {
    text-align: right;
    padding-right: 5px;
}

#WatWeDoDifferently .data-collection-text p.title {
    text-align: left;
    padding-left: 5px;
}

#WatWeDoDifferently .gsi-analysis-text,
#WatWeDoDifferently .data-collection-text {
    opacity: 0;
    transform: scaleX(0);
}

#WatWeDoDifferently .data-collection-text {
    transform-origin: 0 50%;
    transition-property: transform, opacity;
    transition-duration: 1s, 1s;
    transition-delay: 2s, 2s;
}

#WatWeDoDifferently .gsi-analysis-text {
    transform-origin: 100% 50%;
    transition-property: transform, opacity;
    transition-duration: 1s, 1s;
    transition-delay: 3s, 3s;
}

#WatWeDoDifferently .gsi-analysis-text.anim,
#WatWeDoDifferently .data-collection-text.anim {
    opacity: 1;
    transform: scaleX(1);
}


/** left **/
#WatWeDoDifferently .timeline-wrap .left {
    text-align: right;
}

#WatWeDoDifferently .left .data-collection {
    margin-top: 35px;
}

#WatWeDoDifferently .left .gsi-analysis-text {
    margin-top: 110px;
}

/** right **/
#WatWeDoDifferently .timeline-wrap .right {
    text-align: left;
}

#WatWeDoDifferently .right .data-collection-text {
    margin-top: 85px;
}

#WatWeDoDifferently .right .gsi-analysis {
    margin-top: 87px;
}


/** center **/
#WatWeDoDifferently .timeline-wrap .center img {
    margin-bottom: 10px;
}

#WatWeDoDifferently .vertical-line-1,
#WatWeDoDifferently .vertical-line-2,
#WatWeDoDifferently .vertical-line-3,
#WatWeDoDifferently .vertical-line-4 {
    width: 3px;
    height: 76px;
    margin-bottom: 10px;
    background: #6d6d6d;
}

#WatWeDoDifferently .vertical-line-2 {
    height: 123px;
}

#WatWeDoDifferently .vertical-line-3 {
    height: 97px;
}

#WatWeDoDifferently .vertical-line-4 {
    margin-top: 10px;
    height: 30px;
}


#WatWeDoDifferently .evaluation-wrap {
    position: relative;
    color: #fff;
    margin-bottom: 60px;
}

#WatWeDoDifferently .evaluation-wrap div {
    position: relative;
}

#WatWeDoDifferently .horizontal-line {
    padding-top: 10px;
}

#WatWeDoDifferently .horizontal-line-1,
#WatWeDoDifferently .horizontal-line-2 {
    width: 75%;
    height: 3px;
    background: #6d6d6d;
    transform: scaleX(0);
    transition: transform 0.5s 5s;
}

#WatWeDoDifferently .horizontal-line-1 {
    float: right;
    transform-origin: 100%;
}

#WatWeDoDifferently .horizontal-line-2 {
    float: left;
    transform-origin: 0;
}

#WatWeDoDifferently .horizontal-line-1.anim,
#WatWeDoDifferently .horizontal-line-2.anim {
    transform: scaleX(1);
}


#WatWeDoDifferently .evaluation-wrap p.title {
    display: inline-block;
    font-family: 'Calibri-Bold';
    font-size: 160%;
    background-color: #333;
    text-align: left;
    padding: 16px 34px;
    transform: translateY(-40%);
    line-height: 1.1;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    -webkit-box-shadow: 0 0 45px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 0 45px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 0 45px 0 rgba(0, 0, 0, 0.3);
}


#WatWeDoDifferently .evaluation-icon {
    opacity: 0;
    transition: opacity 1s 4s;
}

#WatWeDoDifferently .evaluation-icon p.title {
    background-color: transparent;
    margin-top: 5px;
    margin-bottom: 0;
    padding: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#WatWeDoDifferently .evaluation-icon.anim {
    opacity: 1;
}


#WatWeDoDifferently .after-evaluation {
    position: relative;
    opacity: 0;
    transition: opacity 1s 6s;
}

#WatWeDoDifferently .after-evaluation .title {
    position: relative;
}

#WatWeDoDifferently .after-evaluation .title img {
    position: absolute;
    top: 9px;
    height: 60px;
}

#WatWeDoDifferently .after-evaluation.left .title img {
    right: -9px;
}

#WatWeDoDifferently .after-evaluation.right .title img {
    left: -9px;
}

#WatWeDoDifferently .after-evaluation.anim {
    opacity: 1;
}


@media (max-width: 767px) {
    #WatWeDoDifferently .evaluation-wrap p.title {
        display: block;
        padding: 15px;
        transform: none;
        font-size: 140% !important;
        width: 100%;
    }
}

@media (min-width: 768px) {
    #WatWeDoDifferently .evaluation-wrap .title {
        display: inline-block !important;
        font-size: 140% !important;
    }
}

@media (min-width: 992px) {
    #WatWeDoDifferently .evaluation-wrap .title {
        display: inline-block !important;
        font-size: 160% !important;
    }
}


/*** Dagegen schützen wir sie ***/
#ProtectionForYou {
}

#ProtectionForYou .arrow-to {
    position: absolute;
    top: 52%;
    font-size: 60px;
    color: #fff;
    opacity: 0.75;
    cursor: pointer;
}

#ProtectionForYou #arrow-to-left {
    display: none;
    left: -75px;
}

#ProtectionForYou #arrow-to-right {
    right: -75px;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    #ProtectionForYou #arrow-to-left {
        left: -60px;
    }

    #ProtectionForYou #arrow-to-right {
        right: -60px;
    }
}


#ProtectionForYou .arrow-to:hover {
    opacity: 1;
}

#ProtectionForYou .active-border-wrap {
    padding-left: 10px !important;
}

#ProtectionForYou .active-border {
    margin-bottom: 0;
    border-top-style: solid;
    border-top-width: 5px;
    border-top-color: #6d6d6d;
    width: 75%;
}

#ProtectionForYou #active-border-left {
    padding-right: 15px;
    cursor: pointer;
}

#ProtectionForYou #active-border-right {
    padding-left: 15px;
    cursor: pointer;
}

#ProtectionForYou .active-border.active {
    margin-top: -5px;
    border-top-color: rgb(217, 31, 25);
    border-top-color: -moz-linear-gradient(left, rgba(217, 31, 25, 1) 0%, rgba(185, 27, 35, 1) 100%); /* FF3.6-15 */
    border-top-color: -webkit-linear-gradient(left, rgba(217, 31, 25, 1) 0%, rgba(185, 27, 35, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    border-top-color: linear-gradient(to right, rgba(217, 31, 25, 1) 0%, rgba(185, 27, 35, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

#ProtectionForYou #active-border-right .active {
    display: none;
}

@media screen and (max-width: 768px) {
    #ProtectionForYou .active-border {
        margin-top: 0;
        margin-bottom: 20px;
    }

    #ProtectionForYou .active-border.active {
        margin-top: -25px;
    }
}


#ProtectionForYou .protection-dor-you-page {
    opacity: 1;
    transition-property: transform, opacity;
    transition-duration: 1.25s, 1.25s;
    transition-timing-function: ease-in-out, ease-in-out;
}

#ProtectionForYou-Page2 {
    position: absolute;
    top: 165px;
}

#ProtectionForYou .pos-1 {
    opacity: 0;
    transform: translateX(calc(-100% - 60px));
}

#ProtectionForYou .pos1 {
    opacity: 0;
    transform: translateX(calc(100% + 60px));
}

@media screen and (max-width: 768px) {
    #ProtectionForYou .pos0 {
        position: relative;
    }

    #ProtectionForYou .pos1 {
        position: relative;
        opacity: 1;
        transform: translateX(0);
    }

    #ProtectionForYou .protection-dor-you-page {
        margin-top: 30px;
    }
}


#ProtectionForYou .row {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: transparent;
    margin-bottom: 45px;
}

.CornerBox {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.CornerBox .box-content-wrap {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    min-height: 62px;
    padding-top: 8px;
    background: url('../images/dots-bg.png') top left no-repeat;
}

.CornerBox .text-box {
    box-sizing: content-box;
    position: relative;
    min-height: 300px;
    margin-left: 9px;
    padding: 18px !important;
    background: #393938;
    color: #fff;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
    overflow: hidden;
    opacity: 0;
    transform-origin: 0 0;
    transform: scale(0.215, 0.16);
}

@media screen and (max-width: 768px) {
    .CornerBox .text-box {
        min-height: 1px;
    }
}

.CornerBox .text-box.anim {
    animation: text-box-anim 1s ease-in-out 0s 1 normal forwards;
}

@keyframes text-box-anim {
    0% {
        opacity: 0;
        transform: scale(0.215, 0.16);
    }
    25% {
        opacity: 1;
    }
    100% {
        opacity: 1;
        transform: scale(1, 1);
    }
}

.CornerBox .text-box h3,
.CornerBox .text-box p {
    opacity: 0;
    transition: opacity 1s 500ms;
}

.CornerBox .text-box.anim h3,
.CornerBox .text-box.anim p {
    opacity: 1;
}


.CornerBox h3 {
    margin-bottom: 2%;
    color: #fff;
}

.CornerBox .text-box p {
    line-height: 1.42857143;
    font-size: 120%;
}

.CornerBox .text-box hr {
    position: absolute;
    left: 0;
    bottom: 0;
    margin: 0;
    width: 100%;
    border-top-width: 4px;
    border-top-color: rgb(217, 31, 25); /* Old browsers */
    border-top-color: -moz-linear-gradient(left, rgba(217, 31, 25, 1) 0%, rgba(185, 27, 35, 1) 100%); /* FF3.6-15 */
    border-top-color: -webkit-linear-gradient(left, rgba(217, 31, 25, 1) 0%, rgba(185, 27, 35, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    border-top-color: linear-gradient(to right, rgba(217, 31, 25, 1) 0%, rgba(185, 27, 35, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.CornerBox .text-box hr.hover {
    border-top-color: #fff;
    opacity: 0;
    transform: translateX(-100%);
    transition-property: transform, opacity;
    transition-duration: 500ms, 500ms;
    transition-timing-function: ease-in-out, ease-in-out;
}

.CornerBox .text-box:hover hr.hover {
    opacity: 1;
    transform: translateX(0);
}


#ProtectionForYou .contant_wrap_background {
    position: relative;
    z-index: 0;
    /*    padding-top: 4%;*/
    background: #333333;
    width: 100%;
    height: 100%;
    float: left;
}

#ProtectionForYou.content {
    position: relative;
    padding: 0;
}

#ProtectionForYou h2 {
    color: #ffffff;
}

#ProtectionForYou .oblique_red-gray {
    display: block;
    width: 100%;
    margin-top: -3.5%;
    opacity: 1;
    transform: scale(1, 0);
}

#ProtectionForYou .contant_wrap {
    padding-left: 0;
    padding-right: 0;
    background: transparent;
}

#ProtectionForYou .contant_wrap div {
    padding-left: 0;
    padding-right: 0;
}

@media screen and (max-width: 768px) {
    #ProtectionForYou .contant_wrap {
        padding-left: 15px;
        padding-right: 15px;
    }
}


/*** Was uns ausmacht ***/
#AboutUs {
}

#AboutUs .contant_wrap_background {
    position: relative;
    z-index: 0;
    padding-top: 3%;
    background: #282727;
    height: 100%;
    float: left;
}

#AboutUs.content {
    padding: 0;
    background: #333333;
}

#ObliqueRedGray {
    background: #333333;
    display: block;
    width: 100%;
    margin-top: 0;
}

#AboutUs h2 {
    margin-top: 1.5%;
    color: #fff;
}

#AboutUs .title_line {
    margin-bottom: 2.5%;
}


#AboutUs .contant_wrap {
    padding-left: 0;
    padding-right: 0;
}

#AboutUs .contant_wrap div {
    padding-left: 0;
    padding-right: 0;
}

@media screen and (max-width: 768px) {
    #AboutUs .contant_wrap {
        padding-left: 15px;
        padding-right: 15px;
    }
}


#Contact {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 5%;
}

#Contact h2 {
    color: #121212;
}

.help-block {
    margin-top: 2%;
    font-size: 160%;
    color: #121212;
    font-weight: 700;
}

.help-block.phone {
    margin-left: 4%;
}

.help-block.phone span {
    font-weight: normal;
}

#Contact .form-group.add {
    height: 0;
}

#Contact .text-info {
    font-size: 150%;
}

#map-wrapper {
    position: relative;
    width: 100%;
    height: 500px;
    background: #ccc;
}

#map-consent {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #eee url('/img/map-dummy.jpg') no-repeat center / cover;
    z-index: 10;
}

#map {
    width: 100%;
    height: 100%;
    background: rgba(141, 142, 142, 0.25) !important;
    border: 1px solid #8d8e8e;
    margin-top: 10%;
}

.map {
    margin-top: 0;
    padding-bottom: 3%;
}

@media screen and (max-width: 1200px) {
    #Contact {
        margin-bottom: 8%;
    }

    #map {
        min-height: 508px;
        margin-top: 15%;
    }
}

@media screen and (max-width: 992px) {
    #Contact {
        margin-bottom: 10%;
    }

    #map {
        min-height: 485px;
        margin-top: 12%;
    }
}

@media screen and (max-width: 768px) {
    #Contact {
        margin-bottom: 10%;
    }

    #map {
        min-height: 508px;
        margin-top: 0;
    }
}


#Impressum {
    color: #fff;
    padding-bottom: 2%;
}

#Impressum * {
    font-size: 15px;
}

#Impressum .font_bold {
    font-size: 20px;
}

#Impressum dl {
    margin-bottom: 1.2%;
}

#Impressum .commu dl {
    margin-bottom: 4%;
    padding-left: 45%;
}

#Impressum .register dl {
    padding-left: 0%;
}

@media screen and (max-width: 1200px) {
    #Impressum .commu dl {
        padding-left: 0%;
    }

    #Impressum .register dl {
        padding-left: 0;
    }
}


#Impressum dt,
#Impressum dd {
    display: inline-block;
}

#Impressum dt {
    width: 45%;
    text-align: left;
    vertical-align: top;
    font-weight: normal;
}

#Impressum .commu dt {
    width: 10%;
    text-align: left;
    vertical-align: top;
}

#Impressum dt img {
    width: 85%;
    max-width: 20px;
    height: auto;
}

#Impressum p {
    margin-bottom: 1%;
    letter-spacing: 0;
    line-height: 1.25em;

}

#Impressum a {
    font-size: 100%;
    color: #bd1b23;
}

#ImpressumContentWrap {
    margin-top: 5%;
    width: 80%;
}

#ImpressumContentWrap .logo img {
    width: 100%;
    max-width: 94px;
    margin-bottom: 30px;
}


#ImpressumContentWrap .border_top {
    border-top: 2px solid #8d8e8e;
    padding-top: 10px;
    padding-left: 0;
    padding-bottom: 30px;
}

#Impressum .hr_div {
    margin-top: 6%;
    margin-bottom: 6%;
    border-bottom: solid 1px #fff;
}

#Copyright p {
    display: inline-block;
    padding-right: 15px;
}

#Copyright,
#Copyright a {
    margin-top: 5%;
    margin-bottom: 5%;
    color: #8d8e8e;
    padding-left: 0;
    font-size: 15px;
}


@media screen and (max-width: 1200px) {
    #ImpressumContentWrap {
        width: 100%;
    }

    #Impressum dl {
        margin-bottom: 3.4%;
        padding-left: 0;
    }

    #Impressum .impressum_col {

    }

    #Copyright {
        margin-top: 4%;
    }
}

@media screen and (max-width: 992px) {
    #ImpressumContentWrap {
        width: 100%;
    }

    #Impressum dl {
        margin-bottom: 3.4%;
        padding-left: 0;
    }

    #Copyright {
        margin-top: 8%;
    }
}

@media screen and (max-width: 768px) {
    #ImpressumContentWrap {
        width: 100%;
    }

    #Impressum dl {
        margin-bottom: 3.4%;
        padding-left: 0;
    }

    #Impressum .impressum_col {

    }

    #Copyright {
        margin-top: 10%;
    }
}


/*** Flip ***/

.front {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: rotateY(180deg);
    opacity: 0.25;
}

.front.view {
    animation: frontview 0.5s linear 0s 1 normal forwards;
}

@keyframes frontview {
    0% {
        opacity: 0.25;
        transform: rotateY(180deg);
    }
    100% {
        opacity: 1;
        transform: rotateY(0deg);
    }
}


.back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: rotateY(180deg);
    opacity: 0.25;
}

.back.view {
    animation: backview 0.5s linear 0s 1 normal forwards;
}

@keyframes backview {
    0% {
        opacity: 0.25;
        transform: rotateY(180deg);
    }
    100% {
        opacity: 1;
        transform: rotateY(0deg);
    }
}

/*** Flip end ***/


/** Animations-Klassen **/
.bounceIn {
    animation: bounceIn 0.5s ease-in-out 0s 1 normal forwards;
}

@keyframes bounceIn {
    0% {
        transform: scale(0, 1);
    }
    60% {
        transform: scale(1.1, 1);
    }
    80% {
        transform: scale(0.9, 1);
    }
    100% {
        transform: scale(1, 1);
    }
}


.moveFromLeft {
    animation: moveFromLeft 1s ease-in-out 0s 1 normal forwards;
}

@keyframes moveFromLeft {
    0% {
        opacity: 0;
        transform: translateX(-100%);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.moveFromRight {
    animation: moveFromRight 1s ease-in-out 0s 1 normal forwards;
}

@keyframes moveFromRight {
    0% {
        opacity: 0;
        transform: translateX(100%);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}


.fadeIn {
    transform-origin: 0 50%;
    animation: fadeIn 0.8s ease-in 0s 1 normal forwards;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}


.rollIn {
    transform-origin: 44% 48%;
    animation: rollIn 1s ease-in-out 0s 1 normal forwards;
}

@keyframes rollIn {
    0% {
        opacity: 0;
        transform: rotate(0deg);
    }
    100% {
        opacity: 1;
        transform: rotate(-720deg);
    }
}

.moveIn {
    transform: translate(100%, 0);
    animation: moveIn 1s ease-in-out 0s 1 normal forwards;
}

@keyframes moveIn {
    0% {
        transform: translate(100%, 0);
    }
    100% {
        transform: translate(0, 0);
    }
}


.imageFlip {
    animation: ImageFlip 2s linear 0s 1 normal forwards;
}

@keyframes ImageFlip {
    0% {
        transform: rotateY(0deg);
    }
    100% {
        transform: rotateY(360deg);
    }
}

.moveToTop {
    transform-origin: 50% 100%;
    animation: moveToTop 0.8s ease-in-out 0s 1 normal forwards;
}

@keyframes moveToTop {
    0% {
        opacity: 0;
        transform: scale(1, 0);
    }
    100% {
        opacity: 1;
        transform: scale(1, 1);
    }
}


/*** opt-out Site *****************************************************************************************************/
#opt-out {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 5%;
}

#opt-out h2 {
    color: #121212;
}

#opt-out form {
    margin-top: 0;
    margin-left: 0;
}


#opt-out ul {
    list-style-type: circle;
    margin-bottom: 30px;
    margin-left: 2%;
    font-size: 20px;
}

#opt-out li {
    margin-bottom: 2%;
    letter-spacing: 0.07em;
}

#opt-out .opt-out-col p {
    margin-top: 2%;
    font-size: 24px;
    color: #121212;
    font-weight: normal;
}


/*** cookie-bar ***/
#cookie-bar {
    position: fixed;
    z-index: 1030;
    left: 0;
    bottom: 0;
    width: 100%;
    min-height: 50px;
    padding-top: 12px;
    border-width: 1px 0 0;
    background-color: #f8f8f8 !important;
    font-size: 14px;
    text-align: center;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
}

#cookie-bar a {
    color: #bd1b23;
}

#cookie-bar a:hover {
    text-decoration: underline;
}

#cookie-bar span {
    font-weight: bold;
}

#cookie-bar button {
    padding: 3px 8px;
    margin-left: 30px;
    font-weight: bold;
    border-radius: 2px;

    color: #ffffff;
    background-color: #404040;
    border: none;
}


/*** other-pages ******************************************************************************************************/
#subpage .row {
    background-color: transparent;
}

#subpage {
    background-color: #2c2c2c;
    background-image: url('../images/background-subpages.jpg');
    background-repeat: no-repeat;
    background-position: 100% 0;
}


.other-pages {
    color: #fff;
    margin-top: 90px;
}

.other-pages #gsi-logo {
    width: 110px;
    height: auto;
    margin-bottom: 81px;
}

.other-pages .h1 {
    font-size: 36px;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 52px;
}

.other-pages .h1.title1 {
    margin-bottom: 71px;
}

.other-pages .h2 {
    display: block;
    margin: 0;
    font-family: 'Calibri-Bold';
    font-size: 24px;
    color: #fff;
    letter-spacing: 0.07em;
}

.other-pages .h2.subtitle {
    margin-bottom: 61px;
}

.other-pages article {
    background-image: url('../images/dots_01.svg');
    background-repeat: no-repeat;
    background-position: 0 0;
    padding-top: 28px;
    padding-left: 40px;
    background-size: 69px auto;
    margin-bottom: 58px;
}

.other-pages p {
    font-size: 22px;
    letter-spacing: 0.07em;
    line-height: normal;
    margin-bottom: 21px;
}

.other-pages ul {

    list-style-type: disc;
}

.other-pages > article > ul {
    margin-top: 37px;
    list-style-type: none;
    padding-left: 0;
}

.other-pages > article > ul li {
    background-image: url('../images/dots_02.svg');
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: 0 2px;
    padding-left: 41px;
}

.other-pages > article > ul ul {
    margin-top: 8px;
    list-style-image: none;
}

.other-pages > article > ul ul li {
    background-image: none;
    margin-bottom: 5px;
    padding-left: 0;
}

.other-pages li {
    font-size: 22px;
    margin-bottom: 21px;
}

.other-pages ul.list-hyphen {
    margin-top: 30px;
}

.other-pages ul.list-hyphen > li {
    padding-left: 15px;
    background-image: none !important;
    margin-bottom: 0;
}

.other-pages ul.list-hyphen > li:before {
    margin-left: -15px;
    padding-left: 0;
    content: "-\A0";
    width: 15px;
    display: inline-block;
}

.other-pages ul.list-hyphen > li .h2 {
    display: inline-block;
}

.other-pages .last-update {
    color: #6e6e6d;
}

.other-pages .pdf-document {
    display: inline-block;
    background-image: url('../images/pdf.svg');
    background-size: 23px auto;
    background-repeat: no-repeat;
    line-height: 30px;
    padding-left: 42px;
    color: #fff;
    text-decoration: underline;
}

.other-pages .pdf-document:hover {
    text-decoration: none;
}


/*** Hilfsklassen ***/
.col-xs-offset-2 {
    margin-left: 16.66666667% !important;
}

.email_field {
    position: relative;
    width: 8px;
    height: 8px;
    z-index: -1;
}