/*
Theme Name: bluecode
Author: designerpart
Version: 1.2.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bluecode
*/

@import url("fonts.css");

html,
body {
    font-family: "NiveauGroteskLight", sans-serif;
    font-weight: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: "ss01";
    -webkit-font-feature-settings: "ss01";
    font-feature-settings: "ss01";
    min-width: 300px;
    -webkit-tap-highlight-color: transparent;
    margin: 0;
    padding: 0;
    font-size: 16px;
    line-height: 1.6em;
    color: #333344;
}

body.modal-open{
    padding-right: 0 !important;
}
body.onHold{
    width: 100%;
    overflow: hidden;
}

#page{
    overflow: hidden;
}

/******* HEADER / NAVI START *******/

@-webkit-keyframes fromtop {
    from{
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        opacity: 0;
    }
    to{
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes fromtop{
    from{
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        opacity: 0;
    }
    to{
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

header {
    width: 100%;
    height: 100px;
    z-index: 999;
    position: relative;
}
.home header {
    position: absolute;
    z-index: 99;
}
header .content {
    max-width: 1440px;
    width: calc(100% - 70px);
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
    display: table;
    height: 100px;
}
.admin-bar.logged-in,
.admin-bar.logged-in header .header-wrapper.sticky.shadow{
    top: 32px;
}

header #branding,
header #navi,
header .canvas-navi-bar{
    display: inline-block;
    -webkit-animation: fromtop 1s forwards;
    -moz-animation: fromtop 1s forwards;
    animation: fromtop 1s forwards;
    opacity: 0;
}

header #branding {
    width: 175px;
    display: table-cell;
    vertical-align: middle;
    position: relative;
    z-index: 100;
}
header #branding .logo{
    height: 40px;
    width: auto;
    display: block;
}
header #branding .logo img,
header #branding .logo svg{
    display: inline-block;
    height: 40px;
    width: auto;
}
header #branding .logo svg path{
    fill:#004899;
}
header #branding .logo svg path.clr-2{
    fill:#1961ac;
}

.home header #branding .logo svg path{
    fill:#fff;
}
.home header #branding .logo svg path.clr-2{
    opacity: 0.8;
}

header #navi {
    width: calc(100% - 175px);
    text-align: right;
    display: table-cell;
    vertical-align: middle;
}
header #navi > div {
    float: right;
}
header #navi .top-nav ul li,
header #navi .canvas-navi-bar{
    display: inline-block;
}
header #navi ul {
    margin: 0;
    padding: 0;
}
header #navi .top-nav ul > li {
    list-style-type: none;
    margin: 0 20px;
    position: relative;
    vertical-align: middle;
}
header #navi .top-nav ul > li:last-child {
    margin-right: 0;
}

header #navi .top-nav ul li a, header #navi .top-nav ul li p {
    font-family: "NiveauGroteskRegular", sans-serif;
    font-weight: normal;
    text-decoration: none;
    color: #111111;
    cursor: pointer;
    position: relative;
    display: block;
    font-size: 16px;
    -webkit-transition: 0.3s all ease-in-out;
    -moz-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}
header #navi .top-nav ul li a:hover, header #navi .top-nav ul li p:hover{
    color: #1961ac;
}
header #navi .top-nav ul li a:after, header #navi .top-nav ul li p:after{
    content: "";
    width: 100%;
    height: 0;
    border-top: 2px solid;
    bottom: -4px;
    position: absolute;
    right: 0;
    -webkit-transition: width .6s cubic-bezier(.25,.8,.25,1);
    -moz-transition: width .6s cubic-bezier(.25,.8,.25,1);
    -o-transition: width .6s cubic-bezier(.25,.8,.25,1);
    transition: width .6s cubic-bezier(.25,.8,.25,1);
}
header #navi .top-nav ul li a:after, header #navi .top-nav ul li p:after{
    width: 0;
}
header #navi .top-nav ul li a:hover:after, header #navi .top-nav ul li p:hover:after,
header #navi .top-nav ul li.current-menu-item > a:after, header #navi .top-nav ul li.current-menu-item > p:after{
    width: 100%;
    right: auto;
    left: 0;
}

header #navi .top-nav ul > li.button-like a:after{
    display: none;
}
header #navi .top-nav ul > li.button-like a{
    font-family: "NiveauGroteskBold", sans-serif;
    font-weight: normal;
    display: inline-block;
    text-decoration: none;
    color: #fff !important;
    background-color: #004899;
    padding: 12px 30px 13px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    font-size: 16px;
    -webkit-transition: 300ms all ease-in-out;
    -o-transition: 300ms all ease-in-out;
    transition: 300ms all ease-in-out;
}
header #navi .top-nav ul > li.button-like a:hover{
    -webkit-box-shadow: 0 10px 25px rgba(0,0,0,0.25);
    -moz-box-shadow: 0 10px 25px rgba(0,0,0,0.25);
    box-shadow: 0 10px 25px rgba(0,0,0,0.25);
}

header #navi .top-nav .sub-menu {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    text-align: left;
    top: 40px;
    left: 50%;
    padding: 15px 25px;
    background-color: #fff;
    -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0,0.15);
    box-shadow: 0 5px 30px rgba(0, 0, 0,0.15);
    z-index: 99;
    min-width: 400px;
    width: 100%;
    columns: 2;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-transform: translateX(-50%) translateY(20px);
    transform: translateX(-50%) translateY(20px);
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
header #navi .top-nav .col-1 .sub-menu {
    columns: 1;
    min-width: 160px;
}
header #navi .top-nav ul.sub-menu li {
    margin: 0;
    line-height: 1.4em;
    display: block;
}
header #navi .top-nav ul.sub-menu li a {
    display: inline-block;
    padding: 10px 0;
    -webkit-transition: 200ms all ease-in-out;
    -o-transition: 200ms all ease-in-out;
    transition: 200ms all ease-in-out;
}
header #navi .top-nav .sub-menu a:after{
    bottom: 6px;
}
header #navi .top-nav .blue a,
header #navi .top-nav .sub-menu li a:hover{
    color: #004899;
}
header #navi .top-nav li.menu-item-has-children > a:before, header #navi .top-nav li.menu-item-has-children>p:before{
    content: url('../img/icon-arrow-black.svg');
    display: inline-block;
    float: right;
    width: 10px;
    height: 12px;
    margin-left: 5px;
    vertical-align: middle;
    margin-top: -2px;
}
header #navi .top-nav li.menu-item-has-children:hover > a:before{
    content: url('../img/icon-arrow-darkblue.svg');
}
header #navi .top-nav li.menu-item-has-children:hover > ul.sub-menu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(-50%) translateY(0px);
    transform: translateX(-50%) translateY(0px);
}

/* STICKY HEADER */

header .header-wrapper.sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    background-color: #fff;
}
header .header-wrapper.sticky.shadow {
    border-bottom: 1px solid #ddd;
    -webkit-transition: box-shadow 0.3s ease-in-out;
    transition: box-shadow 0.3s ease-in-out;
    -webkit-box-shadow: 0 4px 20px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 4px 20px rgba(0,0,0,0.1);
    box-shadow: 0 4px 20px rgba(0,0,0,0.1);
    -webkit-animation: 0.5s fromtop linear;
    animation: 0.5s fromtop linear;
}
header .header-wrapper.sticky.shadow .content{
    height: 64px;
}

/* CANVAS NAV */


header .canvas-navi-bar {
    -webkit-transition: 200ms all ease-in-out;
    -o-transition: 200ms all ease-in-out;
    transition: 200ms all ease-in-out;
    cursor: pointer;
    position: absolute;
    vertical-align: middle;
    width: 32px;
    z-index: 100;
    top: 42px;
    right: 15px;
}
header .canvas-navi-bar div {
    display: block;
    width: 32px;
    height: 2px;
    margin-bottom: 6px;
    background-color: #004899;
    -webkit-transition: 0.4s all ease;
    -o-transition: 0.4s all ease;
    transition: 0.4s all ease;
    position: relative;
    z-index: 2;
    margin-left: auto;
}
header .canvas-navi-bar div:last-child {
    width: 20px;
    margin-bottom: 0;
}

.vc_desktop header .canvas-navi-bar:hover div.bar1 {
    -webkit-transform: translateY(8px) rotate(90deg);
    transform: translateY(8px) rotate(90deg);
    width: 26px;
}
.vc_desktop header .canvas-navi-bar:hover div.bar3 {
    width: 0;
}
.vc_desktop header .canvas-navi-bar:hover div.bar2 {
    width: 26px;
}

header .mobile-menu-open .canvas-navi-bar div.bar2 {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 26px;
}

header .mobile-menu-open .canvas-navi-bar div.bar1,
.vc_desktop header .mobile-menu-open .canvas-navi-bar:hover div.bar1{
    -webkit-transform: translate(0px, 7px) rotate(135deg);
    transform: translate(0px, 8px) rotate(135deg);
    width: 26px;
}
header .mobile-menu-open .canvas-navi-bar div.bar3 {
    width: 0;
}
.home header .mobile-menu-open #branding .logo svg path{
    fill:#004899;
}

header #canvas-nav {
    position: fixed;
    background: #fff;
    color: #fff;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    padding: 160px 30px 200px;
    box-sizing: border-box;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    overflow: hidden;
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-direction: row;
    -webkit-flex-direction: row;
    -webkit-align-content: stretch;
    align-content: stretch;
    align-items: center;
    justify-content: center;
    z-index: 99;
    text-align: left;
}
header #canvas-nav nav {
    align-items: center;
    justify-content: center;
    width: 100%;
    text-align: center;
    display: flex;
}
header #canvas-nav .badges {
    position: absolute;
    bottom: 50px;
    display: block;
    width: 100%;
    text-align: center;
}
header #canvas-nav .badges a{
    display: inline-block;
}
header #canvas-nav .badges img{
    height: 44px;
    display: block;
    margin-left: 2px;
}

header #canvas-nav nav ul{
    height: 100%;
    width: 320px;
    margin: 0;
    padding: 0;
}
header #canvas-nav nav ul li{
    text-align: left;
    position: relative;
    min-width: 230px;
}
header #canvas-nav nav a, header #canvas-nav nav p {
    display: inline-block;
    position: relative;
    color: #333344;
    text-decoration: none;
    overflow: hidden;
    line-height: 2em;
    font-size: 32px;
    transform: translateZ(0);
}
header #canvas-nav nav a:hover, header #canvas-nav nav p:hover{
    color: #004899;
    text-decoration: none;
}
header #canvas-nav .canvas-menu > li.menu-item-has-children > a:before {
    content: '+';
    width: 14px;
    height: 28px;
    margin-left: 10px;
}
header #canvas-nav li.menu-item-has-children > ul{
    padding-left: 20px;
    display: none;
    margin-bottom: 20px;
    margin-top: 10px;
}
header #canvas-nav li.menu-item-has-children > a{
    overflow: visible;
}
header #canvas-nav li.menu-item-has-children > span {
    position: absolute;
    right: -30px;
    color: #334;
    top: 19px;
    font-size: 30px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
header #canvas-nav li.menu-item-has-children.active span {
    transform: rotate(45deg);
}
header #canvas-nav .sub-menu{
    display: none;
}
header #canvas-nav .sub-menu li {
    text-align: left;
}
header #canvas-nav .sub-menu li a {
    font-size: 18px;
}
header #canvas-nav .sub-menu li a:before {
    content: '-';
    margin-right: 10px;
}
header #canvas-nav .canvas-menu > li + li {
    margin-top: 5px;
}

header .mobile-menu-open #canvas-nav {
    opacity: 1;
    visibility: visible;
    left: 0;
}
header .mobile-menu-open #canvas-nav nav ul li > *{
    -webkit-animation: fromtop .4s .2s backwards;
    -moz-animation: fromtop .4s .2s backwards;
    animation: fromtop .4s .2s backwards;
}
header .mobile-menu-open #canvas-nav nav ul li:nth-child(1) > *{animation-delay: .4s;}
header .mobile-menu-open #canvas-nav nav ul li:nth-child(2) > *{animation-delay: .45s;}
header .mobile-menu-open #canvas-nav nav ul li:nth-child(3) > *{animation-delay: .50s;}
header .mobile-menu-open #canvas-nav nav ul li:nth-child(4) > *{animation-delay: .55s;}
header .mobile-menu-open #canvas-nav nav ul li:nth-child(5) > *{animation-delay: .60s;}
header .mobile-menu-open #canvas-nav nav ul li:nth-child(6) > *{animation-delay: .65s;}
header .mobile-menu-open #canvas-nav nav ul li:nth-child(7) > *{animation-delay: .70s;}



/******* HEADER / NAVI END ****** HEADLINES START *******/


h1, h2, h3, h4, h5, h6, .like-h1, .like-h2, .like-h3{
    font-family: "NiveauGroteskBold", sans-serif;
    font-weight: normal;
    line-height: 1.1em;
    margin-top: 0;
    margin-bottom: 25px;
    color: #004899;
}

h1, .like-h1{ font-size: 58px; }
h2, .like-h2{ font-size: 44px; }
h3, .like-h3{ font-size: 26px; }
h4{ font-size: 22px; margin-bottom: 0.6em;}
h2.smaller-h2 {
    font-size: 38px;
}


#hero h1, #hero .like-h1{
    font-size: 60px;
}


/******* HEADLINES END ****** SECTION START *******/
#main{
    position: relative;
}

#main > .vc_row[data-vc-full-width].vc_row-no-padding {
    padding: 0;
}

#main > .vc_row {
    max-width: 1440px;
    padding-top: 70px;
    padding-bottom: 70px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    position: relative;
}
#main > .vc_row:not([data-vc-full-width]) {
    width: calc(100% - 70px);
}

#main > .vc_row[data-vc-full-width]{
    max-width: 100%;
}
#main > .vc_row[data-vc-full-width] > div[class*="vc_col-"]{
    max-width: 1440px;
    width: calc(100% - 70px);
    margin-left: auto;
    margin-right: auto;
    float: unset;
}
#main > .vc_row[data-vc-full-width][data-vc-stretch-content] > div[class*="vc_col-"]{
    max-width: 100%;
}
#main > .section,
#main > .vc_row[data-vc-full-width].vc_row-no-padding.section{
    padding: 80px;
    box-sizing: border-box;

}
#main > .vc_row-fluid.vc_row-has-fill:last-child,
#main > .vc_row-fluid[class*="bg-"],
#main > .vc_row-fluid[class="bg-"]{
    margin-bottom: 80px;
}

#main > #breadcrumbs {
    padding: 0 20px 10px;
    font-size: .85em;
    color: #666;
    text-align: right;
    position: absolute;
    top: 10px;
    right: 0;
    left: 0;
    z-index: 1;
}
#main > #breadcrumbs a{
    color: #666;
}
#main > #breadcrumbs.light a{
    color: #fff;
}

#main > #hero{
    position: relative;
    min-height: 400px;
    left: 0 !important;
}

.vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner{
    padding-top: 0 !important;
}
.vc_row-has-fill>.vc_column_container>.vc_column-inner,
.vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner{
    padding-top: 0 !important;
}

.vc_row-has-fill>.vc_column_container>.vc_column-inner .wpb_content_element:last-child{
    margin-bottom: 0;
}
.wpb_content_element:last-child{
    margin-bottom: 0;
}
.wpb_video_widget{
    -webkit-border-radius: 7px;
    border-radius: 7px;
    overflow: hidden;
}


.vc_row-has-fill.overlay:before {
    content: '';
    background-color: #fff;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.75;
}
.vc_row-has-fill.light.overlay:before {
    background-color: #004899;
    opacity: 0.3;
}



/******* SECTIONS END ****** CONTENT START *******/

.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li{
    margin-bottom: 25px;
}

#akzeptanzstellen.section{
    background-color: #f3f3f3;
    background-image: url('../img/map-akzeptanzstellen-v2.svg');
    background-position: left 70%;
    background-size: 140%;
    background-repeat: no-repeat;
    padding-top: 150px;
    padding-bottom: 150px;
}

#akzeptanzstellen.section .iconbox{
    display: inline-block;
    vertical-align: top;
    margin-bottom: 10px;
    min-width: 160px;
}
#akzeptanzstellen.section .iconbox h3{
    max-width: 150px;
}
.logos img {
    width: 70%;
    height: auto;
}
.bluebg-box > .vc_column-inner{
    padding: 40px 45px;
    border-radius: 10px;
}

.pmw900 p {
    max-width: 900px;
    margin: 0 auto;
}
.pmw600 p {
    max-width: 600px;
    margin: 0 auto;
}

