body {
    font-family: 'Montserrat'!important
}

h2 strong:after {
    position: absolute;
    height: .4em;
    margin: 0 auto;
    content: "";
    bottom: 0;
    width: 102%;
    background: rgba(52,161,188,0.15);
    left: -1%;
    z-index: -1;
    border-radius: 5px
}

h2 strong {
    text-decoration: none;
    position: relative;
    color: inherit;
    font-weight: inherit;
    z-index: 1;
    display: inline
}

.pt-50 {
    padding-top: 50px
}

.pb-50 {
    padding-bottom: 50px
}

.pt-40 {
    padding-top: 40px
}

.pb-40 {
    padding-bottom: 40px
}

.pt-30 {
    padding-top: 30px
}

.pb-30 {
    padding-bottom: 30px
}

.pt-20 {
    padding-top: 20px
}

.pb-20 {
    padding-bottom: 20px
}

.pt-10 {
    padding-top: 10px
}

.pb-10 {
    padding-bottom: 10px
}

.btn_navbar_web:hover,.btn_navbar_web:active,.btn_navbar_web:focus {
    background-color: #fff!important;
    color: #34a1bc!important;
    text-decoration: none;
    border: #34a1bc solid 1px;
    border-radius: 50px
}

.btn_navbar_web {
    background-color: #34a1bc!important;
    color: #fff!important;
    text-decoration: none;
    border: #34a1bc solid 1px;
    border-radius: 50px!important
}

.btn {
    font-size: 18px!important
}

a {
    color: #34a1bc!important;
    text-decoration: none!important;
    background-color: transparent!important
}

a:hover {
    color: rgba(52,161,188,0.8)!important;
    text-decoration: none!important;
    background-color: transparent!important
}

h1 {
    font-size: 42px!important;
    font-weight: 500!important
}

h2 {
    font-size: 36px!important;
    font-weight: 400!important
}

h3 {
    font-size: 28px!important;
    font-weight: 400!important
}

h4 {
    font-size: 20px!important;
    font-weight: 300!important
}

p,li {
    font-size: 16px!important;
    font-weight: 400!important
}

.subtitle-wa {
    font-size: 20px!important;
    line-height: 28px!important;
    color: #616161!important
}

.subtitle-header {
    font-weight: 400!important;
    font-size: 26px!important;
    color: rgba(255,255,255,0.7)!important;
    text-align: left!important
}

@media (max-width: 1500px) {
    h1 {
        font-size:40px!important;
        font-weight: 500!important
    }

    h2 {
        font-size: 34px!important;
        font-weight: 500!important
    }

    h3 {
        font-size: 26px!important;
        font-weight: 400!important
    }

    h4 {
        font-size: 20px!important;
        font-weight: 300!important
    }

    .subtitle-header {
        font-weight: 400!important;
        font-size: 22px!important
    }
}

@media (max-width: 1350px) {
    h1 {
        font-size:38px!important;
        font-weight: 500!important
    }

    h2 {
        font-size: 32px!important;
        font-weight: 500!important
    }

    h3 {
        font-size: 26px!important;
        font-weight: 400!important
    }

    .subtitle-header {
        font-weight: 400!important;
        font-size: 18px!important
    }

    h4 {
        font-size: 20px!important;
        font-weight: 300!important
    }
}

@media (max-width: 1199px) {
    h1 {
        font-size:34px!important;
        font-weight: 500!important
    }

    h2 {
        font-size: 30px!important;
        font-weight: 500!important
    }

    h3 {
        font-size: 24px!important
    }

    .subtitle-header {
        font-weight: 400!important;
        font-size: 18px!important
    }

    h4 {
        font-size: 18px!important;
        font-weight: 300!important
    }
}

@media (max-width: 767px) {
    h1 {
        font-size:28px!important;
        font-weight: 500!important
    }

    h2 {
        font-size: 24px!important;
        font-weight: 500!important
    }

    h3 {
        font-size: 22px!important
    }

    p,li {
        font-size: 14px!important;
        font-weight: 400!important
    }

    h4 {
        font-size: 16px!important;
        font-weight: 300!important
    }

    .subtitle-wa {
        font-size: 18px!important;
        line-height: 28px;
        color: #616161
    }

    .subtitle-header {
        font-weight: 400;
        font-size: 18px!important
    }

    .btn {
        font-size: 16px!important
    }
}

.p-text-grey {
    font-weight: 400;
    color: #747373
}

h5 {
    font-weight: 500!important;
    font-size: 18px!important
}

p,li {
    color: #4b4b4b!important
}

h2 {
    color: #373737!important
}

.subtitle-produkt-home {
    font-size: 18px;
    padding: 0 0 15px;
    color: #616161
}

html {
    scroll-behavior: smooth
}

/*START menu*/
.img_logo-links_menu_1_web {
    max-width: 250px;
    padding: 2px 0 2px 20px
}

@media (max-width: 991px) {
    .img_logo-links_menu_1_web {
        max-width:150px;
        padding: 2px 0
    }

    .navbar-dark {
        background-color: #0000002b!important
    }

    .fixed-top-menu {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1030
    }

    .fixed-not-top-menu {
        position: absolute!important;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1030
    }

    div#navbarSupportedContent {
        background: #fff;
        padding: 15px;
        margin-top: 10px;
        border-radius: 8px
    }
}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .nav-link_web {
        padding-right:15px;
        padding-left: 15px;
        background-color: #fff
    }
}

.nav-link_web {
    color: #555!important;
    background-color: transparent!important;
    text-decoration: none!important
}

.nav-link_web:hover,.nav-link_web:active,.nav-link_web:focus {
    color: #34a1bc!important;
    background-color: transparent!important;
    text-decoration: none!important
}

.btn-navbar {
    color: #555!important;
    text-decoration: none
}

.btn-navbar:hover,.btn-navbar:focus,.btn-navbar:active {
    color: #34a1bc!important;
    text-decoration: none
}

@media (min-width: 1200px) {
    .container-navbar {
        max-width:1500px!important
    }
}

.span-menu {
    width: 60px;
    background: rgba(52,161,188,0.8);
    height: 2px;
    display: block;
    margin: 0 auto;
    text-align: left;
    margin-left: 17px
}

.span-menu2 {
    width: 70px;
    background: rgba(52,161,188,0.8);
    height: 2px;
    display: block;
    margin: 0 auto;
    text-align: left;
    margin-left: 17px
}

.dropdown > a {
    font-size: 18px!important
}

@media (min-width: 1661px) {
    .btn-padding-home {
        padding-left:50px;
        margin-right: -43px
    }
}

@media (max-width: 1660px) {
    .btn-padding-home {
        margin-left:unset!important
    }
}

@media (min-width: 1290px) {
    .btn_navbar_web {
        font-size:18px
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    .container-navbar {
        max-width:100%!important
    }
}

@media (max-width: 1050px) and (min-width: 992px) {
    .img_logo-links_menu_1_web {
        max-width:200px;
        padding: 2px 0
    }
}

#navbarDropdown1:after {
    position: absolute;
    height: 10px;
    margin: 0 auto;
    content: "";
    bottom: 0;
    width: 60%;
    background: rgba(52,161,188,0.25);
    margin-left: 15px!important;
    left: 0;
    z-index: -1;
    border-radius: 5px;
    top: 25px
}

/*END menu*/
/*START footer*/
.bg_primary_web {
    background-color: #34a1bc
}

.a_href_dark_web {
    text-decoration: none!important;
    background-color: transparent!important;
    color: #fff!important;
}

.a_href_dark_web:hover,.a_href_dark_web:focus,.a_href_dark_web:active {
    text-decoration: none!important;
    background-color: transparent!important;
    color: rgba(255,255,255,0.70) !important
}

.ul_footer_web {
    list-style: none;
    padding-inline-start:0!important}

.ul_social_web>li>a>i {
    font-size: 40px
}

.ul_social_web {
    display: flex;
    padding-inline-start:0!important}

.ul_social_web>li {
    list-style: none;
    padding: 0 10px 0 0
}

.hr_footer_web {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid rgba(255,255,255,0.1)
}

@media (min-width: 767px) and (max-width: 991px) {
    .headline_footer {
        font-size:1.5rem!important
    }
}

/*END footer*/
/*START Home*/
/*START header-home*/
.button-header-home {
    border-radius: 50px!important;
    box-shadow: 0 0 15px 10px rgba(73,74,74,0.29);
    padding: 12px 15px;
    background-color: #fff!important;
    color: #34a1bc!important
}

.button-header-home:hover {
    transition: all .2s ease-in-out;
    padding-right: 15px!important
}

.rgba-gradient-header-home {
    background: -webkit-linear-gradient(45deg,rgba(52,161,188,0),rgba(52,161,188,0) 100%)
}

.padding-web-header-home {
    padding-top: 150px;
    padding-bottom: 70px
}

@media (min-width: 992px) {
    .parent-element-header-home {
        display:table;
        height: 85vh!important
    }

    .child-element-header-home {
        display: table-cell;
        vertical-align: middle
    }
}

.child-element-header-home > p {
    font-size: 18px
}

.child-element-header-home > h1 {
    font-size: 50px
}

.button-header-home span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: .3s
}

.child-element-header-home > p {
    font-size: 18px!important
}

.button-header-home span:after {
    content: '\263A';
    position: absolute;
    font-size: 38px!important;
    opacity: 0;
    top: 0;
    right: -20px;
    transition: .3s;
    margin-top: -18px!important
}

.button-header-home:hover span {
    padding-right: 40px
}

.button-header-home:hover span:after {
    opacity: 1;
    right: 0
}

.btn_header-home_web:hover,.btn_header-home_web:active,.btn_header-home_web:focus {
    background-color: #f9f9f9!important;
    color: #34a1bc!important;
    text-decoration: none;
    border: #34a1bc solid 1px;
    border-radius: 50px
}

.btn_header-home_web {
    background-color: #fff;
    color: #34a1bc!important;
    text-decoration: none;
    border: #34a1bc solid 1px;
    border-radius: 50px;
    box-shadow: 0 0 15px 12px rgba(255,255,255,0.29)
}

.btn_header-home_web-sm {
    background-color: #2999b3!important;
    color: #fff!important;
    text-decoration: none;
    border: #34a1bc solid 1px;
    border-radius: 50px;
    box-shadow: 0 0 15px 10px #2999b387
}

.btn_header-home_web-sm:hover,.btn_header-home_web-sm:active,.btn_header-home_web-sm:focus {
    background-color: #fff!important;
    color: #2999b3!important;
    text-decoration: none;
    border: #34a1bc solid 1px;
    border-radius: 50px;
    box-shadow: 0 0 15px 10px #2999b387
}

a.btn.btn_header-home_web.btn-lg.button-header-home.animated.fadeInLeft.delay-2s.waves-effect.waves-light {
    font-size: 18px
}

.view-home .mask {
    position: inherit!important
}

