body {
    margin-top: 0;
    font-family: 'Roboto', sans-serif;
}

.logo a img {
    width: 157px;
    position: relative;
    top: 10px;
    left: 0;
    right: 0;
}

.top-nav-collapse .logo a img {
    /* width: 133px; */
    top: 0;
}

.wow {
    visibility: hidden;
}

a:hover,
a:active,
a:focus {
    outline: 0;
}

button:focus {
    outline: 0 !important;
}

input:focus {
    outline: none !important;
}

.f-none {
    float: none
}

.bg-white {
    background-color: #FFF
}

.not-active {
    pointer-events: none;
    cursor: default;
}

.page-wrap {
    padding: 0;
}

.p-null {
    padding: 0
}

.pl-null {
    padding-left: 15px !important;
}

.mob-only {
    display: none;
}

.desc-only {
    display: block
}

.relative {
    position: relative
}

.f-right {
    float: right
}

.f-left {
    float: left
}

.anchor {
    display: block;
    position: relative;
    top: 0;
    visibility: hidden;
}

div.table {
    display: table;
    margin-bottom: 79px;
    line-height: 1.5;
    margin-top: 25px;
    max-width: 554px;
}

div.tr {
    display: table-row;
}

div.td {
    display: table-cell;
    padding-right: 20px;
    margin-bottom: 48px;
    padding-bottom: 4px;
    padding-right: 32px;
    vertical-align: top;
}

div.td strong {
    font-weight: 400;
    max-width: 253px;
    display: inline-block;
}

div.td.t-bold {}

div.tr.space-b div.td {
    padding-bottom: 30px;
}