/* blueweek */
.blueweek #main>.vc_row,
.advent #main>.vc_row{
    padding-top: 20px;
    padding-bottom: 20px;
}
.blueweek #main>.vc_row:not([data-vc-full-width]),
.advent #main>.vc_row:not([data-vc-full-width]){
    max-width: 500px;
    margin: 0 auto;
}
.blueweek h2,
.advent h2{
    font-size: 1.8em;
}
.blueweek .section>.wpb_column+.wpb_column,
.advent .section>.wpb_column+.wpb_column{
    margin-top: 20px;
}
.blueweek .stoerer img,
.advent .stoerer img{
    position: absolute;
    top: -70px;
    right: 5px;
    transform: rotate(10deg);
    filter: drop-shadow(0px 2px 10px rgba(255,0,0,0.5));
}
.blueweek .badge img,
.advent .badge img{
    height: 46px;
}
/* Advent Gewinnspiel */

.advent .stoerer img{
    top: -60px;
    right: -5px;
    transform: rotate(10deg);
}

.business-facts .vc_column_container.animated:nth-child(2) {
    animation-delay: 0.4s;
}
.business-facts .vc_column_container.animated:nth-child(3) {
    animation-delay: 0.8s;
}
.business-facts .iconbox{
    padding: 40px 20px;
    box-sizing: border-box;
}
.business-facts .iconbox h3 {
    margin-bottom: 15px !important;
    font-size: 30px;
    font-family: "NiveauGroteskBold", sans-serif;
    font-weight: normal;
}
.iconbox.long-title h3 {
    hyphens: auto;
}
#rewards-features.section,
div#rewards-features {
    overflow: hidden;
}
.small-slider {
    border-radius: 7px;
    padding-top: 30px;
    padding-bottom: 80px;
}
.small-slider .features-main .flickity-viewport {
    height: 370px !important;
}
.small-slider .device-wrapper.iphone {
    max-width: 200px;
}
.small-slider .features-nav {
    margin-bottom: -40px;
    min-height: 130px;
}
.small-slider .features-nav .flickity-slider p {
    margin: 0 10px;
    height: 100px;
}
.small-slider .features-nav .flickity-slider img {
    height: 80px;
}

.content-box > .vc_column-inner{
    padding: 0;
}
.content-box > .vc_column-inner > .wpb_wrapper{
    background-color: #fff;
    padding: 40px;
    box-sizing: border-box;
}
.content-box.advantage-merchant .wpb_wrapper{
    padding-top: 0;
}
.content-box.advantage-customer .wpb_wrapper{
    padding-bottom: 0;
}


.rounded > .vc_column-inner > .wpb_wrapper{
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.content-box.gray-bg > .vc_column-inner > .wpb_wrapper {
    background-color: #f3f3f3;
    padding: 40px;
    box-sizing: border-box;
}


.num {
    margin-bottom: -150px;
    margin-left: -50px;
    position: relative;
    z-index: -1;
}
.num p {
    font-size: 200px;
    margin-bottom: 0;
    font-family: "NiveauGroteskBold", sans-serif;
    font-weight: normal;
    line-height: 1.6em;
    color: #e1ebf5;
}

#management .name h3 {
    margin-bottom: 10px;
}
#management .name p {
    font-size: 20px;
}

.team-wrapper{
    margin-top: 50px;
}
.team-wrapper h3{
    font-size: 1.3em;
    margin-bottom: 5px;
}
.team-wrapper p{
    margin-bottom: 30px !important;
}

.page-template-help,
.darkmode-off{
    background-color: #fff;
}
.page-template-help .wpb_animate_when_almost_visible {
    opacity: 1;
}

#page-title .badge,
#main-hero .badge{
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    animation-delay: 0.75s;
}
#page-title .reta {
    position: absolute;
    right: -170px;
    bottom: -90px;
}
#page-title.bg-img-right{
    overflow: hidden;
}
#page-title.bg-img-right .bg-img img {
    position: absolute;
    right: -220px;
    bottom: -120px;
    width: 650px;
    height: auto;
}
.bg-img-right .wpb_text_column {
    position: relative;
    max-width: 740px;
    z-index: 1;
    margin: 0 auto;
}

.video-box video {
    -webkit-box-shadow: 0 50px 70px -30px rgba(0,0,0,0.5);
    box-shadow: 0 50px 70px -30px rgba(0,0,0,0.5);
    border-radius: 10px;
    overflow: hidden;
}

.app-provider-referenzen.vc_row-o-equal-height .wpb_wrapper{
    margin-bottom: 30px;
}


.zitat {
    padding: 50px 40px 20px;
    margin: 0;
    margin-bottom: 30px !important;
    border-left: 4px solid #1961ac;
}
.zitat h3 {
    font-size: 22px;
    line-height: 1.2em;
    font-family: "NiveauGroteskBold", sans-serif;
    font-weight: normal;
    position: relative;
}
.zitat h3:before {
    content: url('../img/icon-quote.svg');
    width: 100px;
    height: auto;
    display: block;
    position: absolute;
    top: -40px;
    left: -15px;
    color: #004899;
    z-index: -1;
    opacity: .15;
}
.zitat p {
    font-size: 14px !important;
}
blockquote{
    -webkit-border-radius: 15px;
    border-radius: 15px;
    padding: 30px;
    margin: 20px 0;
    display: block;
    background: rgb(242, 246, 251);
    background: -moz-linear-gradient(-45deg, rgb(242, 246, 251) 0%, rgb(232, 237, 243) 77%);
    background: -webkit-linear-gradient(-45deg, rgb(242, 246, 251) 0%,rgb(232, 237, 243) 77%);
    background: linear-gradient(135deg, rgb(242, 246, 251) 0%,rgb(232, 237, 243) 77%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6fb', endColorstr='#e8edf3',GradientType=1 );
}
.bg-blue.rounded {
    border-radius: 10px;
    -webkit-box-shadow: 0 50px 70px -30px rgba(98,194,161,0.7);
    box-shadow: 0 50px 70px -30px rgba(98,194,161,0.7);
}
.scrolldiv{
    overflow-y: scroll;
    height: 200px;
}
.scrolldiv.medium{
    overflow-y: scroll;
    -webkit-overflow-scrolling: auto;
    height: 400px;
}
.page-id-2204 .scrolldiv.medium{
    height: 550px;
}
::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
    background-color: #f7f7f7;
}
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, .5);
    box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

.login-form {
    padding: 40px;
    box-sizing: border-box;
    max-width: 500px;
    margin: 0 auto;
}
.login-form .form-group {
    position: relative;
    margin-top: 20px;
}
.login-form label {
    position: absolute;
    top: 10px;
    left: 0;
    display: inline-block;
}
.login-form input[type="password"] {
    width: 100%;
    padding: 0;
    border: 0;
    border-bottom: 1px solid #ddd;
    height: 40px;
    text-align: center;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.login-form input[type="password"]:focus {
    outline: 0;
    border-bottom-color: #004899;
}
.login-form input[type="submit"] {
    display: block;
    width: 100%;
    margin-top: 30px;
}

p strong,
strong {
    font-weight: normal;
    font-family: "NiveauGroteskBold", sans-serif;
}

.vc_desktop .mobile-only {
    display: none;
}
.vc_mobile .desktop-only {
    display: none;
}
img.qr-spende {
    max-width: 125px;
    padding-top: 15px;
    padding-bottom: 15px;
}
.spende img.stoerer {
    position: absolute;
    max-width: 180px;
    top: -75px;
    right: -85px;
    filter: drop-shadow(0px 2px 10px rgba(0,0,0,0.5));
}
.arrow-list ul{
    padding-left: 26px;
    margin-top: 0;
}
.wpb_text_column p + ul{
    margin-top: 15px !important;
}
.apps-list .wpb_wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.apps-list .iconbox {
    width: 14%;
}
.bigger-badge img {
    position: absolute;
    width: 180px;
    height: auto;
    top: -16%;
    left: -9%;
}


/******* CONTENT END ****** CALL TO ACTION START *******/

.ctabox{
    background-color: #62c2a1;
    padding: 70px;
    border-radius: 10px;
    -webkit-box-shadow: 0 50px 70px -30px rgba(98,194,161,0.7);
    box-shadow: 0 50px 70px -30px rgba(98,194,161,0.7);
}
.ctabox *{
    color: #fff;
}
.ctabox h2{
    font-size: 45px;
    margin-bottom: 0.25em;
}
.ctabox p{
    font-size: 18px;
}
.ctabox .button-wrapper{
    text-align: center;
}
.ctabox .button {
    padding: 12px 40px 13px;
    font-size: 18px;
}

/******* CALL TO ACTION END ****** BACKGROUND COLORS START *******/


.bg-rose{ background-color: #F7EFF3; }
.bg-blue{ background-color: #004899; }
.bg-lightblue{ background-color: #edf5fc; }
.bg-gray{ background-color: #f7f7f7; }
.bg-green{ background-color: #62c2a1; }

/******* BACKGROUND COLORS END ****** PADDINGS AND MARGINS START *******/

.pt0{ padding-top: 0 !important; }
.pt30{ padding-top: 30px !important; }
.pt50{ padding-top: 50px !important; }
.pt70{ padding-top: 70px !important; }
.pt100{ padding-top: 100px !important; }

.pb0{ padding-bottom: 0 !important; }
.pb30{ padding-bottom: 30px !important; }
.pb50{ padding-bottom: 50px !important; }
.pb70{ padding-bottom: 70px !important; }
.pb80{ padding-bottom: 80px !important; }
.pb100{ padding-bottom: 100px !important; }

.ptb0{ padding-top: 0 !important;padding-bottom: 0 !important; }

.mt0{ margin-top: 0 !important; }
.mt10{ margin-top: 10px !important; }
.mt30{ margin-top: 30px !important; }
.mt50{ margin-top: 50px !important; }
.mt70{ margin-top: 70px !important; }
.mt100{ margin-top: 100px !important; }

.mb0{ margin-bottom: 0 !important; }
.mb5{ margin-bottom: 5px !important; }
.mb30{ margin-bottom: 30px !important; }
.mb40{ margin-bottom: 40px !important; }
.mb50{ margin-bottom: 50px !important; }
.mb70{ margin-bottom: 70px !important; }
.mb100{ margin-bottom: 100px !important; }

/******* PADDINGS AND MARGINS END ****** PAGE TITLE START *******/

#page > #page-title,
#main #page-title:not(.cutted-bg){
    width: calc(100% - 70px);
    max-width: 1440px;
    padding: 120px 200px;
    margin: 0 auto;
    box-sizing: border-box;
    background-color: #004899;
    background-image: url('../img/page-title-bg.svg');
    background-size: auto 150%;
    background-position: -20px center;
    background-repeat: no-repeat;
}
#page > #page-title h1{
    color: #fff;
    margin: 0;
}
#main #page-title.gray:not(.cutted-bg){
    background-color: #F7F7F7;
    background-image: url('../img/page-title-bg-gray.svg');
}
#main #page-title p {
    font-size: 20px;
    line-height: 1.4em;
}

#main #page-title.cutted-bg{
    padding-left: 200px;
    padding-right: 200px;
}
#main #page-title.cutted-bg:before{
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 70%;
    background-image: url('../img/page-title-bg.svg');
    background-size: auto 150%;
    background-position: -20px center;
    background-repeat: no-repeat;
    background-color: #004899;
    top: 0;
    left: 0;
}
#main #page-title.cutted-bg.gray:before{
    background-color: #F7F7F7;
    background-image: url('../img/page-title-bg-gray.svg');
}
#main > #page-title.cutted-bg p + h1{
    margin-top: 20px;
}

.page-template-help.form-submitted #page-title{
    display: none;
    visibility: hidden;
}

/******* PAGE TITLE END ****** POPUP START *******/

#appholen .badge{
    margin: 5px;
}

/******* POPUP END ****** BUTTON START *******/

.button {
    display: inline-block;
    color: #222;
    font-family: "NiveauGroteskBold", sans-serif;
    font-weight: normal;
    border-radius: 7px;
    border: 0;
    text-decoration: none;
    padding: 12px 30px 13px;
    font-size: 16px;
    -webkit-transition: 300ms all ease-in-out;
    -o-transition: 300ms all ease-in-out;
    transition: 300ms all ease-in-out;
    transition-delay: 0s;
    cursor: pointer;
}
.button.primary {
    color: #fff;
    background-color: #004899;
}
.button.primary:hover{
    -webkit-box-shadow: 0 10px 25px rgba(0,0,0,0.25);
    -moz-box-shadow: 0 10px 25px rgba(0,0,0,0.25);
    box-shadow: 0 10px 25px rgba(0,0,0,0.25);
}

.button.white {
    color: #111;
    background-color: #fff;
}
.button.white:hover{
    -webkit-box-shadow: 0 10px 25px rgba(0,0,0,0.25);
    -moz-box-shadow: 0 10px 25px rgba(0,0,0,0.25);
    box-shadow: 0 10px 25px rgba(0,0,0,0.25);
}

.button.border-black {
    padding: 10px 30px 11px;
    border: 2px solid #333344;
    color: #333344;
}
.button.border-black:hover {
    background-color: #333344;
    color: #fff;
}

.button.border-blue {
    padding: 10px 30px 11px;
    border: 2px solid #004899;
    color: #004899;
}
.button.border-blue:hover {
    background-color: #004899;
    color: #fff;
}

.button + .button{
    margin-left: 10px;
}

.light .button.border-black {
    border-color: #fff;
    color: #fff;
}
.light .button.border-black:hover,
.light .button.border-blue:hover{
    border-color: #fff;
    background-color: #fff;
    color: #004899;
}

.light .button.border-blue {
    border-color: #fff;
    color: #fff;
}

/******* BUTTON END ****** CSS GRID START *******/

.css-grid{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    justify-items: stretch;
    align-items: stretch;
    padding: 0;
}
.css-grid:before, .css-grid:after{
     display: none;
}
.css-grid > div:first-child{
    grid-row: span 2 / 2;
    grid-column: span 2 / auto;
}
.css-grid > div[class*="vc_col-sm-"] {
    width: 100%;
}


.css-grid.style-1 > div:first-child .vc_column-inner,
.css-grid.style-1 > div:nth-child(3) .vc_column-inner{
    height: 500px;
}

.css-grid.style-1 > div:nth-child(3) {
    grid-row: span 2 / auto;
}
.css-grid.style-1 > div:nth-child(5),
.css-grid.style-1 > div:nth-child(6){
    grid-column: span 2 / auto;
}

/******* CSS GRID END ****** HOVERBOX START *******/

.vc-hoverbox {
    border-radius: 10px;
}
.css-grid .vc-hoverbox {
    height: 325px;
}
.vc-hoverbox h2{
    font-size: 18px;
    color: #222;
}
.css-grid.style-2 > div:first-child .vc-hoverbox{
    height: 680px;
}
.css-grid.style-2 > div:first-child .vc-hoverbox .vc-hoverbox-block {
    justify-content: flex-end;
}
.css-grid.style-2 > div:first-child .vc-hoverbox .vc-hoverbox-block-inner {
    padding: 60px;
}
.css-grid.style-2 > div:first-child .vc-hoverbox h2{
    font-size: 28px;
}
.css-grid.style-2 > div:first-child .vc-hoverbox .vc-hoverbox-back-inner {
    width: 70%;
}
.css-grid.style-2 > div:first-child .vc-hoverbox .vc-hoverbox-back h2{
    font-size: 48px;
}
.vc-hoverbox .vc-hoverbox-front{
    background-color: #f3f3f3;
}
.vc-hoverbox .vc-hoverbox-back{
    background-color: #fff;
    -webkit-box-shadow: 0 30px 70px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 30px 70px rgba(0,0,0,0.2);
    box-shadow: 0 30px 70px rgba(0,0,0,0.2);
}
.vc-hoverbox .vc-hoverbox-back h2{
    font-size: 32px;
    margin-top: 0;
}
.vc-hoverbox .vc-hoverbox-back p{
    font-size: 16px;
    line-height: 1.4em;
    margin-bottom: 25px;
}
.vc-hoverbox .vc-hoverbox-block-inner {
    text-align: left;
    padding: 25px 40px;
}