.view-home {
    background-image: url(img-new/header-img-angie7.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 90vh
}

@media (min-width: 1700px) {
    .parent-element-header-home {
        padding-left:78px
    }
}

@media (max-width: 1500px) {
    .child-element-header-home > h1 {
        font-size:36px
    }
}

@media (max-width: 1399px) {
    .view-home {
        background-position:top right
    }

    .child-element-header-home > h1 {
        font-size: 36px
    }

    .parent-element-header-home {
        padding-left: 0
    }

    .view-home {
        background-position: top right
    }

    .child-element-header-home > h1 {
        font-size: 36px
    }

    .parent-element-header-home {
        padding-left: 0
    }
}

@media (max-width: 1280px) {
    .view-home {
        background-position:top center;
        background-image: url(img-new/header-img-angie7-md+.jpg)
    }

    .child-element-header-home > h1 {
        font-size: 28px
    }
}

@media (min-width: 1151px) {
    .btn_header-home_web-sm,.btn-md-header-home {
        display:none!important
    }
}

@media (max-width: 1150px) and (min-width: 992px) {
    .btn_header-home_web-sm,.btn-lg-header-home {
        display:none!important
    }
}

@media (max-width: 991px) {
    .col-invisible-header-home {
        display:none
    }

    .parent-element-header-home {
        padding-top: 1px!important
    }

    .btn-lg-header-home,.btn-md-header-home {
        display: none!important
    }

    .rgba-gradient-header-home {
        align-items: flex-start!important
    }

    .parent-element-header-home > .child-element-header-home > h1 {
        font-size: 28px!important;
        margin-bottom: 27px
    }

    .button-header-home {
        padding: 10px 15px;
        font-size: 14px!important
    }

    .parent-element-header-home {
        margin-top: 30vh!important
    }

    .row-header-home,.view-home {
        height: 90vh
    }

    .view-home {
        background: linear-gradient(rgba(0,0,0,0.40),rgba(0,0,0,0.70)),url(img-new/header-img-angie7-sm.jpg);
        width: 100%;
        background-size: cover;
        background-position: right
    }
}

@media (max-width: 575px) {
    .parent-element-header-home {
        padding-left:15px!important;
        padding-right: 15px!important
    }
}

@media (max-width: 450px) {
    .parent-element-header-home {
        padding-left:15px!important;
        padding-right: 15px!important
    }

    a.btn.btn_header-home_web.btn-lg.button-header-home.animated.fadeInLeft.delay-2s.waves-effect.waves-light {
        font-size: 14px
    }
}

@media (max-width: 388px) {
    .parent-element-header-home {
        margin-top:25vh!important
    }
}

.btn-scroll-down {
    padding: 18px 22px;
    border: #fff 2px solid;
    border-radius: 50px;
    position: absolute;
    top: 85%;
    left: 50%
}

.btn-scroll-down > i {
    color: #fff;
    font-size: 26px
}

.mouse {
    position: absolute;
    width: 22px;
    height: 42px;
    bottom: 40px;
    left: 50%;
    margin-left: -12px;
    border-radius: 15px;
    border: 2px solid #fff;
    -webkit-animation: intro 1s;
    animation: intro 1s
}

.scroll {
    display: block;
    width: 3px;
    height: 3px;
    margin: 6px auto;
    border-radius: 4px;
    background: #fff;
    -webkit-animation: finger 1s infinite;
    animation: finger 1s infinite
}

@-webkit-keyframes intro {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        transform: translateY(40px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes intro {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        transform: translateY(40px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes finger {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
}

@keyframes finger {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
}

@media (max-width: 767px) {
    .mouse {
        top:75vh!important;
        bottom: unset!important
    }
}

/*END header-home*/
/*START Produkte*/
@media (min-width: 992px) {
    .parent-element-produkt-home {
        display:table;
        height: 338px
    }

    .child-element-produkt-home {
        display: table-cell;
        vertical-align: middle
    }
}

.btn-primary-eckig-dark-produkt-home {
    border-radius: 50px;
    width: 180px
}

.padding-produkt-home {
    padding: 200px 0 200px
}

.padding-produkt-home-2 {
    padding: 0 0 150px
}

.btn-margin-left-home {
    margin-left: 0!important
}

@media (max-width: 991px) {
    .img-produkt-home {
        max-width:100%;
        height: auto
    }

    .produkt-col-lg {
        display: none
    }

    .padding-produkt-home {
        padding: 1px 0
    }

    .text-produkt {
        padding-bottom: 5px!important
    }

    .padding-right-produkt-home {
        padding-bottom: 20px
    }

    .text-right-produkt-home {
        text-align: center
    }

    .padding-produkt-home-2 {
        display: none!important
    }

    .child-element-produkt-home > .subtitle-produkt-home {
        padding: 0!important
    }
}

@media (min-width: 992px) {
    .produkt-col-md {
        display:none
    }

    .text-right-produkt-home {
        text-align: right
    }

    .padding-left-produkt-home {
        padding-left: 85px
    }

    .padding-right-produkt-home {
        padding-right: 85px
    }
}

@media (max-width: 767px) {
    .padding-produkt-home {
        padding:1px!important
    }

    .padding-produkt-home-2 {
        padding: 0 0 50px!important
    }
}

/*END Produkte*/
/*START Referenzen */
.image-referenzen-home {
    opacity: 1;
    display: block;
    width: 100%;
    height: auto;
    transition: .5s ease;
    backface-visibility: hidden
}

.middle-referenzen-home {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    text-align: center
}

.container-referenzen-home:hover .image-referenzen-home {
    opacity: .3
}

.container-referenzen-home:hover .middle-referenzen-home {
    opacity: 1
}

.text-referenzen-home {
    background-color: rgba(255,255,255,0.4);
    border-radius: 10px;
    color: #34a1bc!important;
    font-size: 18px;
    font-weight: 500;
    padding: 16px 32px
}

.container-referenzen-home {
    position: relative
}

@media (max-width: 991px) {
    .image-referenzen-home {
        width:70%;
        margin: auto;
        padding-top: 40px
    }

    .container-referenzen-home {
        text-align: center
    }

    .referenzen-xl-home {
        display: none!important
    }
}

@media (min-width: 992px) {
    .row-referenzen-padding {
        padding-bottom:10px;
        padding-top: 10px
    }

    .referenzen-xs-home {
        display: none!important
    }
}

@media (max-width: 767px) {
    .text-referenzen-home {
        font-size:16px;
        font-weight: 500
    }

    .padding-referenzen-home > div > div {
        text-align: left!important
    }
}

@media (min-width: 1400px) {
    .row-referenzen-padding {
        padding-bottom:100px;
        padding-top: 60px
    }
}

.padding-referenzen-home {
    padding-bottom: 160px
}

@media (max-width: 767px) {
    .padding-referenzen-home {
        padding-bottom:50px!important
    }
}

.post-referenzen-home {
    margin: 0 15px;
    margin-bottom: 2em
}

.post-referenzen-home .post-img {
    position: relative
}

.post-referenzen-home .post-img img {
    width: 100%;
    height: auto
}

.owl-theme .owl-controls_referenzen-home .owl-page.active span,.owl-theme .owl-controls_referenzen-home.clickable .owl-page:hover span {
    background: #34a2bd
}

.owl-theme .owl-controls_referenzen-home {
    margin-top: 10px;
    text-align: center
}

.owl-theme .owl-controls_referenzen-home .owl-page {
    display: inline-block;
    zoom:1;*display: inline
}

.owl-theme .owl-controls_referenzen-home .owl-page span {
    display: block;
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    filter: Alpha(Opacity=50);
    opacity: .5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #fff;
    border-color: #34a2bd;
    border-style: solid;
    border-width: 2px
}

.owl-theme .owl-controls_referenzen-home .owl-page.active span,.owl-theme .owl-controls_referenzen-home.clickable .owl-page:hover span {
    filter: Alpha(Opacity=100);
    opacity: 1
}

.owl-carousel_referenzen-home {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y
}

.owl-carousel_referenzen-home .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%
}

.owl-carousel_referenzen-home .owl-item {
    float: left
}

/*END Referenzen*/
/*START Leistungen*/
.btn-primary-eckig-dark-leistungen-home {
    border-radius: 50px
}

@media (min-width: 992px) {
    .parent-element-leistungen-home {
        display:table;
        height: 471px
    }

    .child-element-leistungen-home {
        display: table-cell;
        vertical-align: middle
    }
}

.cta-text-size-leistungen-home {
    font-size: 20px!important
}

.bg-white-leistungen-home {
    padding: 3px 0 4px
}

.button-leistungen-home-home span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: .3s
}

.button-leistungen-home-home span:after {
    content: '\263A';
    position: absolute;
    font-size: 38px!important;
    opacity: 0;
    top: 0;
    right: -20px;
    transition: .3s;
    margin-top: -14px!important
}

.button-leistungen-home-home:hover span {
    padding-right: 40px
}

.button-leistungen-home:hover span:after {
    opacity: 1;
    right: 0
}

.btn-cta-leistungen-home {
    box-shadow: 0 0 30px 1px #34a1bc
}

@media (max-width: 991px) {
    .bg-img-s-leistungen-home,.bg-img-r-leistungen-home,.bg-img-ps-leistungen-home {
        text-align:center
    }

    .bg-img-s-leistungen-home > img,.bg-img-ps-leistungen-home > img {
        padding-top: 40px
    }

    .container-leistungen-lg {
        display: none!important
    }

    .btn-margin-left-home {
        display: none
    }
}

@media (min-width: 992px) {
    .bg-img-s-leistungen-home {
        background:linear-gradient(rgba(52,161,188,0.30),rgba(52,161,188,0.70)),url(img-new/seo-img-neu.jpg);
        background-size: cover;
        height: 471px;
        background-position: center!important;
    }

    .bg-img-r-leistungen-home {
        background: linear-gradient(rgba(52,161,188,0.30),rgba(52,161,188,0.70)),url(img-new/responsive951x476v2.jpg);
        background-size: cover;
        height: 471px;
        background-position: center!important;
    }

    .bg-img-ps-leistungen-home {
        background: linear-gradient(rgba(52,161,188,0.30),rgba(52,161,188,0.70)),url(img-new/speed-img-neu.jpg);
        background-size: cover;
        height: 471px;
        background-position: center!important;
    }

    .text-block-right-leistungen-home {
        padding: 0 0 0 70px
    }

    .text-block-left-leistungen-home {
        padding: 0 70px 0 0
    }

    .img-leistungen-md {
        display: none
    }

    .headline-leistungen-md {
        display: none
    }

    .container-leistungen-sm {
        display: none
    }
}

@media (min-width: 1200px) {
    .text-block-right-leistungen-home {
        padding:0 0 0 140px
    }

    .text-block-left-leistungen-home {
        padding: 0 140px 0 0
    }
}

@media (max-width: 991px) {
    .cta-text-size-leistungen-home {
        display: none!important;
    }
}

@media (max-width: 991px) {
    .btn-center-home {
        text-align:center!important;
    }
}

/*END Leistungen*/
/*START Counter */
.projectFactsWrap-WA-home {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.projectFactsWrap-WA-home .item {
    width: 20%;
    height: 100%;
    padding: 50px 0;
    text-align: center;
    margin: 0 auto
}

.projectFactsWrap-WA-home .item:nth-child(1) {
    background: #fff
}

.projectFactsWrap-WA-home .item:nth-child(2) {
    background: #fff
}

.projectFactsWrap-WA-home .item:nth-child(3) {
    background: #fff
}

.projectFactsWrap-WA-home .item:nth-child(4) {
    background: #fff
}

.projectFactsWrap-WA-home .item p.number {
    font-size: 40px!important;
    padding: 0;
    font-weight: 500
}

.projectFactsWrap-WA-home .item p {
    font-size: 18px;
    margin: 0;
    padding: 10px
}

.projectFactsWrap-WA-home .item span {
    width: 60px;
    background: rgba(52,161,188,0.8);
    height: 2px;
    display: block;
    margin: 0 auto
}

.projectFactsWrap-WA-home .item i {
    vertical-align: middle;
    font-size: 50px;
    color: #34a1bc
}

.projectFactsWrap-WA-home .item:hover i,.projectFactsWrap-WA-home .item:hover p {
    color: rgba(52,161,188,0.8)
}

.projectFactsWrap-WA-home > .item > .number {
    color: #616161
}

.projectFactsWrap-WA-home > .item > i {
    font-size: 110px!important;
    padding: 10px 0
}

.text-counter-home {
    font-size: 22px!important
}

.bg_counter-home {
    font-weight: 400;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: rgba(52,161,188,0.10);
    background-clip: border-box;
    height: 350px
}

.col-custom-counter-home {
    width: 100%
}

.projectFactsWrap-WA-home .item #number2:after,.projectFactsWrap-WA-home .item #number4:after {
    content: '%'
}

@media (min-width: 1750px) {
    .projectFactsWrap-WA-home {
        background:#fff;
        margin: 0;
        box-shadow: 0 8px 19px rgba(0,0,0,.09);
        position: relative;
        z-index: 1;
        padding: .7rem;
        margin-right: 250px;
        margin-bottom: -250px!important;
        margin-left: 250px;
        border: 0;
        border-radius: 5px!important
    }

    .bg_counter-home {
        font-weight: 400;
        position: relative;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        min-width: 0;
        word-wrap: break-word;
        background-color: rgba(52,161,188,0.10);
        background-clip: border-box;
        height: 350px
    }

    .projectFactsWrap-WA-home .item {
        width: 22%!important;
        height: 100%;
        padding: 50px 0;
        text-align: center;
        margin: 0 auto
    }
}

@media (max-width: 1749px) and (min-width: 1380px) {
    .projectFactsWrap-WA-home {
        background:#fff;
        margin: 0;
        box-shadow: 0 8px 19px rgba(0,0,0,.09);
        position: relative;
        z-index: 1;
        padding: .7rem;
        margin-right: 100px;
        margin-bottom: -210px!important;
        margin-left: 100px;
        border: 0;
        border-radius: 5px!important
    }

    .bg_counter-home {
        font-weight: 400;
        position: relative;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        min-width: 0;
        word-wrap: break-word;
        background-color: rgba(52,161,188,0.10);
        background-clip: border-box;
        height: 280px
    }

    .projectFactsWrap-WA-home .item {
        width: 23%!important;
        height: 100%;
        padding: 50px 0;
        text-align: center;
        margin: 0 auto
    }
}

@media (max-width: 1379px) and (min-width: 992px) {
    .projectFactsWrap-WA-home {
        background:#fff;
        margin: 0;
        box-shadow: 0 8px 19px rgba(0,0,0,.09);
        position: relative;
        z-index: 1;
        padding: .7rem;
        margin-right: 10px;
        margin-bottom: -210px!important;
        margin-left: 10px;
        border: 0;
        border-radius: 5px!important
    }

    .bg_counter-home {
        font-weight: 400;
        position: relative;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        min-width: 0;
        word-wrap: break-word;
        background-color: rgba(52,161,188,0.10);
        background-clip: border-box;
        height: 280px
    }

    .text-counter-home {
        font-size: 20px!important
    }
}

@media (max-width: 991px) {
    .projectFactsWrap-WA-home .item {
        flex:0 0 100%
    }

    .projectFactsWrap-WA-home {
        background: #fff;
        margin: 0;
        box-shadow: 0 8px 19px rgba(0,0,0,.09);
        position: relative;
        z-index: 1;
        padding: .7rem;
        margin-right: 20px;
        margin-bottom: -780px!important;
        margin-left: 20px;
        border: 0;
        border-radius: 5px!important
    }

    .bg_counter-home {
        font-weight: 400;
        position: relative;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        min-width: 0;
        word-wrap: break-word;
        background-color: rgba(52,161,188,0.10);
        background-clip: border-box;
        height: 820px
    }

    .projectFactsWrap-WA-home .item {
        padding: 20px 0!important
    }

    .padding-counter-home > .row > .col-lg-12 > h2,.padding-counter-home > .row > .col-lg-12 > p {
        text-align: left!important
    }

    .projectFactsWrap-WA-home > .item > i {
        font-size: 50px!important;
        padding: 10px 0
    }

    .projectFactsWrap-WA-home .item p.number {
        font-size: 28px!important;
        padding: 0;
        font-weight: 500
    }

    .text-counter-home {
        font-size: 18px!important
    }
}

.padding-counter-home {
    padding-top: 170px
}

@media (max-width: 767px) {
    .padding-counter-home {
        padding-top:50px
    }
}

@media (max-width: 1150px) and (min-width: 992px) {
    .projectFactsWrap-WA-home > .item > i {
        font-size:80px!important
    }

    .projectFactsWrap-WA-home .item p.number {
        font-size: 36px!important
    }

    .text-counter-home {
        font-size: 18px!important
    }

    .projectFactsWrap-WA-home .item p {
        padding: 15px 0!important
    }

    .projectFactsWrap-WA-home .item {
        width: 22%!important;
        height: 100%;
        padding: 50px 0;
        text-align: center;
        margin: 0 auto
    }
}

/*END Counter*/
/*START CTA*/
.padding-cta-home {
    padding: 200px 20px
}

.btn-primary-eckig-dark-cta-home {
    border-radius: 50px
}

@media (max-width: 991px) {
    .btn-primary-eckig-dark-cta-home {
        font-size:18px!important
    }

    .padding-cta-home {
        padding: 50px 20px!important
    }

    .btn-invisible-xl-cta-home {
        display: none!important
    }

    .btn-invisible-xs-cta-home {
        box-shadow: 0 0 30px 1px #34a1bc
    }

    .padding-cta-home > div > div > h2 {
        margin: 30px 10px!important
    }
}

@media (min-width: 992px) {
    .btn-invisible-xs-cta-home {
        display:none!important
    }
}

/*END CTA*/
/*START Testimonials*/
.col-testimonilas-home > img {
    height: 100px;
    width: 100px;
    border-radius: 50px;
    border: rgba(255,255,255,0) solid .01px
}

.owl-carousel-testimonilas-home {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y
}

.owl-carousel-testimonilas-home .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%
}

.owl-carousel-testimonilas-home .owl-item {
    float: left
}

.pb-testimonilas-home {
    padding-bottom: 90px
}

.pt-testimonilas-home {
    padding-top: 90px
}

.container-testimonilas-home {
    color: #fff
}

#news-5slider_img_text_rating > .owl-controls_referenzen-home {
    display: none!important
}

@media (max-width: 991px) {
    .pt-testimonilas-home {
        padding-top:50px!important
    }

    .pb-testimonilas-home {
        padding-bottom: 50px!important
    }
}

/*END Testimonials*/
/*start textblock_center_logo*/
.text_size-home {
    font-size: 18px
}

.padding-textblock-home {
    padding-bottom: 90px;
    padding-top: 90px
}

@media (max-width: 991px) {
    .padding-textblock-home {
        padding-bottom:50px;
        padding-top: 50px
    }
}

/*END textblock_center_logo*/
/*END Home*/
/*Homepage START*/
/*START Header*/
.rgba-gradient-header-hp {
    background: -webkit-linear-gradient(45deg,rgba(52,161,188,0),rgba(52,161,188,0) 100%)
}

@media (min-width: 992px) {
    .parent-element-header-hp {
        display:table;
        height: 300px
    }

    .child-element-header-hp {
        display: table-cell;
        vertical-align: middle
    }
}

.child-element-header-hp > p {
    font-size: 20px
}

.child-element-header-hp > h1 {
    font-size: 60px
}

.button-header-hp span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: .3s
}