.to-top img {
    position: fixed;
    right: 26px;
    bottom: 54px;
    cursor: pointer;
    display: none;
    z-index: 99;
    width: 43px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.to-top img:hover {
    opacity: 0.6
}

.page-wrap {
    max-width: 1920px;
    margin: 0 auto;
    background-color: #12131d;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.35);
    z-index: 9;
    position: relative;
    /* overflow-y: hidden; */
    /* overflow-x: hidden; */
}

.navbar .container {
    position: relative;
}

.navbar-default .navbar-collapse.navbar250 {
    width: 100%;
    /* padding-left: 18px; */
}

.menu-btn-close {
    display: none
}

.menu-btn {
    display: none
}

.c-hamburger {
    display: block;
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 70px;
    height: 55px;
    font-size: 0;
    text-indent: -9999px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
    border-radius: none;
    border: none;
    cursor: pointer;
    -webkit-transition: background .3s;
    transition: background .3s;
}

.c-hamburger:focus {
    outline: 0
}

.c-hamburger span {
    display: block;
    position: absolute;
    top: 26px;
    left: 18px;
    right: 18px;
    height: 3px;
    background: #ffffff;
}

.c-hamburger span::after,
.c-hamburger span::before {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #ffffff;
    content: "";
}

.c-hamburger--htla.is-active span::after,
.c-hamburger--htla.is-active span::before,
.c-hamburger--htra.is-active span::after,
.c-hamburger--htra.is-active span::before {
    width: 50%
}

.c-hamburger span::before {
    top: -8px;
}

.c-hamburger span::after {
    bottom: -8px;
}

.c-hamburger--rot {
    background-color: #28aadc
}

.c-hamburger--rot span {
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s
}

.c-hamburger--rot.is-active {
    background-color: #166888
}

.c-hamburger--rot.is-active span {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.c-hamburger--htx {
    background-color: transparent;
}

.c-hamburger--htx span {
    -webkit-transition: background 0s .3s;
    transition: background 0s .3s;
}

.c-hamburger--htx span::after,
.c-hamburger--htx span::before {
    -webkit-transition-duration: .3s, .3s;
    transition-duration: .3s, .3s;
    -webkit-transition-delay: .3s, 0s;
    transition-delay: .3s, 0s
}

.c-hamburger--htx span::before {
    -webkit-transition-property: top, -webkit-transform;
    transition-property: top, transform
}

.c-hamburger--htx span::after {
    -webkit-transition-property: bottom, -webkit-transform;
    transition-property: bottom, transform
}

.c-hamburger--htx.is-active {
    background-color: transparent;
}

.c-hamburger--htx.is-active span {
    background: 0 0;
}

.c-hamburger--htx.is-active span::before {
    top: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #ffffff;
}

.c-hamburger--htx.is-active span::after {
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background-color: #ffffff;
}

.c-hamburger--htx.is-active span::after,
.c-hamburger--htx.is-active span::before {
    -webkit-transition-delay: 0s, .3s;
    transition-delay: 0s, .3s
}

.c-hamburger--htla {
    background-color: #32dc64
}

.c-hamburger--htla span {
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s
}

.c-hamburger--htla span::before {
    -webkit-transform-origin: top right;
    -ms-transform-origin: top right;
    transform-origin: top right;
    -webkit-transition: -webkit-transform .3s, width .3s, top .3s;
    transition: transform .3s, width .3s, top .3s
}

.c-hamburger--htla span::after {
    -webkit-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transition: -webkit-transform .3s, width .3s, bottom .3s;
    transition: transform .3s, width .3s, bottom .3s
}

.c-hamburger--htla.is-active {
    background-color: #18903c
}

.c-hamburger--htla.is-active span {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.c-hamburger--htla.is-active span::before {
    top: 0;
    -webkit-transform: translateX(38px)translateY(4px)rotate(45deg);
    -ms-transform: translateX(38px)translateY(4px)rotate(45deg);
    transform: translateX(38px)translateY(4px)rotate(45deg)
}

.c-hamburger--htla.is-active span::after {
    bottom: 0;
    -webkit-transform: translateX(38px)translateY(-4px)rotate(-45deg);
    -ms-transform: translateX(38px)translateY(-4px)rotate(-45deg);
    transform: translateX(38px)translateY(-4px)rotate(-45deg)
}

.c-hamburger--htra {
    background-color: #ff9650
}

.c-hamburger--htra span {
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s
}

.c-hamburger--htra span::before {
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-transition: -webkit-transform .3s, width .3s, top .3s;
    transition: transform .3s, width .3s, top .3s
}

.c-hamburger--htra span::after {
    -webkit-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transition: -webkit-transform .3s, width .3s, bottom .3s;
    transition: transform .3s, width .3s, bottom .3s
}

.c-hamburger--htra.is-active {
    background-color: #e95d00
}

.c-hamburger--htra.is-active span {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.c-hamburger--htra.is-active span::before {
    top: 0;
    -webkit-transform: translateX(-8px)translateY(4px)rotate(-45deg);
    -ms-transform: translateX(-8px)translateY(4px)rotate(-45deg);
    transform: translateX(-8px)translateY(4px)rotate(-45deg)
}

.c-hamburger--htra.is-active span::after {
    bottom: 0;
    -webkit-transform: translateX(-8px)translateY(-4px)rotate(45deg);
    -ms-transform: translateX(-8px)translateY(-4px)rotate(45deg);
    transform: translateX(-8px)translateY(-4px)rotate(45deg)
}

.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: #12131D;
}

.se-pre-con .load-logo {}

.se-pre-con .load-logo .part1 img {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 40%;
    width: 151px;
}

.paginate {
    text-align: center;
    color: #fff;
    font-weight: 700;
    font-size: 22px;
    font-weight: 700;
    padding-top: 50px;
    width: 100%;
    margin-bottom: 50px;
}

.paginate span {
    padding: 4px;
    color: #000000;
}

.paginate .current {
    color: #62b0d1;
}

.paginate a {
    color: #333333;
    padding: 4px;
}

.paginate a:hover {
    color: #b1291c;
}

.color {
    color: #62B0D1;
}

.standard-btn-blue a {
    border: 1px solid #009DE0;
    color: #fff;
    border-radius: 20px;
    padding: 13px 20px;
    font-size: 13px;
    font-weight: 700;
    display: inline-block;
    background-color: #009DE0;
}

.standard-btn-blue a:hover {
    border: 1px solid #fff;
    background-color: transparent
}

.standard-btn-blue.white-bg a:hover {
    border: 1px solid #62B0D1;
    background-color: transparent;
    color: #62B0D1;
}

.standard-btn-blue.dark-blue a {
    border: 1px solid #0A1239;
    background-color: #0A1239;
    padding: 13px 50px;
}

.standard-btn-blue.white-bg.dark-blue a:hover {
    border: 1px solid #0A1239;
    color: #0A1239;
}

.home-header {
    /* height: 860px; */
    position: relative;
    overflow: hidden;
}

.home-header video {
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.home-header .main-slider {}

.home-header .main-slider .row {
    z-index: 9;
    position: relative;
}

.home-header .main-slider .content-wrap-s {
    color: #fff;
    max-width: 510px;
    margin-top: 55px;
    padding: 15px;
}

.home-header .main-slider .content-wrap-s .slider_title_s h2 {
    font-size: 48px;
    font-weight: 300;
    margin-bottom: 50px;
    color: #fff;
}

.home-header .main-slider .content-wrap-s .slider_text_s p {
    font-size: 18px;
    font-weight: 300;
}

.home-header .main-slider .content-wrap-s .slider_text_s {
    margin-bottom: 27px;
}

.home-header .main-slider .content-wrap-s .slider-mehr-btn1.standard-btn-blue {
    display: inline-block;
}

.home-header .main-slider .content-wrap-s .slider-mehr-btn2 {
    display: inline-block;
    margin-left: 27px;
}

.home-header .main-slider .content-wrap-s .slider-mehr-btn1.standard-btn-blue a {}

.home-header .main-slider .content-wrap-s .slider-mehr-btn2 a {
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    background-image: url(../img/header_button_link_referenzen.png);
    background-repeat: no-repeat;
    padding: 15px 10px 15px 61px;
    display: inline-block;
    background-position: center left;
    background-size: 44px;
    image-rendering: -webkit-optimize-contrast;
}

.home-header .main-slider .content-wrap-s .slider-mehr-btn2 a:hover {
    background-image: url(../img/header_button_link_referenzen_mouseover.png);
    image-rendering: -webkit-optimize-contrast;
}

.home-header .main-slider .big-blude-bg {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center right;
    max-width: 760px;
}

.home-header .main-slider .big-blude-bg.bg1 {
    max-width: 1180px;
}

.home-header .main-slider .big-blude-bg.bg2 {
    max-width: 800px;
}

.home-header .main-slider .slider-left-img {
    text-align: center;
    padding: 105px 45px 20px 20px;
}

.home-header .main-slider .slider-left-img img {
    max-width: 100%;
}

.social-icons {
    width: 38px;
    position: absolute;
    top: 441px;
    right: 20px;
    z-index: 9999;
}

.social-icons .fixed {
    width: 38px;
    position: fixed;
}

.social-icons .fixed .icons a {
    width: 38px;
    height: 38px;
    background-size: 38px;
    display: block;
    margin-bottom: 10px;
}

.social-icons .fixed .icons.icon1 a {
    background-image: url(../img/buttons_contact_phone.svg)
}

.social-icons .fixed .icons.icon1 a:hover {
    background-image: url(../img/buttons_contact_phone_mouseover.svg)
}

.social-icons .fixed .icons.icon2 a {
    background-image: url(../img/buttons_contact_mail.svg)
}

.social-icons .fixed .icons.icon2 a:hover {
    background-image: url(../img/buttons_contact_mail_mouseover.svg)
}

.social-icons .fixed .icons.icon3 a {
    background-image: url(../img/buttons_contact_linkedin.svg)
}

.social-icons .fixed .icons.icon3 a:hover {
    background-image: url(../img/buttons_contact_linkedin_mouseover.svg)
}

.top-part-grey {
    background-color: #FAF8F8;
    text-align: center;
    padding: 110px 0;
}

.top-part-grey .title {
    margin-bottom: 20px;
}

.top-part-grey.vorteile {
    padding: 140px 0 73px 0;
}

.top-part-grey.leistungen {
    padding: 175px 0 50px 0;
}

.top-part-grey.uber-uns {
    padding: 135px 0 80px 0;
}

.top-part-grey p {
    color: #757575;
    font-style: italic;
    font-size: 22px;
}

.home-part2 {
    position: relative;
    padding: 151px 0;
    background-color: #fff;
}

.home-part2 .aps-img img {
    position: absolute;
    bottom: 0;
    max-width: 824px;
}

.home-part2 .content .title {
    margin-bottom: 13px;
}

.home-part2 .content .subtitle {
    margin-bottom: 35px;
}

.home-part2 .content .subtitle p, .home-part2 .content .subtitle h4 {
    color: #333333;
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 1rem;
}

.home-part3 {
    position: relative;
    padding: 151px 0;
    background: url(../content/1_Homepage/background_course.jpg) no-repeat center center;
    background-size: cover;
    overflow: hidden;
}

.home-part3 .content {}

.home-part3 .content .title {
    margin-bottom: 27px;
}

.home-part3 .content .text {
    margin-bottom: 39px;
}

.home-part3 .aps-img img {
    position: absolute;
    bottom: 0;
    width: 601px;
    right: 185px;
}

.home-part4 {}

.home-part4 .container {
    max-width: 100%;
    background-color: #12131D;
}

.home-part4 .container .row {
    min-height: 622px;
}

.home-part4 .container .row .bg-row {
    background-position: center;
    background-size: cover;
}

.home-part4 .content-wrap-s {
    color: #fff;
    max-width: 500px;
    margin-top: 55px;
    margin-left: 114px;
    padding-top: 50px;
    padding-bottom: 50px;
}

.home-part4.uber-uns .content-wrap-s {
    float: right;
    max-width: 621px;
    margin-right: 120px;
}

.home-part4 .content-wrap-s .slider_title_s h2 {
    font-size: 43px;
    font-weight: 300;
    margin-bottom: 32px;
    color: #CCCCCC;
}

.home-part4 .content-wrap-s .slider_text_s p {
    font-size: 20px;
    font-weight: 400;
    color: #CCCCCC;
}

.home-part4.uber-uns .content-wrap-s .slider_text_s p {
    color: #999999;
}

.home-part4 .content-wrap-s .slider_text_s {
    margin-bottom: 51px;
}

.home-part4 .content-wrap-s .slider-mehr-btn1.standard-btn-blue {
    display: inline-block;
    margin-right: 27px;
    margin-bottom: 10px;
}

.home-part4 .content-wrap-s .content-wrap-s .slider-mehr-btn2 {
    display: inline-block;
    margin-left: 27PX;
}

.home-part4 .content-wrap-s .slider-mehr-btn1.standard-btn-blue a {}

.home-part4 .content-wrap-s .slider-mehr-btn2 a {
    color: #CCCCCC;
    font-size: 13px;
    font-weight: 700;
    background-image: url(../img/header_button_link_referenzen.png);
    background-repeat: no-repeat;
    padding: 15px 10px 15px 61px;
    display: inline-block;
    background-position: center left;
    background-size: 44px;
}

.home-part4 .content-wrap-s .slider-mehr-btn2 a:hover {
    background-image: url(../img/header_button_link_referenzen_mouseover.png);
}

.home-part4 .content-wrap-s .slider-mehr-btn2 {
    display: inline-block;
    /* margin-left: 27px; */
}

.home-part5 {
    padding: 135px 0;
    background-color: #fff;
}

.home-part5 .part1 {
    margin-bottom: 160px;
}

.home-part5 .container.con2 {

    max-width: 1475px;
}

.home-part5 .part1 h2 {
    color: #333333;
    font-weight: 400;
}

.home-part5 .part1 p {
    color: #757575;
}

.home-part5 .part2 {}

.home-part5 .part2 .content-part {
    position: relative;
    text-align: center;
}

.home-part5 .part2 .content-part .title {
    color: #333333;
    font-weight: 700;
    margin-bottom: 13px;
    font-size: 23.5px;
}

.home-part5 .part2 .content-part .subtitle {
    color: #757575;
    font-size: 16px;
}

.home-part5 .part2 .content-part .link {
    margin-top: 30px;
}

.home-part5 .part2 .content-part .gif-img img {
    display: none;
    left: 0;
    right: 0;
    position: absolute;
    width: 102px;
    margin: 0 auto;
    top: -103px;
    display: none;
}

.home-part5 .part2 .content-part video {
    width: 150px;
}

.home-part5 .part2 .content-part .svg-img img {
    display: none;
}

.home-part5 .part2 .content-part.part2 {}

.home-part5 .part2 .content-part.part3 {}

.home-part6 {
    background: url(../content/1_Homepage/background_course2.jpg) no-repeat center;
    background-size: cover;
    text-align: center;
    padding: 150px 0;
    position: relative;
    min-height: 716px;
    overflow: hidden;
}

.home-part6 .aps-img img {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    max-width: 100%;
}

.home-part6 h2 {
    color: #E5E5E5;
    margin-bottom: 30px;
}

.home-part6 .big-link {}

.home-part6 .big-link .standard-btn-blue {}

.home-part6 .big-link .standard-btn-blue a {
    background-color: transparent;
    border: 1px solid #ffffff;
    padding: 13px 50px;
}

.home-part6 .big-link .standard-btn-blue a:hover {
    background-color: #009DE0;
    border: 1px solid #009DE0;
}

footer {
    background-color: #12131D;
    color: #CCCCCC;
    padding: 125px 0 15px 0;
    z-index: 99;
    position: relative;
}

footer .logo-f {}

footer .logo-f img {
    width: 180px;
}

footer h2 {
    font-size: 22px;
    color: #CCCCCC;
    font-weight: 700;
    margin-bottom: 20px;
}

footer p a {
    color: #CCCCCC;
}

footer a:hover {
    color: #4C8BBF
}

footer p {
    font-size: 16px;
}

footer ul {
    padding-left: 0;
}

footer ul li {
    list-style: none;
}

footer ul li a {
    font-size: 16px;
    color: #CCCCCC;
    font-weight: 700;
}

footer .social-icons-footer .icons {
    display: inline-block;
    margin-right: 5px;
}

footer .social-icons-footer .icons a {
    width: 25px;
    height: 25px;
    background-size: 25px;
    display: block;
    margin-bottom: 10px;
}

footer .social-icons-footer .icons.icon1 a {
    background-image: url(../img/buttons_contact_phone.svg)
}

footer .social-icons-footer .icons.icon1 a:hover {
    background-image: url(../img/buttons_contact_phone_mouseover.svg)
}

footer .social-icons-footer .icons.icon2 a {
    background-image: url(../img/buttons_contact_mail.svg)
}

footer .social-icons-footer .icons.icon2 a:hover {
    background-image: url(../img/buttons_contact_mail_mouseover.svg)
}

footer .social-icons-footer .icons.icon3 a {
    background-image: url(../img/buttons_contact_linkedin.svg)
}

footer .social-icons-footer .icons.icon3 a:hover {
    background-image: url(../img/buttons_contact_linkedin_mouseover.svg)
}

footer .copy-text {
    font-size: 13px;
    color: #808080
}

footer .secend-nav {
    font-size: 13px;
    color: #808080
}

footer .secend-nav a {
    color: #808080
}

footer .secend-nav a:hover {
    color: #4C8BBF
}

footer .part2 {
    border-top: 1px solid #4d4e51;
    padding-top: 16px;
    margin-top: 85px;
}

footer .aps-img img {
    position: absolute;
    bottom: 0;
    width: 529px;
    right: 0;
}

footer .container {
    position: relative;
    z-index: 9;
}

.subpage-header {
    position: relative;
}

.subpage-header .container {
    z-index: 9;
    position: relative;
}

.subpage-header .wrap {
    min-height: 616px;
    overflow: hidden;
    position: relative;
}

.subpage-header.small-h .wrap {
    min-height: 368px;
    overflow: hidden;
    position: relative;
}

.subpage-header video {
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.subpage-header.uber-uns .content-wrap {
    max-width: 585px;
}

.subpage-header .content-wrap {
    color: #FFF;
    max-width: 585px;
    margin-top: 220px;
    margin-bottom: 33px;
}

.subpage-header.uber-uns .content-wrap,
.subpage-header.kontakt .content-wrap {
    max-width: 950px;
}

.subpage-header .content-wrap .h_title h1 {
    font-size: 48px;
    font-weight: 300;
    margin-bottom: 50px;
    color: #fff;
}

.subpage-header .content-wrap .h_text p {
    font-size: 18px;
    font-weight: 300;
}

.subpage-header .content-wrap .h_text {
    margin-bottom: 27px;
}

.subpage-header .content-wrap .h-mehr-btn1.standard-btn-blue {
    display: inline-block;
    margin-right: 27px;
    margin-bottom: 10px;
}

.subpage-header .content-wrap .h-mehr-btn2 {
    display: inline-block;
    /* margin-left: 27px; */
}

.subpage-header .content-wrap .h-mehr-btn1.standard-btn-blue a {}

.subpage-header .content-wrap .h-mehr-btn2 a {
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    background-image: url(../img/header_button_link_referenzen.png);
    background-repeat: no-repeat;
    padding: 15px 10px 15px 61px;
    display: inline-block;
    background-position: center left;
    background-size: 44px;
}

.subpage-header .content-wrap .h-mehr-btn2 a:hover {
    background-image: url(../img/header_button_link_referenzen_mouseover.png);
}

.subpage-header .blue-img img {
    position: absolute;
    width: 1079px;
    bottom: -258px;
    right: -250px;
}

.subpage-header.kontakt .blue-img img {
    position: absolute;
    width: 1140px;
    bottom: -217px;
    left: -284px;
}

.subpage-header.vorteile .blue-img img {
    bottom: inherit;
    top: 0;
    width: 1859px;
}

.subpage-header .h-img img {
    position: absolute;
    bottom: -132px;
    right: 0;
}

.subpage-header.referenzen .h-img img {
    position: absolute;
    bottom: 0;
    right: 0;
}

.subpage-header.kontakt .h-img img {
    width: 466px;
    bottom: 0;
    right: 180px;
}

.subpage-header.uber-uns .h-img img {
    bottom: -109px;
}

.subpage-header.uber-uns .blue-img img {
    width: 1398px;
}

.tab-section {
    padding: 110px 0 150px 0;
    background-color: #fff;
}

.tab-section .drop-down-text {
    margin-top: 35px;
}

.tab-section .drop-down-text .drop-down-item {
    margin-bottom: 20px;
}

.tab-section .drop-down-text .drop-down-item .title {
    background: url(../img/plus.png) no-repeat 0px 22px;
    background-size: 20px;
    color: #333333;
    padding-left: 34px;
    cursor: pointer;
    font-size: 43px;
    font-weight: 300;
    image-rendering: -webkit-optimize-contrast;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    line-height: 1.5;
}

.tab-section .drop-down-text .drop-down-item .right .title {
    font-size: 20px;
    padding-left: 0;
    font-weight: 700;
    background: none !important;
}

.tab-section .drop-down-text .drop-down-item .title:hover {
    opacity: 0.7
}

.tab-section .drop-down-text .drop-down-item .title.active {
    pointer-events: none
}

.tab-section .drop-down-text .drop-down-item .title.active {
    background: url(../img/minus.png) no-repeat 0px 31px;
    background-size: 14px;
}

.tab-section .drop-down-text .drop-down-item .hidden-text {
    display: none;
    margin-bottom: 53px;
    margin-top: 29px;
    position: relative;
}

.tab-section .drop-down-text .drop-down-item .hidden-text .left {
    width: 59%;
    display: inline-block;
    float: left;
}

.tab-section .drop-down-text .drop-down-item .hidden-text .right {
    width: 41%;
    display: inline-block;
}

.tab-section .drop-down-text .drop-down-item .hidden-text .right .team-item {

    float: right;
}

.tab-section .drop-down-text .drop-down-item .hidden-text .standard-btn-blue {
    margin-top: 40px
}

.tab-section .drop-down-text .drop-down-item .hidden-text strong {
    color: #333333
}

.tab-section .drop-down-text .drop-down-item .hidden-text .animated-img img {
    width: 194px;
    /* image-rendering: -webkit-optimize-contrast; */
    position: absolute;
    left: -205px;
    top: -196px;
}

.tab-section .drop-down-text .drop-down-item .hidden-text video {
    width: 194px;
    position: absolute;
    left: -205px;
    top: -196px;
}

.tab-section.leistungen {
    position: relative;
    min-height: 1073px;
    background-color: #fff;
}

.tab-section.leistungen .aps-img-monitor img {
    position: absolute;
    top: 169px;
    right: 0;
}

.tab-section.leistungen .aps-img1 img {
    position: absolute;
    right: 0;
    top: 170px;
}

.tab-section.leistungen .aps-img1 img.aps-images {
    display: none;
}

.tab-section.leistungen .aps-img1 img.aps-images.img1 {
    display: block;
}

.blue-text {
    margin-top: 80px;
}

.blue-text .text {
    color: #009DE0;
    font-size: 15px;
    font-weight: 700;
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 20px;
}

.blue-text .big-link {
    display: inline-block;
}

.references-slider {
    background: url(../content/1_Homepage/background_course2.jpg) no-repeat center;
    background-size: cover;
    padding: 150px 0 92px 0;
    text-align: center;
}

.references-slider .referitem {
    padding-bottom: 90px;
}

.references-slider .referitem .image {
    width: 150px;
    height: 150px;
    background-size: cover;
    border-radius: 50%;
    margin: 0 auto;
}

.references-slider .referitem .image img {}

.references-slider .referitem .title-ref {
    font-weight: 700;
    font-size: 24px;
    color: #fff;
    margin-top: 14px;
}

.references-slider .referitem .detail {
    color: #E5E5E5;
    font-size: 24px;
    font-weight: 300;
    margin-top: 35px;
}

.referenzen-item-wrap {
    background-color: #fff;
    padding: 150px 0;
}

.referenzen-item-wrap.view-change .box-view {
    max-width: 1225px;
    margin: 0 auto;
}

.referenzen-item-wrap .referenzen-item {
    width: 100%;
}

.referenzen-item-wrap.view-change .referenzen-item {
    width: 33.333333%;
    float: left;
    text-align: center;
    padding: 25px;
    margin-left: 0;
    margin-right: 0;
}

.referenzen-item-wrap .referenzen-item .image-part {}

.referenzen-item-wrap .referenzen-item.left .image-part {}

.referenzen-item-wrap .referenzen-item.left .text-part {}

.referenzen-item-wrap .referenzen-item .image-part img {
    max-width: 100%;
}

.referenzen-item-wrap .referenzen-item .text-part {}

.referenzen-item-wrap .referenzen-item .text-part .inner {
    width: 575px;
    padding: 20px;
}

.referenzen-item-wrap.view-change .referenzen-item .text-part .inner {
    width: auto;
}

.referenzen-item-wrap .referenzen-item.left .text-part .inner {
    float: right;
}

.referenzen-item-wrap .referenzen-item .text-part .title-r {
    margin-bottom: 28px;
}

.referenzen-item-wrap .referenzen-item .text-part .text {
    margin-bottom: 39px;
}

.referenzen-item-wrap .referenzen-item .text-part .text p {}

.referenzen-item-wrap .referenzen-item .text-part .standard-btn-blue a {}

.referenzen-item-wrap.view-change .referenzen-item .image-part {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    order: inherit;
}

.referenzen-item-wrap.view-change .referenzen-item .text-part {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.referenzen-item-wrap.view-change .referenzen-item .text-part p {
    font-size: 16px
}

.referenzen-item-wrap.view-change .referenzen-item .text-part h1 {
    font-size: 36px
}

.referenzen-item-wrap .filter-wrap {
    text-align: center;
    margin-bottom: 71px;
}

.referenzen-item-wrap .filter-wrap button {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.referenzen-item-wrap .filter-wrap button.button {
    background-color: #ffffff;
    border: 1px solid #62B0D1;
    color: #62B0D1;
    border-radius: 40px;
    padding: 10px 20px;
    font-size: 13px;
    font-weight: 700;
    width: 199px;
    margin: 0 2px;
}

.referenzen-item-wrap .filter-wrap button.button.is-checked,
.referenzen-item-wrap .filter-wrap button.button:hover {
    background-color: #62B0D1;
    color: #ffffff;
}

.referenzen-item-wrap .filter-wrap button.list-view-s {
    border: none;
    background: #fff;
    margin-left: 20px;
    padding: 0;
}

.referenzen-item-wrap .filter-wrap button.list-view-s img {
    width: 30px;
    opacity: 0.5;
}

.referenzen-item-wrap .filter-wrap button.box-view-s {
    margin-left: 8px;
    border: none;
    background: #fff;
    padding: 0;
}

.referenzen-item-wrap .filter-wrap button.box-view-s img {
    width: 30px;
    opacity: 0.5;
}

.referenzen-item-wrap .filter-wrap button.list-view-s img.active,
.referenzen-item-wrap .filter-wrap button.box-view-s img.active {
    opacity: 1;
}

.referenzen-detail-wrap {
    background-color: #fff;
    padding: 150px 0 45px 0;
}

.referenzen-detail-wrap .content {}

.referenzen-detail-wrap .content .title {
    margin-bottom: 30px;
    max-width: 500px;
}

.referenzen-detail-wrap .content .title h1 {}

.referenzen-detail-wrap .content .project-info {
    margin-bottom: 27px;
    max-width: 500px;
}

.referenzen-detail-wrap .content .project-info .info {
    font-weight: 700;
    color: #333333;
    line-height: 1.3;
}

.referenzen-detail-wrap .content .project-info .info a {
    color: #333333;
}

.referenzen-detail-wrap .content .project-info .info a:hover {
    color: #62b0d1;
}

.referenzen-detail-wrap .content .text-detail {
    max-width: 453px;
    margin-bottom: 52px;
}

.referenzen-detail-wrap .content .client-logo {
    margin-bottom: 37px;
}

.referenzen-detail-wrap .content .client-logo img {}

.referenzen-detail-wrap .content .blue-text {
    margin-top: 100px;
    margin-bottom: 80px;
}

.referenzen-detail-wrap .animate-image {
    position: relative;
    overflow: hidden;
    width: 586px;
    height: 487px;
    /* margin-top: -158px; */
    top: -157px;
}

.referenzen-detail-wrap .animate-image.fixed {
    position: fixed;
    top: 86px;
}

.referenzen-detail-wrap .animate-image .top-img {
    z-index: 9;
    position: relative;
}

.referenzen-detail-wrap .animate-image .top-img img {
    max-width: 100%;
    position: absolute;
}

.referenzen-detail-wrap .animate-image .moving-img {
    padding: 4px;
}

.referenzen-detail-wrap .animate-image .moving-img img {
    width: 100%;
    position: relative;
    top: 0;
}

.referenzen-detail-wrap .animate-image .hide-b {

    background-color: white;

    height: 100%;

    width: 100%;

    position: absolute;

    z-index: 9;

    display: block;

    top: 487px;

    display: none;
}

.referenzen-detail-wrap .standard-image img {
    max-width: 100%
}

.referenzen-detail-wrap .white-overlay img {
    width: 100%;
    position: absolute;
    bottom: 0;
}

.standard-content {
    background-color: #fff;
    padding: 150px 0;
}

.uber-uns-part1 {
    background-color: #fff;
    padding: 195px 0 150px 0;
    position: relative;
}

.standard-content h2 {
    font-size: 38px;
    margin-bottom: 20px;
}

.uber-uns-part1 .aps-img img {
    position: absolute;
    bottom: -45px;
    left: 75px;
    max-width: 100%;
}

.uber-uns-part1 h2 {
    margin-bottom: 21px;
}

.uber-uns-part1 .blue-text {
    margin-top: 43px;
}

.video-wrap {
    position: relative;
    overflow: hidden;
    height: 600px;
}

.video-wrap video {
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.kontakt_part1 {
    background-color: #FAF8F8;
    padding: 265px 0 0px 0;
    margin-bottom: -258px;
}

.kontakt_part1 .contact-info h1 {
    margin-bottom: 15px;
}

.kontakt_part1 .contact-info a {
    color: #757575;
}

.kontakt_part1 .contact-info a:hover {
    color: #1d3052;
}

.kontakt_part1 .contact-info .map-link {
    margin-bottom: 32px;
}

.links a {
    background-repeat: no-repeat;
    padding-left: 37px;
    background-size: 25px 25px;
    display: inline-block;
    background-position: 0px 5px;
}

.links.tel-link a {
    background-image: url(../img/buttons_contact_phone.svg)
}

.links.tel-link a:hover {
    background-image: url(../img/buttons_contact_phone_mouseover.svg)
}

.links.mail-link a {
    background-image: url(../img/buttons_contact_mail.svg)
}

.links.mail-link a:hover {
    background-image: url(../img/buttons_contact_mail_mouseover.svg)
}

.links.linkedin-link a {
    background-image: url(../img/buttons_contact_linkedin.svg)
}

.links.linkedin-link a:hover {
    background-image: url(../img/buttons_contact_linkedin_mouseover.svg)
}

.kontakt_part1 .map-frame {
    position: relative;
    top: -167px;
    right: -203px;
}

.kontakt_part1 .map-frame .bg-img {}

.kontakt_part1 .map-frame .bg-img img {}

.kontakt_part1 .map-frame iframe {
    position: absolute;
    top: 77px;
    left: 22px;
    border-radius: 17px;
    width: 671px;
    height: 506px;
}

.team-wrap {
    background-color: #fff;
    padding: 247px 0 150px 0;
}

.team-item {}

.team-item .image {
    width: 250px;
    height: 250px;
    background-size: cover;
    background-position: center top;
    border-radius: 50%;
    margin-bottom: 36px;
}

.team-item .text-content {
    padding-left: 25px;
}

.team-item .title {
    font-weight: 700;
    color: #333333;
    margin-bottom: 0;
}

.team-item .function {

    margin-bottom: 20px;
}

.team-item .links a {
    color: #757575;
}

.team-item .links a:hover {
    color: #1d3052;
}

.team-wrap .contakt-form {
    margin-top: 190px;
}

.team-wrap .contakt-form h1 {
    text-align: center;
}

.team-wrap .contakt-form .form {
    margin-top: 50px;
}

.mob-icons {
    display: none;
}

.mob-icons .icons {
    padding: 20px;
}

.mob-icons .icons a {
    display: inline-block;
}

.mob-icons .icons a img {
    width: 33px;
    margin-right: 9px;
}

.mob-icons .standard-btn-blue a {
    background-color: transparent;
    border: 1px solid #ffffff;
    margin-left: 20px;
    margin-top: 9px;
    display: inline-block;
}

.mob-iframe {
    display: none;
}

.mob-iframe iframe {
    width: 100%;
    height: 300px;
}

@media(max-width: 1700px) {
    .kontakt_part1 .map-frame {

        right: 0;

    }
}

@media(max-width: 1600px) {
    .tab-section .drop-down-text .drop-down-item .hidden-text video {
        display: none;
    }

    .kontakt_part1 .map-frame {

        right: 0;

        transform: scale(0.7);
    }

    .uber-uns-part1 .aps-img img {

        width: 383px;

        left: 0;
    }

    .home-header .main-slider .big-blude-bg.bg1 {
        max-width: 800px;
    }

    .home-header .main-slider .big-blude-bg.bg2 {
        max-width: 519px;
    }

    .main-slider .anim-slider {
        height: 850px;
    }

    .home-part2 .aps-img img {
        max-width: 524px;
    }

    .tab-section .drop-down-text .drop-down-item .hidden-text .animated-img img {

        display: none;
    }

    .tab-section.leistungen .aps-img-monitor-wrap {

        transform: scale(0.7);

        position: absolute;

        right: 0;
    }
}

@media(max-width: 1500px) {
    .subpage-header .h-img img {
        max-width: 730px;
        bottom: -82px;
    }

    .subpage-header .blue-img img {

        right: -562px;
    }
}

@media(max-width: 1370px) {
    .referenzen-detail-wrap .animate-image .moving-img {
        padding: 4px 2px;
    }

    .home-part3 .aps-img img {
        right: 85px;
        width: 400px;
    }

    .home-part4 .content-wrap-s {
        margin-left: 20px;
    }

    .subpage-header .h-img img {
        max-width: 600px;
        right: 0 !important;
    }

    .referenzen-detail-wrap .animate-image {

        width: 441px;

        height: 366px;
    }

    .referenzen-detail-wrap .animate-image .hide-b {

        top: 377px;
    }
}

@media(max-width: 1199px) {
    .kontakt_part1 .map-frame {

        right: 0;

        transform: scale(0.6);
    }

    .referenzen-item-wrap .filter-wrap button.list-view-s,
    .referenzen-item-wrap .filter-wrap button.box-view-s {
        display: none
    }

    .subpage-header .h-img img {

        max-width: 600px;

        right: 0 !important;
    }

    .home-header .main-slider .slider-left-img img {
        max-width: 330px;
    }

    .home-header .main-slider .content-wrap-s .slider_title_s h2,
    .subpage-header .content-wrap .h_title h1 {
        font-size: 38px;
        margin-bottom: 30px;
    }

    .tab-section .drop-down-text .drop-down-item .title {
        font-size: 38px;
    }

    .tab-section.leistungen .aps-img-monitor-wrap {

        transform: scale(0.5);
    }

}

@media(max-width:1100px) {}

@media(max-width:991px) {
    .home-part5 .part1 {
        margin-bottom: 51px;
    }

    .quform-element-checkbox {

        margin-bottom: 10px;
    }

    .referenzen-detail-wrap .img-column {
        order: 1;
        margin-bottom: 30px;
    }

    .referenzen-detail-wrap .text-column {
        order: 2
    }

    .referenzen-detail-wrap .animate-image.fixed,
    .referenzen-detail-wrap .animate-image {
        position: relative;
        top: inherit;
        bottom: 0;
        width: 490px;
        margin: 0 auto;
        height: 407px;
    }

    .referenzen-detail-wrap .content .text-detail {
        max-width: 100%
    }

    .mob-iframe {
        display: block;
        background-color: #fff;
    }

    .team-wrap .team-item .image, .team-item .image {
        width: 200px;
        height: 200px
    }

    .team-wrap {
        background-color: #fff;
        padding: 50px 0 50px 0;
    }

    .kontakt_part1 {
        background-color: #FAF8F8;
        padding: 50px 0 50px 0;
        margin-bottom: 0px;
    }

    .kontakt_part1 .map-frame {
        display: none
    }

    .subpage-header.kontakt .blue-img img {
        position: absolute;
        width: 1119px;
        bottom: -294px;
        left: -984px;
    }

    .h2,
    h2 {
        font-size: 30px;
    }
    .standard-content h2 {
    font-size: 30px;
    margin-bottom: 20px;
}

    .standard-content {
        padding: 50px 0 50px 0;
    }

    .video-wrap {

        height: 400px;
    }

    .uber-uns-part1 {

        padding: 50px 0 150px 0;
    }

    .referenzen-item-wrap .filter-wrap {

        margin-bottom: 30px;
    }

    .referenzen-item-wrap {
        background-color: #fff;
        padding: 70px 0;
    }

    .referenzen-item-wrap.view-change .referenzen-item {

        width: 50%;
    }

    .references-slider {

        padding: 60px 0 28px 0;
    }

    .tab-section {
        padding: 30px 0 70px 0;
        min-height: auto !important;
    }

    .tab-section.vorteile {
        padding: 20px 0 70px 0;
        min-height: auto !important;
    }

    .subpage-header .blue-img img {

        right: -363px;

        width: 500px;

        bottom: -40px;
    }

    .subpage-header.uber-uns .blue-img img {

        width: 421px;

        right: 0;
    }

    .subpage-header.vorteile .blue-img img {
        bottom: inherit;
        top: inherit;
        width: 678px;
        bottom: 0;
    }

    .subpage-header .content-wrap {

        margin-top: 98px;
    }

    .subpage-header .wrap {
        min-height: 433px;
    }

    .subpage-header.small-h .wrap {
        min-height: 183px;
    }

    .subpage-header .h-img img {
        display: none;
    }

    footer .part2 {
        margin-top: 25px;
        text-align: center;
    }

    footer {
        padding: 57px 0 15px 0;
    }

    footer .logo-f {
        margin-bottom: 23px;
    }

    footer h2 {
        margin-top: 34px;
    }

    footer .social-icons-footer {
        display: none;
    }

    .home-part6 {
        min-height: auto;
        padding: 50px 0 0px 0;
    }

    .home-part6 .aps-img img {
        position: relative;
        margin-top: 50px;
    }

    .home-part5 {
        padding: 50px 0 0 0;
    }

    .home-part5 .part2 .content-part .gif-img img {
        display: none
    }

    .home-part5 .part2 .content-part {
        margin-bottom: 65px;
        text-align: center !important;
    }

    .home-part5 .part2 .content-part .svg-img {
        text-align: center;
    }

    .home-part5 .part2 .content-part video {
        display: none;
    }

    .home-part5 .part2 .content-part .svg-img img {
        left: 0;
        right: 0;
        margin: 0 auto;
        display: block;
        width: 70px;
        margin-bottom: 20px;
    }

    .home-part3 {
        padding: 50px 0 0px 0;
    }

    .home-part3 .aps-img {
        text-align: center;
        margin-top: 40px;
    }

    .home-part3 .aps-img img {
        right: 0px;
        width: 300px;
        position: relative;
    }

    .h1,
    h1,
    .home-part4 .content-wrap-s .slider_title_s h2 {
        font-size: 30px;
    }

     
    body {
        font-size: 18px
    }

    .home-part2 .aps-img img {
        position: relative;
        max-width: 100%;
    }

    .top-part-grey {
        padding: 50px 0 35px 0 !important;
    }

    .home-part2 {
        padding: 50px 0 0 0;
    }

    .top-part-grey p,
    .home-part4 .content-wrap-s .slider_text_s p {
        font-size: 18px
    }

    .mob-icons {
        display: block;
        width: 300px;
        padding-bottom: 50px;
    }

    .home-header .main-slider .big-blude-bg.bg1 {
        max-width: 283px;
    }

    .home-header .main-slider .big-blude-bg.bg2 {
        max-width: 183px;
    }

    .main-slider .anim-slider {
        height: 460px;
    }

    .home-header .main-slider .slider-left-img,
    .social-icons {
        display: none
    }

    .home-header .main-slider .content-wrap-s {
        padding-bottom: 80px;
    }

    nav.anim-arrows>span img {
        display: none
    }

    .dark-overly {
        display: block;
        position: fixed;
        height: 100%;
        width: 100%;
        z-index: 9;
        top: 0;
        bottom: 0;
        background-color: #000000c4;
        right: -100%;
        -webkit-transition: all 0.8s ease;
        -moz-transition: all 0.8s ease;
        transition: all 0.8s ease;
    }

    .dark-overly.active {
        right: 0;
    }

    .fixed-top {
        overflow: inherit;
        background: #fff;
    }

    .navbar-light #menu-main-menu-2.navbar-nav .nav-link {
        margin-left: 0
    }

    .navbar {
        padding: 9px 10px !important;
    }

    .navbar.top-nav-collapse .contakt-info,
    .navbar .contakt-info {
        top: 10px;
        right: 70px;
    }

    .logo a img,
    .top-nav-collapse .logo a img {
        width: 91px;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        transition: all 0.5s ease;
        position: relative;
        top: 2px;
        left: 0;
    }

    .navbar {
        padding: 7px 10px;
        opacity: 1;
        background-color: #0F0F12;
        -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
        -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
        height: auto;
    }

    .page-wrap {
        padding-top: 52px;
    }

    .navbar .contakt-info .search-part,
    .navbar .contakt-info .icons {
        display: none;
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu li.active .dropdown-item {
        color: #b1291c;
    }

    .dropdown-item {
        padding: 3px 14px;
        font-size: 17px;
    }

    .dropdown-menu {
        padding: 0px 0 0px 0;
        position: static !important;
        display: block;
        text-align: left;
    }

    .navbar-light #menu-main-menu-2.navbar-nav .nav-link {
        padding-bottom: 0px;
        padding-top: 0px;
    }

    .navbar-nav .nav-link {
        font-size: 18px !important;
        line-height: 1.5;
        background: none !important;
    }

    .top-nav-collapse .navbar-nav .nav-link,
    .navbar-nav .nav-link {
        padding: 11px 20px;
    }

    .navbar-collapse {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .navbar-light .navbar-nav li {
        margin-left: 0px;
    }

    .navbar-expand-lg .navbar-nav {
        /* padding-left: 13px; */
    }

    .navbar .contakt-info .direct-call a .icon img {
        width: 40px;
        margin: 0 17px;
    }

    .navbar.top-nav-collapse .contakt-info,
    .navbar .contakt-info {
        top: 10px;
        right: 70px;
    }

    .logo a img,
    .top-nav-collapse .logo a img {
        width: 124px;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        transition: all 0.5s ease;
        position: relative;
        top: 0;
        margin-bottom: 0;
    }

    .menu-btn-close img {
        width: 100%;
    }

    .top-nav-collapse .menu-btn {
        /* top: -9px; */
    }

    .menu-btn {
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        transition: all 0.5s ease;
        display: block;
        /* width: 32px; */
        /* height: 35px; */
        position: absolute;
        right: -13px;
        top: 15px;
        z-index: 999;
        top: -5px;
    }

    .menu-btn.active {
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        transition: all 0.5s ease;
        display: block;
        background: url(../img/menu_white.png) no-repeat center;
        width: 61px;
        height: 63px;
        background-size: 61px;
        background-color: transparent;
    }

    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        border-color: transparent;
        height: 100%;
        width: 0;
        position: fixed;
        z-index: 999;
        top: 0;
        right: 0;
        background: url(../img/mobile_menue_backgroundpic.jpg);
        background-size: cover;
        overflow-x: hidden;
        padding-top: 19px;
        transition: 0.5s;
        border-top: 0;
        display: block;
        margin-top: 60px;
        margin-bottom: 0;
        padding-top: 32px;
        padding-left: 0;
        -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
        padding-bottom: 50px;
        /* min-height: 650px; */
    }

    .navbar-light #menu-main-menu-2.navbar-nav .current-menu-parent>.nav-link,
    .navbar-light .navbar-nav .active>.nav-link {
        border-bottom: none;
        color: #009fe3;
    }

    .standard-btn-blue a {
        padding: 10px 20px;
    }

    .referenzen-item-wrap .filter-wrap button.button {
        margin-bottom: 10px
    }

    .referenzen-detail-wrap {

        padding: 50px 0 50px 0px;
    }
}

@media(max-width:767px) {
    .tab-section .drop-down-text .drop-down-item .hidden-text .left {
        width: 100%;
        display: block;
        float: none;
    }

    .tab-section .drop-down-text .drop-down-item .hidden-text .right {
        width: 100%;
        display: block;
    }

    .tab-section .drop-down-text .drop-down-item .hidden-text .right .team-item {
        float: none;
        margin-top: 30px
    }

    footer .secend-nav {

        text-align: center;

        width: 100%;

        margin-bottom: 20px;
    }

    footer .copy-wrap {
        order: 2;
    }

    footer .secend-nav-wrap {
        order: 1;
        text-align: center;
        width: 100%;
    }

    .team-wrap .team-item .text-content {
        padding-left: 0px;
    }

    .team-wrap .contakt-form {
        margin-top: 47px;
    }

    .team-wrap .team-item {
        margin-bottom: 50px
    }

    .video-wrap {

        height: 300px;
    }

    .uber-uns-part1 .aps-img img {
        width: 151px;
        right: 0;
        bottom: -25px;
        left: inherit;
    }

    .referenzen-detail-wrap .content .blue-text {

        margin-top: 50px;

        margin-bottom: 50px;
    }

    .referenzen-item-wrap.view-change .referenzen-item {

        width: 100%;
    }

    .home-part4 .content-wrap-s {
        margin-left: 0;
        margin-top: 0;
        margin-bottom: 0;
        margin-right: 0 !important;
    }

    .home-part4 .container .row .bg-row {
        height: 300px;
    }

    .tab-section.leistungen .aps-img-monitor-wrap {
        top: -79px;
    }
}

@media(max-width:600px) {
    .references-slider .referitem .title-ref {
        font-size: 21px;
    }

    .references-slider .referitem .detail {
        font-size: 19px;
        margin-top: 10px;
    }
}

@media(max-width:550px) {

    .referenzen-detail-wrap .animate-image.fixed,
    .referenzen-detail-wrap .animate-image {
        width: 375px;
        height: 312px;
    }

}

@media(max-width:480px) {

    .home-header .main-slider .content-wrap-s .slider_title_s h2,
    .subpage-header .content-wrap .h_title h1 {
        font-size: 28px;
        margin-bottom: 22px;
    }

    .tab-section .drop-down-text .drop-down-item .title {
        font-size: 28px;
        background: url(../img/plus.png) no-repeat 0px 13px;
        background-size: 16px;
        line-height: 1.5;
    }

    .tab-section .drop-down-text .drop-down-item .title.active {
        background: url(../img/minus.png) no-repeat 2px 20px;
        background-size: 11px;
    }

    .home-header .main-slider .content-wrap-s .slider_text_s p,
    .subpage-header .content-wrap .h_text p {
        font-size: 16px;
    }

    .home-header .main-slider .content-wrap-s .slider-mehr-btn2 {
        display: block;
        margin-top: 10px;
        margin-left: 0px;
    }
}

@media(max-width:400px) {

    .referenzen-detail-wrap .animate-image.fixed,
    .referenzen-detail-wrap .animate-image {
        width: 320px;
        height: 266px;
    }

}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {

    .home-header .main-slider .content-wrap-s,
    .home-header .main-slider .slider-left-img {
        margin-top: 300px;
    }

    .home-header .main-slider .slider-left-img {
        margin-top: 10%;
    }

    .home-part4 .container .row {
        min-height: auto;
    }

    .home-part4 .content-wrap-s {
        padding-bottom: 150px;
    }
}