.vc-hoverbox .vc-hoverbox-back .vc-hoverbox-block-inner a {
    color: #222;
    font-family: "NiveauGroteskBold", sans-serif;
    font-weight: normal;
    border-radius: 7px;
    border: 0;
}
.vc-hoverbox .vc-hoverbox-back .vc-hoverbox-block-inner a:before {
    content: '';
    width: 100%;
    height: 42px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    border: 2px solid #222;
    border-radius: 7px;
    box-sizing: border-box;
}
.vc-hoverbox .vc-hoverbox-back .vc-hoverbox-block-inner a:hover{
    color: #fff;
    -webkit-box-shadow: 0 10px 25px rgba(236,74,13,0.4);
    -moz-box-shadow: 0 10px 25px rgba(236,74,13,0.4);
    box-shadow: 0 10px 25px rgba(236,74,13,0.4);
    background: rgb(251,143,34); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(251,143,34,1) 0%, rgba(236,74,13,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(251,143,34,1) 0%,rgba(236,74,13,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(251,143,34,1) 0%,rgba(236,74,13,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb8f22', endColorstr='#ec4a0d',GradientType=0 ); /* IE6-9 */
}
.vc-hoverbox .vc-hoverbox-back .vc-hoverbox-block-inner a:hover:before{
    opacity: 0;
}
/******* HOVERBOX END ****** IMAGE BANNER START *******/

.imagebanner{
    position: relative;
    display: table !important;
    width: 100%;
    min-height: 235px;
    padding: 20px 25px;
    border-radius: 10px;
    background-size: cover;
    background-position: center center;
    box-sizing: border-box;
    -webkit-transition: 0.4s all ease;
    -o-transition: 0.4s all ease;
    transition: 0.4s all ease;
    overflow: hidden;
}
.imagebanner:hover {
    -webkit-box-shadow: 0 20px 30px rgba(0,0,0,0.25);
    -moz-box-shadow: 0 20px 30px rgba(0,0,0,0.25);
    box-shadow: 0 20px 30px rgba(0,0,0,0.25);
    z-index: 2;
    position: relative;
    transform: scale(1.03);
}
.imagebanner .overlay {
    background: -moz-linear-gradient(top, rgba(125,185,232,0) 0%, rgba(0,0,0,1) 100%);
    background: -webkit-linear-gradient(top, rgba(125,185,232,0) 0%,rgba(0,0,0,1) 100%);
    background: linear-gradient(to bottom, rgba(125,185,232,0) 0%,rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#000000',GradientType=0 );
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%;
    opacity: 0.5;
}
.imagebanner .content {
    padding: 0;
    display: table-cell;
    vertical-align: bottom;
    z-index: 1;
    position: relative;
}
.imagebanner a{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.imagebanner p, .imagebanner h3{
    color: #fff;
}
.imagebanner h3{
    font-size: 24px;
    margin: 0;
}

/******* IMAGE BANNER END ****** IMAGE BANNER WITH ICON START *******/

.icon-imagebanner{
    position: relative;
    display: table !important;
    width: 100%;
    padding: 100px 40px 40px;
    background-size: cover;
    background-position: center center;
    box-sizing: border-box;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: 0.4s all ease;
    transition: 0.4s all ease;
    overflow: hidden;
}
.vc_row-o-equal-height .icon-imagebanner {
    height: 100%;
}
.icon-imagebanner .overlay {
    background-color: #050e1f;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    z-index: 1;
}
.icon-imagebanner .bg-img{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    -webkit-transition: 0.4s all ease-in-out;
    transition: 0.4s all ease-in-out;
    width: 100%;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
    z-index: 0;
}
.icon-imagebanner.haslink:hover .bg-img{
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1.05);
    transform: translate3d(-50%, -50%, 0) scale(1.05);
}
.icon-imagebanner .content {
    padding: 0;
    z-index: 2;
    position: relative;
    max-width: 90%;
}
.icon-imagebanner a{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}
.icon-imagebanner p, .icon-imagebanner h3{
    color: #fff;
}
.icon-imagebanner h3{
    font-size: 32px;
    margin: 15px 0;
}
.icon-imagebanner .content img{
    margin-bottom: 20px;
}

/******* IMAGE BANNER WITH ICON END ****** TEXT WITH IMAGE START *******/


.image_with_text{
    height: 325px;
    text-align: center;
    -webkit-transition: 0.4s all ease;
    -o-transition: 0.4s all ease;
    transition: 0.4s all ease;
}
.image_with_text:hover{
    -webkit-box-shadow: 0 30px 70px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 30px 70px rgba(0,0,0,0.2);
    box-shadow: 0 30px 70px rgba(0,0,0,0.2);
}
.image_with_text.no-hover-shadow:hover{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.image_with_text a{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.image_with_text .content {
    padding: 25px 40px;
}
.image_with_text img {
    margin: 0 auto 20px;
}

.css-grid .image_with_text img {
    max-height: 220px;
    width: auto;
    max-width: 100%;
    height: auto;
}
.image_with_text h3{
    margin-bottom: 0;
    font-size: 18px;
    color: #222;
}
.image_with_text p{
    font-size: 14px;
    line-height: 1.4em;
    margin-bottom: 25px;
}


/******* TEXT WITH IMAGE END ****** ICONBOX START *******/

.iconbox{
    position: relative;
    margin-bottom: 30px;
    -webkit-transition: 0.3s all ease-in-out !important;
    -o-transition: 0.3s all ease-in-out !important;
    transition: 0.3s all ease-in-out !important;
}
.iconbox:last-child{
    margin-bottom: 0;
}
.iconbox .content{
    padding: 0;
    position: relative;
}
.iconbox.align-center{
    text-align: center;
}
.iconbox.align-center img{
     margin: 0 auto;
}
.iconbox img{
    height: auto;
}
.iconbox h3 {
    font-size: 18px;
    line-height: 1.3em;
    margin: 12px 0;
    font-family: "NiveauGroteskBold", sans-serif;
    font-weight: normal;
}
.iconbox p{
    margin-bottom: 15px;
    color: #333344;
}
.iconbox a {
    text-decoration: none !important;
}
.iconbox.arrow a h3:after{
    content: ' ->';
    color: inherit;
    display: inline-block;
    position: relative;
    z-index: 1;
    transform: rotate(-45deg);
    padding-left: 3px;
}

.iconbox .icon-left img {
    position: absolute;
    top: 0;
    left: 0;
}
.iconbox .icon-left h3,
.iconbox .icon-left p {
    padding-left: 120px;
}

.iconbox.no-desc .icon-left {
    display: table;
    text-align: left;
    margin-left: 0;
}
.iconbox.no-desc .icon-left img {
    position: relative;
    display: table-cell;
    margin-right: 20px;
}
.iconbox.no-desc .icon-left h3 {
    display: table-cell;
    vertical-align: middle;
    padding-left: 0;
    text-align: left;
    margin: 0;
}
.iconbox.no-desc a {
    display: inline-table;
}

.iconbox .icon-top img {
    margin-bottom: 10px;
}


.content-box .iconbox{
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
}
.content-box.shadow .iconbox,
.content-box .iconbox.has-link{
    -webkit-box-shadow: 0 10px 40px 0 rgba(0,0,0,0.1);
    box-shadow: 0 10px 40px 0 rgba(0,0,0,0.1);
}
.content-box .iconbox h3 {
    margin-bottom: 30px;
}

.content-box .iconbox.has-link:hover{
    -webkit-box-shadow: 0 50px 70px -30px rgba(0,0,0,0.3);
    box-shadow: 0 50px 70px -30px rgba(0,0,0,0.3);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}


.iconbox.green-bg,
.iconbox.lightblue-bg,
.iconbox.gray-bg{
    background-color: #62C2A1;
    padding: 40px 30px 30px;
    border-radius: 10px;
    height: 100%;
    box-sizing: border-box;
}
.iconbox.lightblue-bg{
    background-color: #EDF5FC;
}
.iconbox.gray-bg {
    background-color: #f7f7f7;
}
.iconbox.green-bg .content p a{
    color: #fff;
    text-decoration: underline !important;
}
.iconbox.green-bg h3,
.iconbox.green-bg p{
    color: #fff !important;
}
.iconbox.green-bg.hl-small h3, .iconbox.hl-small h3 {
    font-size: 1.4em;
    margin-top: 30px;
}
.iconbox.p-larger p {
    font-size: 1.2em;
    font-family: "NiveauGroteskBold", sans-serif;
    font-weight: normal;
    margin-top: 40px;
}
.iconbox-number {
    position: absolute;
    background-color: #114799;
    top: 20px;
    left: 84%;
    width: 33px;
    height: 33px;
    border-radius: 50%;
}
.iconbox-number p {
    color: #fff;
    font-size: 1.4em;
    text-align: center;
}
.iconbox.green-bg p{
    margin-bottom: 0;
 }
.iconbox.green-bg.has-link:hover{
    -webkit-box-shadow: 0 50px 70px -30px rgba(98,194,161,0.7);
    box-shadow: 0 50px 70px -30px rgba(98,194,161,0.7);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}

.vc_row-o-equal-height .wpb_wrapper,
.vc_row-o-equal-height .wpb_wrapper .iconbox{
    height: 100%;
}

.inline-iconbox .iconbox{
    display: inline-block;
    margin-right: 40px;
}
.iconbox.icon-top-inline img {
    display: inline-block;
}
.iconbox.icon-top-inline h3 {
    display: inline;
}


/******* ICONBOX END ****** SVG ICON ELEMENT START *******/

.svg-icon.align-center img{
    margin: 0 auto;
}
.svg-icon.align-right img{
    margin: 0 0 0 auto;
}
.svg-icon a{
    display: inline-block;
}
.svg-icon.align-center a{
    display: block;
}

/******* SVG ICON ELEMENT END ****** VC TABS START *******/

.wpb-js-composer .vc_tta-tabs.vc_general .vc_tta-panel-body {
    overflow: visible !important;
}
.wpb-js-composer .vc_tta-tabs.vc_general .vc_tta-tabs-list {
    margin-bottom: 50px !important;
}
.wpb-js-composer .vc_tta-color-white.vc_tta-style-flat .vc_tta-tab>a{
    background-color: transparent !important;
    color: #222 !important;
    font-size: 24px;
    font-family: "NiveauGroteskBold", sans-serif;
    font-weight: normal;
    padding: 0 !important;
    opacity: 0.5;
    margin: 0 30px;
    border: 0 !important;
}
.wpb-js-composer .vc_tta-color-white.vc_tta-style-flat .vc_tta-tab.vc_active>a {
    opacity: 1;
}
.wpb-js-composer .vc_tta-color-white.vc_tta-style-flat .vc_tta-tab>a span:after {
    content: '';
    width: 0;
    height: 2px;
    background-color: #334;
    display: block !important;
    margin-top: 10px;
}
.wpb-js-composer .vc_tta-color-white.vc_tta-style-flat .vc_tta-tab.vc_active>a span:after,
.wpb-js-composer .vc_tta-color-white.vc_tta-style-flat .vc_tta-tab>a:hover span:after {
    width: 100%;
}
.wpb-js-composer .vc_tta-color-white.vc_tta-style-flat .vc_tta-tab.vc_active>a span:after{
    background-color: #004899;
}
.wpb-js-composer .vc_tta-color-white.vc_tta-style-flat .vc_tta-tab>a:hover {
    opacity: 1;
}

.wpb-js-composer .vc_tta-color-white.vc_tta-style-flat .vc_tta-tab>a,
.wpb-js-composer .vc_tta-color-white.vc_tta-style-flat .vc_tta-tab>a span,
.wpb-js-composer .vc_tta-color-white.vc_tta-style-flat .vc_tta-tab>a span:after{
    -webkit-transition: 0.3s all ease-in-out !important;
    -o-transition: 0.3s all ease-in-out !important;
    transition: 0.3s all ease-in-out !important;
}

.vc_tta-tabs .vc_tta-panel.vc_animating {
    opacity: 0 !important;
}

.page-template-pw-protected #main .vc_tta-color-white .vc_tta-panel .vc_tta-panel-title>a {
    font-family: "NiveauGroteskBold", sans-serif;
    font-weight: normal;
    font-size: 26px;
    color: #004899;
}
.page-template-pw-protected ul{
    margin: 0;
}


/****** VC TABS END ***** SLIDER START *******/

#slider.vc_row-fluid,
#slider .vc_column-inner{
    padding: 0;
}
#slider .wpb_content_element{
    margin-bottom: 0;
}

/******* SLIDER END ****** FLICKITY START *******/

.flickity-enabled .flickity-prev-next-button {
    width: 60px;
    height: 60px;
    background-color: transparent !important;
    outline: 0;
}
.flickity-enabled .flickity-prev-next-button:hover {
    color: #004899;
}
.flickity-button:focus {
    box-shadow: none !important
}

/******* FLICKITY END ****** IMAGE SLIDER START *******/

.image-slider {
    padding: 0 0 80px 0;
    background-position: center 100px !important;
    border-radius: 10px;
}
.image-slider .flickity-enabled .flickity-viewport {
    max-height: 600px !important;
    overflow: visible;
}
.image-slider .flickity-enabled .flickity-page-dots .dot {
    background: #fff;
}
.image-slider .flickity-enabled .flickity-button {
    position: absolute;
    border: none;
    color: #fff;
}
.image-slider .flickity-enabled .flickity-prev-next-button.previous {
    left: 0;
}
.image-slider .flickity-enabled .flickity-prev-next-button.next {
    right: 0;
}
.image-slider .flickity-slider {
    max-height: 600px;
}
.image-slider .flickity-slider .wpb_single_image{
    width: 70%;
    height: auto;
    margin-right: 20px;
    margin-bottom: 0;
}
.image-slider .wpb_single_image .vc_figure{
    width: 100%;
    height: auto;
}

/******* IMAGE SLIDER END ****** WPML LANGUAGE SWITCHER START *******/

#language-switcher {
    margin-top: -6px;
}
#language-switcher .wpml-ls-legacy-dropdown-click{
    float: right;
}
.wpml-ls-legacy-dropdown-click .wpml-ls-flag {
    width: 28px !important;
    height: 28px !important;
    -webkit-filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.3));
    filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.3));
    position: relative;
    z-index: 5;
}
.wpml-ls-legacy-dropdown-click .wpml-ls-flag+span {
    font-family: "NiveauGroteskBold", sans-serif;
    font-weight: normal;
    color: #0e2b5c;
    font-size: 16px;
    line-height: 24px;
    width: calc(100% - 40px);
    display: inline-block;
}
.wpml-ls-legacy-dropdown-click .wpml-ls-current-language > a .wpml-ls-flag+span{
    border-bottom: 1px solid #0e2b5c;
}
.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle{
    padding: 0;
    width: 160px;
    background-color: transparent !important;
    border: 0;
    color: #0e2b5c;
}
.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after{
    border: 0;
    background-image: url('../img/icon-arrow-darkblue.svg');
    width: 14px;
    height: 10px;
    top: 10px;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}