.child-element-header-hp > p {
    font-size: 20px!important
}

.button-header-hp span:after {
    content: '\263A';
    position: absolute;
    font-size: 38px!important;
    opacity: 0;
    top: 0;
    right: -20px;
    transition: .3s;
    margin-top: -14px!important
}

.button-header-hp:hover span {
    padding-right: 40px
}

.button-header-hp:hover span:after {
    opacity: 1;
    right: 0
}

.view .mask {
    position: inherit!important
}

@media (max-width: 991px) {
    .child-element-header-hp {
        height:132px
    }

    .view-header-homepage {
        background: linear-gradient(rgba(0,0,0,0.40),rgba(0,0,0,0.70)),url(img-new/homepage-sm.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        height: 50vh
    }
}

@media (min-width: 992px) {
    .view-header-homepage {
        background:url(img-new/homepage-header.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: right;
        height: 400px
    }
}

@media (max-width: 991px) {
    .parent-element-header-hp {
        padding:160px 20px 0
    }
}

/*END Header*/
/*Start produktvergleichtabelle*/
.header_pu-hp {
    background-color: #fff;
    border-radius: 8px;
    padding: 25px 5px 5px;
    box-shadow: 0 2px 8px 4px #00000017
}

.header_pu-hp > h3 {
    text-align: center;
    font-size: 28px;
    line-height: 22px;
    font-weight: 500!important
}

.header_light_pu-hp {
    background-color: #fff;
    border-radius: 8px;
    padding: 25px 5px 5px;
    box-shadow: 0 2px 8px 4px #00000017
}

.header_light_pu-hp > h3 {
    text-align: center;
    font-size: 28px;
    line-height: 22px;
    font-weight: 500!important
}

.price_1_pu-hp > span {
    color: #34a1bc;
    font-size: 40px;
    font-weight: 500
}

.price_1_pu-hp {
    text-align: center
}

.price_2_pu-hp > span {
    color: #34a1bc;
    font-size: 40px;
    font-weight: 500
}

.price_2_pu-hp {
    text-align: center
}

.small_txt_pu-hp {
    font-size: 14px!important
}

.btn_dark_pu-hp:hover,.btn_dark_pu-hp:active,.btn_dark_pu-hp:focus {
    background-color: #fff!important;
    color: #34a1bc!important;
    text-decoration: none;
    border: #34a1bc solid 1px;
    border-radius: 8px
}

.btn_dark_pu-hp {
    background-color: #34a1bc!important;
    color: #fff!important;
    text-decoration: none;
    border: #34a1bc solid 1px;
    border-radius: 8px;
    box-shadow: 0 2px 8px 4px #00000017;
    display: block!important
}

.card_pu-hp {
    border: transparent 1px solid!important;
    background-color: transparent!important
}

.footer_pu-hp > ul,.footer_light_pu-hp > ul {
    font-size: 18px!important;
    line-height: 20px!important;
    color: #34a1bc;
    font-weight: 400
}

@media (max-width: 767px) {
    .headline_2_txt_web_mobile_pu-hp {
        font-size:22px!important
    }

    .txt_web_mobile_pu-hp {
        font-size: 18px!important
    }

    .row_img_pu-hp {
        display: none
    }

    .bg_color_pu-hp > div {
        padding-top: 2rem!important
    }
}

@media (min-width: 767px) and (max-width: 991px) {
    .headline_2_txt_web_mobile_pu-hp {
        font-size:24px!important
    }

    .txt_web_mobile_pu-hp {
        font-size: 18px!important
    }
}

.txt_web_mobile_pu-hp > li {
    list-style: none;
    padding: 20px 0
}

.txt_web_mobile_pu-hp {
    padding-inline-start:15px!important;margin-block-start:0!important;margin-block-end:0!important;padding-inline-end:15px}

.border-table_pu-hp {
    margin: auto;
    border: 0;
    border-top: 1px solid rgba(52,161,188,0.26)
}

.col-lg-5-produkt-hp {
    padding-top: 110px
}

@media (max-width: 991px) {
    .col-lg-5-produkt-hp {
        padding-top:0!important
    }

    .container-fluid-produkt-hp {
        margin-top: 0!important;
        padding-top: 50px;
        padding-bottom: 0
    }

    .header_light_pu-hp,.header_pu-hp {
        padding: 5px
    }

    .txt_web_mobile_pu-hp {
        padding-bottom: 0!important
    }

    .price_1_pu-hp,.price_2_pu-hp {
        padding-top: 20px!important
    }

    p.small_txt_pu-hp.text-center.txt_web_mobile_pu-hp.pb-30 {
        padding-bottom: 20px!important
    }

    .header_light_pu-hp > p.mb-0.pb-3.txt_web_mobile_pu-hp,.header_pu-hp > p.mb-0.pb-3.txt_web_mobile_pu-hp {
        text-align: center!important
    }

    .container-fluid-produkt-hp > .row > .card_pu-hp {
        padding-top: 30px
    }
}

.container-fluid-produkt-hp {
    padding-bottom: 50px;
    margin-top: -52px
}

.container-fluid-p {
    width: 85%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.txt_web_mobile_pu-hp {
    text-align: center!important
}

@media (max-width: 1400px) and (min-width: 992px) {
    .col-lg-3-produkt-md-hp {
        flex:0 0 35%!important;
        max-width: 29%!important
    }

    .container-fluid-p {
        width: 95%!important;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto
    }
}

/*END produkte_uebersicht*/
/*START Produkttabelle*/
.p-leer-produkt-produkttabelle-hp {
    height: 82px
}

.product-table-name-produkttabelle-hp {
    padding: 25px 5px;
    font-weight: 500;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background-color: #fff;
    font-size: 22px!important;
    margin-bottom: 0!important
}

.light-cell-produkttabelle-hp {
    background-color: #fff;
    margin-bottom: 0;
    padding: 25px 0;
    font-weight: 400
}

.dark-cell-produkttabelle-hp2 {
    background-color: #f9f9f9;
    margin-bottom: 0;
    padding: 25px 0;
    color: #000;
    font-weight: 500;
    border-bottom: #ececec 1px solid
}

.product-table-card-produkttabelle-hp > p {
    line-height: 26px!important
}

.product-table-card-produkttabelle-hp {
    border: none!important;
    border-radius: 8px
}

.bg_product-table-produkttabelle-hp {
    font-weight: 400;
    position: inherit;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: rgba(52,161,188,0.15);
    background-clip: border-box;
    height: 645px;
    margin-bottom: 100px;
    padding-right: 25px;
    margin-top: 25px
}

.header-produkttabelle-hp > h1,.header-produkttabelle-hp > h2 {
    font-weight: 200;
    margin: .4em 0
}

.header-produkttabelle-hp > h1 {
    font-size: 40px!important;
    font-weight: 400
}

.container-product-table-produkttabelle-hp {
    padding-right: 0!important;
    padding-left: 0!important
}

.light-cell-produkttabelle-hp > i {
    color: green;
    font-size: 24px
}

.col-padding-produkttabelle-hp {
    padding-left: 0!important;
    padding-right: 0!important
}

.product-table-card-produkttabelle-hp {
    box-shadow: 0 2px 8px 4px #00000017
}

.btn_pu-hp_dark2-produkttabelle-hp:hover,.btn_pu-hp_dark2-produkttabelle-hp:active,.btn_pu-hp_dark2-produkttabelle-hp:focus {
    background-color: #fff!important;
    color: #34a1bc!important;
    text-decoration: none;
    border: #34a1bc solid 1px;
    border-radius: 8px
}

.btn_pu-hp_dark2-produkttabelle-hp {
    background-color: #34a1bc!important;
    color: #fff!important;
    text-decoration: none;
    border: #34a1bc solid 1px;
    border-radius: 8px!important
}

.container-fluid-produkttabelle-hp {
    width: 85%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (max-width: 767px) {
    .box-produkt-lg-hp {
        display:none
    }

    .p-button-hp {
        padding: 0!important
    }

    .bg_product-table-produkttabelle-hp {
        height: 1625px;
        margin-top: -1600px
    }
}

@media (min-width: 768px) {
    .box-produkt-sm-hp {
        display:none!important
    }
}

.dark-cell-produkttabelle-hp2 {
    background-color: #fcfcfc!important
}

.container-fluid-produkttabelle-hp {
    padding-top: 70px
}

@media (max-width: 991px) {
    .container-fluid-produkttabelle-hp {
        padding-top:50px
    }
}

@media (max-width: 1400px) and (min-width: 992px) {
    .col-lg-3-pt-hp {
        flex:0 0 33.333333%!important;
        max-width: 33.333333%!important
    }

    .container-fluid-produkttabelle-hp {
        width: 95%!important;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto
    }

    .offset-lg-2-none-pt-hp {
        margin-left: unset!important
    }
}

/*END Produkttabelle*/
/*END Produkttabelle-responsive*/
/*START akkordeon_produkttabelle-home*/
.card_produkttabelle-home {
    border: none!important
}

.wa-accordion_produkttabelle-home .card_produkttabelle-home {
    overflow: visible;
    border-bottom: none!important;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.wa-accordion_produkttabelle-home .card_produkttabelle-home .card-header_produkttabelle-home {
    padding: 1rem 1.5rem;
    background: transparent;
    border-bottom: 0
}

.accordion_produkttabelle-home > .card_produkttabelle-home > .card-header_produkttabelle-home {
    border-radius: 0;
    margin-bottom: -1px
}

.wa-accordion_produkttabelle-home .card_produkttabelle-home .card-header_produkttabelle-home a {
    -webkit-transition: ease-in-out .3s;
    transition: ease-in-out .3s
}

.wa-accordion_produkttabelle-home .card_produkttabelle-home .card-header_produkttabelle-home a:not(.collapsed) .rotate-icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    text-align: left!important
}

.card-body_produkttabelle-home {
    padding: 10px 15px!important
}

.wa-accordion_produkttabelle-home .card_produkttabelle-home .fa-angle-down {
    text-align: right
}

.card-body_produkttabelle-home {
    text-align: center
}

.icons_produkttabelle-home {
    font-size: 32px;
    width: 10%;
    height: 35px
}

.card-header_produkttabelle-home a {
    display: flex
}

.card-header_produkttabelle-home a h4 {
    width: 90%
}

@media (max-width: 767px) {
    .card-header_produkttabelle-home a h4 {
        width:80%
    }

    .icons_produkttabelle-home {
        width: 20%
    }
}

i.fas.fa-angle-down.rotate-icon.icons_produkttabelle-home {
    height: auto;
    margin-left: auto
}

@media (max-width: 767px) {
    .pt-lg-hp {
        display:none!important
    }

    .product-table-card-produkttabelle-hp {
        box-shadow: none!important
    }

    .container-fluid-p {
        width: 100%!important;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto
    }

    .header_light_pu-hp,.header_pu-hp {
        padding: 5px 10px!important
    }

    .light-cell-produkttabelle-hp {
        padding: 15px 0!important
    }

    .card-header_produkttabelle-home > a > p {
        vertical-align: middle!important;
        color: #34a1bc!important
    }

    .wa-accordion_produkttabelle-home .card_produkttabelle-home .card-header_produkttabelle-home {
        padding: 30px 10px 15px
    }

    .container-fluid-produkt-hp {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

@media (min-width: 768px) {
    .pt-sm-hp {
        display:none!important
    }
}

/*END akkordeon_produkttabelle-home*/
/*END Produkttabelle-responsive*/
/*START img-txt*/
.bg-content-col-img-txt-hp {
    background: linear-gradient(rgba(52,161,188,0.80),rgba(52,161,188,0.80)),url(img-new/bgimgtxt.jpg);
    background-position: center;
    background-size: cover;
    color: #fff;
    text-align: justify;
    width: 100%;
    height: 600px;
    z-index: -1
}

.div-content-col-img-txt-hp {
    width: 70%;
    margin: 212px auto;
    padding-left: 40px
}

.div-content-col-img-txt-hp > p {
    font-weight: 400
}

.img-content-col-img-txt-hp > img {
    width: 400px!important;
    height: 400px;
    margin: 100px 0 120px 50px;
    box-shadow: 0 2px 20px 1px #0000005e
}

.img-content-col-img-txt-hp {
    height: 600px
}

.div-content-col-img-txt-hp > p {
    color: #fff!important
}

.container-testimonial-hp {
    padding-bottom: 150px;
    padding-top: 150px
}

.sub-testimonial-hp {
    position: relative;
    font-size: 100%!important;
    line-height: 0;
    vertical-align: baseline;
    bottom: -11px!important
}

@media (max-width: 1199px) {
    .img-content-col-img-txt-hp > img {
        margin:100px 0 120px!important
    }
}

@media (max-width: 991px) {
    .img-content-col-img-txt-hp > img {
        margin:0!important;
        width: 100%!important;
        height: auto!important;
        box-shadow: 0 2px 20px 1px #0000005e
    }

    .img-content-col-img-txt-hp {
        text-align: center;
        height: unset!important;
        margin-bottom: -65px
    }

    .div-content-col-img-txt-hp {
        width: 90%;
        margin: 100px auto 0;
        padding-left: unset!important
    }

    .padding-bottom-refernezen-hp {
        padding-bottom: 20px!important
    }

    .bg-content-col-img-txt-hp {
        height: 380px
    }
}

@media (max-width: 767px) {
    .container-testimonial-hp {
        padding-bottom:0;
        padding-top: 10px
    }
}

.padding-bottom-refernezen-hp {
    padding-bottom: 50px
}

/*END img-txt*/
/*START Vorteile*/
.icon-vorteile-hp > img {
    width: 100px;
    height: auto
}

.spin-vorteile-hp > img:hover {
    opacity: .3;
    transition: .6s
}

.spin-vorteile-hp {
    background: none;
    border: 0;
    box-sizing: border-box;
    margin: 1em;
    padding: 1em 2em;
    position: relative;
    vertical-align: middle;
    transition: .6s!important
}

.spin-vorteile-hp::before,.spin-vorteile-hp::after {
    box-sizing: inherit;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    transition: .9s
}

.spin-vorteile-hp:focus {
    outline: none!important
}

.spin-vorteile-hp:hover {
    color: #34a1bc
}

.spin-vorteile-hp::before,.spin-vorteile-hp::after {
    top: 0;
    left: 0
}

.spin-vorteile-hp::before {
    border: 3px solid rgba(225,241,245,0.6)
}

.spin-vorteile-hp:hover::before {
    border-top-color: #34a1bc;
    border-right-color: #34a1bc;
    border-bottom-color: #34a1bc;
    transition: border-top-color .3s linear,border-right-color .3s linear 0.10s,border-bottom-color .3s linear .2s
}

.spin-vorteile-hp::after {
    border: 3px solid transparent
}

.spin-vorteile-hp:hover::after {
    border-top: 3px solid #34a1bc;
    border-left-width: 3px;
    border-right-width: 3px;
    transform: rotate(270deg);
    transition: transform .6s linear 0s,border-left-width 0 linear .35s
}

.circle-vorteile-hp {
    border-radius: 100%;
    box-shadow: none
}

.circle-vorteile-hp::before,.circle-vorteile-hp::after {
    border-radius: 100%
}

.row-vorteile-hp > div > h3 {
    font-size: 24px;
    color: #34a1bc;
    font-weight: 700
}

.container-vorteile-padding {
    padding-top: 100px;
    padding-bottom: 150px
}

@media (max-width: 767px) {
    .container-vorteile-padding {
        padding-top:50px;
        padding-bottom: 50px
    }
}

@media (max-width: 991px) {
    .spin-vorteile-hp {
        width:80px;
        height: 80px;
        padding: 0;
        transition: .6s
    }

    .icon-vorteile-hp > button > img {
        max-width: 60%!important;
        height: auto
    }
}

@media (min-width: 992px) {
    .spin-vorteile-hp {
        width:150px;
        height: 150px;
        padding: 0;
        transition: .6s
    }

    .icon-vorteile-hp > button > img {
        max-width: 100%!important;
        height: auto
    }
}

@media (max-width: 767px) {
    .container-vorteile-padding {
        text-align:left!important
    }
}

/*END Vorteile*/
/*Homepage END*/
/*START Karriere*/
/*START Header*/
.rgba-gradient-header-job {
    background: -webkit-linear-gradient(45deg,rgba(52,161,188,0),rgba(52,161,188,0) 100%)
}

@media (min-width: 992px) {
    .parent-element-header-job {
        display:table;
        height: 400px
    }

    .child-element-header-job {
        display: table-cell;
        vertical-align: middle
    }
}

.child-element-header-job > p {
    font-size: 20px
}

.child-element-header-job > h1 {
    font-size: 60px
}

.button-header-job span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: .3s
}

.child-element-header-job > p {
    font-size: 20px!important
}

.button-header-job span:after {
    content: '\263A';
    position: absolute;
    font-size: 38px!important;
    opacity: 0;
    top: 0;
    right: -20px;
    transition: .3s;
    margin-top: -14px!important
}

.button-header-job:hover span {
    padding-right: 40px
}

.button-header-job:hover span:after {
    opacity: 1;
    right: 0
}

.view .mask {
    position: inherit!important
}

@media (max-width: 991px) {
    .view-header-karriere {
        background:linear-gradient(rgba(0,0,0,0.40),rgba(0,0,0,0.70)),url(img-new/karriere-sm.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        height: 50vh
    }
}

@media (min-width: 992px) {
    .view-header-karriere {
        background:url(img-new/karriere-header.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: right
    }

    .view-header-karriere {
        height: 400px
    }
}

@media (max-width: 576px) {
    .parent-element-header-job {
        padding:60px
    }
}

@media (max-width: 991px) {
    .parent-element-header-job {
        padding:160px 20px 0!important;
    }
}

/*END Header*/
/*START Stellenausschreibungen*/
.hr-job > hr {
    border-top: rgba(52,161,188,0.20) solid 1px;
    margin-top: 25px;
    margin-bottom: 25px
}

.card-job > h3 {
    color: #34a1bc;
    font-weight: 400
}

.card-job > div > img {
    border-top-left-radius: 8px!important;
    border-top-right-radius: 8px!important
}

.card-job {
    border-radius: 8px;
    box-shadow: 0 0 14px 0 rgba(128,128,128,0.15);
    border: none
}

.card-job > .card-body {
    padding: 15px
}

.bg-lightblue-job {
    font-weight: 400;
    position: inherit;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: rgba(52,161,188,0.15);
    background-clip: border-box;
    height: 560px;
    margin-bottom: 100px;
    padding-right: 25px;
    margin-top: 25px
}

.container-lightblue-job {
    padding-right: 0!important;
    padding-left: 0!important;
    margin-top: -560px
}

.container-fluid-job {
    width: 95%!important;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.card-job > .card-body > .p-padding {
    margin-bottom: 25px
}

@media (max-width: 991px) {
    .card-job > .card-body > .btn {
        margin-top:0!important
    }

    .container-lightblue-job {
        margin-top: -2005px!important;
        display: none!important
    }

    .bg-lightblue-job {
        height: 1980px
    }

    .container-fluid-job {
        width: 100%!important;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto
    }
}

@media (max-width: 767px) {
    .padding-sunheadline-job {
        padding-bottom:10px!important
    }
}

.padding-sunheadline-job {
    padding-bottom: 80px
}

@media (min-width: 992px) and (max-width: 1140px) {
    .container-fluid-job {
        width:95%!important;
        padding-right: 10px!important;
        padding-left: 10px!important;
        margin-right: auto;
        margin-left: auto
    }

    .col-lg-3-stelle-job {
        padding-right: 5px!important;
        padding-left: 5px!important
    }
}

@media (max-width: 767px) {
    .bg-lightblue-job {
        margin-bottom:0!important
    }
}

@media (min-width: 992px) {
    .container-fluid-job {
        padding-top:80px
    }
}

@media (max-width: 991px) {
    .container-fluid-job {
        padding-top:50px
    }

    .mb-0-sm-job {
        margin-bottom: 0!important
    }

    .hr-job > hr {
        border-top: rgba(52,161,188,0.20) solid 1px;
        margin-top: 15px;
        margin-bottom: 15px
    }
}

/*END Stellenausschreibungen*/
/*START Warum WA*/
.icon-vorteile-job > img {
    width: 100px;
    height: auto
}

.spin-vorteile-job > img:hover {
    opacity: .3;
    transition: .6s
}

.spin-vorteile-job {
    background: none;
    border: 0;
    box-sizing: border-box;
    margin: 1em;
    padding: 1em 2em;
    position: relative;
    vertical-align: middle;
    transition: .6s!important
}

.spin-vorteile-job::before,.spin-vorteile-job::after {
    box-sizing: inherit;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    transition: .9s
}

.spin-vorteile-job:focus {
    outline: none!important
}

.spin-vorteile-job {
    width: 150px;
    height: 150px;
    padding: 0;
    transition: .6s
}

.spin-vorteile-job:hover {
    color: #34a1bc
}

.spin-vorteile-job::before,.spin-vorteile-job::after {
    top: 0;
    left: 0
}

.spin-vorteile-job::before {
    border: 3px solid rgba(225,241,245,0.6)
}

.spin-vorteile-job:hover::before {
    border-top-color: #34a1bc;
    border-right-color: #34a1bc;
    border-bottom-color: #34a1bc;
    transition: border-top-color .3s linear,border-right-color .3s linear 0.10s,border-bottom-color .3s linear .2s
}

.spin-vorteile-job::after {
    border: 3px solid transparent
}

.spin-vorteile-job:hover::after {
    border-top: 3px solid #34a1bc;
    border-left-width: 3px;
    border-right-width: 3px;
    transform: rotate(270deg);
    transition: transform .6s linear 0s,border-left-width 0s linear .35s
}

.circle-vorteile-job {
    border-radius: 100%;
    box-shadow: none
}

.circle-vorteile-job::before,.circle-vorteile-job::after {
    border-radius: 100%
}

.row-vorteile-job > div > h3 {
    font-size: 24px;
    color: #34a1bc;
    font-weight: 700
}

.bg-light-job {
    background: rgba(255,255,255,0.45);
    margin-top: 115px;
}

.bg-img-job {
    background: linear-gradient(rgba(52,161,188,0.30),rgba(52,161,188,0.70)),url(img-new/customer-value.jpg);
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
    height: 520px
}

.bg-img-job2 {
    background: linear-gradient(rgba(52,161,188,0.30),rgba(52,161,188,0.70)),url(img-new/team-img-neu.jpg);
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
    height: 520px
}

.container-icons-job {
    padding-bottom: 250px;
    padding-top: 100px
}

@media(max-width: 991px) {
    .container-icons-job {
        padding-bottom:100px;
        padding-top: 50px
    }
}

@media (max-width: 767px) {
    .col-xs-6 {
        flex:0 0 50%!important;
        max-width: 50%!important
    }

    .spin-vorteile-job {
        width: 80px!important;
        height: 80px!important
    }

    .container-icons-job {
        padding-bottom: 50px!important;
        padding-top: 50px
    }
}

/*END Warum WA*/
/*START Team-Card-Job*/
.card-teamcard-job {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none!important
}

.card-teamcard-job .view-job {
    z-index: 2;
    border-radius: 8px;
    -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
    box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15)
}

.view-job {
    position: relative;
    overflow: hidden;
    cursor: default
}

.view-job img {
    position: relative;
    display: block
}

.view-job .mask {
    opacity: 0;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-attachment: fixed
}

.card-teamcard-job .card-body-team-job {
    z-index: 1;
    margin-right: 4%;
    margin-left: 4%;
    background: #fff;
    border-radius: 0 0 8px 8px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)
}

.card-teamcard-job .card-body h1,.card-teamcard-job .card-body h2,.card-teamcard-job .card-body h3,.card-teamcard-job .card-body h4,.card-teamcard-job .card-body h5,.card-teamcard-job .card-body h6 {
    font-weight: 400
}

.card-teamcard-job .card-body .card-text {
    font-size: .9rem;
    font-weight: 400;
    color: #747373
}

.bg-team-job {
    font-weight: 400;
    position: inherit;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: rgba(52,161,188,0.15);
    background-clip: border-box;
    height: 524px;
    margin-bottom: 100px;
    padding-right: 25px;
    margin-top: 25px
}

.container-team-job {
    padding-right: 0!important;
    padding-left: 0!important;
    margin-top: -670px
}

.icon-color-primary-job {
    color: #34a1bc
}

.zoom-job {
    transition: transform .4s
}

.zoom-job:hover {
    transform: scale(1.5)
}

.btn-team_job span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: .2s
}

.btn-team_job span:after {
    content: '\00bb';
    position: absolute;
    opacity: 0;
    top: 0;
    right: -20px;
    transition: .2s
}

.btn-team_job:hover span {
    padding-right: 25px
}

.btn-team_job:hover span:after {
    opacity: 1;
    right: 0
}

.btn-team_job {
    background-color: #34a1bc;
    color: #fff!important;
    text-decoration: none;
    border: #34a1bc solid 1px;
    border-radius: 50px
}

.btn-team_job:hover,.btn-team_job:active,.btn-team_job:focus {
    background-color: #34a1bc;
    color: #fff!important;
    text-decoration: none;
    border: #34a1bc solid 1px;
    border-radius: 50px
}

.card-body-team-job > .card-text {
    margin-bottom: 22px
}

.container-fluid-team-job {
    padding-top: 150px;
    padding-bottom: 100px
}

@media(max-width: 767px) {
    .container-fluid-team-job {
        padding-top:50px;
        padding-bottom: 50px
    }
}

@media(max-width: 420px) {
    .container-team-job {
        padding-right:0!important;
        padding-left: 0!important;
        margin-top: -1900px
    }

    .bg-team-job {
        height: 1800px;
        margin-bottom: 0!important
    }
}

@media(max-width: 500px)and (min-width: 419px) {
    .container-team-job {
        padding-right:0!important;
        padding-left: 0!important;
        margin-top: -2050px
    }

    .bg-team-job {
        height: 1950px;
        margin-bottom: 0!important
    }
}

@media(max-width: 650px) and (min-width: 499px) {
    .container-team-job {
        padding-right:0!important;
        padding-left: 0!important;
        margin-top: -2300px
    }

    .bg-team-job {
        height: 2200px;
        margin-bottom: 0!important
    }
}

@media(max-width: 767px)and (min-width: 649px) {
    .container-team-job {
        padding-right:0!important;
        padding-left: 0!important;
        margin-top: -2550px
    }

    .bg-team-job {
        height: 2500px
    }
}

@media(max-width: 850px) and (min-width: 766px) {
    .container-team-job {
        padding-right:0!important;
        padding-left: 0!important;
        margin-top: -2850px
    }

    .bg-team-job {
        height: 2800px
    }
}

@media(max-width: 900px)and (min-width: 849px) {
    .container-team-job {
        padding-right:0!important;
        padding-left: 0!important;
        margin-top: -3100px
    }

    .bg-team-job {
        height: 3000px
    }
}

@media(max-width: 991px)and (min-width: 899px) {
    .container-team-job {
        padding-right:0!important;
        padding-left: 0!important;
        margin-top: -3250px
    }

    .bg-team-job {
        height: 3150px
    }
}

/*END Team-Card-Job*/
/*START img-block*/
@media (max-width: 991px) {
    .bg-img-job,.bg-img-job2 {
        background:none!important;
        height: auto
    }

    .bg-light-job {
        margin-top: 10px!important
    }
}

@media (min-width: 992px) {
    .bg-img-job2 > img,.img-bg-md-job {
        display:none!important
    }
}

/*END img-block*/
/*START text-img-lb*/
.bg-img-lb-job {
    background: url(img-new/Team-Pictures_final.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right
}

.container-img-text-lb {
    padding-top: 200px;
    padding-bottom: 200px
}

@media(max-width: 767px) {
    .container-img-text-lb {
        padding-top:50px;
        padding-bottom: 50px!important
    }
}

.card-job > .card-body > .card-footer {
    padding: 0!important;
    background-color: transparent!important;
    border-top: none!important;
    margin-top: auto
}

.card-job > .card-body {
    display: flex;
    flex-direction: column
}

@media (max-width: 991px) {
    .container-img-text-lg-karriere {
        display:none!important
    }
}

@media (min-width: 992px) {
    .container-img-text-sm-karriere {
        display:none!important
    }

    .bg-light-job {
        padding: 20px
    }
}

@media (max-width: 991px) {
    .bg-img-lb-job {
        display:none!important
    }
}

@media (min-width: 992px) {
    .img-sm-lb-job {
        display:none!important
    }

    .row-img-text-lb-job {
        height: 330px
    }
}

/*END text-img-lb*/
/*END Karriere*/
/*START Job-Detail*/
/*START Header*/
.rgba-gradient-header-jd {
    background: -webkit-linear-gradient(45deg,rgba(52,161,188,0),rgba(52,161,188,0) 100%)
}

@media (min-width: 992px) {
    .parent-element-header-jd {
        display:table;
        height: 400px
    }

    .child-element-header-jd {
        display: table-cell;
        vertical-align: middle
    }
}

.child-element-header-jd > p {
    font-size: 20px
}

.child-element-header-jd > h1 {
    font-size: 60px
}

.button-header-jd span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: .3s
}

.child-element-header-jd > p {
    font-size: 20px!important
}

.button-header-jd span:after {
    content: '\263A';
    position: absolute;
    font-size: 38px!important;
    opacity: 0;
    top: 0;
    right: -20px;
    transition: .3s;
    margin-top: -14px!important
}

.button-header-jd:hover span {
    padding-right: 40px
}

.button-header-jd:hover span:after {
    opacity: 1;
    right: 0
}

.view-bg-jd .mask {
    position: inherit!important
}

.view-bg-jd {
    background: url(img-new/bg-new-kontakt.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top
}

@media (max-width: 991px) {
    .header-jd-type {
        padding:60px 10px
    }
}

/*END Header*/
/*START Job Detail*/
.text-blau-jd {
    color: #34a1bc
}

.txt_web_mobile-jd {
    padding-left: 0;
    list-style: none
}

.txt_web_mobile-jd li i {
    position: absolute;
    left: 0;
    top: 4px;
    color: #34a1bc
}

.txt_web_mobile-jd li {
    position: relative;
    padding-left: 36px;
    margin-bottom: 27px
}

/*END Job Detail*/
/*END Job-Detail*/
/*START Kontakt*/
/*START Header*/
.rgba-gradient-header-contact {
    background: -webkit-linear-gradient(45deg,rgba(52,161,188,0),rgba(52,161,188,0) 100%)
}

@media (min-width: 992px) {
    .parent-element-header-contact {
        display:table;
        height: 400px
    }

    .child-element-header-contact {
        display: table-cell;
        vertical-align: middle
    }
}

.child-element-header-contact > p {
    font-size: 20px
}

.child-element-header-contact > h1 {
    font-size: 40px
}

.button-header-contact span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: .3s
}

.child-element-header-contact > p {
    font-size: 20px!important
}

@media (max-width: 991px) {
    .parent-element-header-contact {
        padding:90px 15px 0!important
    }
}

.view .mask {
    position: inherit!important
}

.view-header-contact {
    background-image: url(img-new/bg-new-kontakt2.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    height: 430px
}

/*END Header*/
/*START kontakt-img*/
.img-kontakt-contact > img {
    border-radius: 100px;
    width: 125px;
    height: 125px
}

.fa-check-contact {
    color: #1c7430
}

.bg-info-web-contact {
    background-color: #fff;
    border-radius: 10px!important;
    box-shadow: 1px 1px 40px -12px rgba(0,0,0,.25)
}

.alert-success {
    color: #155724!important;
    background-color: #d4edda!important;
    border-color: #c3e6cb!important;
    background-image: none!important
}

.alert-warning {
    color: #57120f!important;
    background-color: rgba(237,16,41,0.11)!important;
    border-color: rgba(237,16,41,0.11)!important;
    background-image: none!important
}

.btn_navbar_web-contact {
    background-color: #34a1bc;
    color: #fff;
    text-decoration: none;
    border: #34a1bc solid 1px;
    border-radius: 50px
}

.btn_navbar_web-contact:hover,.btn_navbar_web-contact:active,.btn_navbar_web-contact:focus {
    background-color: #fff!important;
    color: #34a1bc!important;
    text-decoration: none;
    border: #34a1bc solid 1px;
    border-radius: 50px
}

.padding-kontakt-contact {
    padding: 100px 0
}

.label-contact {
    font-size: 20px
}

.form-control-bottom-contact {
    min-height: 130px!important
}

#kontakt-contact {
    height: 120px;
    border-top: 1px solid grey
}

.a_href_hell-web-contact {
    color: #fff!important;
    text-decoration: none!important
}

.a_href_hell-web-contact:hover,.a_href_hell-web-contact:active,.a_href_hell-web-contact:focus {
    color: rgba(255,255,255,0.82)!important;
    text-decoration: none!important
}

.padding-right-left-col-6-contact {
    background-image: url(img-new/Teamwork-IMG.png);
    background-repeat: no-repeat;
    background-position: right;
    height: 500px;
    margin-top: -50px
}

.form-control-contact {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    border-bottom: 8px solid rgba(52,161,188,0.15);
    background-color: #fff;
    background-clip: unset;
    border-top: none;
    border-left: none;
    border-right: none
}

.form-control-contact:focus {
    color: #495057;
    background-color: #fff;
    border-bottom: 8px solid rgba(52,161,188,0.20);
    outline: 0;
    box-shadow: none
}

.text-left-contact > p {
    font-weight: 500
}

.container-contact-form-contact {
    padding-top: 100px;
    padding-bottom: 150px
}

.bg-info-web-contact {
    margin-top: -400px;
    padding: 60px 40px 30px
}

.padding-right-left-col-6-contact > img {
    width: 450px;
    position: absolute;
    top: 7%
}

@media (max-width: 991px) {
    .bg-info-web-contact {
        margin-top:-150px
    }
}

@media(max-width: 991px) and (min-width: 768px) {
    .padding-kontakt-contact {
        max-width:90%
    }
}

@media (min-width: 992px) {
    .padding-right-left-col-6-contact {
        padding-right:55px!important
    }

    .img-contact-form-contact-sm {
        display: none
    }
}

@media (max-width: 991px) {
    .img-contact-form-contact-lg {
        display:none
    }

    .padding-kontakt-contact {
        padding: 100px 15px 20px
    }

    .bg-info-web-contact {
        padding-left: 30px;
        padding-right: 30px
    }
}

.alert-danger {
    color: #721c24!important
}

/*END kontakt-img*/
/*START Steps*/
.step-contact {
    list-style: none;
    margin: 0
}

.step-element-contact {
    display: flex;
    padding: 1rem 0
}

.step-number-contact {
    position: relative;
    width: 20%;
    flex-shrink: 0;
    text-align: center
}

.step-number-contact::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 48px;
    bottom: -15px;
    margin-left: -1px;
    border-left: 2px dashed rgba(52,161,188,0.1)
}

.step-number-contact .number-forstep-contact {
    width: 48px;
    height: 48px;
    line-height: 48px;
    color: #34a1bc;
    background-color: rgba(52,161,188,0.1);
    font-size: 24px
}

.number-forstep-contact {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 38px;
    border-radius: 10rem
}

.dark-grey-text-contact {
    font-size: 20px
}

.step-number-contact-last {
    position: relative;
    width: 20%;
    flex-shrink: 0;
    text-align: center
}

.step-number-contact-last::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 48px;
    bottom: -2rem;
    margin-left: -1px;
    border-left: none
}

.step-number-contact-last .number-forstep-contact {
    width: 48px;
    height: 48px;
    line-height: 48px;
    color: #34a1bc;
    background-color: rgba(52,161,188,0.1);
    font-size: 24px
}

@media (max-width: 991px) {
    .bg-kontakt-row2-contact {
        background:none
    }

    .container-contact-form-contact {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

@media (min-width: 992px) {
    .stepimg-kontakt-contact {
        display: none
    }

    .bg-kontakt-row2-contact > img {
        display: none
    }

    .bg-kontakt-row2-contact {
        background-image: url(img-new/IMG-Steps.png);
        background-position: top right;
        background-repeat: no-repeat;
        height: 484px
    }
}

/*END Steps*/
/*END Kontakt*/
/*START Blog*/
/*START Header*/
.rgba-gradient-header-blog {
    background: -webkit-linear-gradient(45deg,rgba(52,161,188,0),rgba(52,161,188,0) 100%)
}

@media (min-width: 992px) {
    .parent-element-header-blog {
        display:table;
        height: auto
    }

    .child-element-header-blog {
        display: table-cell;
        vertical-align: middle
    }
}

.child-element-header-blog > p {
    font-size: 20px
}

.child-element-header-blog > h1 {
    font-size: 60px
}

.button-header-blog span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: .3s
}

.child-element-header-blog > p {
    font-size: 20px!important
}

.button-header-blog span:after {
    content: '\263A';
    position: absolute;
    font-size: 38px!important;
    opacity: 0;
    top: 0;
    right: -20px;
    transition: .3s;
    margin-top: -14px!important
}

.button-header-blog:hover span {
    padding-right: 40px
}

.button-header-blog:hover span:after {
    opacity: 1;
    right: 0
}

.view .mask {
    position: inherit!important
}

.view-header-blog {
    background: url(img-new/bg-new-kontakt.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    height: 400px
}

@media (max-width: 991px) {
    .parent-element-header-blog {
        padding:130px 10px 0
    }

    .child-element-header-blog {
        height: auto
    }
}

/*END Header*/
/*START blog*/
.card_blog {
    border: none
}

.card_blog > .card-body {
    display: flex;
    flex-direction: column
}

.card_blog > .card-body > .card-footer {
    padding: 0!important;
    background-color: transparent!important;
    border-top: none!important;
    margin-top: auto
}

.img-blog {
    width: 40px;
    height: 40px;
    border-radius: 50px;
    text-align: left
}

.byline-info-container-blog {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-grow: 1;
    margin-left: 10px
}

.text-description-blog {
    font-size: 13px;
    line-height: 1.2
}

.author-name-blog {
    color: #969696!important
}

.entry-date-blog {
    color: #969696
}

.card-body-blog {
    padding: 25px 0!important
}

.card-img_blog_web4 {
    overflow: hidden
}

.card-img_blog_web4 img {
    transition: all 1.5s ease
}

.card-img_blog_web4:hover img {
    transform: scale(1.2)
}

.tag-blog {
    background-color: rgba(52,161,188,0.51)!important;
    color: #fff!important;
    padding: 6px 12px!important;
    border-radius: 20px;
    font-size: 14px!important;
    line-height: 14px
}

.time-blog {
    color: #969696!important;
    font-size: 14px
}

@media (max-width: 991px) {
    .container-fluid-blog {
        width:100%;
        margin-right: auto;
        margin-left: auto;
        padding: 50px 15px
    }

    .card-item-blog {
        margin-bottom: 30px!important
    }
}

@media (min-width: 1501px) {
    .container-fluid-blog {
        width:80%;
        margin-right: auto;
        margin-left: auto;
        padding: 100px 15px
    }

    .card-item-blog {
        margin-bottom: 70px!important
    }
}

@media (min-width: 992px) and (max-width: 1500px) {
    .container-fluid-blog {
        width:90%;
        margin-right: auto;
        margin-left: auto;
        padding: 100px 15px
    }

    .card-item-blog {
        margin-bottom: 50px!important
    }
}

/*END blog*/
/*END Blog*/
/*Start Blogbeitrag*/
/*START Header*/
.rgba-gradient-header-bb {
    background: -webkit-linear-gradient(45deg,rgba(52,161,188,0),rgba(52,161,188,0) 100%)
}

@media (min-width: 992px) {
    .parent-element-header-bb {
        display:table;
        height: 400px
    }

    .child-element-header-bb {
        display: table-cell;
        vertical-align: middle
    }
}

.button-header-bb span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: .3s
}

.button-header-bb span:after {
    content: '\263A';
    position: absolute;
    font-size: 38px!important;
    opacity: 0;
    top: 0;
    right: -20px;
    transition: .3s;
    margin-top: -14px!important
}

.button-header-bb:hover span {
    padding-right: 40px
}

.button-header-bb:hover span:after {
    opacity: 1;
    right: 0
}

.view .mask {
    position: inherit!important
}

@media (max-width: 991px) {
    .header-bb {
        height:40vh
    }

    .child-element-header-bb {
        margin-top: 80px
    }
}

/*END Header*/
@media (min-width: 1200px) {
    .img-size-bb {
        width:445px;
        height: auto
    }
}

@media (max-width: 1199px) {
    .img-size-bb {
        width:100%;
        height: auto
    }

    .div-img-bb {
        text-align: center
    }

    .row-bb > div > .subtitle-wa {
        padding-bottom: 0!important
    }
}

@media (max-width: 767px) {
    .btn-group-bb {
        display:inline-grid
    }

    .btn-group-bb > a {
        margin-top: 5px;
        margin-bottom: 5px
    }
}

.btn-floating-vb.btn-lg {
    width: 32px;
    height: 32px;
    z-index: 0!important;
}

.btn-fb-vb {
    color: #fff;
    background-color: #3b5998!important
}

.btn-floating-vb {
    position: relative;
    z-index: 1;
    display: inline-block;
    padding: 0;
    margin: 2px;
    overflow: hidden;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 50%;
    -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
    box-shadow: 0 0 7px 0 rgba(0,0,0,0.3);
    -webkit-transition: all .2s ease-in-out;
    transition: .6s;
    width: 32px;
    height: 32px
}

.btn-floating-vb:hover {
    transition: .6s;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.5)
}

.btn-floating-vb.btn-lg i {
    font-size: 16px;
    line-height: 20px
}

.btn-floating-vb i {
    display: inline-block;
    width: inherit;
    color: #fff;
    text-align: center
}

.btn-fb-vb {
    color: #fff;
    background-color: #3b5998!important
}

.btn-fb-vb:hover,.btn-fb-vb:active,.btn-fb-vb:focus {
    color: #fff;
    background-color: #526d98!important
}

.btn-tw-vb {
    color: #fff;
    background-color: #00abf0!important
}

.btn-tw-vb:hover,.btn-tw-vb:active,.btn-tw-vb:focus {
    color: #fff;
    background-color: #63c6f0!important
}

.btn-g-vb {
    color: #fff;
    background-color: #ea4335!important
}

.btn-g-vb:hover,.btn-g-vb:active,.btn-g-vb:focus {
    color: #fff;
    background-color: #ea7a6f!important
}

.btn-i-vb {
    color: #fff;
    background-color: #8134af!important
}

.btn-i-vb:hover,.btn-i-vb:active,.btn-i-vb:focus {
    color: #fff;
    background-color: #8b54af!important
}

#tothetop {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: #34a1bc;
    color: #fff;
    cursor: pointer;
    padding: 15px;
    border-radius: 10px;
    font-size: 18px;
    transition: .6s;
    scroll-behavior: smooth
}

#tothetop > i {
    font-size: 26px
}

#tothetop:hover {
    background-color: #34a1bc;
    opacity: .8;
    transition: .6s;
    scroll-behavior: smooth
}

@media (max-width: 991px) {
    .header-bb-type {
        padding-top:40px!important;
        padding-bottom: 20px!important
    }

    .header-bb {
        height: auto!important
    }

    .div-img-bb {
        padding-bottom: 40px
    }
}

.container-bb {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 1200px) {
    .container-bb {
        max-width:900px
    }
}

@media (min-width: 992px) {
    .container-bb {
        max-width:960px
    }
}

@media (max-width: 991px) {
    .container-bb {
        max-width:100%
    }
}

/*END Blogbeitrag*/
/*START Glossar*/
/*START Header*/
.rgba-gradient-header-glossar {
    background: -webkit-linear-gradient(45deg,rgba(52,161,188,0),rgba(52,161,188,0) 100%)
}

@media (min-width: 992px) {
    .parent-element-header-glossar {
        display:table;
        height: 400px
    }

    .child-element-header-glossar {
        display: table-cell;
        vertical-align: middle
    }
}

.child-element-header-glossar > p {
    font-size: 20px
}

.child-element-header-glossar > h1 {
    font-size: 60px
}

.button-header-glossar span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: .3s
}

.child-element-header-glossar > p {
    font-size: 20px!important
}

.button-header-glossar span:after {
    content: '\263A';
    position: absolute;
    font-size: 38px!important;
    opacity: 0;
    top: 0;
    right: -20px;
    transition: .3s;
    margin-top: -14px!important
}