.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle.open:after{
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {
    border-top: none;
}
.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu li {
    margin: 8px 0;
}
.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a {
    border: none;
    background-color: transparent;
    padding: 0;
    height: 32px;
}
.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a:hover span,
.wpml-ls-legacy-dropdown-click .wpml-ls-current-language > a:hover span,
.wpml-ls-legacy-dropdown-click .wpml-ls-current-language > a:hover{
    color: #1961ac;
}
.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu .wpml-ls-flag {
    margin-top: 0;
    vertical-align: middle;
}

.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {
    visibility: visible !important;
    position: relative;
    display: none;
}

/******* WPML LANGUAGE SWITCHER END ****** FLICKITY START *******/


.carousel .flickity-button {
    background: transparent;
}
.carousel .flickity-button:focus {
    box-shadow: none;
}
.features-main{
    margin-top: 50px;
}
.features-main .flickity-viewport {
    overflow: visible;
    height: 600px !important;
}
.features-main .flickity-slider > div {
    margin: 0 30px;
    -webkit-transition: 0.3s transform ease-in-out ;
    -o-transition: 0.3s transform ease-in-out ;
    transition: 0.3s transform ease-in-out ;
    -webkit-transform: scale(0.85);
    transform: scale(0.9);
}
.features-main .flickity-slider > div.is-selected {
    transform: scale(1);
}
.features-nav{
    margin-bottom: 30px;
    min-height: 135px;
}
.features-nav .flickity-slider p {
    margin: 0 30px;
    padding: 0 0 10px;
    display: inline-block;
    text-align: center;
    height: 120px;
}
.features-nav .flickity-slider p:after {
    content: "";
    width: 100%;
    height: 0;
    border-top: 2px solid;
    bottom: 0;
    position: absolute;
    right: 0;
    -ms-filter: alpha(opacity=30);
    filter: alpha(opacity=30);
    -webkit-transition: width .6s cubic-bezier(.25,.8,.25,1) 0s;
    -moz-transition: width .6s cubic-bezier(.25,.8,.25,1) 0s;
    -o-transition: width .6s cubic-bezier(.25,.8,.25,1) 0s;
    transition: width .6s cubic-bezier(.25,.8,.25,1) 0s;
}
.features-nav .flickity-slider p:after {
    width: 0;
}
.features-nav .flickity-slider p.is-selected:after {
    width: 100%;
    right: auto;
    left: 0;
}

/******* FLICKITY END ****** HÄNDLER CLOUD START *******/

svg.haendler-cloud.animated > g{
    -webkit-animation: fadein 0.7s forwards;
    -moz-animation: fadein 0.7s forwards;
    animation: fadein 0.7s forwards;
    opacity: 0;
}

svg.haendler-cloud.animated #billa 	{ animation-delay: 0.5s; }
svg.haendler-cloud.animated #merkur { animation-delay: 0.8s; }
svg.haendler-cloud.animated #spar 	{ animation-delay: 1.1s; }
svg.haendler-cloud.animated #adeg 	{ animation-delay: 1.4s; }
svg.haendler-cloud.animated #bipa 	{ animation-delay: 1.7s; }
svg.haendler-cloud.animated #galeria{ animation-delay: 2s; }
svg.haendler-cloud.animated #globus { animation-delay: 2.3s; }

@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes fadein{
    from { opacity: 0; }
    to   { opacity: 1; }
}

/******* HÄNDLER CLOUD END ****** LIST ITEM START *******/

.list-item{
    padding: 40px 20px 40px 0;
    position: relative;
    -webkit-transition: 300ms all ease-in-out;
    -o-transition: 300ms all ease-in-out;
    transition: 300ms all ease-in-out;
}
.list-item:hover{
    background-color: #f3f3f3;
    padding-left: 20px;
}
.list-item + .list-item{
    border-top: 1px solid #ddd;
}
.list-item .content{
    padding: 0;
    margin-right: 160px;
}
.list-item h3 {
    font-size: 26px;
    margin-bottom: 5px;
}
.list-item .button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    font-size: 14px;
    padding: 8px 30px 9px;
}

/* MEMBERS AREA */

.members-area .list-item{
    padding: 20px 20px 20px 0;
}
.members-area .list-item:hover {
    padding-left: 20px;
}
.members-area .list-item h3 {
    font-size: 20px;
    color: #334;
}
.members-area #main .vc_tta-controls-icon-position-right .vc_tta-controls-icon {
    right: 20px !important;
}

/******* FLICKITY END ****** TESTIMONIAL START *******/

.testimonial-item{
    text-align: center;
    width: 50%;
}
.testimonial-item .media{
    position: relative;
    height: 360px;
    max-width: 540px;
    margin: 0 auto 30px;
}
.testimonial-item .media:before,
.testimonial-item .media:after{
    content: url('../img/icon-quote.svg');
    display: inline-block;
    position: absolute;
    z-index: 99;
    width: 50px;
    height: auto;
    padding: 0;
    margin: 0;
    opacity: 0.8;
    -webkit-transition: 700ms all ease-in-out;
    -o-transition: 700ms all ease-in-out;
    transition: 700ms all ease-in-out;
}
.testimonial-item .media:before{
    left: -10px;
    bottom: -30px;
}
.testimonial-item .media:after{
    right: -10px;
    top: -30px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.testimonial-item img{
    border-radius: 10px;
    height: 360px;
    max-width: 540px;
    margin: 0 auto;
    width: auto;
    -webkit-box-shadow: 0 30px 40px -30px rgba(0,0,0,0.4);
    box-shadow: 0 30px 40px -30px rgba(0,0,0,0.4);
    -webkit-transition: 700ms all ease-in-out;
    -o-transition: 700ms all ease-in-out;
    transition: 700ms all ease-in-out;
}
.testimonial-item h3{
    font-size: 28px;
}
.testimonial-item h4{
    font-family: "NiveauGroteskLight", sans-serif;
    font-weight: normal;
    font-size: 20px;
    color: #627792;
    margin-bottom: 10px;
}
.testimonial-item p{
    max-width: 700px;
    margin: 0 auto;
}

.testimonial-slider.bg-rose {
    overflow: hidden;
}
.testimonial-slider .flickity-enabled .flickity-viewport {
    overflow: visible;
}
.testimonial-slider .flickity-enabled .flickity-page-dots {
    bottom: -20px;
    z-index: 99;
}
.testimonial-slider .flickity-enabled .flickity-page-dots .dot {
    background: #1961ac;
}
.testimonial-slider .flickity-enabled .flickity-button {
    position: absolute;
    background: none !important;
    border: none;
    color: #1961ac;
    top: 34%;
}
.testimonial-slider .flickity-enabled .flickity-prev-next-button.previous {
    left: 20%;
}
.testimonial-slider .flickity-enabled .flickity-prev-next-button.next {
    right: 20%;
}

.testimonial-slider .flickity-slider .testimonial-item img{
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
}
.testimonial-slider .flickity-slider .testimonial-item:not(.is-selected) .media:before,
.testimonial-slider .flickity-slider .testimonial-item:not(.is-selected) .media:after{
    display: none;
}

.testimonial-slider .flickity-slider .testimonial-item.is-selected img{
    -webkit-transform: scale(1);
    transform: scale(1);
}

.testimonial-slider .flickity-slider .testimonial-item .content{
    opacity: 0;
    margin-bottom: 30px;
    -webkit-transition: 700ms all ease-in-out;
    -o-transition: 700ms all ease-in-out;
    transition: 700ms all ease-in-out;
}
.testimonial-slider .flickity-slider .testimonial-item.is-selected .content{
    opacity: 1;
}

/******* TESTIMONIAL END ****** PRICING BOX START *******/

.pricing-box{
    background-color: #f7f7f7;
    padding: 30px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    /*-webkit-box-shadow: 0 50px 70px -30px rgba(98,194,161,0.7);
    box-shadow: 0 50px 70px -30px rgba(98,194,161,0.7);*/
}
.pricing-box h3 {
    font-size: 44px;
    margin-bottom: 10px;
    display: inline;
}
.pricing-box .price{
    margin-bottom: 20px;
}
.pricing-box .price p {
    font-size: 13px;
    display: inline;
}

/******* PRICING BOX END ****** KARRIERE START *******/

.count-box {
    padding: 30px;
    -webkit-box-shadow: 0 10px 40px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 10px 40px 0 rgb(0 0 0 / 10%);
    border-radius: 10px;
}
.count-box h3 {
    font-size: 35px;
    margin-bottom: 7px;
}
.karriere #main #page-title {
    padding: 210px 200px 30px!important;
}
.karriere .values h3 {
    margin-bottom: 0;
}
.karriere .location h3 {
    margin-bottom: 10px;
}
.karriere .benefits .iconbox {
    padding:50px;
}
.karriere .iconbox p {
    margin-top: 10px;
}
.karriere .benefits .iconbox h3 {
    word-break: break-word;
    hyphens: auto;
}
.karriere .image-slider .flickity-page-dots{
    bottom: -40px;
}
.karriere .image-slider .flickity-page-dots .dot{
    background-color: #004899 !important;
}
.karriere .image-slider .flickity-enabled .flickity-button{
    background-color: #004899 !important;
}
.karriere .image-slider .flickity-prev-next-button .flickity-button-icon {
    width: 40%;
}
.karriere .image-slider .previous .flickity-button-icon {
    left: 36%;
}
.karriere .image-slider .flickity-slider .wpb_single_image{
    width: 50%;
}
.karriere #main .team .vc_tta-color-white .vc_tta-panel+.vc_tta-panel {
    border: none;
}
.karriere #main .team .vc_tta.vc_general .vc_tta-panel-body {
    padding: 0 30px;
}
.karriere #main .vc_tta-color-white.vc_tta-style-flat .vc_tta-tab>a{
    font-size: 20px;
    margin-left: 0;
    padding: 6px 0 !important;
    border-bottom: 1px solid #bfbfbf !important;
}
.karriere #main .vc_tta-color-white.vc_tta-style-flat .vc_tta-tab>a span:after {
    position: absolute;
    bottom: -1px;
    margin: 0 !important;
}
.karriere .business-facts .wpb_content_element.large-text {
    margin-bottom: 0;
}

/******* KARRIERE END ****** DEVICE MOCKUP START *******/

.device-wrapper{
    width: 100%;
    height: auto;
    margin: 0 auto;
    position: relative;
}
.device-wrapper.iphone,
.device-wrapper.blueboxpro{
    max-width: 300px;
}
.device-wrapper.iphone-cutted{
    max-width: 430px;
    padding-left: 80px;
    padding-top: 10px;
    overflow: hidden;
    box-sizing: border-box;
}
.device-wrapper.align-left{margin: 0 auto 0 0;}
.device-wrapper.align-center{margin: 0 auto;}
.device-wrapper.align-right{margin: 0 0 0 auto;}

.device-wrapper .device-mockup {
    width: 100%;
    height: auto;
    z-index: 1;
    position: relative;
}
.device-wrapper.iphone .device-mockup {
    max-width: 300px;
}
.device-wrapper.iphone-cutted.align-left{
    margin-left: -80px;
}

.device-wrapper.iphone .device-screen,
.device-wrapper.iphone-cutted .device-screen,
.device-wrapper.blueboxpro .device-screen{
    position: absolute;
    left: 5.7%;
    width: 89%;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    height: auto;
}
.device-wrapper.iphone .device-screen{ top: 2.15%;}
.device-wrapper.iphone-cutted .device-screen{ top: 3%;}
.device-wrapper.blueboxpro .device-screen {
    top: 25%;
    width: 64%;
    left: 18%;
}

.device-wrapper.iphone .device-screen {
    max-width: 267px;
}
.device-wrapper.iphone.blue .device-screen,
.device-wrapper.iphone-cutted.blue .device-screen{
    -webkit-box-shadow: -10px 10px 30px 0 rgba(0, 0, 0, 0.6), -50px 40px 50px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: -10px 10px 30px 0 rgba(0, 0, 0, 0.6), -50px 40px 50px 0 rgba(0, 0, 0, 0.3);
    box-shadow: -10px 10px 30px 0 rgba(0, 0, 0, 0.6), -50px 40px 50px 0 rgba(0, 0, 0, 0.3);
}
.device-wrapper.iphone.white .device-screen,
.device-wrapper.iphone-cutted.white .device-screen{
    -webkit-box-shadow: -10px 10px 30px 0 rgba(0, 0, 0, 0.4), -50px 40px 50px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: -10px 10px 30px 0 rgba(0, 0, 0, 0.4), -50px 40px 50px 0 rgba(0, 0, 0, 0.15);
    box-shadow: -10px 10px 30px 0 rgba(0, 0, 0, 0.4), -50px 40px 50px 0 rgba(0, 0, 0, 0.15);
}

.device-wrapper.iphone-cutted .cut-wrapper{
    height: 500px;
    position: relative;
}

.pricing-box .device-wrapper.iphone-cutted .cut-wrapper {
     height: 400px;
}

.device-screen.opacity > source{ opacity: 0;}

/******* DEVICE MOCKUP END ****** IMAGE WALL START *******/

.imagewall,
.imagewall,
.imagewall-inline > div > .wpb_wrapper {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    text-align: center;
}
.imagewall-inline .wpb_single_image{
    margin-bottom: 0;
}
.imagewall img,
.imagewall-inline img{
    padding: 15px;
    max-height: 100px;
    width: auto;
    margin: 0 auto;
    max-width: 100%;
    align-self: center;
    box-sizing: border-box;
}

/******* IMAGE WALL END ****** JOB OFFER VC ELEMENT START *******/

.job-offer{
    padding: 30px 160px 30px 20px;
    position: relative;
    -webkit-transition: 300ms all ease-in-out;
    -o-transition: 300ms all ease-in-out;
    transition: 300ms all ease-in-out;
}
.job-offer:hover{
    background-color: #f3f3f3;
}
.job-offer + .job-offer{
    border-top: 1px solid #ddd;
}
.job-offer .content{
    padding: 0;
}
.job-offer h3 {
    font-size: 24px;
    margin-bottom: 10px;
}
.job-offer .button{
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -25px;
}

/******* JOB OFFER VC ELEMENT END ****** BLOG START *******/

#main > .blog-wrapper {
    padding-top: 20px;
}
.blog-filter-wrapper {
    text-align: center;
    margin-bottom: 30px;
    border-bottom: 1px solid #ddd;
}
.blog-filter-wrapper a{
    position: relative;
    cursor: pointer;
    padding: 12px 0;
    margin: 0 20px !important;
}
.blog-filter-wrapper a:after {
    content: "";
    height: 0;
    border-top: 2px solid;
    bottom: 0;
    position: absolute;
    right: 0;
    left: 0;
    width: 0;
    -webkit-transition: width .6s cubic-bezier(.25,.8,.25,1);
    -moz-transition: width .6s cubic-bezier(.25,.8,.25,1);
    -o-transition: width .6s cubic-bezier(.25,.8,.25,1);
    transition: width .6s cubic-bezier(.25,.8,.25,1);
}
.blog-filter-wrapper a.is-checked:after,
.blog-filter-wrapper a:hover:after{
    width: 100%;
}
.blog-filter-wrapper a.is-checked{
    color: #1961ac;
}
.blog-filter-wrapper a.is-checked:after{
    border-color: #1961ac;
}
.blog-post-wrapper.isotope{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.post-date:before{
    content: url('../img/icon-date-green.svg');
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 8px;
    margin-top: -3px;
    vertical-align: middle;
}
.post-date span {
    vertical-align: middle;
}
.post-categories {
    margin-bottom: 10px;
}
.post-categories span {
    margin-right: 10px;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    opacity: 0.7;
    font-family: "NiveauGroteskBold", sans-serif;
    font-weight: normal;
    line-height: 1em;
}
.post-categories span + span {
    border-left: 2px solid #acacb1;
    padding-left: 10px;
}


article.post {
    margin-bottom: 30px;
    width: 33.33%;
    float: left;
    box-sizing: border-box;
    position: relative;
}
.blog-post-wrapper article.post.hidden{
    visibility: hidden;
    width: 0;
    height: 0!important;
    margin: 0!important;
    padding: 0!important;
}
article.post .post-content-wrapper{
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #ddd;
    overflow: hidden;
    position: relative;
    -webkit-transition: 300ms all ease-in-out;
    -o-transition: 300ms all ease-in-out;
    transition: 300ms all ease-in-out;
}
article.post .post-content-wrapper > a {
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    z-index: 1;
}
article.post .post-content {
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    overflow: hidden;
    border-top: 0;
    position: relative;
    padding: 25px 25px 70px;
    min-height: 320px;
    box-sizing: border-box;
}
article.post img{
    width: 100%;
    height: auto;
}
article.post h2 {
    font-size: 1.5em;
    margin-bottom: 0.5em;
}
article.post .post-categories {
    font-size: 0.85em;
}
article.post .post-date {
    position: absolute;
    left: 25px;
    bottom: 20px;
}

article.post:hover .post-content-wrapper{
    -webkit-box-shadow: 0 15px 30px rgba(0,0,0,.1);
    box-shadow: 0 15px 30px rgba(0,0,0,.1);
}

.blog-post-wrapper.presse article.post .post-content-wrapper{
    border: 0;
}
.load-more-wrapper {
    margin-top: 50px;
    text-align: center;
}


/* SINGLE POST */

.single div.post{
    width: 100%;
    max-width: 1030px;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
    float: unset;
}
.single div.post .post-thumbnail img{
    width: 100%;
    height: auto;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.single div.post .post-header {
    margin-top: 30px;
}
.single div.post > div:not(.post-thumbnail){
    padding: 0 30px;
}
.single div.post .single-post-content{
    margin-top: 30px;
    margin-bottom: 80px;
}
.single h1 {
    font-size: 2.7em;
}
.single h2 {
    font-size: 1.9em;
}
.single p + h1, .single p + h2,
.single p + h3, .single p + h4,
.single p + h5,.single p + h6{
    margin-top: 40px;
}
.single h1, .single h2,
.single h3, .single h4,
.single h5, .single h6{
    margin-bottom: 0.5em;
}

.single div.post .single-post-content .vc_row + .vc_row{
    margin-top: 50px;
}

.single div.post #related-posts{
    margin-bottom: 80px;
    display: inline-block;
}
.single div.post #related-posts article.post {
    width: 50%;
}

.single div.post .post-header,
.single div.post .single-post-content{
    max-width: 740px;
    margin-left: auto;
    margin-right: auto;
}