.button-header-glossar:hover span {
    padding-right: 40px
}

.button-header-glossar:hover span:after {
    opacity: 1;
    right: 0
}

.view .mask {
    position: inherit !important
}

@media (max-width: 991px) {
    .header-glossar {
        height: 40vh
    }
}

/*END Header*/
.icon-vorteile-glossar > img {
    width: 100px;
    height: auto
}

.spin-vorteile-glossar > img:hover {
    opacity: .3;
    transition: .6s
}

.spin-vorteile-glossar {
    background: none;
    border: 0;
    box-sizing: border-box;
    margin: 1em;
    padding: 1em 2em;
    position: relative;
    vertical-align: middle;
    transition: .6s!important
}

.spin-vorteile-glossar::before,.spin-vorteile-glossar::after {
    box-sizing: inherit;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    transition: .9s
}

.spin-vorteile-glossar:focus {
    outline: none!important
}

.spin-vorteile-glossar {
    width: 150px;
    height: 150px;
    padding: 0;
    transition: .6s
}

.spin-vorteile-glossar:hover {
    color: #34a1bc
}

.spin-vorteile-glossar::before,.spin-vorteile-glossar::after {
    top: 0;
    left: 0
}

.spin-vorteile-glossar::before {
    border: 3px solid rgba(225,241,245,0.6)
}

.spin-vorteile-glossar:hover::before {
    border-top-color: #34a1bc;
    border-right-color: #34a1bc;
    border-bottom-color: #34a1bc;
    transition: border-top-color .3s linear,border-right-color .3s linear 0.10s,border-bottom-color .3s linear .2s
}

.spin-vorteile-glossar::after {
    border: 3px solid transparent
}

.spin-vorteile-glossar:hover::after {
    border-top: 3px solid #34a1bc;
    border-left-width: 3px;
    border-right-width: 3px;
    transform: rotate(270deg);
    transition: transform .6s linear 0s,border-left-width 0 linear .35s
}

.circle-vorteile-glossar {
    border-radius: 100%;
    box-shadow: none
}

.circle-vorteile-glossar::before,.circle-vorteile-glossar::after {
    border-radius: 100%
}

.row-vorteile-glossar > div > h3 {
    font-size: 24px;
    color: #34a1bc;
    font-weight: 700
}

.container-icons-glossar {
    padding-bottom: 100px;
    padding-top: 100px
}

@media (max-width: 991px) {
    .container-icons-glossar {
        padding-bottom:50px;
        padding-top: 50px
    }
}

@media (max-width: 767px) {
    .spin-vorteile-glossar {
        width:80px;
        height: 80px;
        padding: 0;
        transition: .6s;
        margin: unset!important
    }
}