.social-share, .post-date {
    display: inline-block;
}
.post-date + .social-share{
    margin-left: 15px;
    padding-left: 15px;
    border-left: 1px solid #ddd;
}
.single-post-content > .social-share{
    margin-top: 40px;
    border-top: 1px solid #ddd;
    padding-top: 20px;
    width: 100%;
}
.social-share *{
    vertical-align: middle;
}
.social-share span{
    margin-right: 5px;
}
.social-share a {
    width: 18px;
    height: 18px;
    display: inline-block;
    padding: 6px;
    border: 1px solid #ddd;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.social-share a svg{
    width: 16px;
    height: 16px;
    vertical-align: baseline;
    fill: #888;
}
.social-share a:hover{
    background-color: #edf5fc;
    border-color: #1961ac;
}
.social-share a:hover svg {
    fill: #1961ac;
}

/******* BLOG END ****** TABLE START *******/

.table-light {.vc_row.vc_inner>.wpb_column+.wpb_column
    border-color: #ddd;
    border-collapse: collapse;
}
.table-light td {
    padding: 8px;
    font-size: .9em;
    border: 1px solid #ddd;
    width: 50%;
    line-height: 1.2em;
}
.table-light thead td {
    background-color: #1961ac;
    color: #fff;
}
.table-light tbody tr:nth-child(even) {
    background-color: #f5f5f5;
}

/******* TABLE END ****** VC CAROUSEL START *******/
.vc_images_carousel {
    max-width: 100%;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}
.vc_images_carousel img {
    max-width: 100%;
    height: auto;
}
#main .vc_images_carousel .vc_carousel-control .icon-next,
#main .vc_images_carousel .vc_carousel-control .icon-prev {
    font-size: 50px;
}


/******* VC CAROUSEL END ****** FOOTER START *******/

footer {
    background-color: #edf5fc;
    padding-top: 100px;
}

footer p{
    color: #0e2b5c;
    font-size: 14px;
    line-height: 1.6em;
    margin: 0;
}

footer br {
    clear: left;
}

footer .content {
    max-width: 1440px;
    width: calc(100% - 70px);
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
}
footer .footer-logo{
    max-width: 150px;
    margin-left: 3px;
    display: inline-block;
}
footer .vc_row-fluid {
    padding: 0;
}
footer .vc_row-fluid:nth-child(2){
    margin-top: 20px;
    margin-bottom: 30px;
}

footer .menu > li > a,
footer .menu > li > p{
    color: #0e2b5c;
    font-size: 18px;
    font-family: "NiveauGroteskBold", sans-serif;
    font-weight: normal;
    margin-bottom: 10px;
    display: inline-block;
}
footer ul {
    -webkit-padding-start: 0;
    -moz-padding-start: 0;
    padding-left: 0;
    margin: 0;
    overflow: visible;
}
footer .menu > li {
    width: 25%;
    float: left;
    display: inline-block;
    vertical-align: top;
    list-style-type: none;
}

footer .menu li ul li{
    display: block;
}
footer .menu li ul li + li {
    margin-top: 2px;
}
footer .menu li a{
    color: #0e2b5c;
    text-decoration: none !important;
    line-height: 1.8em;
    position: relative;
}
header #navi .top-nav ul.sub-menu li a span,
footer .menu li a span {
    font-family: "NiveauGroteskBold",sans-serif;
    display: inline-block;
    background-color: #1961ac;
    color: #fff;
    font-size: 0.6em;
    padding: 4px 4px 4px;
    text-transform: uppercase;
    line-height: 1em;
    border-radius: 5px;
    margin-left: 3px;
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
}

footer .menu li a:hover{
    color: #1961ac;
}
footer .menu li a:after{
    content: "";
    width: 100%;
    height: 0;
    border-top: 1px solid;
    bottom: -1px;
    position: absolute;
    right: 0;
    opacity: .3;
    -ms-filter: alpha(opacity=30);
    filter: alpha(opacity=30);
    -webkit-transition: width .6s cubic-bezier(.25,.8,.25,1) 0s;
    -moz-transition: width .6s cubic-bezier(.25,.8,.25,1) 0s;
    transition: width .6s cubic-bezier(.25,.8,.25,1) 0s;
}
footer .menu li a:after{
    width: 0;
}
footer .menu li a:hover:after,
footer .menu li.current-menu-item > a:after{
    width: 100%;
    right: auto;
    left: 0;
}
footer .top-supplier {
    width: auto;
    height: 160px;
}
footer .social-icons a {
    margin-right: 16px;
    display: inline-block;
    width: 20px;
    height: 20px;
    overflow: hidden;
    position: relative;
    -webkit-transition: 300ms all ease-in-out;
    -o-transition: 300ms all ease-in-out;
    transition: 300ms all ease-in-out;
}
footer .social-icons a:last-child{
    margin-right: 0;
}
footer .social-icons a svg{
    fill: #0e2b5c;
    z-index: 1;
    position: relative;
}
footer .social-icons a:hover svg{
    fill: #1961ac;
}

.social-badges{
    margin: 30px 0 10px;
}
.social-badges > .vc_column-inner {
    flex-direction: row !important;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}
.social-badges > .vc_column-inner > div {
    width: 50%;
}

.badges a{
    display: inline-block;
}
.badges img{
    height: 44px;
    display: block;
    margin-left: 2px;
}
#b2b-benefits .badge img {
    height: 35px;
    width: auto;
}
footer .language-switcher {
    padding-top: 5px;
}
footer #bottombar{
    padding: 20px 0;
}
footer #bottombar > div:last-child{
    text-align: right;
}
footer #bottom-menu{
    margin:0;
    line-height: 1em;
    padding: 0;
}
footer #bottom-menu li {
    display: inline-block;
    line-height: 1em;
    padding: 0 14px;
    width: unset;
}
footer #bottom-menu li:first-child{
    padding-left: 0;
}
footer #bottom-menu li + li{
    border-left: 1px solid #9fafca;
}

footer #bottombar p,
footer #bottom-menu li a {
    font-family: "NiveauGroteskLight",sans-serif;
    color: #0e2b5c;
    font-size: 13px;
    text-decoration: none;
    margin: 0;
}
footer #bottom-menu li a:hover{
    text-decoration: underline;
}

footer #bottombar .dp-logo {
    display: inline-block;
    opacity: 0.5;
}
footer #bottombar .dp-logo img {
    display: inline-block;
    vertical-align: middle;
    height: 20px;
}

/****** FOOTER END ****** ACCORDION START ******/

#main .vc_tta-color-white .vc_tta-panel + .vc_tta-panel {
    border-top: 1px solid #ddd;
}
#main .vc_tta-color-white .vc_tta-panel .vc_tta-panel-heading {
    border: 0;
    background-color: transparent;
}
#main .vc_tta.vc_general .vc_tta-panel-title {
    font-size: 20px;
    line-height: 1.2em;
    font-family: "NiveauGroteskLight", sans-serif;
    font-weight: normal;
}
#main .vc_tta.vc_general .vc_tta-panel-title>a {
    padding: 25px 20px 25px 0;
}
#main .vc_tta-color-white .vc_tta-panel:hover .vc_tta-panel-title>a,
#main .vc_tta-color-white .vc_tta-panel.vc_active .vc_tta-panel-title>a{
    color: #004899;
}
#main .vc_tta-color-white .vc_tta-panel.vc_active .vc_tta-panel-title>a{
    font-family: "NiveauGroteskBold", sans-serif;
    font-weight: normal;
}
#main .vc_tta-color-white .vc_tta-panel:hover .vc_tta-controls-icon::after,
#main .vc_tta-color-white .vc_tta-panel:hover .vc_tta-controls-icon::before,
#main .vc_tta-color-white .vc_tta-panel.vc_active .vc_tta-controls-icon::after,
#main .vc_tta-color-white .vc_tta-panel.vc_active .vc_tta-controls-icon::before{
    border-color: #004899;
}
#main .vc_tta-color-white .vc_tta-controls-icon-position-right .vc_tta-controls-icon {
    right: 0;
}
#main .vc_tta.vc_general .vc_tta-panel-body {
    padding: 0 0 25px;
}


/****** ACCORDION END ****** CONTENT START ******/


img {
    display: block;
}
.img-responsive{
    max-width: 100%;
}
.wpb_single_image .vc_figure-caption {
    margin-top: 0.7em;
    line-height: 1.2em;
}

#main .wpb_single_image.shadow img,
#main img.shadow,
#main .wpb_video_widget.shadow {
    -webkit-box-shadow: 0 50px 70px -30px rgba(0,0,0,0.5);
    box-shadow: 0 50px 70px -30px rgba(0,0,0,0.5);
}

.center, .center p, .center h3, .center h4{
    text-align: center;
}
.center .button {
    margin-left: 5px;
    margin-right: 5px;
}

p{
    margin: 0;
}
p + p,
p + h1,p + h2,
p + h3,p + h4,
p + h5,p + h6{
    margin-top: 20px;
}
p, li{
    line-height: 1.5em;
}
ol {
    padding-left: 20px;
}
.large-text p, .large-text li {
    font-size: 18px;
}
.justify-text p{
    text-align: justify;
}

.small-text p, .small-text li{
    font-size: 13px;
}
.small-text ul {
    margin: 10px 0;
}

a{
    color: #1961ac;
    text-decoration: underline;
}
a:hover{
    text-decoration: none;
}



.light h1,
.light h2,
.light h3,
.light h4,
.light h5,
.light h6,
.light p,
.light span,
.light a,
.light li{
    color: #fff;
}

ul{
    padding-left: 18px;
}
ul li{
    text-align: left;
}
.small-text {
    font-size: 15px;
}
.wpb_single_image .vc_single_image-wrapper.vc_box_rounded, .wpb_single_image .vc_single_image-wrapper.vc_box_rounded img {
    border-radius: 10px !important;
}

#main-hero {
    overflow: visible;
    padding: 0 !important;
    min-height: 800px !important;
    height: 100vh;
    max-height: 1000px;
}

#main-hero:before {
    content: url('../img/main-hero-bg-v2.svg');
    width: 110%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: block;
    z-index: -1;
}

@keyframes main-hero-bg{
    0% {
        left: 0;
    }
    100% {
        left: 50%;
    }
}
#main-hero .sb-bg-slider-params.sb-slider-data-source-row{
    z-index: -2 !important;
    width: 50%;
    left: 0;
}
#main-hero .content-wrapper {
    padding-left: 50px;
}
#main-hero p{
    font-size: 20px;
}
#main-hero h1{
    margin-bottom: 0;
}
#main-hero .like-h1{
    font-size: 58px;
}
#hero:before {
    content: '';
    background-color: #004899;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.3;
}
#hero p{
    font-size: 24px;
    line-height: 1.3em;
}

.badge,
.download-badge{
    display: inline-block;
    margin-right: 2px;
    margin-bottom: 2px;
}
.badge img,
.download-badge img{
    height: 48px;
    width: auto;
}


.scroll-next{
    content: '';
    position: absolute;
    bottom: 50px;
    left: 50%;
    right: 50%;
    margin-left: -25px;
    width: 50px;
    height: 30px;
    visibility: visible;
    background-image: url('../img/icon-arrow-down.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    -webkit-animation: bounce-down 2s infinite;
    -moz-animation: bounce-down 2s infinite;
    -o-animation: bounce-down 2s infinite;
    animation: bounce-down 2s infinite;
}

.light .scroll-next{
    background-image: url('../img/icon-arrow-down-white.svg');
}

@keyframes bounce-down{
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(5px);
        -moz-transform: translateY(5px);
        -o-transform: translateY(5px);
        transform: translateY(5px);
    }
    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}


img[data-toggle="modal"] {
    cursor: pointer;
    -webkit-transition: 300ms all ease-in-out;
    -o-transition: 300ms all ease-in-out;
    transition: 300ms all ease-in-out;
    border-radius: 7px;
    margin-bottom: 15px;
}
img[data-toggle="modal"].small {
    width: 30%;
    max-width: 300px;
}
img[data-toggle="modal"].medium {
    width: 50%;
    max-width: 600px;
}
img[data-toggle="modal"].large {
    width: 100%;
}
img[data-toggle="modal"]:hover {
    -webkit-box-shadow: 0 10px 25px rgba(0,0,0,0.25);
    -moz-box-shadow: 0 10px 25px rgba(0,0,0,0.25);
    box-shadow: 0 10px 25px rgba(0,0,0,0.25);
}


.haendler-cloud {
    -webkit-filter: drop-shadow(0 10px 15px rgba(0,72,153,0.25));
    filter: drop-shadow(0 10px 15px rgba(0,72,153,0.25));
}

#presse-logos img{
    opacity: 0.5;
}

.btn-same-width .button {
    min-width: 120px;
}
.promo-iphone {
    width: 320px;
    height: auto;
    margin: 0 auto;
    position: relative;
}
.promo-iphone .device {
    width: 300px;
    height: auto;
    z-index: 1;
    position: relative;
}
.promo-iphone .device-content {
    position: absolute;
    top: 15px;
    left: 16px;
    width: 265px;
    -webkit-box-shadow: -10px 10px 30px 0 rgba(0, 0, 0, 0.6), -50px 40px 50px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: -10px 10px 30px 0 rgba(0, 0, 0, 0.6), -50px 40px 50px 0 rgba(0, 0, 0, 0.3);
    box-shadow: -10px 10px 30px 0 rgba(0, 0, 0, 0.6), -50px 40px 50px 0 rgba(0, 0, 0, 0.3);
    border-radius: 0;
    height: auto;
}

.device-shadow img {
    -webkit-filter: drop-shadow(-10px 10px 10px rgba(0, 0, 0, 0.25)) drop-shadow(-50px 40px 30px rgba(0, 0, 0, 0.25));
    filter: drop-shadow(-10px 10px 10px rgba(0, 0, 0, 0.25)) drop-shadow(-50px 40px 30px rgba(0, 0, 0, 0.25));
}

.anfragen .large-text {
    margin-bottom: 15px;
}
.anfragen h3 {
    font-size: 26px;
}
.anfragen .iconbox .icon-left p {
    line-height: 40px;
    margin: 0;
    padding-left: 60px;
}
.faq #page-title h1 {
    text-align: center;
}
#main ol li + li,
#main ul li + li{
    margin-top: 6px;
}

.vorteile ul {
    padding-left: 32px;
}
.vorteile ul li, .check-marker ul li {
    list-style: none;
    position: relative;
}
.vorteile ul li:before, .check-marker ul li:before {
    content: url('../img/icon-check-circle-green.svg');
    position: relative;
    display: inline-block;
    width: 18px;
    height: auto;
    left: -13px;
    top: 1px;
}
.vorteile.faq-list ul li:before {
    content: url('../img/icon-check-circle-green.svg');
    position: absolute;
    display: block;
    width: 18px;
    height: auto;
    left: -26px;
    top: 3px;
}
.center .check-marker ul {
    display: grid;
    justify-content: center;
}
.check-marker ul li {
    font-size: 1.4em;
    font-family: 'NiveauGroteskRegular', sans-serif;
    font-weight: normal;
}
.arrow-list ul > li {
    list-style: none;
    position: relative;
    color: var(--body-text-color);
}
.arrow-list ul li:before{
    position: absolute;
    width: 17px;
    height: auto;
    left: -25px;
    top: 1px;
}
.arrow-list ul li:before{ content: url('../img/icon-arrow-right-lg.svg'); }

.funding{
    text-align: right;
}
.funding img {
    width: auto;
    height: 44px;
    display: block;
    float: right;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.funding p {
    font-size: 10px;
    line-height: 1.6em;
    display: inline-block;
    padding: 5px 0;
    max-width: 440px;
    margin: 0 10px 0 auto;
}
.price-wrap-inner .wpb_wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.price-wrap-inner  .currency {
    font-size: 18px;
    font-family: "NiveauGroteskBold", sans-serif;
    font-weight: normal;
    margin-bottom: 0;
    color: #7e7e7e;
}
.price-wrap-inner  .price {
    font-size: 64px;
    font-family: "NiveauGroteskBold", sans-serif;
    font-weight: normal;
    line-height: .7;
    margin-left: 4px;
    margin-right: 4px;
    margin-bottom: 0;
}
.price-wrap-inner  .period {
    font-size: 14px;
    font-family: "NiveauGroteskBold", sans-serif;
    font-weight: normal;
    line-height: .7;
    color: #7e7e7e;
}
.netto-price-text {
    font-size: 13px;
    color: #7e7e7e;
}

#b2b-benefits .iconbox h3{
    color: #333344;
    margin-bottom: 10px;
}
#b2b-benefits .iconbox a:hover h3{
    color: #004899;
}
#b2b-benefits .iconbox p{
    font-size: 14px;
}
#b2b-solutions .iconbox h3,
#contact .iconbox h3,
.iconbox.jobs h3{
    font-size: 26px;
    margin-top: 20px;
}
#b2b-solutions .iconbox h3:after{
    display: none;
}
#b2b-solutions .iconbox {
    padding: 40px 20px 30px;
    box-sizing: border-box;
}
#b2b-solutions .iconbox h3{
    margin-bottom: 15px;
}
#b2b-solutions .iconbox p {
    margin-bottom: 0;
}