/*END Glossar*/
/*START Glossarbeitrag*/
/*START Header*/
.rgba-gradient-header-blog {
    background: -webkit-linear-gradient(45deg,rgba(52,161,188,0),rgba(52,161,188,0) 100%)
}

@media (min-width: 992px) {
    .parent-element-header-blog {
        display:table;
        height: 400px
    }

    .child-element-header-blog {
        display: table-cell;
        vertical-align: middle
    }
}

.child-element-header-blog > p {
    font-size: 20px
}

.child-element-header-blog > h1 {
    font-size: 60px
}

.button-header-blog span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: .3s
}

.child-element-header-blog > p {
    font-size: 20px!important
}

.button-header-blog span:after {
    content: '\263A';
    position: absolute;
    font-size: 38px!important;
    opacity: 0;
    top: 0;
    right: -20px;
    transition: .3s;
    margin-top: -14px!important
}

.button-header-blog:hover span {
    padding-right: 40px
}

.button-header-blog:hover span:after {
    opacity: 1;
    right: 0
}

.view .mask {
    position: inherit !important
}

/*END Header*/
@media (max-width: 1199px) {
    .div-img-gb {
        text-align:center
    }

    .row-gb > div > .subtitle-wa {
        padding-bottom: 0!important
    }
}

@media (max-width: 767px) {
    .btn-group-gb {
        display:inline-grid
    }

    .btn-group-gb > a {
        margin-top: 5px;
        margin-bottom: 5px
    }
}