#map .vc_column-inner {
    padding: 0;
}
iframe {
    display: block;
}
#contact h2{
    font-size: 36px;
}
.page-id-4234 #page-title {
    background-position: right!important;
}
.count-box-equal > .wpb_column > .vc_column-inner > .wpb_wrapper {
    height: 100%;
    padding: 30px;
    -webkit-box-shadow: 0 10px 40px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 10px 40px 0 rgb(0 0 0 / 10%);
    border-radius: 10px;
}
#ticket-howto.vc_row {
    counter-reset: section;
}
#ticket-howto.vc_row .wpb_text_column.step:before {
    content: counter(section);
    display: block !important;
    counter-increment: section;
    position: absolute;
    font-size: 4.5em;
    font-weight: 600;
    color: #fff;
    opacity: 0.7;
    left: -32px;
    top: 15px;
}
#ticket-howto .wpb_text_column.step {
    max-width: 320px;
}
#tickets-badge {
    position: absolute;
    right: 50px;
    bottom: -150px;
    width: 270px;
    z-index: 9;
}
#ticket-howto .wpb_single_image,
#ticket-howto .wpb_text_column:not(.step){
    margin-left: -150px;
}

/* MODAL */

.modal-body h2{
    font-size: 36px;
    margin-bottom: 10px;
}
.modal-body p{
    font-size: 20px;
    margin-bottom: 20px;
}

/* Lang Redirect Modal*/

#locationRedirect a{
    line-height: 1.2em;
    width: 90px;
}

#locationRedirect a img {
    width: 40px;
    margin: 5px auto;
}


/* PAYTOSAVE LANDING PAGE */


.paytosave #main #page-title{
    padding-left: 100px;
    padding-right: 100px;
    background-position: top right !important;
}


/****** CONTENT END ****** HISTORY START ******/

.history .year {
    font-size: 16vw;
    color: #e1ebf5;
    margin-bottom: 0;
}
.history .main-content h3{
    font-size: 42px;
    margin-top: 0;
}
.history .main-content p{
    font-size: 18px;
    text-align: justify;
}
.history .content {
    margin-top: 50px;
    padding-right: 100px;
}
.history .content p{
    text-align: justify;
    font-size: 14px;
}
.history .content h2,
.history .content h3,
.history .content h4,
.history .content h5,
.history .content h6{
    color: #576779;
}
.history .content h3{
    font-size: 20px;
}
.history h3{
    margin-bottom: 10px;
}

.history .content p + h3 {
    margin-top: 20px;
}


#timeline:before{
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    width: 4px;
    margin-left: -2px;
    height: 100%;
    background-color: #F7EFF3;
    -webkit-animation: fadein 0.7s forwards;
    -moz-animation: fadein 0.7s forwards;
    animation: fadein 0.7s forwards;
}
#timeline > div > .vc_column-inner > .wpb_wrapper > div{
    position: relative;
}
#timeline > div > .vc_column-inner > .wpb_wrapper > div + div {
    margin-top: 100px;
}
#timeline > div > .vc_column-inner > .wpb_wrapper > div:before {
    content: '';
    position: absolute;
    top: 130px;
    left: 50%;
    margin-left: -14px;
    width: 20px;
    height: 20px;
    border-radius: 40px;
    border: 4px solid #004899;
    background-color: #fff;
    box-shadow: 0 0 0 10px #fff;
    -webkit-animation: fadein 0.7s forwards;
    -moz-animation: fadein 0.7s forwards;
    animation: fadein 0.7s forwards;
}
#timeline .wpb_single_image{
    margin-top: 20%;
    margin-bottom: 20%;
}

/* TIME HORIZONTAL */

#main #timeline-h {
    padding-top: 100px;
}
#timeline-h .flickity-enabled{
    padding-top: 360px;
}
#timeline-h .flickity-viewport{
    overflow: visible;
}
#timeline-h .flickity-slider > *:before{
    content: '';
    display: block;
    margin: 30px 0;
    height: 4px;
    width: calc(100% + 250px);
    background-color: #F7EFF3;
    position: relative;
    z-index: -2;
}
#timeline-h .flickity-slider>*:last-child:before {
    width: 0;
}
#timeline-h .flickity-slider > *:after {
    content: '';
    position: absolute;
    top: 23px;
    margin-left: 0;
    width: 12px;
    height: 12px;
    border-radius: 40px;
    border: 3px solid #004899;
    background-color: #fff;
    z-index: -1;
}
#timeline-h .milestone img,
#timeline-h .year h2{
    position: absolute;
    bottom: 100%;
}
#timeline-h .wpb_content_element {
    width: 100%;
    max-width: 700px;
    padding-right: 250px;
    box-sizing: border-box;
}
#timeline-h .year h2{
    font-size: 160px;
    line-height: 0.75em;
    color: #e1ebf5;
    margin: 0;
}
#timeline-h .year h3 {
    font-size: 36px;
}

#timeline-h .flickity-button {
    top: -45px;
    transform: none;
    width: 32px;
    height: 28px;
    padding: 0;
}
#timeline-h .flickity-prev-next-button .flickity-button-icon {
    position: relative;
    width: 32px;
    height: 28px;
    top: 0;
    left: 0;
}
.flickity-prev-next-button.to-first {
    right: 120px;
}
.flickity-prev-next-button.previous {
    left: auto;
    right: 80px;
}
#timeline-h .flickity-button.next {
    right: 40px;
}
#timeline-h .flickity-button.to-last {
    right: 0;
}

/* MILESTONE */


.milestone{
    width: 100%;
    max-width: 700px;
    padding-right: 250px;
    position: relative;
    box-sizing: border-box;
}
.milestone img {
    -webkit-box-shadow: 0 15px 20px -10px rgba(0,0,0,.25);
    box-shadow: 0 15px 20px -10px rgba(0,0,0,.25);
    -webkit-border-radius: 10px;
    border-radius: 10px;
    width: auto;
    height: 360px;
    max-width: 540px;
    object-fit: cover;
}
.milestone .date {
    font-family: "NiveauGroteskBold", sans-serif;
    line-height: 1.1em;
    font-size: 2em;
    color: #b5c2cf;
    margin-bottom: 20px;
    display: block;
}
.milestone .main-content h3{
    font-size: 26px;
    margin-bottom: 10px
}
.milestone .main-content p{
    font-size: 15px;
    text-align: justify;
}

/****** HISTORY END ****** HUAWEI WALLET LOTTERY START ******/

.huawei-wallet-lottery #main > .vc_row{
    width: 100% !important;
    max-width: 600px;
    padding-bottom: 0;
    overflow: hidden;
    position: relative;
}
.huawei-wallet-lottery #main > .vc_row:before{
    content: url('/wp-content/uploads/2022/06/bluecode-b.svg');
    width: 140%;
    position: absolute;
    z-index: -1;
    top: -70px;
    left: -50%;
}
.huawei-wallet-lottery .logo img {
    max-width: 280px;
}
.huawei-wallet-lottery .products,
.huawei-wallet-lottery .partner{
    margin: 50px 0;
}
.huawei-wallet-lottery .products {
    padding-top: 50px;
    margin-top: 50px;
    margin-bottom: 50px;
    background-size: 100%;
}
.huawei-wallet-lottery .products .wpb_text_column {
    background-color: #004899;
    padding: 60px 20px 20px;
    border-radius: 20px;
}
.huawei-wallet-lottery .products .wpb_single_image{
    margin-bottom: -40px;
}
.huawei-wallet-lottery .products img {
    max-width: 180px;
    width: 100%;
}
.huawei-wallet-lottery .products p{
    color: #fff;
    font-size: 1.2em;
    line-height: 1em;
    font-family: 'NiveauGroteskBold', sans-serif;
}
.huawei-wallet-lottery h1 {
    font-size: 3.8em;
}
.huawei-wallet-lottery h2 {
    font-size: 2.3em;
}
.huawei-wallet-lottery p{
    color: #004899;
}
.huawei-wallet-lottery .bluecode-service {
    padding: 50px 30px 0;
}
.huawei-wallet-lottery .bluecode-service h2 {
    font-size: 2em;
}
.huawei-wallet-lottery .bluecode-service p{
    font-size: 1.8em;
    line-height: 1.2em;
}
.huawei-wallet-lottery .bluecode-service img {
    max-width: 320px;
    width: 100%;
    margin-top: 30px;
}


/****** HUAWEI WALLET LOTTERY END ****** BORLABS START ******/

#BorlabsCookieBox>div:not(._brlbs-block-content).bottom-center {
    position: fixed;
}
#BorlabsCookieBox ._brlbs-bar {
    box-shadow: 0 -10px 30px rgba(0,0,0,.2);
}
#BorlabsCookieBox .cookie-preference .cookie-logo {
    max-width: 60%;
}

._brlbs-video-youtube{
    margin: 0 !important;
    display: block;
}
.BorlabsCookie ._brlbs-content-blocker ._brlbs-embed ._brlbs-caption {
    padding: 30px;
}
.BorlabsCookie ._brlbs-content-blocker ._brlbs-video-youtube ._brlbs-caption a {
    color: #fff;
}
._brlbs-video-youtube p {
    font-size: 14px;
    font-family: "NiveauGroteskRegular", sans-serif;
    font-weight: normal;
}
._brlbs-video-youtube p + p {
    margin-top: 15px !important;
}

/******* BORLABS END END ****** GRAVITY FORM START *******/


body .gform_wrapper ul li.gfield{
    margin-top: 20px !important;
}
body .gform_wrapper ul li.gfield.no-margin {
    margin: 0 !important;
}
body .gform_wrapper ul li.gfield.acceptance .ginput_container {
    padding-top: 0;
}
body .gform_wrapper .ginput_container{
    margin: 0 !important;
    padding-top: 5px;
}

.gform_wrapper .top_label li label{
    font-size: 15px;
}
.gform_wrapper .top_label li input[type="text"],
.gform_wrapper .top_label li input[type="email"],
.gform_wrapper .top_label li input[type="tel"],
.gform_wrapper .top_label li select,
.gform_wrapper .top_label li textarea{
    background-color: #fff;
    font-family: "NiveauGroteskLight", sans-serif;
    font-weight: normal;
    font-size: 15px !important;
    line-height: 16px !important;
    padding: 16px 13px !important;
    border: 1px solid #ccc;
    color: #444;
    margin: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-transition: all .15s;
    -o-transition: all .15s;
    -moz-transition: all .15s;
    transition: all .15s;
}
.gform_wrapper li select{
    background-color: transparent;
    background-image: url('../img/icon-arrow-black.svg');
    background-repeat: no-repeat;
    background-size: 12px 12px;
    background-position: 95% center;
}

.gform_wrapper .top_label li input:focus,
.gform_wrapper .top_label li select:focus,
.gform_wrapper .top_label li textarea:focus{
    border-color: #004899;
    outline: 0;
}
.gform_wrapper ul.gfield_checkbox li input[type=checkbox]{
    vertical-align: top;
    margin-top: 2px !important;
    width: 16px !important;
    height: 16px;
}

.gform_wrapper .description_above .gfield_description{
    font-size: 14px;
}
.gform_wrapper .description_above .gfield_description h4{
    margin-bottom: 10px;
}
.gform_wrapper .acceptance > label {
    display: none !important;
}
.gform_wrapper .acceptance ul li label{
    font-size: 13px;
    line-height: 1.6em;
    max-width: calc(100% - 40px);
    position: relative;
    top: unset;
    left: unset;
    background-color: transparent;
}

.gform_wrapper li.gfield ul.gfield_radio,
.gform_wrapper ul.gfield_checkbox li,
.gform_wrapper ul.gfield_radio li{
    overflow: visible !important;
    margin: 0;
}
.gform_wrapper .partner-werden li.image-radio input[type="radio"]{
    display: none !important;
}
.gform_wrapper .partner-werden li.image-radio li + li{
    margin-top: 0 !important;
}
.gform_wrapper .partner-werden li.image-radio label {
    padding: 0 10px 14px !important;
    border: 1px solid #ccc;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    text-align: center;
    max-width: 95% !important;
    margin: 0 auto 10px;
    -webkit-transition: 300ms all ease-in-out;
    -o-transition: 300ms all ease-in-out;
    transition: 300ms all ease-in-out;
    overflow: hidden;
}
.gform_wrapper .partner-werden li.image-radio.derzeitiger-partner li:last-child{
    width: 41% !important;
    margin-top: 20px !important;
}
.gform_wrapper .partner-werden li.image-radio.produkte label img {
    margin-bottom: 14px;
    margin-left: -10px;
    display: block;
    width: 120%;
}
.gform_wrapper .partner-werden li.image-radio input[type=radio]:checked+label {
    z-index: 1;
    position: relative;
    -webkit-box-shadow: 0 10px 30px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 10px 30px rgba(0,0,0,0.2);
    box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}
.gform_wrapper .partner-werden li.image-radio input[type=radio]+input[type=text] {
    width: 95% !important;
}

input[type="submit"] {
    display: inline-block;
    font-family: "NiveauGroteskBold", sans-serif;
    font-weight: normal;
    -webkit-appearance: none;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    text-decoration: none !important;
    padding: 10px 30px 11px;
    border: 2px solid #004899;
    font-size: 15px !important;
    line-height: 1.7em;
    -webkit-transition: 300ms all ease-in-out;
    -o-transition: 300ms all ease-in-out;
    transition: 300ms all ease-in-out;
    color: #fff;
    background: #004899;
    cursor: pointer;
}
input[type="submit"]:hover{
    outline: 0;
    -webkit-box-shadow: 0 10px 25px rgba(0,0,0,0.25);
    -moz-box-shadow: 0 10px 25px rgba(0,0,0,0.25);
    box-shadow: 0 10px 25px rgba(0,0,0,0.25);
}
.gform_wrapper input[type="submit"]:focus{
    outline: 0;
}
.gform_wrapper .gfield_required {
    color: #ff3e51;
    display: inline-block !important;
}

.gform_wrapper .nosubmit .button.gform_button {
    display: none !important;
    visibility: hidden;
}

body .gform_wrapper div.validation_error {
    background-color: #f35555;
    color: #fff;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    line-height: 1.2em;
    border: 0 !important;
    padding: 25px;
}
body .gform_wrapper .validation_message {
    color: #f35555;
}
body .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
body .gform_wrapper li.gfield_error textarea {
    border-color: #f35555;
}
body .gform_wrapper li.gfield_error div.ginput_complex.ginput_container label,
body .gform_wrapper li.gfield_error ul.gfield_checkbox,
body .gform_wrapper li.gfield_error ul.gfield_radio,
body .gform_wrapper li.gfield_error .gfield_label{
    color: inherit;
}
body .gform_wrapper .field_description_below .gfield_description {
    padding-top: 0;
    font-size: 12px;
    font-family: "NiveauGroteskRegular", sans-serif;
    font-weight: normal;
}

.gform_wrapper .field_description_below .gfield_consent_description,
.gform_wrapper .gfield_consent_description {
    border: none !important;
    margin-top: 12px;
    padding: 10px 0;
}
body .gform_wrapper li.gfield.gfield_error{
    background-color: transparent;
    margin-bottom: 0 !important;
    border: none !important;
    padding: 0 !important;
}

#gform_fields_7 table.gfield_list tr.gfield_list_row_odd:first-child {
    padding-top: 0;
    margin-top: 0;
}
#gform_fields_7 .ginput_container_list table.gfield_list tbody tr td.gfield_list_icons img {
    width: auto !important;
    height: 16px !important;
    opacity: 1;
}

.gform_wrapper .hidden-hl h2{
    display: none;
    visibility: hidden;
}

/****** GRAVITY FORM END ***** MEDIA QUERIES START ******/


@media (min-width: 600px){
    #bluecode-scheme-members a:after {
        content: 'Learn more';
        position: absolute;
        right: 40px;
        font-family: "NiveauGroteskRegular", sans-serif;
        font-weight: normal;
        font-size: 16px;
        line-height: 25px;
    }
    #bluecode-scheme-members.vc_active a:after {
        content: 'Close';
    }
}

@media (min-width: 768px) and (max-width: 991px){
    br.tablet-hidden{  display: none;  }
    .num {
        margin-top: -50px;
    }
}

@media (min-width: 768px){
    #main>.section.what-is,
    #main>.section.journey{
        padding-top: 0;
        padding-bottom: 0;
    }
    .full-height-col{
        height: 100vh;
    }
    .vertical-center{
        display: flex;
        align-items: center;
    }
    .sticky-top{
        position: -webkit-sticky;
        position: sticky;
        top: 0;
    }
}

@media (min-width: 768px) and (max-width: 1199px){
    #b2b-solutions .vc_column-inner > .wpb_wrapper {
        margin-bottom: 30px;
    }
    .karriere #main #page-title {
        padding: 210px 80px 30px!important;
    }
}

@media (min-width: 992px){
    .canvas-navi-bar, #canvas-nav{
        display: none !important;
    }
    .num {
        margin-top: -100px;
    }
}
@media (min-width: 992px) and (max-width: 1199px){
    br.laptop-hidden{  display: none;  }
    #main-hero:before {
        -webkit-animation: 1s main-hero-bg forwards;
        animation: 1s main-hero-bg forwards;
    }
    .inline-iconbox .iconbox {
        margin-right: 20px;
    }
}

@media (min-width: 1200px) and (max-width: 1399px){
    #main > #b2b-solutions{
        padding-left: 0;
        padding-right: 0;
    }
}
@media (min-width: 1200px) and (max-width: 1300px){
    #main-hero h1, #main-hero .like-h1 {
        font-size: 50px;
    }
}
@media (min-width: 1200px){
    br.desktop-hidden{  display: none;  }
    #main-hero .badge{
        right: -40px;
    }
    .icon-imagebanner .bg-img {
        max-height: 100%;
    }
    #main-hero .badge.storer{
        transform: translate(50%, -50%);
    }
    .menu {
        padding-left: 50px;
    }
    footer .badges{
        text-align: right;
    }
    footer .top-supplier {
        margin: 0 0 0 auto;
    }
}

@media (min-width: 1400px){
    #main-hero .sb-bg-slider-params.sb-slider-data-source-row {
        height: 115%;
    }
    .history .year {
        font-size: 220px;
    }
    .home #main > div:nth-child(3) {
        margin-top: 140px !important;
    }
}

@media (min-width: 2000px){
    .home #main > div:nth-child(3) {
        margin-top: 200px !important;
    }
}

@media (max-width: 1399px){
    #timeline-h .flickity-enabled {
        padding-top: 300px;
    }
    #timeline-h .wpb_content_element, .milestone {
        padding-right: 220px;
    }
    .milestone img {
        height: 300px;
    }
    .spende img.stoerer {
        right: -155px;
    }
    #page-title.bg-img-right .bg-img img {
        right: -249px;
        width: 560px;
    }
    .bigger-badge img {
        left: -19%;
    }
    #ticket-howto .wpb_single_image, #ticket-howto .wpb_text_column:not(.step) {
        margin-left: -50px;
    }
    #ticket-howto.vc_row .wpb_text_column.step:before {
        left: -24px;
    }
}
@media (max-width: 1200px) and (max-height: 870px){
    .home #main > div:nth-child(3) {
        margin-top: 200px !important;
    }
}
@media (max-width: 1199px){
    header #navi .top-nav ul > li {
        margin: 0 16px;
    }
    header #navi .top-nav ul li a {
        font-size: 15px;
    }
    header #navi .top-nav ul > li.button-like a {
        padding: 10px 20px 11px;
        font-size: 15px;
    }
    #main > .section, #main > .vc_row[data-vc-full-width].vc_row-no-padding.section {
        padding: 50px 20px;
    }
    #page > #page-title, #main #page-title:not(.cutted-bg),
    #main > #page-title.cutted-bg{
        padding: 80px 100px;
    }

    #main #page-title p {
        font-size: 18px;
    }
    #page-title .reta {
        right: -90px;
        bottom: -70px;
        width: 90px;
    }
    #main-hero:before {
        width: 160%;
        -webkit-transform: translateX(-47%) translateY(-50%);
        transform: translateX(-47%) translateY(-50%);
    }
    #main-hero .sb-bg-slider-params.sb-slider-data-source-row {
        width: 60%;
    }
    #main-hero .badge.storer{
        transform: translate(0%, -80%);
    }

    h1, .like-h1, #main-hero .like-h1{ font-size: 44px;}
    h2, .like-h2{ font-size: 34px;}
    h3, .like-h3{ font-size: 22px;}

    .large-text p {
        font-size: 17px;
    }
    .button{
        font-size: 14px;
    }

    .badge img {
        height: 40px;
    }
    #tickets-badge {
        right: 0;
        bottom: unset;
        top: -230px;
        width: 220px;
    }
    #ticket-howto .wpb_text_column.step {
        margin-left: 20px;
    }
    #ticket-howto.vc_row .wpb_text_column.step:before {
        left: -5px;
    }
    .iconbox h3 {
        font-size: 16px;
    }

    .business-facts .iconbox h3 {
        margin-bottom: 10px !important;
        font-size: 24px;
    }
    .karriere .benefits .iconbox {
        padding: 35px;
    }
    .iconbox-number {
        left: 80%;
    }
    .spende img.stoerer {
        max-width: 160px;
        top: -35px;
        right: -120px;
    }

    .ctabox {
        padding: 50px;
    }
    .ctabox h2 {
        font-size: 34px;
    }
    #page-title.bg-img-right .bg-img img {
        display: none;
    }
    .bigger-badge img {
        width: 140px;
        left: -20px;
    }

    .device-wrapper.iphone, .device-wrapper.blueboxpro {
        max-width: 260px;
    }
    .testimonial-item {
        max-width: 550px;
        width: 100%;
    }
    .testimonial-slider .flickity-enabled .flickity-prev-next-button.next {
        right: 0;
    }
    .testimonial-slider .flickity-enabled .flickity-prev-next-button.previous {
        left: 0;
    }

    #timeline-h .flickity-slider>:before {
        margin-bottom: 20px;
    }
    #timeline-h .wpb_content_element, .milestone {
        max-width: 600px;
        padding-right: 150px;
    }
    #timeline-h .year h2 {
        font-size: 120px;
    }
    #timeline-h .year h3{
        font-size: 28px;
    }
    .milestone .date {
        font-size: 1.6em;
        margin-bottom: 10px;
    }
    .milestone .main-content h3 {
        font-size: 22px;
    }

    footer .footer-logo {
        margin-bottom: 30px;
    }
    .social-badges>.vc_column-inner {
        flex-direction: column !important;
        align-content: flex-end;
    }
    .social-badges>.vc_column-inner>div{
        width: 100%;
        text-align: right;
    }
}

@media (max-width: 991px){
    html, body{
        font-size: 15px;
    }
    header .content{
        position: relative;
    }
    header #navi{
        display: none;
        visibility: hidden;
    }
    header .sticky .canvas-navi-bar {
        top: 23px;
    }
    .iconbox-number {
        left: 90%;
    }
    #tickets-badge {
        top: -220px;
        width: 180px;
    }
    #ticket-howto .wpb_single_image {
        margin-left: 0;
        max-width: 100%;
    }
    #ticket-howto .wpb_text_column:not(.step) {
        margin-left: 0;
    }
    .app-icon img {
        max-width: 80px;
    }

    .gform_wrapper li.gfield.gf_list_4col ul.gfield_radio li,
    .gform_wrapper li.gfield.gf_list_5col ul.gfield_radio li {
        width: 50% !important;
        display: inline-block;
    }
    .gform_wrapper ul.gfield_radio li label {
        width: 100%;
    }
    #main > #breadcrumbs {
        display: none;
    }

    #main > .vc_row:not([data-vc-full-width]),
    #main > .vc_row[data-vc-full-width] > div[class*="vc_col-"],
    #page > #page-title, #main #page-title:not(.cutted-bg),
    header .content,
    footer .content{
        width: calc(100% - 50px);
    }
    #language-switcher {
        margin: 30px 0;
    }
    #language-switcher .wpml-ls-legacy-dropdown-click {
        float: left;
    }
    #page > #page-title, #main #page-title:not(.cutted-bg),
    #main > #page-title.cutted-bg{
        padding: 60px 80px;
    }
    #page-title .reta {
        right: -70px;
        bottom: -50px;
        width: 70px;
        height: auto;
    }

    #main-hero {
        min-height: 780px !important;
    }
    #main-hero:before {
        -webkit-transform: translateX(0%) translateY(-50%);
        transform: translateX(0%) translateY(-50%);
        left: -10%;
        width: 210%;
    }
    #main-hero .sb-bg-slider-params.sb-slider-data-source-row {
        width: 100%;
    }
    #main-hero .device-wrapper.iphone {
        max-width: 200px;
        margin-bottom: 30px;
    }
    #main-hero {
        min-height: 650px !important;
    }
    #main-hero:before {
        left: -12%;
    }
    #main-hero .main-hero-content {
        top: 140px;
        max-width: 500px;
    }
    #main-hero h1, #main-hero .like-h1{
        font-size: 50px;
    }
    #main-hero h1,
    #main-hero p{
        color: #fff;
    }
    #main-hero p {
        font-size: 17px;
    }
    #main-hero .badge.storer{
        transform: translate(70%, -50%);
    }

    h1, .like-h1{ font-size: 36px;}
    h2, .like-h2{ font-size: 30px;}

    #main .wpb_single_image.shadow img,
    #main .wpb_video_widget.shadow{
        -webkit-box-shadow: 0 15px 20px -10px rgba(0,0,0,0.5);
        box-shadow: 0 15px 20px -10px rgba(0,0,0,0.5);
    }
    .large-text p {
        font-size: 16px;
    }
    .button {
        padding: 10px 20px 11px;
        font-size: 14px;
    }
    .button.border-blue {
        padding: 8px 20px 10px;
    }
    article.post {
        width: 50%;
    }
    .iconbox h3 {
        font-size: 16px;
    }
    .inline-iconbox .iconbox {
        margin-right: 10px;
    }
    .inline-iconbox .iconbox h3 {
        font-size: 14px;
    }
    .icon-imagebanner {
        padding: 150px 40px 40px;
    }
    .count-box-equal > .wpb_column > .vc_column-inner > .wpb_wrapper {
        padding: 30px 20px;
    }
    .business-facts > div + div{
        margin-top: 30px;
    }
    .bigger-badge img {
        position: relative;
        width: 150px;
        top: unset;
        left: unset;
    }
    .ctabox {
        padding: 40px 25px;
    }
    .ctabox h2 {
        font-size: 30px;
    }
    .ctabox .button.border-black {
        padding: 10px 24px 11px;
    }
    .ctabox .button {
        font-size: 15px;
    }
    .device-wrapper.iphone, .device-wrapper.blueboxpro {
        max-width: 250px;
    }
    .device-wrapper.iphone-cutted {
        width: calc(100% + 80px);
        max-width: 394px;
    }
    .device-wrapper.iphone-cutted.align-right,
    .device-wrapper.iphone-cutted.align-center {
        margin: 0 0 0 -80px;
    }
    .device-wrapper.iphone-cutted .cut-wrapper {
        height: 400px;
    }
    .section.bg-rose .button.mt50 {
        margin-top: 10px !important;
    }

    #b2b-benefits .iconbox h3{
        font-size: 14px;
    }
    #akzeptanzstellen.section {
        background-position: 23% 60%;
        background-size: 200%;
    }
    #akzeptanzstellen.section .iconbox {
        min-width: 100px;
        max-width: 140px;
        margin-right: 10px;
    }
    #akzeptanzstellen.section .iconbox h3 {
        max-width: 120px;
        font-size: 13px;
    }

    .imagewall,
    .imagewall-inline > div > .wpb_wrapper{
        grid-template-columns: repeat(5, 1fr);
    }

    .num {
        margin-bottom: -100px;
        margin-left: -30px;
    }
    .num p {
        font-size: 120px;
    }

    .features-nav .flickity-slider p {
        margin: 0 10px;
    }

    .list-item {
        padding: 20px 20px 20px 0;
    }
    .list-item h3 {
        font-size: 18px;
    }
    .list-item p {
        font-size: 14px;
    }

    #timeline:before {
        left: 40px;
    }
    #timeline > div {
        padding-left: 50px;
    }
    #timeline > div > .vc_column-inner > .wpb_wrapper > div:before {
        top: 60px;
        left: -42px;
        margin-left: 0;
        width: 16px;
        height: 16px;
    }
    #timeline .wpb_single_image {
        margin-top: 5%;
        margin-bottom: 5%;
    }
    .history .content {
        margin-top: 20px;
        padding-right: 100px;
    }
    .history .main-content h3 {
        font-size: 32px;
    }


    #timeline-h .flickity-enabled{
        padding-top: 210px;
    }
    #timeline-h .wpb_content_element, .milestone {
        max-width: 360px;
        padding-right: 50px;
    }
    #timeline-h .flickity-slider>:before {
        width: calc(100% + 50px);
    }
    #timeline-h .year h3{
        font-size: 26px;
    }
    .milestone img {
        height: 210px;
    }
    .spende img.stoerer {
        max-width: 125px;
        top: -40px;
        right: -5px;
    }

    footer .funding p {
        max-width: calc(100% - 80px);
    }
    footer .vc_row-fluid:nth-child(2) {
        margin-top: 40px;
        margin-bottom: 20px;
    }
    footer .top-supplier {
        height: 140px;
        margin-top: 20px;
    }
    footer #bottom-menu {
        text-align: left;
    }
    footer #bottom-menu li{
        width: 100%;
        padding: 0;
        display: block;
    }
    footer #bottom-menu li + li {
        border-left: none;
    }
}