.icon-vorteile-gb > img {
    width: 100px;
    height: auto
}

.spin-vorteile-gb > img:hover {
    opacity: .3;
    transition: .6s
}

.spin-vorteile-gb {
    background: none;
    border: 0;
    box-sizing: border-box;
    margin: 1em;
    padding: 1em 2em;
    position: relative;
    vertical-align: middle;
    transition: .6s!important
}

.spin-vorteile-gb::before,.spin-vorteile-gb::after {
    box-sizing: inherit;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    transition: .9s
}

.spin-vorteile-gb:focus {
    outline: none!important
}

.spin-vorteile-gb {
    width: 150px;
    height: 150px;
    padding: 0;
    transition: .6s
}

.spin-vorteile-gb:hover {
    color: #34a1bc
}

.spin-vorteile-gb::before,.spin-vorteile-gb::after {
    top: 0;
    left: 0
}

.spin-vorteile-gb::before {
    border: 3px solid rgba(225,241,245,0.6)
}

.spin-vorteile-gb:hover::before {
    border-top-color: #34a1bc;
    border-right-color: #34a1bc;
    border-bottom-color: #34a1bc;
    transition: border-top-color .3s linear,border-right-color .3s linear 0.10s,border-bottom-color .3s linear .2s
}

.spin-vorteile-gb::after {
    border: 3px solid transparent
}

.spin-vorteile-gb:hover::after {
    border-top: 3px solid #34a1bc;
    border-left-width: 3px;
    border-right-width: 3px;
    transform: rotate(270deg);
    transition: transform .6s linear 0s,border-left-width 0 linear .35s
}

.circle-vorteile-gb {
    border-radius: 100%;
    box-shadow: none
}

.circle-vorteile-gb::before,.circle-vorteile-gb::after {
    border-radius: 100%
}

.row-vorteile-gb > div > h3 {
    font-size: 24px;
    color: #34a1bc;
    font-weight: 700
}

@media (max-width: 767px) {
    .spin-vorteile-gb {
        width:100px;
        height: 100px;
        padding: 0;
        transition: .6s;
        margin: unset!important
    }

    .container-gb {
        padding-top: 50px!important;
        padding-bottom: 50px!important
    }
}

.container-gb {
    padding-top: 100px;
    padding-bottom: 100px
}

/*END Glossarbeitrag*/
/*START videos*/
/*START Header*/
.rgba-gradient-header-videos {
    background: -webkit-linear-gradient(45deg,rgba(52,161,188,0),rgba(52,161,188,0) 100%)
}

@media (min-width: 992px) {
    .parent-element-header-videos {
        display:table;
        height: 400px
    }

    .child-element-header-videos {
        display: table-cell;
        vertical-align: middle
    }
}

.child-element-header-videos > p {
    font-size: 20px
}

.child-element-header-videos > h1 {
    font-size: 60px
}

.button-header-videos span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: .3s
}

.child-element-header-videos > p {
    font-size: 20px!important
}

.button-header-videos span:after {
    content: '\263A';
    position: absolute;
    font-size: 38px!important;
    opacity: 0;
    top: 0;
    right: -20px;
    transition: .3s;
    margin-top: -14px!important
}

.button-header-videos:hover span {
    padding-right: 40px
}

.button-header-videos:hover span:after {
    opacity: 1;
    right: 0
}

.view .mask {
    position: inherit !important
}

@media (max-width: 991px) {
    .header-videos {
        height: 40vh
    }
}

/*END Header*/
.container-icons-video {
    padding-top: 100px;
    padding-bottom: 100px
}

@media (max-width: 767px) {
    .container-icons-video {
        padding-top:50px;
        padding-bottom: 50px
    }
}

.card-img_videos_web > img {
    border-radius: 8px 8px 0 0!important
}

.card_videos {
    border-radius: 8px;
    border: none;
    box-shadow: 0 0 14px 0 rgba(128,128,128,0.15)
}

.card-item-videos {
    margin-bottom: 70px!important
}

.card_videos > .card-body {
    display: flex;
    flex-direction: column
}

.card_videos > .card-body > .card-footer {
    padding: 0!important;
    background-color: transparent!important;
    border-top: none!important;
    margin-top: auto
}

@media (max-width: 767px) {
    .card-item-videos {
        margin-bottom:30px!important
    }
}

/*END videos*/
/*START Videobeitrag*/
/*START Header*/
.rgba-gradient-header-vb {
    background: -webkit-linear-gradient(45deg,rgba(52,161,188,0),rgba(52,161,188,0) 100%)
}

@media (min-width: 992px) {
    .parent-element-header-vb {
        display:table;
        height: 400px
    }

    .child-element-header-vb {
        display: table-cell;
        vertical-align: middle
    }
}

.child-element-header-vb > p {
    font-size: 20px
}

.child-element-header-vb > h1 {
    font-size: 60px
}

.button-header-vb span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: .3s
}

.child-element-header-vb > p {
    font-size: 20px!important
}

.button-header-vb span:after {
    content: '\263A';
    position: absolute;
    font-size: 38px!important;
    opacity: 0;
    top: 0;
    right: -20px;
    transition: .3s;
    margin-top: -14px!important
}

.button-header-vb:hover span {
    padding-right: 40px
}

.button-header-vb:hover span:after {
    opacity: 1;
    right: 0
}

.view .mask {
    position: inherit !important
}

@media (max-width: 991px) {
    .bg-header-vb {
        height:40vh
    }
}

/*END Header*/
/*START vb*/
.card-img_vb_web > img {
    border-radius: 8px 8px 0 0!important
}

.card_vb {
    border-radius: 8px;
    border: none;
    box-shadow: 0 0 14px 0 rgba(128,128,128,0.15)
}

.hr-vb > hr {
    border-top: rgba(52,161,188,0.20) solid 1px;
    margin-top: 25px;
    margin-bottom: 25px
}

.container-vb {
    padding-top: 100px;
    padding-bottom: 100px
}

.card-item-vb {
    margin-bottom: 70px!important
}

.card_vb > .card-body {
    display: flex;
    flex-direction: column
}

.card_vb > .card-body > .card-footer {
    padding: 0!important;
    background-color: transparent!important;
    border-top: none!important;
    margin-top: auto
}

@media(max-width: 767px) {
    .btn-group-vb {
        display:inline-grid
    }

    .btn-g-vbroup-vb > a {
        margin-top: 5px;
        margin-bottom: 5px
    }
}

/*END vb*/
.btn-floating-vb.btn-lg {
    width: 32px;
    height: 32px
}

.btn-fb-vb {
    color: #fff;
    background-color: #3b5998!important
}

.btn-floating-vb {
    position: relative;
    z-index: 1;
    display: inline-block;
    padding: 0;
    margin: 2px;
    overflow: hidden;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 50%;
    -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
    box-shadow: 0 0 7px 0 rgba(0,0,0,0.3);
    -webkit-transition: all .2s ease-in-out;
    transition: .6s;
    width: 30px;
    height: 30px
}

.btn-floating-vb:hover {
    transition: .6s;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.5)
}

.btn-floating-vb.btn-lg i {
    font-size: 16px;
    line-height: 20px
}

.btn-floating-vb i {
    display: inline-block;
    width: inherit;
    color: #fff;
    text-align: center
}

.btn-fb-vb {
    color: #fff;
    background-color: #3b5998!important
}

.btn-tw-vb {
    color: #fff;
    background-color: #00abf0!important
}

.btn-g-vb {
    color: #fff;
    background-color: #ea4335!important
}

.btn-i-vb {
    color: #fff;
    background-color: #8134af!important
}

/*END Videobeitrag*/
/*START ERROR*/
.container-error {
    height: 660px
}

@media (min-width: 992px) {
    .container-error > div > .site-error {
        margin-top:120px
    }
}

@media (max-width: 991px) {
    .container-error > div > .site-error {
        margin-top:100px
    }

    .container-error {
        height: 600px
    }
}

/*END ERROR*/
@media (max-width: 991px) {
    .container-agb, .container-dsgvo {
        word-break: break-word
    }
}

@media (max-width: 991px) {
    .view-header-transfer {
        background: linear-gradient(rgba(0, 0, 0, 0.40), rgba(0, 0, 0, 0.70)), url(img-new/bg-transfer.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        height: 50vh
    }
}

@media (min-width: 992px) {
    .view-header-transfer {
        background: url(img-new/bg-transfer.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: right
    }

    .view-header-transfer {
        height: 400px
    }
}

@media (max-width: 991px) {
    .view-header-login {
        background: linear-gradient(rgba(0, 0, 0, 0.40), rgba(0, 0, 0, 0.70)), url(img-new/login-header-sm.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        height: 50vh
    }
}

@media (min-width: 992px) {
    .view-header-login {
        background: url(img-new/login-header.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: right
    }

    .view-header-login {
        height: 400px
    }

    nav ul.navbar-nav.ml-auto {
        margin-top: 8px;
    }
}

@media(max-width: 1199px) and (min-width: 992px) {
    .navbar .dropdown > a {
        font-size: 16px!important;
    }

    .navbar .img_logo-links_menu_1_web {
        max-width: 180px;
        padding: 2px 0 2px 0;
    }

    .navbar .btn_navbar_web {
        line-height: 22px!important;
        margin-left: 15px;
    }

    .navbar-expand-lg .navbar-nav .nav-link_web {
        padding-right: 10px;
        padding-left: 10px;
    }
}

@media (max-width: 991px) {
    div#navbarSupportedContent {
        margin-top: -4px;
    }
}