@media (max-width: 767px){
    header, header .content {
        height: 80px;
    }
    header .canvas-navi-bar {
        top: 32px;
    }

    header #canvas-nav nav a, header #canvas-nav nav p {
        font-size: 26px;
    }
    header #canvas-nav li.menu-item-has-children>span {
        top: 12px;
        font-size: 28px;
    }
    header #canvas-nav .badges {
        bottom: 20px;
    }
    header #canvas-nav .badges img {
        height: 36px;
    }
    br.mobile-hidden, .mobile-hidden{
        display: none;
    }
    .section > .wpb_column + .wpb_column {
        margin-top: 40px;
    }
    #bluecodefriends.section > .wpb_column + .wpb_column {
        margin-top: 0;
    }
    .section .vc_row.vc_inner > .wpb_column.vc_col-sm-12 + .wpb_column.vc_col-sm-12 {
        margin-top: 20px;
    }
    #main > .vc_row:not([data-vc-full-width]),
    #main > .vc_row[data-vc-full-width] > div[class*="vc_col-"],
    #page > #page-title,
    #main #page-title:not(.cutted-bg),
    header .content,
    footer .content {
        width: calc(100% - 30px);
    }
    .page-template-help #main #page-title:not(.cutted-bg){
        width: 100% !important;
        padding: 40px 30px;
    }
    #main > .vc_row[data-vc-full-width].vc_row-no-padding > div[class*="vc_col-"]{
        width: 100%;
    }
    #main > .vc_row {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    #main > .section,
    #main > .vc_row[data-vc-full-width].vc_row-no-padding.section {
        padding: 40px 0;
    }
    #main > .vc_row-fluid.vc_row-has-fill:last-child,
    #main > .vc_row-fluid[class*="bg-"],
    #main > .vc_row-fluid[class="bg-"] {
        margin-bottom: 40px;
    }

    #main-hero .scroll-next{
        display: none;
    }
    h1, .like-h1{ font-size: 36px;}
    h2, .like-h2{ font-size: 30px;}

    .device-wrapper.iphone, .device-wrapper.blueboxpro {
         max-width: 220px;
    }
    .device-wrapper.align-right {
        margin: 0;
    }
    .device-wrapper.iphone.blue .device-screen, .device-wrapper.iphone-cutted.blue .device-screen {
        -webkit-box-shadow: -5px 5px 20px 0 rgba(0, 0, 0, 0.6), -30px 20px 30px 0 rgba(0, 0, 0, 0.3);
        -moz-box-shadow: -5px 5px 20px 0 rgba(0, 0, 0, 0.6), -30px 20px 30px 0 rgba(0, 0, 0, 0.3);
        box-shadow: -5px 5px 20px 0 rgba(0, 0, 0, 0.6), -30px 20px 30px 0 rgba(0, 0, 0, 0.3);
    }
    .apps-list .wpb_wrapper {
        justify-content: center;
        flex-wrap: wrap;
    }
    .apps-list .iconbox {
        width: 33%;
    }
    .spende .content-box {
        max-width: 400px;
        margin: 0 auto;
    }

    #faq .svg-icon img {
        margin-left: 0;
        width: 130px;
    }
    #main .vc_tta.vc_general .vc_tta-panel-title {
        font-size: 16px;
        line-height: 1.3em;
    }
    #main .vc_tta.vc_general .vc_tta-panel:not(.vc_active) .vc_tta-panel-title>a {
        padding: 15px 20px 15px 0;
        border-bottom: 1px solid #bfbfbf!important;
    }
    .content-box > div + div {
        margin-top: 30px;
    }

    .pricing-box .device-wrapper.iphone-cutted .cut-wrapper {
        height: 340px;
    }
    .ctabox {
        text-align: center;
    }
    .ctabox .button,
    .pricing-box .button{
        font-size: 14px;
        margin-top: 20px;
    }

    .btn-full-width .button {
        width: 100%;
        box-sizing: border-box;
        margin: 0;
    }
    .btn-full-width .button+.button {
        margin-top: 10px;
    }

    .testimonial-item img {
        height: auto;
        max-width: 540px;
        width: 95%;
    }

    .testimonial-item h3 {
        font-size: 24px;
    }
    .testimonial-item h4 {
        font-size: 18px;
    }

    #timeline > div {
        padding-left: 40px;
    }
    #timeline:before {
        left: 30px;
    }
    #timeline > div > .vc_column-inner > .wpb_wrapper > div:before {
        left: -22px;
    }
    .history .main-content h3 {
        font-size: 26px;
    }
    .history .content {
        padding-right: 40px;
    }

    #timeline-h .year h2 {
        font-size: 100px;
    }
    #timeline-h .year h3 {
        font-size: 24px;
    }
    .milestone .main-content h3 {
        font-size: 20px;
    }

    #akzeptanzstellen.section {
        background-position: 30% 70%;
        background-size: 200%;
    }
    #akzeptanzstellen.section .iconbox {
        width: 100%;
    }
    #akzeptanzstellen.section .iconbox * {
        display: inline-block;
        vertical-align: middle;
    }
    #akzeptanzstellen.section .iconbox img{
        width: 70px;
    }
    .karriere #main #page-title {
        padding: 210px 30px 30px!important;
    }
    .team .wpb_column+.wpb_column {
        margin-bottom: 30px;
    }
    .spende img.stoerer {
        right: -60px;
    }

    .imagewall,
    .imagewall-inline > div > .wpb_wrapper{
        grid-template-columns: repeat(4, 1fr);
    }

    #b2b-benefits .vc_row.vc_inner > .wpb_column + .wpb_column {
        margin-top: 0 !important;
    }

    .job-offer {
        padding: 30px 160px 30px 10px;
    }
    .job-offer h3 {
        font-size: 20px;
    }

    .gform_wrapper .ginput_list table tbody tr {
        padding: 0;
        border: 0;
    }
    .gform_wrapper .gfield_list td.gfield_list_cell {
        margin: 0;
    }
    .gform_wrapper .gfield_list td.gfield_list_cell input {
        width: 100%;
        margin: 0;
    }
    .gform_wrapper .gform_fields.form_sublabel_above table.gfield_list td:before{
        font-size: 1em !important;
        letter-spacing: 0;
        font-family: "NiveauGroteskBold", sans-serif;
        font-weight: normal;
        margin: 6px 0 !important;
    }
    .gform_wrapper .ginput_container_list table.gfield_list tbody tr td.gfield_list_icons {
        background-color: transparent;
        position: relative;
        padding: 0 !important;
    }
    .gform_wrapper .ginput_container_list table.gfield_list tbody tr td.gfield_list_icons:before {
        content: '';
        background-color: #ddd;
        width: 100%;
        height: 1px;
        display: block;
        position: absolute;
        top: 5px;
        left: 0;
        z-index: 0;
    }
    .gform_wrapper .ginput_container_list table.gfield_list tbody tr td.gfield_list_icons a {
        background-color: #fff;
        position: relative;
        padding-right: 20px;
    }
    .gform_wrapper .ginput_container_list table.gfield_list tbody tr td.gfield_list_icons img {
        width: auto !important;
        height: 16px !important;
        opacity: 1;
        background-color: #fff;
    }
    article.post {
        width: 100%;
    }
    .single article > div:not(.post-thumbnail){
        padding: 0 15px;
    }
    .single .post h1 {
        font-size: 1.8em;
    }
    .single .post .post-categories span {
        font-size: 0.9em;
    }
    .single .post .post-content {
        margin-bottom: 50px;
    }


    .section.what-is .vertical-center {
        margin-top: 30px;
    }
    .section.what-is .num {
        margin-bottom: -60px;
    }
    .section.what-is .num p {
        line-height: 1;
    }
    .section.journey .device-wrapper {
        margin-left: 0;
    }
    .section.journey .wpb_text_column {
        margin-bottom: 60px;
    }
    .section.journey .vc_empty_space {
        display: none;
    }
    .section.journey .wpb_text_column p + p {
        margin-top: 5px;
    }

    .paytosave #main #page-title h1{
        display: none;
    }
    .paytosave #main #page-title .svg-icon img{
        width: 180px;
    }
    .page-id-4234 .content-box.section>.wpb_column+.wpb_column {
        margin-top: 30px;
    }
    #tickets-badge {
        top: -160px;
        width: 130px;
    }
    #ticket-howto .wpb_text_column.step {
        margin-left: 0;
        margin-top: 30px;
    }
    #ticket-howto.vc_row .wpb_text_column.step:before {
        font-size: 4em;
        left: 14px;
        top: -15px;
    }
    .app-icon img {
        max-width: 70px;
    }

    footer .menu {
        margin-bottom: 20px;
    }
    footer .menu > li {
        width: 50%;
        margin-bottom: 20px;
    }
    footer .vc_row-fluid:nth-child(2) {
        margin-top: 40px;
        margin-bottom: 20px;
    }
    footer .social-badges {
        margin: 20px 0 10px;
    }
    footer .social-badges .social-icons{
        margin-bottom: 15px;
    }
    footer .social-badges>.vc_column-inner {
        padding-left: 0;
    }
    footer .social-badges>.vc_column-inner>div {
        text-align: left;
    }
    footer .social-icons a {
        margin-right: 12px;
    }
    footer .funding {
        text-align: left;
        margin-top: 20px;
    }
    footer .funding img {
        float: left;
    }
    footer .funding p {
        margin: 0 0 0 10px;
        padding: 0;
    }
    footer #bottombar > div:last-child {
        text-align: left;
    }
}

@media (max-width: 600px){
    html, body{
        font-size: 15px;
    }
    .admin-bar.logged-in, .admin-bar.logged-in header .header-wrapper.sticky.shadow {
        top: 0;
    }

    #page > #page-title, #main #page-title:not(.cutted-bg),
    #main > #page-title.cutted-bg{
        padding: 40px 15px;
    }
    #main #page-title.cutted-bg:before {
        height: 80%;
    }
    #page-title .reta {
        position: relative;
        bottom: unset;
        right: unset;
        margin-top: 20px;
    }

    #main-hero:before {
        width: 250%;
    }
    #main-hero .main-hero-content {
        top: 140px;
        width: 100%;
    }
    #main-hero h1, #main-hero .like-h1 {
        font-size: 40px;
    }
    #main-hero p {
        font-size: 16px;
    }
    .button + .button {
        margin-left: 0;
        margin-top: 10px;
        clear: left;
    }
    .ctabox {
        padding: 30px 0;
        -webkit-box-shadow: 0 30px 40px -20px rgba(98,194,161,0.7);
        box-shadow: 0 30px 40px -20px rgba(98,194,161,0.7);
    }
    .ctabox h2 {
        font-size: 26px;
        margin-bottom: 0.35em;
    }
    .ctabox p {
        font-size: 16px;
    }
    .ctabox .button,
    .pricing-box .button{
        box-sizing: border-box;
    }
    .ctabox.appholen {
        text-align: center;
    }

    .inline-iconbox .iconbox {
        max-width: 80px;
        vertical-align: top;
    }
    #main .wpb_single_image.shadow img,
    #main img.shadow,
    #main .wpb_video_widget.shadow{
        -webkit-box-shadow: 0 20px 30px -20px rgba(0,0,0,0.5);
        box-shadow: 0 20px 30px -20px rgba(0,0,0,0.5);
    }
    .icon-imagebanner {
        padding: 90px 15px 30px;
    }
    .icon-imagebanner .bg-img {
        height: 100%;
    }
    .icon-imagebanner h3 {
        font-size: 26px;
    }

    h1, .like-h1{ font-size: 28px;}
    h2, .like-h2{ font-size: 26px;}

    .large-text p {
        font-size: 16px;
    }

    .list-item {
        padding: 20px 0;
    }
    .list-item .content {
        margin-right: 0;
    }
    .list-item .button {
        position: relative;
        top: 0;
        margin-top: 10px;
        width: 100%;
        box-sizing: border-box;
        transform: none;
        right: 0;
        text-align: center;
    }

    .testimonial-item .media {
        height: auto;
        max-width: 90%;
    }
    .testimonial-item .media:before, .testimonial-item .media:after {
        width: 30px;
    }
    .testimonial-item .media:before {
        left: 20px;
        bottom: -20px;
    }
    .testimonial-item .media:after {
        right: 20px;
        top: -20px;
    }
    .testimonial-item img {
        width: 75%;
    }
    .testimonial-slider .flickity-enabled .flickity-prev-next-button.previous {
        left: -20px;
    }
    .testimonial-slider .flickity-enabled .flickity-prev-next-button.next {
        right: -20px;
    }

    #akzeptanzstellen.section {
        background-position: 40% 60%;
        background-size: 300%;
    }
    .features-nav {
        margin-bottom: 0;
        margin-left: -15px;
        margin-right: -15px;
    }
    .features-main .flickity-viewport {
        height: 500px !important;
    }

    #b2b-benefits .vc_row.vc_column-gap-30 {
        margin-left: -15px;
        margin-right: -15px;
    }
    #b2b-benefits .vc_row.vc_column-gap-30>.vc_column_container {
        padding: 0;
    }
    .karriere .flickity-enabled .flickity-prev-next-button {
        width: 45px;
        height: 45px;
    }
    .karriere .image-slider .flickity-prev-next-button .flickity-button-icon {
        width: 35%;
    }
    .flickity-prev-next-button .flickity-button-icon {
        left: 24%;
    }
    .karriere .image-slider .previous .flickity-button-icon {
        left: 40%;
    }
    .karriere .image-slider .flickity-slider .wpb_single_image {
        width: 70%;
    }
    .karriere .image-slider .flickity-page-dots {
        bottom: -65px;
    }
    .karriere .image-slider .flickity-enabled .flickity-button {
        touch-action: manipulation;
    }
    #main-hero .badge.storer{
        transform: translate(0%, -100%);
    }
    .iconbox-number {
        left: 81%;
    }
    #tickets-badge {
        top: -155px;
    }
    .spende img.stoerer {
        position: relative;
        max-width: 145px;
        top: 0;
        right: 0;
        margin: 0 auto;
    }

    footer .menu > li > a, footer .menu > li > p {
        font-size: 16px;
    }
    footer .menu li a {
        font-size: 14px;
    }
    footer #bottombar p, footer #bottom-menu li a {
        font-size: 12px;
    }
    footer #bottombar .dp-logo img {
        height: 20px;
        width: 90px;
    }
}

@media (max-width: 400px) and (max-height: 700px){
    #main-hero:before {
        width: 280%;
    }
}
@media (max-width: 540px){
    #main-hero {
        min-height: 500px !important;
    }
    #main-hero:before {
        width: 280%;
    }
    #main-hero h1, #main-hero .like-h1 {
        font-size: 34px;
    }
    header #branding .logo img, header #branding .logo svg {
        height: 30px;
        margin-top: 5px;
    }
    .imagewall,
    .imagewall-inline > div > .wpb_wrapper{
        grid-template-columns: repeat(3, 1fr);
        grid-column-gap: 10px;
        grid-row-gap: 0;
    }
    .modal-body iframe{
        height: 400px;
    }
    .modal-dialog {
        padding: 10px;
    }
    .modal-content{
        width: 90%;
    }
    #tickets-badge {
        top: -147px;
        width: 115px;
    }
    .pricing-box {
        padding: 20px 10px;
    }
    header #canvas-nav nav a, header #canvas-nav nav p {
        font-size: 24px;
    }
    header #canvas-nav li.menu-item-has-children>span {
        top: 10px;
    }
    .large-text p {
        font-size: 15px;
    }
    .job-offer {
        padding: 20px 10px;
    }
    .job-offer h3 {
        font-size: 20px;
    }
    .job-offer .button {
        position: relative;
        top: 0;
        right: 0;
        margin-top: 10px;
        width: 100%;
        box-sizing: border-box;
        text-align: center;
        padding: 6px 20px 7px;
    }
    .post-date+.social-share {
        margin-left: 0;
        padding-left: 0;
        border-left: 0;
        margin-top: 15px;
        display: block;
    }
    .team-wrapper{
        margin-top: 20px;
    }
    .team-wrapper .wpb_single_image{
        margin-bottom: 10px;
    }
    .team-wrapper h3{
        font-size: 1.1em;
        margin-bottom: 0;
    }
    .team-wrapper p{
        font-size: 0.9em;
        margin-bottom: 30px !important;
    }
    .page-id-4234 #page-title .vc_empty_space {
        height: 120px!important;
    }

}

@media (max-width: 460px) {
    .blueweek .badge img,
    .advent .badge img{
        height: 40px;
    }

    .blueweek .stoerer img {
        top: -40px;
        height: 70px;
    }
    .advent .stoerer img {
        top: -50px;
        height: 80px;
        right: -15px;
    }

    #timeline-h .flickity-enabled{
        padding-top: 200px;
    }
    .milestone img {
        height: auto;
        width: calc(100% - 50px);
    }
    #timeline-h .flickity-prev-next-button .flickity-button-icon {
        width: 30px;
        height: 30px;
    }
    .apps-list .iconbox {
        width: 50%;
    }

    .huawei-wallet-lottery h1 {
        font-size: 3em;
    }
    .huawei-wallet-lottery h2 {
        font-size: 1.6em;
    }
    .huawei-wallet-lottery .bluecode-service h2 {
        font-size: 1.8em;
    }
    .huawei-wallet-lottery .bluecode-service p {
        font-size: 1.3em;
    }
    .karriere #main #page-title {
        padding: 210px 10px 30px!important;
    }
    .karriere .image-slider .flickity-slider .wpb_single_image {
        width: 80%;
    }
    .karriere .flickity-enabled .flickity-prev-next-button {
        width: 35px;
        height: 35px;
    }
    .karriere .image-slider .flickity-page-dots {
        bottom: -35px;
    }
    .karriere .image-slider .flickity-enabled .flickity-prev-next-button.next {
        right: -23px;
    }
    .karriere .image-slider .flickity-enabled .flickity-prev-next-button.previous {
        left: -23px;
    }
    .karriere .team .vc_tta-container .content-box>.vc_column-inner>.wpb_wrapper {
        padding: 10px 10px 40px 0;
    }
    .karriere #main .team .vc_tta.vc_general .vc_tta-panel-body {
        padding: 0 15px;
    }
    #tickets-badge {
        top: -140px;
        width: 110px;
    }
}
@media (max-width: 420px) {
    .mb5.less-mb {
        margin-bottom: -5px !important;
    }
}
@media (max-width: 320px){
    #page > #page-title, #main #page-title:not(.cutted-bg), #main > #page-title.cutted-bg {
        padding: 40px 0;
    }
    #main #page-title p {
        font-size: 16px;
    }
    #main-hero .main-hero-content {
        top: 50px;
    }
    #main-hero:before {
        width: 270%;
        left: -12%;
    }
    #main-hero h1, #main-hero .like-h1 {
        font-size: 30px;
    }
    #main-hero .badge.storer {
        transform: translate(0,-100%);
        width: 120px;
    }
    .inline-iconbox .iconbox {
        max-width: 70px;
    }
    header #canvas-nav nav a, header #canvas-nav nav p {
        font-size: 20px;
    }
    html, body, .large-text p {
        font-size: 14px;
    }
}