/* ### Fonts ### */

/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lato-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v17-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/lato-v17-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v17-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v17-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-900 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/lato-v17-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v17-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v17-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v17-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v17-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v17-latin-900.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/lato-v17-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v17-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v17-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v17-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v17-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v17-latin-italic.svg#Lato') format('svg'); /* Legacy iOS */
}

/* #############

### GENERAL ### 

################ */
body {
    font-family: "Lato", Arial, sans serif;
	font-size:18px;
	font-weight:400;
	line-height:28px;
	color:#1C1C1C;
}

h1, h2, h3, h4, h5, h6 {
	color:#1C1C1C;
	font-weight:700;
	margin-bottom:24px;
}

h1 {
	font-size: 54px;
	line-height:66px;
}

h2 {
	font-size: 43px;
	line-height:53px;
}

h3 {
	font-size: 35px;
	line-height:40px;
}

h4 {
	font-size: 28px;
	line-height:36px;
}

#clouds h2,
h2.mb-2 {
	margin-bottom:82px !important;
}

#weteam h2 {
	margin-bottom:75px !important;
}

a {
	color:#00C5E7;
}

a:hover,
a:focus,
a:active {
	color:#00465C;
  	text-decoration:none;
}

main {
    flex: 1;
}

::-moz-selection {
  color: #fff; background: #00465C;
}

::-webkit-selection {
  color: #fff; background: #00465C;
}

::selection {
  color: #fff; background: #00465C;
}

/* Button Styles */

.btn {
	font-size:22px;
	font-weight:700;
	border-radius:50px;
	padding: 12px 37px 13px;
}

.btn-primary {
	color:#fff;
	background:#00AE31;
	border:1px solid #00AE31;
	outline:0 !important;
	box-shadow:0 4px 6px rgba(0,0,0,.2) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
	color:#fff;
	background:#00701F !important;
	border:1px solid #00701F;
}

.btn-secondary {
	color:#00465C;
	background:transparent;
	border:1px solid #00465C !important;
	outline:0 !important;
	box-shadow:none !important;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active {
	color:#fff;
	background:#00465C !important;
}

.btn-secondary.btn-white {
	color:#fff;
	background:transparent;
	border:1px solid #fff !important;
	outline:0 !important;
	box-shadow:none !important;
}

.btn-secondary.btn-white:hover,
.btn-secondary.btn-white:focus,
.btn-secondary.btn-white:active {
	color:#fff !important;
	background:#00465C !important;
	border:1px solid #00465C !important;
}

.btn .arrow{
	display: inline-block;
    margin-left: 22px;
	margin-top:-1px;
}

.btn-secondary .arrow svg{
	ms-fill:#00465C;
	fill:#00465C;
}

.btn-secondary:hover .arrow svg,
.btn-secondary:focus .arrow svg,
.btn-secondary:active .arrow svg{
	ms-fill:#fff;
	fill:#fff;
}

.btn-secondary.btn-white .arrow svg{
	ms-fill:#fff;
	fill:#fff;
}

.btn-secondary.btn-white:hover .arrow svg,
.btn-secondary.btn-white:focus .arrow svg,
.btn-secondary.btn-white:active .arrow svg{
	ms-fill:#fff !important;
	fill:#fff !important;
}

.btn-dropdown {
	display:inline-block;
	color:#1C1C1C !important;
	font-size:24px;
	line-height:34px;
	font-weight:700;
	text-decoration:none !important;
	padding-bottom:4px;
	padding-right:34px;
	margin:0 auto;
	background:url("../images/arrow-dropdown.svg")no-repeat right 9px;
	border-bottom:2px solid #1C1C1C;
	-o-transition: -o-transform .4s ease-out;
    -ms-transition: -ms-transform .4s ease-out;
    -moz-transition: -moz-transform .4s ease-out;
    -webkit-transition: -webkit-transform .4s ease-out;
    transition: transform .4s ease-out;
}

.btn-dropdown[aria-expanded="true"] {
	background:url("../images/arrow-dropdown-flip.svg")no-repeat right 9px;
}

.bg-gradient {	
	background: rgb(0,81,126);
	background: linear-gradient(90deg, rgba(0,81,126,1) 0%, rgba(0,167,196,1) 100%);
}

.bg-gradient h2,
.bg-gradient h3,
.bg-gradient h4,
.bg-gradient h5,
.bg-gradient h6,
.bg-gradient p {
	color:#fff;
}

.no-padd {
	padding:0 !important;
}

.no-padd-top {
	padding-top:0 !important;
}

.no-padd-bottom {
	padding-bottom:0 !important;
}

.padd-bottom {
	padding-bottom:95px;
}

.img-round {
    border-radius:100%;
}

hr {
    margin-top:66px;
    margin-bottom:66px;
  	background:#989898;
}
/* ###########

### HEADER ### 

############## */

#header {
	position:fixed;
	top:0;
	width:100%;
	background:#fff;
    background: rgba(255,255,255,.0);
	-o-transition:background .6s ease-out;
	-ms-transition:background .6s ease-out;
	-moz-transition:background .6s ease-out;
	-webkit-transition:background .6s ease-out;
	transition:background .6s ease-out;
	z-index:999;
}

#header.nav-open,
#header.sticky {
    background: rgba(255,255,255,1);
	box-shadow: 0 4px 15px rgba(0,0,0,.1);
}

/* ###############

### NAVIGATION ### 

################## */

#header .navbar-expand-lg .navbar-collapse {
    justify-content: center;
    justify-content: flex-end;
}

.navbar {
    position: initial;
    padding: 13px 15px;
  	min-height:87px;
}

.navbar-logo {
	margin-top:-5px;
}

#header .navbar-toggler {
	outline:0;
	border:0;
}

#header .navbar-toggler .icon-bar{
	display:block;
	width:30px;
	height:2px;
	background:#fff;
	margin:0 0 6px;
	-o-transition:all .4s ease-out;
	-ms-transition:all .4s ease-out;
	-moz-transition:all .4s ease-out;
	-webkit-transition:all .4s ease-out;
	transition:all .4s ease-out;
}

#header .navbar-toggler .icon-bar:last-child{
	margin:0;
}

#header.nav-open .navbar-toggler .icon-bar,
#header.sticky .navbar-toggler .icon-bar{
	background:#1C1C1C;
}

#header.nav-open .navbar-toggler .icon-bar:nth-child(2) {
	width:0;
}

#header.nav-open .navbar-toggler .icon-bar:first-child {
	-ms-transform:translate(0px, 8px) rotate(45deg);
	-moz-transform:translate(0px, 8px) rotate(45deg);
	-webkit-transform:translate(0px, 8px) rotate(45deg);
	transform:translate(0px, 8px) rotate(45deg);
}

#header.nav-open .navbar-toggler .icon-bar:last-child {
	-ms-transform:translate(0px, -8px) rotate(-45deg);
	-moz-transform:translate(0px, -8px) rotate(-45deg);
	-webkit-transform:translate(0px, -8px) rotate(-45deg);
	transform:translate(0px, -8px) rotate(-45deg);
}

#header .navbar-logo #logo {
	height: 66px;
	height: 43px;
	width:auto;
	/*margin-left:-21px;*/
}
	
#header.nav-open #logo,
#header.sticky #logo {
	fill:#1C1C1C;
}

#header .navbar-logo {
	font-size:33px;
	line-height:33px;
	font-weight:700;
	text-decoration:none !important;
	color:#fff;
	-o-transition:color .4s ease-out;
	-ms-transition:color .4s ease-out;
	-moz-transition:color .4s ease-out;
	-webkit-transition:color .4s ease-out;
	transition:color .4s ease-out;
}

#header.nav-open .navbar-logo,
#header.sticky .navbar-logo {
	color:#1C1C1C;
}

.nav-item {
	margin:0 11px;
}

.nav-item:last-child {
	margin-right:0;
}

#header .main-menu-link {
    font-size: 18px;
    color: #fff !important;
	padding-left:0;
	padding-right:0;
}

#header .main-menu-link.active {
    font-weight:700;
	text-decoration:none;
}

.main-menu {
	margin-right:40px;
}

#header.nav-open .main-menu-link,
#header.sticky .main-menu-link{
    color: #1C1C1C !important;
}

#header.nav-open .main-menu-link.active:hover,
#header.nav-open .main-menu-link.active:focus,
#header.nav-open .main-menu-link.active:active,
#header.nav-open .main-menu-link:hover,
#header.nav-open .main-menu-link:focus,
#header.nav-open .main-menu-link:active,
#header.sticky .main-menu-link.active:hover,
#header.sticky .main-menu-link.active:focus,
#header.sticky .main-menu-link.active:active,
#header.sticky .main-menu-link:hover,
#header.sticky .main-menu-link:focus,
#header.sticky .main-menu-link:active,
#header .main-menu-link.active:hover,
#header .main-menu-link.active:focus,
#header .main-menu-link.active:active,
#header .main-menu-link:hover,
#header .main-menu-link:focus,
#header .main-menu-link:active {
    color:#00C5E7 !important;
	text-decoration:none;
}

#header .right-menu{
	list-style:none;
	padding:0;
	margin:0;
	align-items:baseline;
	margin-top:3px;
}

#header .right-menu li{
	display:inline-block;
}

#header .right-menu a {
	color:#fff;
}
#header .right-menu .border-link {
	position:relative;
	font-size:17px;
	color: #fff;
	font-weight:700;
	text-decoration:none;
	margin-right:23px;
}

#header .right-menu .border-link:after {
	position:absolute;
	bottom:-2px;
	left:0;
	width:100%;
	height:1px;
	content:" ";
	background:#fff;
}

#header .header-right.user-account-link {
  color:#fff;
}

#header.nav-open .header-right.user-account-link,
#header.sticky .header-right.user-account-link {
	color: #1C1C1C;
}

#header.nav-open .right-menu .border-link,
#header.sticky .right-menu .border-link {
	color: #1C1C1C;
}

#header.nav-open .right-menu .border-link:after,
#header.sticky .right-menu .border-link:after {
	background:#1C1C1C;
}

#header .right-menu .btn {
	font-size:18px;
	padding: 6px 22px 6px;
	margin-top:-1px;
}

.scroller img {
	-o-transition:all .4s ease-out;
	-ms-transition:all .4s ease-out;
	-moz-transition:all .4s ease-out;
	-webkit-transition:all .4s ease-out;
	transition:all .4s ease-out;
}

.scroller img:hover,
.scroller img:focus,
.scroller img:active {
	-o-transform:scale(1.05);
	-ms-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-webkit-transform:scale(1.05);
	transform:scale(1.05);
}

/* #############

### CONTENTS ### 

################ */

main {
}

main #hero-stage{
	padding-top:88px;
	background: rgb(0,167,196);
	background: -moz-radial-gradient(circle, rgba(0,167,196,1) 0%, rgba(0,81,126,1) 100%);
	background: -webkit-radial-gradient(circle, rgba(0,167,196,1) 0%, rgba(0,81,126,1) 100%);
	background: radial-gradient(circle, rgba(0,167,196,1) 0%, rgba(0,81,126,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00a7c4",endColorstr="#00517e",GradientType=1);
	/*min-height:966px;
	align-items:center;*/
	overflow:hidden;
}

main #hero-stage #hero-intro {
	position:relative;
	padding-top:0;
	padding-bottom:148px;
	padding-bottom:62px;
}

main #hero-stage #hero-intro .container{
	padding:0 15px;
}

main #hero-stage .intro-start .text-col {
	padding-top:153px;
}

main #hero-stage .intro-start .img-col {
    padding-top: 91px;
}

main #hero-stage h1,
main #hero-stage h2,
main #hero-stage p {
	color:#fff;
}

main #hero-stage .bg-white h2,
main #hero-stage .bg-white p {
	color:#1C1C1C;
}

main #hero-stage .text-col p {
	font-size:22px;
	line-height:34px;
}

main #hero-stage .word-slider {
	display: inline-block;
    width: auto;
	height:34px;
	font-size:22px;
	line-height:34px;
    overflow: hidden;
    margin-top: -13px;
    margin-top:-204px;
    margin-bottom: -9px;
}

main #hero-stage .word-slider span{
	display: block;
	color:#fff;
    font-weight:700;
}

main #hero-stage .word-slider .word-slider-wrap{
	-moz-animation: word-slide 10s 2s ease-out infinite;
	-webkit-animation: word-slide 10s 2s ease-out infinite;
	animation: word-slide 10s 2s ease-out infinite;
}

@keyframes word-slide {
	0% {
		margin-top:-204px;
	}
	
	8% {
		margin-top:-204px;
	}
	
	16% {
		margin-top:-170px;
	}
	
	24% {
		margin-top:-170px;
	}
	
	32% {
		margin-top:-136px;
	}
	
	40% {
		margin-top:-136px;
	}
	
	48% {
		margin-top:-102px;
	}
	
	57% {
		margin-top:-102px;
	}
	
	65% {
		margin-top:-68px;
	}
	
	73% {
		margin-top:-68px;
	}
	
	82% {
		margin-top:-34px;
	}
	
	91% {
		margin-top:-34px;
	}

	100% {
		margin-top:0px;
	}
}

@-moz-keyframes word-slide {
	0% {
		margin-top:-204px;
	}
	
	8% {
		margin-top:-204px;
	}
	
	16% {
		margin-top:-170px;
	}
	
	24% {
		margin-top:-170px;
	}
	
	32% {
		margin-top:-136px;
	}
	
	40% {
		margin-top:-136px;
	}
	
	48% {
		margin-top:-102px;
	}
	
	57% {
		margin-top:-102px;
	}
	
	65% {
		margin-top:-68px;
	}
	
	73% {
		margin-top:-68px;
	}
	
	82% {
		margin-top:-34px;
	}
	
	91% {
		margin-top:-34px;
	}

	100% {
		margin-top:0px;
	}
}

@-webkit-keyframes word-slide {
	0% {
		margin-top:-204px;
	}
	
	8% {
		margin-top:-204px;
	}
	
	16% {
		margin-top:-170px;
	}
	
	24% {
		margin-top:-170px;
	}
	
	32% {
		margin-top:-136px;
	}
	
	40% {
		margin-top:-136px;
	}
	
	48% {
		margin-top:-102px;
	}
	
	57% {
		margin-top:-102px;
	}
	
	65% {
		margin-top:-68px;
	}
	
	73% {
		margin-top:-68px;
	}
	
	82% {
		margin-top:-34px;
	}
	
	91% {
		margin-top:-34px;
	}

	100% {
		margin-top:0px;
	}
}

#hero-stage .btn {
	margin-top:42px;
}

#hero-stage section {
	position:relative;
	margin:0 auto;
	padding:86px 0 94px;
	padding:86px 0 86px;
	background-size:100% 911px;
}


main #hero-stage .intro-start .img-fullwidth {
	padding-top:92px;
}

main #hero-stage .intro-start .hero-graphic {
	position:relative;
}

main #hero-stage .intro-start .background-ani {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	z-index:0;
}

main #hero-stage .intro-start .background-ani .cloud-ani-left {
	top:308px;
	left:19px;
	-moz-animation:cloud-ani-left 10s ease-out infinite;
	-webkit-animation:cloud-ani-left 10s ease-out infinite;
	animation:cloud-ani-left 10s ease-out infinite;
}

main #hero-stage .intro-start .background-ani .cloud-ani-right {
	top:105px;
	right:-21px;
	-moz-animation:cloud-ani-right 12s ease-out infinite;
	-webkit-animation:cloud-ani-right 12s ease-out infinite;
	animation:cloud-ani-right 12s ease-out infinite;
}

main #hero-stage .intro-start .background-ani img{
	position:absolute;
	width:auto;
	height:105px;
}

main #hero-stage .intro-start .background {
	position:relative;
	z-index:1;
}

main #hero-stage .intro-start .foreground-ani {
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	z-index:2;
}

main #hero-stage .intro-start .foreground-ani img{
	position:absolute;
	width:70px;
	height:auto;
}

main #hero-stage .intro-start .foreground-ani .logo-ani-one {
	top: 166px;
    left: 30px;
	top: 158px;
    left: 44px;
	-moz-animation:logo-ani-one 3s ease-out infinite;
	-webkit-animation:logo-ani-one 3s ease-out infinite;
	animation:logo-ani-one 3s ease-out infinite;
}

main #hero-stage .intro-start .foreground-ani .logo-ani-two {
	top: 0px;
    right: 116px;
	top: 8px;
    right: 98px;
	-moz-animation:logo-ani-two 4s ease-out infinite;
	-webkit-animation:logo-ani-two 4s ease-out infinite;
	animation:logo-ani-two 4s ease-out infinite;
}

main #hero-stage .intro-start .foreground-ani .logo-ani-three {
	bottom: 162px;
    right: 19px;
	bottom: 165px;
    right: -3px;
	-moz-animation:logo-ani-three 5s ease-out infinite;
	-webkit-animation:logo-ani-three 5s ease-out infinite;
	animation:logo-ani-three 5s ease-out infinite;
}

@keyframes cloud-ani-left{
	0% {
		transform:translateY(0px);
	}
	
	50% {
		transform:translateY(-25px);
	}
	
	100% {
		transform:translateY(0px);
	}
}

@-moz-keyframes cloud-ani-left{
	0% {
		transform:translateY(0px);
	}
	
	50% {
		transform:translateY(-25px);
	}
	
	100% {
		transform:translateY(0px);
	}
}

@-webkit-keyframes cloud-ani-left{
	0% {
		transform:translateY(0px);
	}
	
	50% {
		transform:translateY(-25px);
	}
	
	100% {
		transform:translateY(0px);
	}
}

@keyframes cloud-ani-right{
	0% {
		transform:translateY(0px);
	}
	
	50% {
		transform:translateY(25px);
	}
	
	100% {
		transform:translateY(0px);
	}
}

@-moz-keyframes cloud-ani-right{
	0% {
		-moz-transform:translateY(0px);
	}
	
	50% {
		-moz-transform:translateY(25px);
	}
	
	100% {
		-moz-transform:translateY(0px);
	}
}

@-webkit-keyframes cloud-ani-right{
	0% {
		-webkit-transform:translateY(0px);
	}
	
	50% {
		-webkit-transform:translateY(25px);
	}
	
	100% {
		-webkit-transform:translateY(0px);
	}
}

@keyframes logo-ani-one{
	0% {
		transform:translateY(0px);
	}
	
	50% {
		transform:translateY(10px);
	}
	
	100% {
		transform:translateY(0px);
	}
}

@-moz-keyframes logo-ani-one{
	0% {
		-moz-transform:translateY(0px);
	}
	
	50% {
		-moz-transform:translateY(10px);
	}
	
	100% {
		-moz-transform:translateY(0px);
	}
}

@-webkit-keyframes logo-ani-one{
	0% {
		-webkit-transform:translateY(0px);
	}
	
	50% {
		-webkit-transform:translateY(10px);
	}
	
	100% {
		-webkit-transform:translateY(0px);
	}
}

@keyframes logo-ani-two{
	0% {
		transform:translateY(0px);
	}
	
	50% {
		transform:translateY(-10px);
	}
	
	100% {
		transform:translateY(0px);
	}
}

@-moz-keyframes logo-ani-two{
	0% {
		-moz-transform:translateY(0px);
	}
	
	50% {
		-moz-transform:translateY(-10px);
	}
	
	100% {
		-moz-transform:translateY(0px);
	}
}

@-webkit-keyframes logo-ani-two{
	0% {
		-webkit-transform:translateY(0px);
	}
	
	50% {
		-webkit-transform:translateY(-10px);
	}
	
	100% {
		-webkit-transform:translateY(0px);
	}
}

@keyframes logo-ani-three{
	0% {
		transform:translateY(0px);
	}
	
	50% {
		transform:translateY(10px);
	}
	
	100% {
		transform:translateY(0px);
	}
}

@-moz-keyframes logo-ani-three{
	0% {
		-moz-transform:translateY(0px);
	}
	
	50% {
		-moz-transform:translateY(10px);
	}
	
	100% {
		-moz-transform:translateY(0px);
	}
}

@-webkit-keyframes logo-ani-three{
	0% {
		-webkit-transform:translateY(0px);
	}
	
	50% {
		-webkit-transform:translateY(10px);
	}
	
	100% {
		-webkit-transform:translateY(0px);
	}
}

main #hero-stage #hero-intro .scroller{
	position:absolute;
	width:74px;
	height:74px;
	bottom:-41px;
	left:0;
	right:0;
	margin:0 auto;
	z-index:1;
}

main #hero-stage #hero-intro .scroller img{
	width:74px;
	height:auto;
}

#hero-stage #weteam {
	/*padding-top:0;*/
    padding-bottom:104px;
}

section .container{
  position:relative;
}

section .scroller{
	position:absolute;
	width:74px;
	height:74px;
	top:-33px;
	left:0;
	right:0;
	margin:0 auto;
	z-index:3;
}

.content {
	border-radius:15px;
}

.benefits {
	margin-bottom:104px;
}

.benefits .content{
	padding:96px 0 43px;
}

.benefit-teaser {
	margin-bottom:55px;
	margin-bottom:66px;
}

.benefit-teaser .heading {
	display:flex;
}

.benefit-teaser .heading .icon-col{
	padding:0 27px 0 10px;
}

.benefit-teaser .heading h3{
	font-size:22px;
	line-height:30px;
	margin-bottom:14px;
}

#hero-stage .benefit-teaser p {
	font-size:18px;
	line-height:28px;
}

#clouds {
	padding-top:138px;
	padding-bottom:140px;
}

/* SLICK SLIDER */

.carousel-item {
	font-size:14px;
	color:#8d8d8d;
	text-align:center;
}

.slick-slide img {
    margin: 0 auto 14px;
}

.slick-arrow {
	position:absolute;
	top:50%;
	top:18px;
	-webkit-appearance:none;
	width:88px;
	height:88px;
	font-size:0px !important;
	background:transparent;
	border:0 !important;
	outline:0 !important;
	background-size:100% auto;
	background-position:center center;
	background-repeat:no-repeat;
	-o-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out;
}

.slick-arrow:hover {
	-o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.slick-next {
	right:-126px;
	background-image:url("../images/slick-next.svg");
}

.slick-prev {
	left:-126px;
	background-image:url("../images/slick-prev.svg");
}

#cta-box {
	align-items:center;
	padding-bottom:43px;
}

#cta-box .content{
	background: rgb(0,81,126);
	background: -moz-linear-gradient(90deg, rgba(0,81,126,1) 0%, rgba(0,167,196,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(0,81,126,1) 0%, rgba(0,167,196,1) 100%);
	background: linear-gradient(90deg, rgba(0,81,126,1) 0%, rgba(0,167,196,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00517e",endColorstr="#00a7c4",GradientType=1);
}

#cta-box.dir-r-l .content{
	background: rgb(0,81,126);
	background: -moz-linear-gradient(270deg, rgba(0,81,126,1) 0%, rgba(0,167,196,1) 100%);
	background: -webkit-linear-gradient(270deg, rgba(0,81,126,1) 0%, rgba(0,167,196,1) 100%);
	background: linear-gradient(270deg, rgba(0,81,126,1) 0%, rgba(0,167,196,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00517e",endColorstr="#00a7c4",GradientType=1);
}

#cta-box .content .text-col {
	color:#fff;
	padding:0 87px;
}

#cta-box .content .text-col h2{
	color:#fff;
	margin-bottom:42px;
}

#cta-box img{
	border-radius:15px;
}
/*
#cta-box .btn-secondary{
	color:#fff;
	border:1px solid #fff !important;
}

#cta-box .btn-secondary:hover,
#cta-box .btn-secondary:focus,
#cta-box .btn-secondary:active{
	color:#00465C;
	background:#fff !important;
}*/

.v-center {
	align-items:center;
}

.img-col .ce-gallery,
.img-col .ce-gallery .ce-column,
.img-col .ce-gallery figure,
.img-fullwidth .ce-gallery,
.img-fullwidth .ce-gallery .ce-column,
.img-fullwidth .ce-gallery figure {
	width:100%;
}

.img-col .ce-gallery img,
.img-fullwidth .ce-gallery img {
	width:100%;
	height:auto;
}

#weteam-functions .row {
	padding:35px 0;
}

#weteam-functions .first .text-col,
#weteam-functions .third .text-col {
	padding-left:37px;
}

#weteam-functions .second .text-col {
	padding-right:38px;
}

#testimonials {
	padding-top:116px;
	padding-bottom:112px;
}

#testimonials h2 {
	margin-bottom:70px;
}

.testimonial-col {
	border-radius:15px;
	font-style:italic;
	box-shadow:10px 10px 30px rgba(0,0,0,.1);
	background:url("../images/quote.svg")no-repeat top left #fff;
	background-position:50px 48px;
	padding:124px 30px 43px 50px;
}

.testimonial-col .author {
	display:flex;
	margin-top:89px;
}

.testimonial-col .author p {
	line-height:28px;
	margin:0;
}

.testimonial-col .author-pic{
	width:74px;
	height:74px;
	border-radius:74px;
	margin-right:28px;
	width:84px;
	height:84px;
	border-radius:84px;
	margin-right:20px;
  	overflow:hidden;
}

.testimonial-col .author-pic img{
	width:84px;
	height:84px;
  	max-width:initial;
}

.testimonial-col .author-info{
	font-style:normal;
}

#cta-start-bottom {
	padding:186px 0 194px;
	background:url("../images/nutze-weteam-unverbindlich-und-kostenfrei.png")no-repeat center center #fff;
	background-size:1440px auto;
}

#cta-start-bottom h2 {
	margin-bottom:27px;
}

#cta-start-bottom p {
	font-size:22px;
	line-height: 34px;
	margin-bottom:43px;
}

#cta-start-bottom .btn {
	display:inline-block;
	margin:0 auto;
}

/* ### PRICING PAGE ### */

#hero-stage #hero-pricing {
	position:relative;
	margin:0 auto;
	/*padding:100px 0 83px;*/
	background-size:100% 911px;
}

/*
#hero-pricing * {
	margin-bottom:0 !important;
	margin-top:0 !important;
}*/

#hero-pricing .container{
	position:relative;
	max-width:1102px;
	margin:0 auto;
	/*padding:100px 0;*/
	z-index:1;
}

#hero-pricing:after {
	position:absolute;
	width:100%;
	height:100%;
	top:824px;
	left:0;
	content:" ";
	background:#fff;
	z-index:0;
}

#hero-pricing h1{
	margin-bottom:29px;
}

#hero-pricing p{
	font-size:22px;
	line-height:34px;
	margin-bottom:51px;
}

#hero-pricing .pricing-switch {
	position:relative;
	display:inline-block;
	color:#fff;
	border:1px solid #fff;
	border-radius:50px;
	height:50px;
	margin-bottom:64px;
	overflow:hidden;
}

#hero-pricing .pricing-switch:after{
	display:inline-block;
	position:absolute;
	top:0;
	content:" ";
	background:#fff;
	width:248px;
	height:50px;
	border-radius:50px;
	-o-transition: left .4s ease-out;
    -ms-transition: left .4s ease-out;
    -moz-transition: left .4s ease-out;
    -webkit-transition: left .4s ease-out;
    transition: left .4s ease-out;
	z-index:1;
}

#hero-pricing .pricing-switch.show-yearly:after{
	left:252px
}

#hero-pricing .pricing-switch.show-monthly:after{
	left:0;
}

#hero-pricing .pricing-switch span{
	display:inline-block;
	position:relative;
	padding:10px 26px;
	border-radius:50px;
	font-weight:700;
	cursor:pointer;
	width:248px;
	-o-transition: color .4s ease-out;
    -ms-transition: color .4s ease-out;
    -moz-transition: color .4s ease-out;
    -webkit-transition: color .4s ease-out;
    transition: color .4s ease-out;
	z-index:2;
}

#hero-pricing .pricing-switch:hover{
	background:rgba(255,255,255,.2);
}

#hero-pricing .pricing-switch span.active{
	color:#00465C;
}

#hero-pricing .pricing-col {
	border-radius:15px;
	background:#fff;
	height:calc(100%);
	box-shadow: 10px 10px 30px rgb(0, 0, 0, .1);
	padding:50px 31px 39px;
	border:3px solid #fff;
}

#hero-pricing .plus .pricing-col {
	border:3px solid #24dfff;
}

#hero-pricing .pricing-col h2 {
	text-transform:uppercase;
	font-size:22px;
	font-weight:900;
	color:#1C1C1C;
	margin-bottom:3px;
}

#hero-pricing .pricing-col h3 {
	font-size:78px !important;
	line-height:78px;
	margin-bottom:31px;
}

.monthly, .yearly {
	display:none;
	font-weight:900;
}

.monthly.active, .yearly.active {
	display:inline-block;
}

#hero-pricing .pricing-col p {
  	color:#1C1C1C;
	margin-bottom:24px;
}


#hero-pricing #pricing-col-add-info-right p,
#hero-pricing #pricing-col-add-info-right p {
  	font-size:16px;
  	line-height:24px;
  	color:#1C1C1C;
  	max-width:310px;
  	margin:44px auto 0px; 
}

#hero-pricing .pricing-col p em{
	display:block;
	font-size:12px;
	font-size:11px;
	line-height:16px;
	font-style:normal;
	color:#8d8d8d;
	margin-bottom:-40px;
	text-align:center;
}
main #hero-pricing .btn {
    margin-top: 49px;
    font-size: 21px;
}

#hero-pricing .pricing-left .btn {
	min-width:270px;
	margin-bottom:19px;
}

#hero-pricing .pricing-right .btn {
	/*min-width:307px;*/
	
    min-width:270px;
	margin-bottom:22px;
}

#hero-pricing .pricing-col h4 {
	display:inline-block;
	max-width:318px;
	min-height:46px;
	font-size:16px;
	font-weight:400;
	line-height:23px;
	text-align:left;
	/*padding-left:20px;
	background:url("../images/i-Icon.svg")no-repeat left 4px;
	background-size:17px auto;*/
	margin-bottom:40px;
}

#hero-pricing .pricing-col h4 img {
  width:17px;
  height:auto;
  margin-bottom:1px;
  margin-right: 6px;
}

#hero-pricing .pricing-col ul{
	max-width:310px;
	list-style:none;
	font-size:16px;
	font-size:15px;
	line-height:22px;
	padding-left:0;
	text-align:left;
	margin:0 auto;
}

#hero-pricing .pricing-col ul li{
	padding-left:64px;
    padding-left: 55px;
	background:url("../images/checkmark-blue.svg")no-repeat left center;
	margin-bottom:21px;
}

/* Plans Overview */

#plans-table {
	text-align:center;
	padding-bottom:95px;
}

#plans-table .content{
	border-bottom:1px solid #ccc;
	border-radius:0;
}

#plans-table .btn-dropdown {
	position:relative;
	margin-bottom:94px;
}

#plans-table #plans-overview {
	position:relative;
	text-align:left;
}

#plans-table.open .content{
	border-bottom:0;
}

#plans-table #plans-overview .row {
	margin-left:0;
	margin-right:0;
}

#plans-table #plans-overview .row .col-md-5 {
	-ms-flex: 0 0 38.4%;
    flex: 0 0 38.4%;
    max-width: 38.4%;
	-ms-flex: 0 0 32.4%;
    flex: 0 0 32.4%;
    max-width: 32.4%;
}

#plans-table #plans-overview .row .col-md-7 {
	-ms-flex: 0 0 67.6%;
    flex: 0 0 67.6%;
    max-width: 67.6%;
}

#plans-table #plans-overview .table-head{
	position:absolute;
	width:100%;
	top:0;
	left:0;
	text-align:center;
	z-index:998;
}

#plans-table #plans-overview .table-head div[class^="col"]{
	padding-left:0;
	padding-right:0;
}

#plans-table #plans-overview .table-head.sticky {
	position:fixed;
	top:87px;
	max-width:1234px;
	/*left:50%;
	transform:translateX(-50%);*/
}
/*
#plans-table #plans-overview .table-head.sticky .col-md-7 .row{
	box-shadow: 10px 10px 30px rgba(0, 0, 0, .1);
}*/

#plans-table #plans-overview .table-head h2{
	font-size:28px;
	font-size:24px;
	line-height:34px;
	text-transform:uppercase;
	margin-bottom:8px;
	margin-bottom:6px;
}

#plans-table #plans-overview .table-head h2 strong{
	font-weight:900;
}

#plans-table #plans-overview .table-head p{
	font-size:16px;
	font-size:14px !important;
	color:#9C9C9C;
}

#plans-table #plans-overview .row .table-col-left,
#plans-table #plans-overview .row .table-col-right {
	border-left:1px solid #cccccc;
	text-align:center;
}

#plans-table #plans-overview .row.table-head {
	background:#fff;
	-o-transition: box-shadow .4s ease-out;
    -ms-transition: box-shadow .4s ease-out;
    -moz-transition: box-shadow .4s ease-out;
    -webkit-transition: box-shadow .4s ease-out;
    transition: box-shadow .4s ease-out;
}

#plans-table #plans-overview .table-head.sticky {
	-moz-box-shadow: 10px 10px 30px rgba(0, 0, 0, .1);
	box-shadow: 10px 10px 30px rgba(0, 0, 0, .1);
}

#plans-table #plans-overview .row.table-head .table-head-features {
	text-align:left;
	padding-top:33px;
}

#plans-table #plans-overview .row.table-head .table-col-left,
#plans-table #plans-overview .row.table-head .table-col-right {
	padding:33px 0 15px;
	background:#fff;
}

/*
#plans-table #plans-overview .table-head.sticky .col-md-7 .row {
	-o-transition: box-shadow .4s ease-out;
    -ms-transition: box-shadow .4s ease-out;
    -moz-transition: box-shadow .4s ease-out;
    -webkit-transition: box-shadow .4s ease-out;
    transition: box-shadow .4s ease-out;
}*/

#plans-table #plans-overview .table-row {
	align-items:center;
}

#plans-table #plans-overview .table-row.first{
	border-top:1px solid #cccccc;
}

#plans-table #plans-overview .table-head div[class^="col"],
#plans-table #plans-overview .table-row div[class^="col"] {
	padding-left:30px;
	padding-right:30px;
	padding-right:0px;
}

#plans-table #plans-overview .table-row .table-col-left,
#plans-table #plans-overview .table-row .table-col-right {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

#plans-table #plans-overview  div[class^="col-md-7"] {
	padding-right:0 !important;
}

#plans-table #plans-overview .table-row div[class^="row"],
#plans-table #plans-overview .table-row div[class^="col-md-7"] {
	/*height:calc(100%);*/
	min-height:84px;
}

#plans-table #plans-overview .table-row div[class^="col-md-6"],
#plans-table #plans-overview .table-row div[class^="col-md-4"] {
	width:33.3333333333333333%;
	display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
	min-height:84px;
}

#plans-table #plans-overview .table-row .row {
	/*height:63px;*/
	min-height:84px;
}

#plans-table #plans-overview .table-row.first.headline{
	background:none !important;
	border-radius:0 !important;
	height:93px;
}

#plans-table #plans-overview .table-row.headline.first h3{
	padding-top:37px;
}

#plans-table #plans-overview .table-row.headline {
	background:none !important;
	border-radius:0 !important;
	height:68px;
}

#plans-table #plans-overview .table-row {
	/*height:100px;*/
	min-height:84px;
}


/*
#plans-table #plans-overview .table-row:hover {
	background:#f2f6f7;
	border-radius:63px;
}*/


#plans-table #plans-overview .table-row:last-child:hover {
	background:none;
}

#plans-table #plans-overview .table-row h3 {
	font-size:17px;
	font-size:15px;
	color:#9C9C9C;
	text-transform:uppercase;
	letter-spacing:2px;
	margin-bottom:0;
}

#plans-table #plans-overview .table-row p {
	font-size:16px !important;
	line-height:20px !important;
	margin-bottom:0;
}

#plans-table #plans-overview .table-head-spacer{
	height:134px;
	height:132px;
}

#plans-table #plans-overview .table-row .checked {
	background:url("../images/checkmark-grey.svg")no-repeat center center;
}

#plans-table #plans-overview .btn {
	/*width:100%;*/
	font-size:18px;
	font-size:17px;
	/*margin-top:33px;*/
	padding-left:30px;
	padding-right:30px;
}

#plans-table #plans-overview:after {
	position:relative;
	display:block;
	width:100%;
	height:95px;
	content:" ";
}

#plans-table.open #plans-overview:after {
    height: 65px;
}

#cta-box.pricing h2{
	
}

#cta-box .content .text-col h2 {
    margin-bottom: 26px;
}

#cta-box.pricing p{
	font-size:22px;
	line-height:34px;
	margin-bottom:46px;
}

#cta-box.pricing .content .text-col {
    padding: 0 87px 0 98px;
}

#faq {
	padding-top:119px;
    padding-top:165px;
	padding-bottom:182px;
}

#faq h2{
	margin-bottom:45px;
}

div[id^="acco"] .card {
    border: 0 !important;
    border-radius: 0 !important;
	margin-bottom:17px;
}

div[id^="acco"] .card:last-child {
	margin-bottom:0px;
}

div[id^="acco"] .card-header {
    padding: 0 !important;
    margin-bottom: 0;
    background-color: #fff;
    border-bottom: 1px solid #bababa;
}

div[id^="acco"] .card-header .btn {
	position:relative;
	display:block;
	width:100%;
    color:#1C1C1C !important;
	padding:17px 0;
	border-radius:0;
	box-shadow:none !important;
	text-decoration:none !important;
	text-align:left;
    padding-right: 40px;
}

div[id^="acco"] .card-header .btn:after {
	position:absolute;
	top:0;
	right:0;
	content:" ";
	width:26px;
	height:100%;
	-o-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	transform:rotate(180deg);
	background:url("../images/arrow-acc-down.svg")no-repeat right center;
}

div[id^="acco"] .card-header .btn.collapsed:after {
	-o-transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
	transform:rotate(0deg);
}

div[id^="acco"] .card-body {
	padding:29px 0 6px;
}

div[id^="acco"] .card-body header{
	display:none;
}

/* USE CASES */

#hero-usecases-intro h1 {
   /* margin-bottom: 23px;*/
}

#hero-usecases-intro .btn {
    margin-top: 32px;
}

#hero-stage #hero-usecases-intro h1 {
  	margin-bottom:24px;
}

#hero-stage #hero-usecases-intro p {
  font-size:22px;
  line-height:34px;
}

#hero-stage #hero-usecases-intro .scroller{
	position:absolute;
	width:74px;
	height:74px;
	bottom:-119px;
	left:0;
	right:0;
	margin:0 auto;
	z-index:1;
}

main #hero-stage #hero-intro .scroller img{
	width:74px;
	height:auto;
}

#hero-stage #hero-usecases-box {
	/*padding-top:74px;*/
	padding-bottom:22px;
}

#hero-stage #hero-usecases-box .content {
	overflow:hidden;
}

#hero-stage #hero-usecases-box .content .text-col {
	padding:64px 64px 44px;
    -ms-flex: 0 0 39.5%;
    flex: 0 0 39.5%;
    max-width: 39.5%;
}

#hero-stage #hero-usecases-box .content .text-col p{
	font-size:18px;
	line-height:28px;
}

#hero-stage #hero-usecases-box .content .img-col {
    -ms-flex: 0 0 60.5%;
    flex: 0 0 60.5%;
    max-width: 60.5%;
}

#hero-stage #hero-usecases-circle {
	position:relative;
}

#hero-stage #hero-usecases-circle .fade-in{
	position:absolute;
	width:358px;
	height:auto;
	top:123px;
	right:-54px;
	opacity:.0;
	-o-transition: opacity .4s ease-out;
    -ms-transition: opacity .4s ease-out;
    -moz-transition: opacity .4s ease-out;
    -webkit-transition: opacity .4s ease-out;
    transition: opacity .4s ease-out;
}

#hero-stage #hero-usecases-circle.visible .fade-in{
	opacity:1;
}

#hero-stage #hero-usecases-circle h2 {
   font-size:34px;
   line-height:40px;
   margin-bottom:33px;
}

#hero-stage #hero-usecases-circle .img-col img{
	max-width:553px;
	/*margin-left:-15px;*/
}

#hero-stage #hero-usecases-circle .text-col {
	padding-left:76px;
}

#hero-stage #hero-usecases-circle .text-col p {
    display: block;
    font-size: 18px;
    line-height: 28px;
}

#hero-stage #testimonials {
	position:relative;
	padding-top:89px;
}

#hero-stage #testimonials .container{
	position:relative;
	z-index:1;
}

#hero-stage #testimonials:after {
	display:block;
	position:absolute;
	width:100%;
	height:266px;
	bottom:0;
	content:" ";
	background:#fff;
	z-index:0;
}

#hero-stage .testimonial-col {
	background-position:center 60px;
	padding: 138px 70px 65px 70px;
}

#hero-stage .testimonial-col p {
	font-size:22px;
    line-height: 37px;
}

#hero-stage .testimonial-col .author {
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
	text-align:left;
	margin-top:41px;
}

#hero-stage .testimonial-col .author p {
	font-size:18px;
	line-height:28px;
}

#info-box {
	padding-top:83px;
	padding-bottom:91px;
}

#info-box .content {
	overflow:hidden;
}

#info-box h2 {
	font-size:36px;
	line-height:40px;
	margin-bottom:29px;
}

#info-box img {
	border-radius:15px;
}

#info-box.dir-l-r .img-fullwidth{
	padding-right:44px;
}

#info-box.dir-l-r .text-col {
	padding-left:72px;
}

/* ###########

### FOOTER ### 

############## */

#footer {
	font-size:18px;
	line-height:28px;
	background:#f5f5f5;
}

#footer .footer-top{
	background:#f5f5f5;
	padding:69px 5px 84px;
	border-bottom:1px solid #dadada;
}

#footer .footer-bottom{
	background:#f5f5f5;
	padding:46px 9px 47px 5px;
	border-top:1px solid #6d6d6d;
}

#footer .footer-top .img-logo {
	width:auto;
	height:96px;
    margin-top:-6px;
	margin-left:-27px;
    margin-bottom: 7px;
}

#footer .footer-top .first-col p{
	font-size:18px;
	line-height:28px;
	margin-bottom:0;
}

#footer .footer-top h4{
	font-size:15px;
	text-transform:uppercase;
	margin-bottom:22px;
}

#footer .footer-top ul,
#footer .footer-top .footer-links {
	padding-left:0;
	list-style:none;
	margin-bottom:0;
}

#footer .footer-top ul a,
#footer .footer-top .footer-links a{
	color:#1C1C1C;
	line-height:33px;
}

#footer .footer-top ul a:hover,
#footer .footer-top ul a:focus,
#footer .footer-top ul a:active,
#footer .footer-top .footer-links a:hover,
#footer .footer-top .footer-links a:focus,
#footer .footer-top .footer-links a:active{
	color:#00C5E7;
  	text-decoration:none;
}

#footer .footer-bottom {
	display:flex;
	justify-content:space-between;
}

#footer .footer-bottom p {
	margin-bottom:0;
}

#footer .footer-bottom .imp-link{
	margin-right:31px;
	color:#1C1C1C;
	text-decoration:underline;
}

#footer .footer-bottom .imp-link:hover,
#footer .footer-bottom .imp-link:focus,
#footer .footer-bottom .imp-link:active{
	color:#1C1C1C;
	text-decoration:none;
}

#footer .footer-bottom .social-links{
	padding-left:0;
	list-style:none;
	margin-bottom:0;
}

#footer .footer-bottom .social-links li{
	display:inline-block;
	text-transform:uppercase;
	font-size:15px;
	height:29px;
	font-weight:700;
	margin:-4px 3px 0;
}

#footer .footer-bottom .social-links li a{
	font-weight:700;
}

#footer .footer-bottom .social-links li a img{
	height:22px;
	width:auto;
	margin-top:-6px;
}

#footer .footer-bottom .social-links li:first-child{
	margin-top:0;
	margin-left:0;
	margin-right:20px;
}

#footer .footer-bottom .social-links li:last-child{
	margin-top:0;
	margin-right:0;
}

/* additional styles */

.box {
    background:#fff;
    border-radius: 15px;
    box-shadow: 10px 10px 30px rgb(0 0 0 / 10%);
    padding: 31px 31px 39px;
}

#hero-stage .box p {
  color:#1C1C1C;
}

#kontakt .box {
    padding: 19px 67px 88px;
}

/* Powermail */
.tx-powermail {
  	background:#fff;
    border-radius: 15px;
    box-shadow: 10px 10px 30px rgb(0 0 0 / 10%);
    padding: 19px 67px 88px;
}

.tx-powermail .container-fluid {
	padding:0;
}

.tx-powermail label {
	color: #606060;
    margin: 45px auto 0 4px;
    position: relative;
    z-index: 1;
    background: #fff;
    padding: 0 12px 0 7px;
}

.tx-powermail label .mandatory{
	display:none;
}

.tx-powermail input[type="email"],
.tx-powermail input[type="text"],
.tx-powermail select,
.tx-powermail textarea {
	width:100%;
	padding-left:15px;
	padding-right:15px;
    height:69px;
    -webkit-appearance:none;
	outline:0;
	box-shadow:none !important;
    margin-top:-13px;
	/*margin-bottom:45px;*/
    border:1px solid #C7C7C7;
  	border-radius:5px;
    -moz-transition:border .3s ease-out;
    -webkit-transition:border .3s ease-out;
    transition:border .3s ease-out;
}

.tx-powermail textarea {
	padding:10px 15px;
	min-height:275px;
    /*margin-bottom:32px;*/
}

.tx-powermail input[type="email"]:focus,
.tx-powermail input[type="text"]:focus,
.tx-powermail select:focus,
.tx-powermail textarea:focus {
    border-color:#00c5e7;
}

.tx-powermail input[type="checkbox"] {
	width:22px;
	height:22px;
	margin-bottom:0;
	padding:0;
	-webkit-appearance:checkbox;
    border:1px solid #C7C7C7;
}

.tx-powermail .checkbox label {
  	position:relative;
	font-size:0;
    padding:0;
    margin:0;
    margin-top:32px;
    z-index:1;
}

.tx-powermail .checkbox label input{
  	position:relative;
    opacity:0;
    z-index:2;
}

.tx-powermail .checkbox label:after {
  	position:absolute;
    top:0;
    left:0;
  	height:22px;
    width:22px;
    content:" ";
    background:url("../images/checkmark-checkbox.svg")no-repeat center;
  	background-size:90% auto;
  	z-index:1;
    border-radius:5px;
  	border: 1px solid #C7C7C7;
    -moz-transition: .3s ease-out;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
}

.tx-powermail .checkbox label.checked:after {
  	background-color:#00465C;
  	border-color: #00465C;
}

#hero-stage .powermail_field .frame-type-text p,
#job-content .powermail_field .frame-type-text p{
    color:#1C1C1C;
	font-size:18px;
	line-height:28px;
    margin:-40px auto 45px 43px;
}

.tx-powermail input[type="submit"] {
	width:100%;
	height:60px;
    font-weight: 700;
    border-radius: 50px;
    font-size:22px;
    color: #00465C;
    background: transparent;
    border: 1px solid #00465C !important;
    outline: 0 !important;
    box-shadow: none !important;
}

.tx-powermail input[type="submit"]:hover,
.tx-powermail input[type="submit"]:focus,
.tx-powermail input[type="submit"]:active {
  	color:#fff;
	background:#00465C;
}

ul.parsley-errors-list {
	list-style:none;
	padding-left:0;
}

li.parsley-required {
	color:red;
	margin-top:-15px;
}

.powermail_fieldset_2 li.parsley-required {
    margin-top: 0px;
}

li.parsley-custom-error-message {
	color:red;
}

#parsley-id-multiple-tx_powermail_pi1fielddatenschutz li.parsley-required {
    margin-top: -40px;
    margin-left: 43px;
    margin-bottom: 45px;
}

.img-box-dots {
  margin-bottom:17px;
}

.img-box-dots.img-right {
  text-align:right;
}

.img-box-dots .img-box-wrap {
  position:relative;
  display:inline-block;
}

.img-box-dots .img-round {
  position:relative;
  max-width:342px;
  height:auto;
  z-index:2;
}

.img-box-dots.img-big .img-round {
  max-width:424px;
}

.img-box-dots .dots {
  position:absolute;
  top:52px;
  right:-76px;
}

.img-box-dots.img-right .dots {
  left:-76px;
  right:auto;
}

.img-box-dots.img-big .dots {
  top:128px;
  right:-101px;
}

.img-box-dots.img-big.img-right .dots {
  left:-101px;
}

#kontakt .form-col {
  position:relative;
  z-index:3;
}

#hero-stage p {
    font-size: 22px;
    line-height: 34px;
}

#hero-intro p {
    font-size: 22px !important;
}

#hero-stage #download-intro h1 {
	max-width: 810px;
    max-width: 73%;
	margin: 0 auto;
}

#hero-stage #download-content {
  	padding-top:99px;
  	padding-bottom:106px;
}

#hero-stage #download-content .logo-col img {
	width:auto;
	height:51px;
}

#hero-stage #download-content.padded .content {
    position:relative;
  	z-index:2;
}

#hero-stage #download-content.padded .container:before {
    position:absolute;
  	display:block;
    content:" ";
  	top:-93px;
    right:0px;
    width:170px;
	height:192px;
    background:url("../images/dots.svg")no-repeat center;
    background-size:100% auto;
  	z-index:1;
}

#hero-stage #login-content .content,
#hero-stage #register-content .content,
#hero-stage #passwort-content .content {
  overflow:hidden;
}

#hero-stage #login-content .login-bg {
    background:url("../images/willkommen-zurueck-melde-dich-an.jpg")no-repeat center;
    background-size:cover;
}

#hero-stage #register-content .register-bg {
    background:url("../images/registriere-dich-kostenfrei.jpg")no-repeat center;
    background-size:cover;
}

 #hero-stage .box h2 {
    color:#1C1C1C;
}

#hero-stage #marke-content p {
  font-size:18px;
  line-height:28px;
}

#hero-stage #marke-content .frame-type-text.frame-layout-1 p {
  font-size:14px;
  line-height:24px;
  margin-bottom:-5px;
}

.logo-download-box {
  position:relative;
  height:80px;
  margin-bottom:38px;
  border-radius:10px;
  background:url("../images/logo-download-box-bg.svg")no-repeat center;
  background-size:cover;
  overflow:hidden;
}

.weteam-logo-size {
  margin-bottom:26px;
}

.weteam-logo-size .left-col {
  max-width:287px;
}

.weteam-logo-size .right-col {
  margin-left:120px;
}

.dos-donts {
  margin-bottom:67px;
}

.dos-donts.last-row {
  margin-bottom:173px;
}

.dos-donts .icon-col {
	max-width:69px;  
}

.dos-donts .icon-col img{
  max-width:30px;
  height:auto;
}

.dos-donts .img-col {
  padding-right:48px;
}

.dos-donts .img-col .ce-gallery img {
    width: auto;
    height: 32px;
}
/*
.colorcode {
  align-items:center;
}*/

.color-box {
  margin-bottom:40px;
}

.color-box .right {
  padding-left:24px;
  padding-right:0;
}

.color-box p{
  font-size:16px !important;
  line-height:23px !important;
  margin-bottom:0;
}

.color-box .colorpin{
  border-radius:100%;
  width:95px;
  height:95px;
  box-shadow: 10px 10px 30px rgb(0, 0, 0, .1);
}

.gradient .color-box .colorpin{
    background: rgb(0,167,196);
    background: -moz-radial-gradient(circle, rgba(0,167,196,1) 0%, rgba(0,81,126,1) 100%) !important;
    background: -webkit-radial-gradient(circle, rgba(0,167,196,1) 0%, rgba(0,81,126,1) 100%) !important;
    background: radial-gradient(circle, rgba(0,167,196,1) 0%, rgba(0,81,126,1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00a7c4",endColorstr="#00517e",GradientType=1) !important;
}

.intro-border .frame-layout-1 {
  position:relative;
}

.intro-border .frame-layout-1:after {
  position:absolute;
  display:block;
  width:100%;
  top:16px;
  height:1px;
  content:" ";
  background:#a5a5a5;
  z-index:1;
}

#page-24 .intro-border .frame-layout-1:after {
  width:78%;
}

.intro-border .frame-layout-1 p{
  position:relative;
  display:inline-block;
  font-size:16px;
  line-height:20px;
  color:#606060;
  background:#fff;
  padding-right:50px;
  z-index:2;
}

#dsgvo-content .content {
  position:relative;
  z-index:1;
}

#dsgvo-content .content:before {
  position:absolute;
  display:block;
  content:" ";
  right:0;
  width:304px;
  height:338px;
  background:url("../images/dgsvo-siegel-datenschutz.png")no-repeat center;
  background-size:100% auto;
  top:-226px;
  z-index:2;
}

#hero-stage #hero-usecases-box.karriere {
    padding-bottom: 186px;
}

/* ### JOBS ### */
.jobs-filter {
    position:relative;
	display:inline-block;
	background:#fff;
	margin:0 auto;
	padding:24px 106px;
	box-shadow: 10px 10px 30px rgba(0, 0, 0, .1);
	border-radius:80px;
    -ms-transform:translateY(-50%);
  	-o-transform:translateY(-50%);
  	-webkit-transform:translateY(-50%);
  	-moz-transform:translateY(-50%);
  	transform:translateY(-50%);
}

.jobs-filter-btn {
    color:#606060;
	background:#f5f5f5;
	padding:2px 22px;
	margin:0 8px;
  	border:0 !important;
  	outline:0 !important;
	border-radius:32px;
}

.jobs-filter-btn:hover,
.jobs-filter-btn:focus,
.jobs-filter-btn:active,
.jobs-filter-btn.active {
    color:#fff;
	background:#00465C;
}

#jobs h3 {
  margin-bottom:40px;
}

.jobslist {
  margin-bottom:53px;
}

.job-link {
  color:#1C1C1C !important;
  text-decoration:none !important;
}

.job-teaser {
  	position: relative;
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    padding: 15px 70px 15px 24px;
    margin-bottom: 30px;
}

.job-link:last-child .job-teaser {
    margin-bottom: 0px;
}

.job-teaser:after {
  	position:absolute;
    display:block;
    content:" ";
    width:15px;
  	height: 27px;
    top:50%;
    right:20px;
    background:url("../images/jobs-arrow.png")no-repeat center;
    background-size:100% auto;
  	-ms-transform:translateY(-50%);
  	-o-transform:translateY(-50%);
  	-webkit-transform:translateY(-50%);
  	-moz-transform:translateY(-50%);
  	transform:translateY(-50%);
  	z-index:1;
}

.job-teaser h3 {
    font-size:18px !important;
    line-height:28px !important;
    color:#00465C !important;
    margin-bottom:0 !important;
}

.job-teaser p {
    margin-bottom:0;
}

.jobposting .hidden {
  display:none;
}

#job-content {
  padding-top:81px;
}

#job-content h1{
  opacity:0;
}

#job-content .tx-powermail {
  max-width:688px;
  margin:117px auto 86px;
  padding:0;
  box-shadow:none;
}

#job-content .tx-powermail legend{
  text-align:center;
  font-size: 43px;
  line-height: 53px;
  font-weight:700;
}

#job-content .tx-powermail label .mandatory {
    display: inline-block;
}

#job-content .tx-powermail .powermail_fieldwrap_vorname,
#job-content .tx-powermail .powermail_fieldwrap_nachname {
  display:inline-block;
  width:50%;
}

#job-content .tx-powermail .powermail_fieldwrap_vorname {
  padding-right:10px;
}

#job-content .tx-powermail .powermail_fieldwrap_nachname {
  padding-left:10px;
}

.tx-powermail .powermail_fieldwrap_upload {
  position:relative;
  margin-top:30px;
  padding-right:50px;
}

.tx-powermail .powermail_fieldwrap_upload .powermail_field {
  position:relative;
  z-index:2;
}

.tx-powermail .powermail_fieldwrap_upload input{
  -moz-opacity:0;
  -webkit-opacity:0;
  opacity:0;
  cursor:pointer;
}

input[type='file']{
    cursor: pointer;
}

.tx-powermail .powermail_fieldwrap_upload:before {
  position:absolute;
  width:100%;
  top:0;
  left:0;
  font-size:22px;
  font-weight:700;
  color:#00C5E7;
  content:"CV hochladen";
  padding-left:67px;
  background:url("../images/bewerbung-upload.svg")no-repeat 12px center;
  background-size: auto 100%;
  z-index:1;
}

.tx-powermail .powermail_fieldwrap_upload.upload:before {
  display:none;
}

.tx-powermail .delete-file {
  display:none;
  position:absolute;
  width:20px;
  height:20px;
  top:4px;
  right:0;
  background:url("../images/bewerbung-cross.svg")no-repeat right top;
  cursor:pointer;
  z-index:4;
}

.tx-powermail .powermail_fieldwrap_upload.upload .delete-file {
  display:block;
}

.tx-powermail .file-info {
  /*position:absolute;*/
  position:relative;
  top:0;
  height:100%;
  min-height:34px;
  padding-left:51px;
  padding-right:51px;
  margin-top:-34px;
  background:url("../images/bewerbung-checkmark.svg")no-repeat left top;
  background-size:30px auto;
  z-index:3;
}

.tx-powermail .file-info span {
  text-decoration:underline;
}

/* ### Language ### */

.footer-left p {
  display:inline-block;
  margin-right:15px;
}

.lang-btn {
  -webkit-appearance:none;
  border:0 !important;
  outline:0 !important;
  background:transparent;
  padding:0;
}

.lang-btn img,
.lang-btn svg{ 
	width: 16px;
    margin-bottom: 3px;
    margin-right: 7px;
}

.lang-btn svg{ 
	ms-fill:#1C1C1C;
    fill:#1C1C1C;
}

.lang-btn:hover,
.lang-btn:focus,
.lang-btn:active {
  color:#00C5E7;
  -webkit-appearance:none;
  border:0 !important;
  outline:0 !important;
  background:transparent;
}


.lang-btn:hover svg,
.lang-btn:focus svg,
.lang-btn:active svg {
	ms-fill:#00C5E7;
    fill:#00C5E7;
}

#lang-menu {
  padding:8px 15px;
  background:#fff;
  border:0;
  box-shadow: 10px 10px 30px rgba(0, 0, 0, .1);
}

#lang-menu ul {
  padding:0;
  list-style:none;
  margin:0;
}


#lang-menu ul li{
  padding:0;
  list-style:none;
  margin:0;
}

#scroll-to-top {
  display:none;
  position:fixed;
  right:39px;
  bottom:38px;
  width:65px;
  height:65px;
  background:url("../images/arrow-to-top-desktop.svg")no-repeat center;
  background-size:100% auto;
  z-index:997;
}

#hero-stage .text-white h3,
#hero-stage .text-white h4{
  color:#fff !important;
}

#page-82 {
    background: rgb(0,167,196);
    background: -moz-radial-gradient(circle, rgba(0,167,196,1) 0%, rgba(0,81,126,1) 100%);
    background: -webkit-radial-gradient(circle, rgba(0,167,196,1) 0%, rgba(0,81,126,1) 100%);
    background: radial-gradient(circle, rgba(0,167,196,1) 0%, rgba(0,81,126,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00a7c4",endColorstr="#00517e",GradientType=1);
}

#page-82 #hero-stage{
  height:100%;
  background:transparent;
}

#page-82 .footer-bottom {
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  margin:0 auto;
}

#page-82 .footer-bottom a{
  color:#fff;
}

#page-82 .footer-bottom a:hover,
#page-82 .footer-bottom a:focus,
#page-82 .footer-bottom a:active{
  text-decoration:underline;
}

#hero-pricing .pricing-right .scroller.show-on-mobile {
  display:none !important;
}

#plans-overview .section-toggle {
	position: relative;
    display: block;
    background-color: #00c5e7!important;
    border-radius: 10px;
    color: #fff;
    cursor: pointer;
	font-size:21px;
    padding: 10px 20px;
    margin: 20px 0;	
}

#plans-overview .section-toggle span{
    display: block;
	font-size:18px;
	font-style:italic;
}

#plans-overview .section-toggle svg {
	position:absolute;
	right:20px;
	top:50%;
	-ms-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	transform:translateY(-50%);
}

#plans-overview .section-toggle[aria-expanded="true"] svg {
	-ms-transform:translateY(-50%) rotate(180deg);
	-webkit-transform:translateY(-50%) rotate(180deg);
	-moz-transform:translateY(-50%) rotate(180deg);
	transform:translateY(-50%) rotate(180deg);
}

/*Video Startseite*/

VIDEO {
     height: auto;
     width: 100%;
     overflow: revert;
     margin: -5px 0 -5px 0;
  border-radius: 20px;
}
 .videocontainer {
     /*border-radius: 20px;*/
     position: fixed;
     z-index: 999;
     margin: auto;
     left: 25%;
     left: 0;
     right: 0;
    /*top: 5%;
    */
     margin-left: auto;
     margin-right: auto;
     max-width: 900px;
     /*overflow: auto;*/
     width: 90%;
     display: none;
}
 .videocontainer A {
     position: absolute;
     z-index: 999999;
     top: 10px;
     right: 20px;
     color: gray;
}
 .videocontainer A.later {
     left: 0;
     right: 0;
     margin-left: auto;
     margin-right: auto;
     bottom: 40px;
     top: inherit;
     text-decoration: underline;
     color: #00C5E7;
     font-size: 14px;
     text-align: center;
}
.videocontainer.play A.later {
	display: none;
}
 #overlay {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: #000;
     filter: alpha(opacity=60);
     -moz-opacity: 0.6;
     -khtml-opacity: 0.6;
     opacity: 0.6;
     z-index: 999;
     display: none;
}
 #c16 IMG {
     cursor: pointer;
     margin: -10px 0 0 15px;
     filter: invert(35%) sepia(83%) saturate(1937%) hue-rotate(120deg) brightness(98%) contrast(108%);
   	 height: 38px;
}

 #c16 IMG:HOVER {
     filter: invert(24%) sepia(62%) saturate(1880%) hue-rotate(117deg) brightness(97%) contrast(104%);
}
 .ui-tooltip {
     position: absolute;
}
 .tooltip-inner {
     background-color: #00465C;
}
 .tooltip.bs-tooltip-top .arrow:before {
     border-top-color: #00465C !important;
}
 .ui-tooltip, .arrow:after {
     background: #00465C;
}
 .ui-tooltip {
     padding: 0px 5px;
     color: white;
    /*border-radius: 20px;
     font: bold 14px "Helvetica Neue", Sans-Serif;
     text-transform: uppercase;
    */
     box-shadow: none;
     font-size: 12px;
     border: 0;
}
 .arrow {
     width: 70px;
     height: 16px;
     overflow: hidden;
     position: absolute;
     left: 50%;
     margin-left: -35px;
     bottom: -16px;
}
 .arrow.top {
     top: -6px;
     bottom: auto;
}
 .arrow.left {
     left: 20%;
}
 .arrow:after {
     content: "";
     position: absolute;
     left: 20px;
     top: -20px;
     width: 25px;
     height: 25px;
    /*box-shadow: 6px 5px 9px -9px black;
    */
     box-shadow: none;
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
}
 .arrow.top:after {
     bottom: -20px;
     top: auto;
}
 .videocontainer:before {
     position: absolute;
     width: 91px;
     height: 91px;
     width: 100%;
     height: 100%;   
     content: " ";
     top: 60%;   
     top: 50%;
     left: 0;
     right: 0;
     margin: 0 auto;
     /*background: url("/fileadmin/Ablage/Videos/play-button.svg")no-repeat center;*()*/
     background-size: auto;
     background-size: 100% auto;
     -ms-transform: translateY(-50%);
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     transform: translateY(-50%);
     cursor: pointer;
     opacity: .9;
     z-index: 1;
     filter: invert(35%) sepia(83%) saturate(1937%) hue-rotate(120deg) brightness(98%) contrast(108%);
}
 .videocontainer.play:before {
     content:none 
}

  .playbuttonvideo {
    position: absolute;
    width: 91px;
    height: 91px;
    top: 60%;
    left: 0;
    right: 0;
    margin: 0 auto;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    opacity: .9;
    z-index: 1;
    filter: invert(35%) sepia(83%) saturate(1937%) hue-rotate(120deg) brightness(98%) contrast(108%);  
    z-index: 999;
  }

 .videocontainer.play .playbuttonvideo {
     display: none;
}
.videocontainer.firststart .playbuttonvideo,
.videocontainer.firststart .hidevideo.later {
  	display: none !important;
}
 @media (max-width:768px) {
   A.hidevideo {
      top: -45px;
      background: #fff;
      padding: 5px 10px;
      }
     .videocontainer A.later {
         bottom: 20px;
       padding: 0;
    }
  .playbuttonvideo {
    position: absolute;
    width: 60px;
    height: 60px;
   }
#c16 IMG {
  margin: -6px 0 0 15px;
  height: 30px;
}   
 .ui-tooltip {
     display: none !important;
}   
}

/* ########################################
#                                         #
###          RESPONSIV STYLES           ### 
#                                        #
########################################## */

@media only screen and (min-width: 1400px) {
	.container {
		max-width:1264px;
	}
	
	#hero-stage .container {
		max-width:1234px;
	}
  
  	#cta-box .img-fullwidth {
    	-moz-transform:translateX(1px);
    	-ms-transform:translateX(1px);
    	-webkit-transform:translateX(1px);
    	transform:translateX(1px);
  	}
}

@media (min-width:1200px) and (max-width:1399px) {
	main #hero-stage .intro-start .background-ani img {
		height: 95px;
	}
	
	main #hero-stage .intro-start .background-ani .cloud-ani-left {
		top: 258px;
	}
	
	main #hero-stage .intro-start .background-ani .cloud-ani-right {
		top: 100px;
		right: 0;
	}
	
	main #hero-stage .intro-start .foreground-ani img {
		width: 60px;
	}
	
	main #hero-stage .intro-start .foreground-ani .logo-ani-one {
		top: 149px;
		left: 28px;
	}
	
	main #hero-stage .intro-start .foreground-ani .logo-ani-two {
		top: 0px;
		right: 105px;
	}
	
	main #hero-stage .intro-start .foreground-ani .logo-ani-three {
		bottom: 147px;
		right: 17px;
	}
	
	#cta-start-bottom {
		background: url(../images/nutze-weteam-unverbindlich-und-kostenfrei.png)no-repeat center center #fff;
		background-size: 1350px auto;
	}
  
    #plans-table #plans-overview .table-head.sticky {
    	max-width: 1110px;
	}
  
    #plans-table #plans-overview .table-row h3 {
        font-size: 16px;
        font-size: 15px;
        letter-spacing: 1px;
    }
  
  	#hero-stage #download-content .logo-col img {
    	width: auto;
    	height: 49px;
	}
  
	.weteam-logo-size .right-col {
  		margin-left:110px;
	}
  
  	#hero-usecases-box .img-col .ce-gallery img, #hero-usecases-box .img-fullwidth .ce-gallery img {
    	width: auto;
    	height: fit-content;
	}
  
  	#hero-pricing .pricing-col {
    	padding: 50px 18px 39px;
	}
  
  	#hero-pricing .pricing-col h4 {
    	font-size: 15px;
	}
  
  	#hero-pricing .pricing-col ul li {
    	padding-left: 45px;
	}
	
	/* Anpassungen Pricing 06.05.2021 */
	#plans-table #plans-overview .table-head h2 {
		font-size: 22px;
	}
	
	#plans-table #plans-overview .table-head p {
		font-size: 12px;
	}
	
	#plans-table #plans-overview .row .col-md-5 {
		-ms-flex: 0 0 36.4%;
		flex: 0 0 36.4%;
		max-width: 36.4%;
		-ms-flex: 0 0 32.4%;
		flex: 0 0 32.4%;
		max-width: 32.4%;
	}
	
	#plans-table #plans-overview .row .col-md-7 {
		-ms-flex: 0 0 67.6%;
		flex: 0 0 67.6%;
		max-width: 67.6%;
	}
	
	main #hero-pricing .btn {
		font-size: 20px;
	}
	
	#plans-table #plans-overview .btn {
		font-size: 16px;
	}
}

@media (min-width:1200px) {
	.main-menu {
		margin-right:120px;
		margin-right:106px;
	}
		
	.padded .content {
		padding-left:130px !important;
		padding-right:130px !important;
	}
	
	#weteam.padded .content {
		padding-left:140px !important;
		padding-right:140px !important;
	}
	
	#clouds.padded .content {
		padding-left: 158px !important;
		padding-right: 158px !important;
	}
	
	#weteam-functions .img-fullwidth,
	#weteam-functions .img-col {
		-ms-flex: 0 0 55%;
		flex: 0 0 55%;
		max-width: 55%;
	}
  
  	#page-12 #hero-stage .container,
  	#page-22 #hero-stage .container,
  	#page-23 #hero-stage .container,
  	#page-24 #hero-stage.container,
  	#page-12 #content .container,
  	#page-22 #content .container,
  	#page-23 #content .container,
  	#page-24 #content .container {
    	max-width:990px;
      	padding:0 15px;
  	}
/*
	#weteam-functions .first .img-fullwidth img,
	#weteam-functions .first .img-col img {
		margin-left:-29px;
	}

	#weteam-functions .second .img-fullwidth img,
	#weteam-functions .second .img-col img {
		margin-right:-47px;
	}
	
	#weteam-functions .third .img-fullwidth img,
	#weteam-functions .third .img-col img {
		margin-left:-36px;
	}*/

	#weteam-functions .text-col {
		-ms-flex: 0 0 45%;
		flex: 0 0 45%;
		max-width: 45%;
	}
	
	#testimonials.padded .content {
		padding-left: 169px !important;
		padding-right: 169px !important;
	}
	
	#faq.padded .content {
		padding-left: 218px !important;
		padding-right: 218px !important;
	}
	
	#footer .footer-top .first-col {
		padding-right:106px;
	}
  
     #hero-stage #download-content.padded .content {
        padding:106px 117px 110px !important;
  	}
  
	.weteam-logo > div[class^="col"] {
  		max-width:240px;
        padding-right:39px;
	}
}

@media (max-width:1399px) and (min-width:1200px) {
	#header .main-menu-link {
		font-size:17px;
	}
	.main-menu {
		margin-right: 65px;
	}
}

@media (max-width:1199px) and (min-width:992px) {
	#header .main-menu-link {
		font-size:15px;
	}
}

@media (max-width: 1199px) {
	.slick-prev {
		left: -78px;
	}
	
	.slick-next {
		right: -78px;
	}
  
  	.weteam-logo-size .right-col {
  		margin-left:0px;
	}
  
  	.dos-donts .img-col {
    	padding-right: 30px;
	}
  
  	#cta-start-bottom {
      	padding-top:122px;
  		background: url(../images/nutze-weteam-unverbindlich-mobile.png)no-repeat top center #fff;
    	background-size: 260px auto;
    }
  
  	#hero-pricing .pricing-col {
    	padding: 50px 22px 39px;
	}
  
  	#hero-pricing .pricing-left .btn,
  	#hero-pricing .pricing-right .btn {
    	min-width: 235px;
        font-size:19px;
        padding: 10px 15px 11px;
	}
  
  	#hero-pricing .pricing-col h4 {
   	 	font-size: 14px;
	}
  
  	#hero-pricing .pricing-col h2 {
    	font-size:20px;
  	}
  
  	#hero-pricing .pricing-col h3 {
    	font-size: 60px !important;
    	line-height: 60px;
    }
  
  	#hero-pricing .pricing-col ul {
    	font-size: 14px;
    	line-height: 20px;
	}
  
  	#hero-pricing .pricing-col ul li {
    	padding-left: 40px;
	}
	
	/* Anpassungen Pricing 06.05.2021 */
	#plans-table #plans-overview .table-head h2 {
		font-size: 20px;
	}
	
	#plans-table #plans-overview .row .col-md-5 {
		-ms-flex: 0 0 33.4%;
		flex: 0 0 33.4%;
		max-width: 33.4%;
	}
	
	#plans-table #plans-overview .row .col-md-7 {
		-ms-flex: 0 0 66.6%;
		flex: 0 0 66.6%;
		max-width: 66.6%;
	}
	
	#plans-table #plans-overview .table-head div[class^="col"], #plans-table #plans-overview .table-row div[class^="col"] {
		padding-right: 0;
	}
	
	#plans-table #plans-overview .btn {
		font-size: 14px;
		padding-left: 8px;
		padding-right: 8px;
	}
	
}

@media (max-width:1099px) {
  	#hero-pricing .pricing-col h4 {
    	padding-left:0;
	}
  
  	#hero-pricing .pricing-col h4 img {
    	display:none;
  	}
}

@media (min-width:992px) {
    #hero-stage h1 {
      margin-bottom:36px;
	}
  
   /* #hero-stage p {
    	font-size: 22px;
    	line-height: 34px;
	}*/
  
  
	#hero-stage .container{
		/*padding:0;*/
    }
  
    #hero-stage section.padded-top .content,
    #content section.padded-top .content {
    	padding-top:98px !important; 
    }
  
  	#hero-stage section.intro-border.padded-top .content,
    #content section.intro-border.padded-top .content {
    	padding-top:47px !important; 
    }
  
    #hero-stage section.padded-bottom .content,
    #content section.padded-bottom .content {
    	padding-bottom:98px !important; 
    }
  
	main #hero-stage .intro-start .text-col {
		-ms-flex: 0 0 44.79%;
		flex: 0 0 44.79%;
		max-width: 44.79%;
		padding-left:0;
	}
	
	main #hero-stage .text-col p {
		display:inline;
	}
	
	main #hero-stage .intro-start .img-col {
		-ms-flex: 0 0 55.21%;
		flex: 0 0 55.21%;
		max-width: 55.21%;
		padding-left:0;
		padding-right:0;
	}
	
	main #hero-stage .intro-start .img-col .background img{
		margin-left:19px;
	}
  
  	#hero-stage #weteam .left {
    	padding-right:45px;
  	}

  	#hero-stage #weteam .right {
    	padding-left:47px;
        padding-right:25px;
  	}
  
	#cta-box .content {
		overflow:hidden;
	}
	
	.testimonial-col p {
		line-height:37px;
	}	

	#testimonials .left-col {
		padding-right:26px;
	}

	#testimonials .right-col {
		padding-left:26px;
	}
	
	#footer .footer-bottom p br{
		display:none;
	}
	
	.btn-dropdown:hover {
		-o-transform: scale(1.05);
		-ms-transform: scale(1.05);
		-moz-transform: scale(1.05);
		-webkit-transform: scale(1.05);
		transform: scale(1.05);
	}

	#hero-pricing .pricing-left {
		padding-right: 21px;
		padding-right: 15px;
	}
	
	#hero-pricing .pricing-right {
		padding-left: 21px;
		padding-left: 15px;
	}
  
    #hero-pricing .pricing-right:before {
		position:absolute;
        top:-114px;
        right:99px;
        right: -45px;
        width:171px;
        height:192px;
        content:" ";
        background:url("../images/dots.svg")no-repeat top center;
        background-size:100% auto;
        z-index:1;
	}
  
	 #hero-pricing .pricing-right .pricing-col {
		position:relative;
        z-index:2;
	}
  
	.show-on-mobile {
		display:none !important;
	}
  
  	#hero-stage #hero-usecases-circle .img-col {
    	padding-left:0;
  	}
  
    #hero-usecases-box h2 {
    	font-size: 34px;
    	line-height: 40px;
    	margin-bottom: 33px;
	}
  
    #hero-stage section#kontakt {
    	padding-bottom:147px;
    }
  
    #kontakt .form-col {
  		padding-left:19px;
  		padding-right:0px;
	}
  
	#kontakt .img-col {
        padding-top:40px;
  		padding-left:0px;
  		padding-right:31px;
	}
  
  	#kontakt .form-col .tx-powermail{
  		-o-transform:translateX(29px);
  		-ms-transform:translateX(29px);
  		-moz-transform:translateX(29px);
  		-webkit-transform:translateX(29px);
  		transform:translateX(29px);
	}
  
    #kontakt .img-col .img-box-dots.img-big{
  		-o-transform:translateX(-41px);
  		-ms-transform:translateX(-41px);
  		-moz-transform:translateX(-41px);
  		-webkit-transform:translateX(-41px);
  		transform:translateX(-41px);
	}
  
  	#kontakt .row {
    	position:relative;
        z-index:1;
  	}
  
  	#kontakt:after {
    	display:block;
        position:absolute;
        content:" ";
        width:100%;
        height:74.5%;
        bottom:0;
        left:0;
        background:#fff;
      	z-index:0;
  	}
  
  	#hero-stage section .container.container-padded,
  	#hero-stage #download-content .container {
    	padding:0 58px;
  	}
  
  	#hero-stage #hero-pricing .container.container-padded {
    	padding: 0 66px;
	}
  
  	#hero-stage #download-content .row:first-child .img-col {
        padding-right:25px;
  	}
  
  	#hero-stage #download-content .text-col {
        padding-left:67px;
  	}
  
    #hero-stage #download-content h2 {
    	margin-bottom:47px;
    }
  
  	#hero-stage #meet-free-content.padded .content {
    	padding-left: 110px !important;
    	padding-right: 110px !important;
	}
  
  	#hero-stage #meet-free-content h2 {
    	margin-bottom:41px;
    }
  
  	#hero-stage #meet-free-intro {
    	padding-bottom:22px;
    }
  
    #hero-stage #meet-free-intro .content {
    	max-width:765px;
        margin:0 auto;
    }
  
  	#hero-stage #meet-free-content {
    	padding-bottom:163px;
  	}
  
  	#hero-stage #meet-free-content .container:before {
    	position: absolute;
    	top: -52px;
    	right: 0px;
    	width: 171px;
    	height: 192px;
    	content: " ";
    	background: url(../images/dots.svg)no-repeat top center;
    	background-size: 100% auto;
   	 	z-index: 1;
	}
  
  	#hero-stage #meet-free-content .content {
    	position: relative;
   	 	z-index: 2;
	}
  
	#hero-stage #meet-free-content .steps{
    	padding-left:110px;
        padding-right:110px;
    }
  
  	#hero-stage #meet-free-content .steps .ce-gallery{
    	margin-bottom:32px;
    }
  
  	#hero-stage #meet-free-content .meet-free-form{
    	padding-top:86px;
    	padding-left:25px;
        padding-right:25px;
    }
  
	#hero-stage #meet-free-content .meet-free-form .img-col{
    	padding-top:27px;
    }
  
	#hero-stage #meet-free-content .meet-free-form .form-col{
    	padding-left:40px;
      	padding-right:81px;
    }
  
  	#hero-stage #meet-free-content .meet-free-form h3{
    	font-size:28px;
    }
  
  	#hero-stage #call-finished {
    	padding-bottom:30px;
  	}
  
  	#hero-stage #call-finished p{
    	max-width:940px;
      	margin:0 auto;
  	}
  
  	#hero-stage #call-finished-content {
      	padding-bottom:220px;
  	}
  
  	#hero-stage #call-finished-content .scroller {
    	display:none;
  	}
  
  	#hero-stage #call-finished-content .container {
    	padding:0 15px 0 15px;
  	}
  
  	#hero-stage #call-finished-content h2 {
    	font-size: 35px;
    	line-height: 40px;
      	margin-bottom:56px;
	}
  
  	#hero-stage #call-finished-content .box {
      	position:relative;
  		-ms-flex: 0 0 47.5%;
    	flex: 0 0 47.5%;
    	max-width: 47.5%;
        padding: 51px 53px 39px;
      	z-index:2;
	}
  
  	#hero-stage #call-finished-content .box h2{
    	font-size: 28px;
    	line-height: 35px;
      	margin-bottom:59px;
	}
  
  	#hero-stage #call-finished-content .container:after {
    	position: absolute;
    	bottom: -58px;
    	left: 38.5%;
    	width: 171px;
    	height: 194px;
    	content: " ";
    	background: url(../images/dots.svg)no-repeat top center;
    	background-size: 100% auto;
    	z-index: 1;
	}
  
  	#hero-stage #call-finished-content .teaser-white {
  		-ms-flex: 0 0 52.5%;
    	flex: 0 0 52.5%;
    	max-width: 52.5%;
        padding-top:19px;
        padding-left:100px;
      	padding-right:0;
	}
  
  	.teaser-white .benefit-teaser {
    	margin-bottom:32px;
  	}
  
  	.teaser-white .benefit-teaser .icon-col img,
  	.teaser-white .benefit-teaser .icon-col svg{
    	/*filter: invert(1) saturate(0) sepia(1) hue-rotate(82deg);*/
        width:37px;
        height:auto;
     	margin-top:16px;
  	}
  
  	.teaser-white .benefit-teaser .heading h3{
    	color:#fff;
   	 	font-size: 18px;
    	line-height: 28px;
    	margin-bottom: 14px;
  	}
  
  	.benefit-teaser .heading .icon-col {
    	padding: 0 28px 0 9px;
	}
  
  	#hero-stage #call-finished-content .ce-gallery {
    	margin-top:23px;
      	margin-bottom:49px;
  	}
  
  	#hero-stage #call-finished-content .teaser-white p{
  		font-size:18px;
      	line-height:28px;
	}
  
  	#hero-stage #call-finished-content .teaser-white .btn-secondary{
      	margin-top:32px;
	}
  
  	
  
  	#hero-stage #register-content .container:before,
  	#hero-stage #login-content .container:before {
    	position: absolute;
    	top: -52px;
    	right: -58px;
    	width: 171px;
    	height: 194px;
    	content: " ";
    	background: url(../images/dots.svg)no-repeat top center;
    	background-size: 100% auto;
    	z-index: 1;
	}
  
  	#hero-stage #register-content .content,
  	#hero-stage #login-content .content {
    	position:relative;
      	z-index:2;
  	}
  
  	#hero-stage #passwort-content .container:before,
  	#hero-stage #passwort-content .container:after {
    	position: absolute;
      	width: 171px;
    	height: 194px;
    	content: " ";
    	background: url(../images/dots.svg)no-repeat top center;
    	background-size: 100% auto;
    	z-index: 1;
  	}
  
  	#hero-stage #passwort-content .container:before {	
    	top: 94px;
    	right: -164px;
	}
  
  	#hero-stage #passwort-content .container:after {
    	bottom: -31px;
    	left: -95px;
	}
  
  	#hero-stage #passwort-content .container {
    	max-width:624px;
  	}
  
  	#hero-stage #passwort-content.padded .content {
    	position:relative;
      	z-index:2;
        padding-left:76px !important;
        padding-right:76px !important;
      	padding-top:60px;
      	min-height:481px;
  	}
  
  	#hero-stage #marke-content.padded .content {
    	padding-left:99px !important;
        padding-right:99px !important;
  	}
  
  	#hero-stage #karriere-intro {
    	padding-bottom:79px;
  	}
  
  	#hero-stage #karriere-intro h1{
    	margin-bottom:19px;
  	}
  
  	#hero-usecases-box.karriere .img-col {
    	position:relative;
      	overflow:hidden;
  	}
  
	#hero-usecases-box.karriere .img-col .ce-gallery,
	#hero-usecases-box.karriere .img-col .ce-gallery .ce-outer,
	#hero-usecases-box.karriere .img-col .ce-gallery .ce-inner,
	#hero-usecases-box.karriere .img-col .ce-gallery .ce-column,
	#hero-usecases-box.karriere .img-col .ce-gallery figure {
      	position:absolute;
    	width: 100%;
      	height:100%;
      	top:0;
      	left:0;
	}
  
  	#hero-usecases-box.karriere .img-col .ce-gallery figure img{
      	position:absolute;
    	width: 100%;
      	height:auto;
     	top:0;
	}
  
  	#hero-stage.en #download-intro h1 {
    	max-width: 58%;
	}
	
	#hero-pricing .pricing-col .spacer {
		display:block;
		height:37px;
	}
	
	#hero-pricing .pricing-col.has-price-option h3 .yearly.active {
		margin-top:-42px;
	}
  
}

@media (min-width:992px) and (max-width: 1199px) {

	#header .main-menu {
		margin-right:25px;
	}
	
	.nav-item {
		margin: 0 4px;
	}
	
	#header .right-menu .border-link {
		font-size: 16px;
		margin-right: 23px;
		margin-right: 11px;
	}
	
	main #hero-stage h1 {
		font-size:44px;
		line-height:56px;
	}
  
  	main #hero-intro p br {
    	display:none;
  	}
	
	main #hero-stage .intro-start .background-ani img {
		height: 79px;
	}
	
	main #hero-stage .intro-start .background-ani .cloud-ani-left {
		top: 215px;
	}
	
	main #hero-stage .intro-start .background-ani .cloud-ani-right {
		top: 83px;
	}
	
	main #hero-stage .intro-start .foreground-ani img {
		width: 48px;
	}
	
	main #hero-stage .intro-start .foreground-ani .logo-ani-one {
		top: 124px;
		left: 22px;
	}
	
	main #hero-stage .intro-start .foreground-ani .logo-ani-two {
		top: 1px;
		right: 89px;
	}
	
	main #hero-stage .intro-start .foreground-ani .logo-ani-three {
		bottom: 123px;
		right: 16px;
	}
	
	.padded .content {
		padding-left:80px !important;
		padding-right:80px !important;
	}
	
	#clouds.padded .content {
		padding-left: 80px !important;
		padding-right: 80px !important;
	}
	
	#cta-box.pricing .content .text-col h2{
		font-size: 32px;
		line-height: 40px;
	}
	
	#cta-box.pricing p {
		font-size: 18px;
		line-height: 28px;
	}
	
	#cta-box.pricing .content .text-col {
		padding: 0 30px;
	}
	
	#hero-stage #hero-usecases-box .content .text-col {
		padding: 64px 40px 44px;
	}
	
	#hero-stage #hero-usecases-circle .fade-in {
		width: 273px;
		top: 111px;
		right: -76px;
	}
	
	#cta-start-bottom {
		/*background: url(../images/nutze-weteam-unverbindlich.jpg)no-repeat center center #fff;*/
		/*background-size: 109% auto;*/
	}
  
    #plans-table #plans-overview .table-head.sticky {
    	max-width: 930px;
	}
  
    #plans-table #plans-overview .table-head p {
        font-size: 12px !important;
    }
	
	#plans-table #plans-overview .table-row p {
		font-size: 14px !important;
	}
  
    #plans-table #plans-overview .table-row h3 {
        font-size: 14px;
        letter-spacing: 0px;
    }
    
    #plans-table .btn {
         font-size: 20px;
         padding: 12px 25px 13px;
    }
  
  	.tx-powermail {
   	 padding: 0px 37px 88px;
	}
  
  	#hero-stage #download-content.padded .content {
    	padding: 106px 50px 110px !important;
	}
  
  	#hero-stage #download-content .logo-col img {
    	width: auto;
    	height: 40px;
	}
  
  	.color-box .colorpin {
    	width: 75px;
    	height: 75px;
	}

	.color-box p {
    	font-size: 13px !important;
    	line-height: 20px !important;
	}
  
  	#hero-usecases-box .img-col .ce-gallery img, #hero-usecases-box .img-fullwidth .ce-gallery img {
    	width: auto;
    	height: fit-content;
	}
  
  	#hero-usecases-box.karriere .img-col .ce-gallery figure img{
      	width:auto;
      	height:100%;
	}
  
}

@media (max-width:1399px) and (min-width:992px) {
  #hero-pricing .pricing-right:before {
    position: absolute;
    right: -32px;
  }
}

@media (max-width:1399px) and (min-width:1199px) {
  	#hero-stage #download-content .row:first-child .img-col {
    	padding-right: 7px;
	}
}

@media (max-width:1499px) and (min-width:992px) {
  #footer {
    position:relative;
    z-index:998;
  }
}

@media only screen and (max-width: 991px) {
	h1 {
		font-size: 36px;
		line-height:45px;
	}

	h2 {
		font-size: 28px;
		line-height:35px;
	}
	
	hr {
  	  	margin-top:52px;
  	 	margin-bottom:52px;
	}  
  
    #clouds h2,
    #weteam h2,
	h2.mb-2 {
		margin-bottom: 39px !important;
	}
	h2.ce-headline-center,
	h2.text-center {
		text-align:left !important;
	}

	h3 {
		font-size: 22px;
		line-height:29px;
	}

	h4 {
		font-size: 18px;
		line-height:28px;
	}
  
  	#header.nav-open {
    	height:100%;
  	}
  
  	#header .navbar {
      	display:block;
      	height:100%;
  	}
  
  	#header .header-right {
      	position:fixed;
      	position:absolute;
      	width:100%;
   		height: 40%;
      	/*padding-bottom:5%;*/
      	left:0;
      	right:0;
      	bottom:0;
      	padding-left:15px;
      	padding-right:15px;
        background: rgb(0,81,126);
    	background: -moz-linear-gradient(90deg, rgba(0,81,126,1) 0%, rgba(0,167,196,1) 100%);
    	background: -webkit-linear-gradient(90deg, rgba(0,81,126,1) 0%, rgba(0,167,196,1) 100%);
    	background: linear-gradient(90deg, rgba(0,81,126,1) 0%, rgba(0,167,196,1) 100%);
    	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00517e",endColorstr="#00a7c4",GradientType=1);
      	z-index:2;
  	}
	
    #hero-stage section.padded-top .content,
    #content section.padded-top .content {
    	padding-top:62px !important; 
    }
 
    #hero-stage section.padded-bottom .content,
    #content section.padded-bottom .content {
    	padding-bottom:62px !important; 
    }
  
	.btn {
		font-size:18px;
		padding-top:8px;
		padding-bottom:8px;
	}
	
	.navbar {
		position:relative;
      	min-height:70px;
		padding: 12px 15px 9px;
	}
  
  	.navbar.container {
      	max-width:100% !important;
		position:relative;
		padding: 12px 15px 9px;
	}
  
  	.navbar .header-top {
    	position:relative;
      	z-index:2;
  	}
  
  	.navbar .header-top,
  	.navbar .main-menu {
    	max-width:720px;
      	margin-left:auto;
      	margin-right:auto;
  	}
  
  	.navbar .main-menu {
    	position: relative;
    	display: block;
    	height: 60%;
    	padding: 0 15px;
  	}
	
	.navbar-toggler {
		position:absolute;
		top:11px;
		right:5px;
		right:-3px;
      z-index:2;
	}
	
	#header .navbar-logo #logo {
		height: 50px;
		height: 25px;
		margin-top:3px;
		/*margin-left: -17px;*/
		margin-left: 11px;
	}
	
	#header .nav-item {
      	position:relative;
		margin: 0;
    	padding: 3% 11px;
      	border-bottom:1px solid #d4d4d4;
	}
  
  	#header {
    	-o-transition: background .6s ease-out;
    	-ms-transition: background .6s ease-out;
    	-moz-transition: background .6s ease-out;
    	-webkit-transition: background .6s ease-out;
    	transition: background .6s ease-out;
  	}
  
  	#header #collapsibleNavbar {
    	padding-top: 70px;
    	width: 100%;
    	position: fixed;
    	top: 0;
   	 	left: 0;
    	height: 100%;
    	bottom: 0;
	}
  
  	#header .nav-item:after {
      	position:absolute;
      	content:" ";
      	width:12px;
        height:22px;
      	right:11px;
      	top:50%;
      	-ms-transform:translateY(-50%);
      	-moz-transform:translateY(-50%);
      	-webkit-transform:translateY(-50%);
      	transform:translateY(-50%);
      	background:url("../images/menu-arrow-right.svg")no-repeat center;
      	background-size:auto 22px;
      	z-index:1;
	}
	
  	#header.nav-open #collapsibleNavbar {
    	/*display:block !important;*/
  	}
  
  
	.main-menu {
		margin-top:0px;
		margin-right: 0px;
	}
	
	#header .main-menu-link {
		font-size: 18px;
        /*padding:35px 0;
      	padding:4.481434058898848vh 0;*/
	}
  
    #header .right-menu {
        padding: 4.603072983354673vh 0 4.450704225352113vh;
      	text-align:center;
    }
  
	#header .right-menu .border-link {
		font-size: 19px;
		margin-right: 0px;
      	color:#fff !important;
	}
  
  	#header .right-menu .border-link:after {
    	background: #fff;
	}
  
  	#header.nav-open .right-menu .border-link:after, #header.sticky .right-menu .border-link:after {
    	background: #fff;
	}
	
	#header .right-menu .btn {
      	display:block;
		width:100%;
      	max-width:300px;
		font-size: 18px;
      	padding: 8px 22px 8px;
      	margin:41px auto 0;
	}
	
	main #hero-stage{	
		padding-top:57px;
		background: rgb(0,81,126);
		background: -moz-linear-gradient(90deg, rgba(0,81,126,1) 0%, rgba(0,167,196,1) 100%);
		background: -webkit-linear-gradient(90deg, rgba(0,81,126,1) 0%, rgba(0,167,196,1) 100%);
		background: linear-gradient(90deg, rgba(0,81,126,1) 0%, rgba(0,167,196,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00517e",endColorstr="#00a7c4",GradientType=1);
	}
	
	main #hero-stage .intro-start .text-col {
		padding-top:91px;
	}

	#hero-stage .btn {
		margin-top: 46px;
	}
	
	main #hero-stage h1, main #hero-stage h2 {
		margin-bottom:27px;
	}
  
  	#hero-stage #hero-intro .text-col p {
        display:inline;
    	margin-bottom:0;
  	}
	
	main #hero-stage .intro-start .img-col {
		padding-top: 56px;
	}
	
	main #hero-stage .intro-start .background-ani img {
		height: 109px;
	}
	
	main #hero-stage .intro-start .background-ani .cloud-ani-left {
		top: 297px;
	}
	
	main #hero-stage .intro-start .background-ani .cloud-ani-right {
		top: 114px;
	}
	
	main #hero-stage .intro-start .foreground-ani img {
		width: 65px;
	}
	
	main #hero-stage .intro-start .foreground-ani .logo-ani-one {
		top: 172px;
		left: 32px;
	}
	
	main #hero-stage .intro-start .foreground-ani .logo-ani-two {
		top: 4px;
		right: 124px;
	}
	
	main #hero-stage .intro-start .foreground-ani .logo-ani-three {
		bottom: 171px;
		right: 23px;
	}
	
	main #hero-stage #hero-intro {
		padding-bottom: 81px;
	}
	
	.padded .content {
		padding-left:15px !important;
		padding-right:15px !important;
	}
  
    #weteam.padded .content {
		padding-left:0px !important;
		padding-right:0px !important;
	}
	
	#clouds.padded .content {
		padding-left: 55px !important;
		padding-right: 55px !important;
	}
	
	.slick-arrow {
		top:23px;
		width:55px;
		height:55px;
		background-position:center center;
	}
	
	.slick-prev {
		left: -52px;
		background-image:url("../images/slick-prev-mobile.svg");
	}
		
	.slick-next {
		right: -52px;
		background-image:url("../images/slick-next-mobile.svg");
	}	
	.benefit-teaser .heading .icon-col {
		padding: 0 26px 0 0;
	}
	
	.testimonial-col p {
		line-height:32px;
	}
	
	#cta-box .content .text-col {
		padding: 0 60px;
	}
	
	#cta-start-bottom {
		padding-top: 122px;
		background: url(../images/nutze-weteam-unverbindlich-mobile.png)no-repeat top center #fff;
		background-size: 260px auto;
	}
	
	#hero-stage #hero-pricing {
		padding: 92px 0 83px;
	}
	
	#cta-box .content .text-col h2 {
		margin-bottom: 24px;
	}
	
	#cta-box.pricing .content .text-col {
		text-align: left;
		padding: 39px 35px 56px;
	}
	
	#cta-box.pricing p {
		font-size:18px;
		line-height:28px;
		margin-bottom: 39px;
	}
	#cta-box.pricing .content .text-col .btn{
		display:block;
	}
	
	.btn .arrow {
		margin-left: 8px;
	}
	
	#cta-box .content,
	#cta-box.dir-r-l .content {
		background: rgb(0,81,126);
		background: -moz-linear-gradient(90deg, rgba(0,81,126,1) 0%, rgba(0,167,196,1) 100%);
		background: -webkit-linear-gradient(90deg, rgba(0,81,126,1) 0%, rgba(0,167,196,1) 100%);
		background: linear-gradient(90deg, rgba(0,81,126,1) 0%, rgba(0,167,196,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00517e",endColorstr="#00a7c4",GradientType=1);
	}
	
	#hero-pricing .container {
		max-width: 720px;
	}
	
	#plans-table {
		display:none;
	}
	
	#hero-pricing h1 {
		text-align: left;
	}
	
	#hero-pricing p {
		text-align: left;
        margin-bottom:85px;
	}
  
    #hero-pricing:after {
	    top: 694px;
	}
	
	#hero-pricing .pricing-switch {
		display: none !important;
	}
	
	#hero-stage #hero-pricing {
		padding-bottom: 63px;
	}
	
	#hero-pricing .pricing-left {
		margin-bottom:64px;
	}

	#hero-pricing .pricing-col {
		padding:50px 27px;
	}
	
	#hero-pricing .pricing-col-header {
		position:relative;
		border-bottom:1px solid #e1e1e1;
		margin-bottom:26px;
	}
	
	#hero-pricing .pricing-col-header h2,
	#hero-pricing .pricing-col-header h3 {
		/*display:inline-block;*/
		font-size:28px !important;
		line-height:38px;
      	letter-spacing:1px;
		margin-bottom:11px;
	}
  
	#hero-pricing .pricing-col-header h2 {
		margin-right:15px;
	}
	
	#hero-pricing .pricing-col-header h4 {
		display:block;
      	font-size:14px;
      	line-height:20px;
		text-align:center !important;
		padding-left: 0px;
		background: none;
		margin:0 auto 8px;
	}
	
	#hero-pricing .pricing-col-header h4 img{
		display:none;
	}
	
	#hero-pricing .pricing-col-header .btn {
		display:none !important;
	}
	
	#hero-pricing .pricing-col ul li {
		padding-left: 50px;
		margin-bottom: 26px;
	}
	
	main #hero-pricing .pricing-col .btn {
		display:block;
		max-width:310px;
		margin:24px auto 36px;
	}
	
	#hero-pricing .pricing-col .btn-dropdown {
		font-size:17px;
		padding-bottom:0;
	}
	
	#pricing-col-add-info-left ul {
		padding-top:39px;
		padding-bottom:0px;
	}
  
  	#pricing-col-add-info-right ul {
		padding-top:22px;
		padding-bottom:0px;
	}
	
	div[id^="pricing-col-add-info"] ul {
		padding-top:39px;
		padding-bottom:0;
	}
	
	div[id^="pricing-col-add-info"] p {
		max-width:290px;
		margin:39px auto 0;
	}
	/*
	.plus div[id^="pricing-col-add-info"] ul {
		padding-top:22px;
		padding-bottom:0;
	}*/
	
	#hero-pricing  #pricing-col-add-info-left .btn {
		margin:47px auto 0;
	}
	
	#hero-pricing .plus .pricing-col .pricing-col-header,
	#hero-pricing .pricing-col.has-price-option .pricing-col-header {
		padding-bottom:64px;
        padding-bottom:39px;
	}
	
	#hero-pricing .plus .pricing-col .pricing-col-header p,
	#hero-pricing .pricing-col.has-price-option .pricing-col-header p {
		position:absolute;
		max-width:350px;
		bottom:40px;
		left:0;
		right:0;
		margin:0 auto;
	}
  
  #hero-pricing .pricing-col .plan-links {
    display:none;
  }
	
	#hero-stage #hero-usecases-intro {
		padding-top:91px;
		padding-bottom:30px;
	}
	
	#hero-stage #hero-usecases-intro .btn {
		margin-top:26px;
        margin-top:39px;
	}
  
    #hero-stage #hero-usecases-circle {
       padding-top:15px;
       padding-bottom:84px;
    }
	
	#hero-stage #hero-usecases-box .content .text-col {
		padding:30px;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	#hero-stage #hero-usecases-box .content .img-col {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	
	#hero-stage #hero-usecases-circle .img-col img {
		max-width: 100%;
        max-width:73.6%;
        height:auto;
		margin-left: 0px;
	}
	
	#hero-stage #hero-usecases-circle h2 {
		font-size: 28px;
		line-height: 35px;
		margin-bottom: 22px;
	}
	
	#hero-stage #hero-usecases-circle .text-col {
		padding-top:27px;
	}
	
	#hero-stage #testimonials {
		position: relative;
		padding-top: 29px;
        padding-bottom:36px;
	}
	
	#hero-stage .testimonial-col {
		background-position: 39px 48px;
		padding: 125px 39px 44px 39px;
        margin-bottom:0;
	}
	
	#hero-stage .testimonial-col p {
		font-size: 18px;
		line-height: 28px;
		text-align:left;
	}
  
  	#info-box {
    	padding-top: 49px;
	}
	
	#info-box.dir-l-r .img-fullwidth {
		padding-right: 15px;
	}
	
	#info-box.dir-l-r .text-col {
		padding-left: 15px;
	}
	
	#info-box h2 {
		font-size: 26px;
		line-height: 33px;
		margin-bottom: 20px;
	}
	
	#info-box p {
		font-size: 16px;
		line-height: 26px;
	}
  
  	#hero-stage #hero-usecases-circle .text-col {
    	padding-left: 15px;
	}
	
	#footer {
		font-size:18px;
	}
	
	#footer .footer-top {
		padding: 27px 12px 51px;
	}
	
	#footer .footer-top .img-logo {
		height: 90px;
		margin-bottom: 14px;
	}
	
	#footer .footer-top .first-col {
		line-height:26px;
		margin-bottom:60px;
	}
	
	#footer .footer-top h4 {
		font-size:15px;
		margin-top: 0px;
		margin-bottom: 19px;
	}
	
	#footer .footer-top ul li a,
	#footer .footer-top .footer-links li a{
		line-height:32px;
	}
	
	#footer .footer-top ul,
	#footer .footer-top .footer-links{
		margin-bottom:55px;
	}
	
	#footer .footer-top  .footer-menu-col:last-child ul,
	#footer .footer-top  .footer-menu-col:last-child .footer-links{
		margin-bottom:36px;
	}
	
	#footer .footer-bottom {
		display:block;
		padding: 45px 12px;
	}
	
	#footer .footer-bottom .imp-link {
		display:block;
		margin-right: 0px;
		margin-bottom:8px;
	}
	
	#footer .footer-bottom .footer-left{
		margin-bottom:45px;
	}
  
 	#footer .footer-bottom p{
		margin-bottom:15px;
	}
	
	#footer .footer-bottom .social-links li {
		margin: -4px 3px 0;
	}
	
	#footer .footer-bottom .social-links li a img {
		width:22px;
		height:22px;
	}
  
    #hero-stage section#kontakt {
    	padding-bottom:24px;
    }
  
    .tx-powermail input[type="submit"] {
    	font-size:18px;
		height:45px;
	}
  
    .img-col .img-box-dots {
        margin-right:8.533333333333333%;
  	}
  
  	.img-col .img-box-dots.img-big {
 	 	position: absolute;
    	top: 21.06666666666667%;
        left:8.533333333333333%;
        margin-right:0;
  	}
  
  	.tx-powermail {
    	padding: 19px 24px 40px;
	}
  
 	.tx-powermail label {
    	margin: 31px auto 0 4px;
    	padding: 0 12px 0 7px;
	}
  
  	#hero-stage .powermail_field .frame-type-text p {
    	font-size: 15px;
    	line-height: 25px;
    	margin: -38px auto 45px 43px;
	}
  
  	.img-col .img-box-dots.img-big .dots {
 	 	display:none;
  	}
  
  	.img-box-dots .img-round {
    	z-index: 3;
	}
  
  	.img-box-dots.img-big .img-round {
    	z-index: 2;
	}
  
    #hero-stage .ce-headline-center {
    	text-align:left !important;
    }
  
  	#hero-stage p.text-center {
    	text-align:left !important;
    }
  
  	#hero-stage section#kontakt {
    	padding-top:0;
  	}
  
	#cta-start-bottom:first-child {
    	margin-top:65px;
    }
  
  	#hero-stage #download-intro .ce-headline-center {
    	text-align: center !important;
      	max-width: 76%;
	}
  
  	#hero-stage #download-content .img-col img {
    	margin-bottom:36px;
	}
  
  	#hero-stage #download-content .img-col.logo-col img {
    	margin-bottom: 0px;
	}
  
  	#hero-stage #download-content.padded .content {
    	padding: 83px 24px 36px !important;
	}
  	#hero-stage #download-content.padded .container:before {
      display: none;
	}
  
    #hero-stage #meet-free-intro {
    	padding-bottom:28px;
    }
  
  	#hero-stage #meet-free-intro .show-on-mobile{
    	padding-top:37px;
    }
  
  	#hero-stage #meet-free-content {
    	padding-bottom:41px;
  	}
  
    #hero-stage #meet-free-content .content {
    	padding-left:25px;
        padding-right:25px;
      	padding-bottom: 0 !important;
    }
  
    #hero-stage #meet-free-content .steps div[class^="col-"]{
    	display:flex;
    }
  
  	#hero-stage #meet-free-content .steps p {
  		font-size:18px;
    	line-height:28px;
    	margin-top:9px;
  	}
  
	#hero-stage #meet-free-content .steps .ce-gallery {
    	max-width:57px;
      	float:left;
        display:inline-block;
      	margin-right:13px;
      	margin-bottom:0;
    }
  
  	#hero-stage #meet-free-content .steps .ce-gallery img{
    	max-width:57px;
    }
  
    #hero-stage #meet-free-content .steps .ce-bodytext {
    	display:inline-block;
      	clear:none;
    }
  	
  	#hero-stage #meet-free-content .meet-free-form {
    	padding-top:54px;
  	}
 
    #hero-stage #meet-free-content .meet-free-form .img-col{
    	display:none;
    }
  
  	#hero-stage #meet-free-content .meet-free-form h3{
    	font-size:28px;
        line-height:35px;
  	}
  
  	#hero-stage #call-finished {
    	padding-bottom:50px;
  	}
  
  	#hero-stage #call-finished .img-col{
    	padding-top:27px;
  	}
  	
  	#hero-stage #call-finished-content {
    	padding-top:24px;
  	}
  
  	#hero-stage #call-finished-content .box{
    	padding: 65px 23px 39px;
  	}
  
  	#hero-stage #call-finished-content .teaser-white {
  		background:#fff;
        padding-top:126px;
      	padding-bottom:89px;
      	margin-top:20px;
	}
  
  	#hero-stage #call-finished-content .teaser-white h2,
  	#hero-stage #call-finished-content .teaser-white p{
  		color:#1C1C1C;
	}
  
  	#hero-stage #call-finished-content .teaser-white .btn-secondary .arrow svg{
  		fill:#00465C;
        ms-fill:#00465C;
	}
  
  	#hero-stage #call-finished-content .teaser-white .btn-secondary:hover .arrow svg,
  	#hero-stage #call-finished-content .teaser-white .btn-secondary:focus .arrow svg,
  	#hero-stage #call-finished-content .teaser-white .btn-secondary:active .arrow svg{
  		fill:#fff;
        ms-fill:#fff;
	}
  
  .teaser-white .benefit-teaser .icon-col img {
    filter: saturate(0) sepia(1);
    width: 37px;
    height: auto;
    margin-top: 16px;
	}
  
  	#hero-stage #call-finished-content .teaser-white .ce-gallery{
    	display:none;
  	}
  
  	.teaser-white .benefit-teaser .heading h3 {
    	font-size: 18px;
    	line-height: 28px;
	}
  
  	.teaser-white .benefit-teaser {
    	margin-bottom:25px;
	}
  
  	.teaser-white .benefit-teaser .heading .icon-col {
    	padding: 0 21px 0 0;
	}
  
  	#hero-stage #call-finished-content .teaser-white p {
    	font-size: 18px;
    	line-height: 28px;
	}
  
  	#hero-stage #call-finished-content .box h2{
    	display:none;
	}
  
	.intro-border .frame-layout-1:after {
  		width: 100%;
	}

	.intro-border .frame-layout-1 p{
  		padding-right:21px;
	}

	#dsgvo-content .content:before {
 		right:0;
  		left:0;
  		margin:0 auto;
  		width:257px;
  		height:285px;
  		top:-140px;
	}
  
  	#content #dsgvo-content.padded-top .content {
    	padding-top: 160px !important;
	}
  
  #hero-stage #datenschutz-intro {
    	padding-bottom:124px;
  }
  
  #hero-stage #call-finished-content .btn-secondary.btn-white {
	color:#00465C;
	background:transparent;
	border:1px solid #00465C !important;
	outline:0 !important;
	box-shadow:none !important;
}

#hero-stage #call-finished-content .btn-secondary.btn-white:hover,
#hero-stage #call-finished-content .btn-secondary.btn-white:focus,
#hero-stage #call-finished-content .btn-secondary.btn-white:active {
	color:#fff !important;
	background:#00465C !important;
	border:1px solid #00465C !important;
}

#hero-stage #call-finished-content .btn-secondary.btn-white .arrow svg{
	ms-fill:#00465C;
	fill:#00465C;
}
  
  	#job-content .tx-powermail .powermail_fieldwrap_vorname, #job-content .tx-powermail .powermail_fieldwrap_nachname {
    	display: block;
    	width: 100%;
      	padding:0;
	}
  
  .teaser-white .benefit-teaser .icon-col svg,
  .teaser-white .benefit-teaser .icon-col svg path {
    ms-fill:#1C1C1C;
	fill:#1C1C1C;
  }
  
  .footer-left p {
  	display:block;
  	margin-right:0px;
	}
  
  .jobs-filter {
    padding: 24px;
    border-radius: 15px;
	}
  
  	.jobslist h3 {
    font-size: 28px;
    line-height: 35px;
	}
  
  	#hero-stage #hero-usecases-circle .fade-in {
    	right: 0px;
	}
  
  	#hero-pricing #pricing-col-add-info-right p, #hero-pricing #pricing-col-add-info-right p {
   	 max-width: 290px;
	}
  
  	#hero-pricing .pricing-col ul {
    	max-width: 290px;
	}
  
  	#c218 {
    	margin-bottom:37px;
  	}
  
  	#c219 h2 {
    	font-size:22px;
      	line-height:29px;
        margin-bottom:22px;
  	}
  
  	.dos-donts.last-row {
    	margin-bottom: 82px;
	}
  
  	.weteam-logo-size {
    	margin-bottom: 77px;
	}
  
  	#hero-stage #marke-content .content {
    	padding-bottom:32px !important;
  	}
  
  #scroll-to-top {
  		right:4px;
  		bottom:31px;
  		width:62px;
  		height:62px;
  		background:url("../images/arrow-to-top-mobile.svg")no-repeat center;
  		background-size:100% auto;
  	}
}

@media (max-width:991px) and  (min-width:768px) {
    #hero-stage #hero-intro .text-col .btn {
        display:block;
    	max-width:270px;
  	}
  
  	.dos-donts .img-col {
    	padding-right: 0px;
	}
  
  	#weteam.padded .content {
    	padding-left: 30px !important;
    	padding-right: 30px !important;
	}
  
  	#weteam .benefit-teaser h3 br {
    	display:none;
	}
  
  
}

@media (max-width:991px) and (min-width:576px) {
     .img-box-dots .img-box-wrap {
   	 	max-width: 46.93333333333333%;
	}
  
  	.img-box-dots .img-round {
   	 	max-width: 100%;
	}
  
  	.img-box-dots.img-big .img-box-wrap {
   	 	max-width: 48.53333333333333%;
	}
  
  	.img-col .img-box-dots.img-big {
	    width: 100%;
	}
  
  	.img-box-dots.img-big .img-round {
   	 	max-width: 100%;
	}
  
  	.img-box-dots {
    	margin-bottom: 63px;
	}
  
    .img-box-dots .dots {
    	max-width:45.8%;
        height:auto;
    	top: 11%;
    }
  
    .img-box-dots.img-right .dots {
	    left: -25%;
    }
  
    #hero-stage #call-finished-content .teaser-white {
      border-radius:15px;
	}

}

@media only screen and (min-width:768px) {

}

@media only screen and (max-width: 767px) {
	html, body {
		overflow-x:hidden;
	}
	
	main #hero-stage .intro-start .background-ani img {
		height: 80px;
	}
	
	main #hero-stage .intro-start .background-ani .cloud-ani-left {
		top: 220px;
	}
	
	main #hero-stage .intro-start .background-ani .cloud-ani-right {
		top: 86px;
	}
	
	main #hero-stage .intro-start .foreground-ani img {
		width: 48px;
	}
	
	main #hero-stage .intro-start .foreground-ani .logo-ani-one {
		top: 127px;
		left: 24px;
	}
	
	main #hero-stage .intro-start .foreground-ani .logo-ani-two {
		top: 3px;
		right: 92px;
	}
	
	main #hero-stage .intro-start .foreground-ani .logo-ani-three {
		bottom: 126px;
		right: 17px;
	}
	
	main #hero-stage #hero-intro .scroller {
		width: 60px;
		height:auto;
		bottom: -33px;
	}
	
	main #hero-stage #hero-intro .scroller img {
		width: 60px;
	}
	
	#hero-stage #weteam {
      	padding-top:0;
		padding-bottom: 0;
	}
	
	.benefits {
		background:#fff;
		border-radius:15px 15px 0 0;
		margin-bottom:0;
	}
	
	.benefits .content {
		padding: 82px 0 0;
	}
	
	.benefits h2.mb-2 {
		margin-bottom: 47px !important;
	}
	
	.benefit-teaser {
		margin-bottom: 62px;
	}
	
	.benefit-teaser .heading .icon-col {
		padding: 0 24px 0 0;
	}
	
	#clouds {
		padding-top: 11px;
		padding-bottom: 140px;
	}
	
	#clouds.padded .content {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	
	#clouds.padded .content .carousel{
		padding-left: 33px !important;
		padding-right: 33px !important;
	}
	
	.slick-arrow {
		top:17px;
		width:60px;
		height:60px;
		background-size:100% auto;
	}
	
	.slick-prev {
		left: -7px;
	}
		
	.slick-next {
		right: -17px;
	}
	
	.slick-slide img {
		width:12.43vw;
		height:auto;
		margin-bottom:12px;
	}
	
	#cta-box {
		padding-bottom: 47px;
	}
	
	#cta-box .content .text-col {
		text-align:center;
		padding-top:112px;
		padding-bottom:65px;
	}
	
	#cta-box .content .text-col h2 {
		margin-bottom: 34px;
	}
	
	#cta-box .content {
		position:relative;
	}
	
	#cta-box.layout-2 .container {
		padding:0;
	}
	
	#cta-box.layout-2 .content .img-fullwidth {
		position: absolute;
		top:0;
		left:0;
		right:0;
		width: 159px;
		height:159px;
		padding:0;
		margin:-78px auto 0;
		text-align:center;
	}
  
    #cta-box.layout-2 .content .img-fullwidth .ce-gallery {
        border-radius: 159px;
		overflow:hidden;
    }
  
  #cta-box.layout-2 .content .img-fullwidth:before {
		position: absolute;
        content:" ";
        top:6px;
        left:119px;
        width:115px;
        height:130px;
        background:url("../images/dots.svg")no-repeat center;
        background-size:100% auto;
        z-index:2;
	}
	
	#cta-box.layout-2 .content .img-fullwidth img{
        position:relative;
		width: auto;
		height: 159px;
		border-radius: 100%;
		padding:0;
		overflow: hidden;
        z-index:3;
	}
	
	#weteam-functions .row {
		padding: 35px 0 47px;
	}
	
	#testimonials {
		padding-top: 53px;
		padding-bottom: 70px;
	}
	
	#testimonials .container {
		padding:0;
	}
	
	#testimonials h2{
		text-align:center !important;
		margin-bottom:40px;
	}
	
	.testimonial-col {
		background-position: 40px 46px;
		padding: 124px 38px 43px 38px;
		margin-bottom:32px;
	}
	
	.testimonial-col .author-pic {
		width: 97px;
		height: 97px;
		border-radius: 97px;
		margin-right: 30px;
	}
	
	.testimonial-col .author {
		margin-top: 25px;
	}
	
	#cta-start-bottom {
		padding-top: 93px;
		padding-bottom:89px;
		background-size: 194px auto;
	}
	
	#cta-start-bottom p {
		font-size: 18px;
		line-height: 28px;
		margin-bottom: 28px;
	}
	
	#cta-start-bottom p br{
		display:none;
	}
	
	#hero-pricing .container {
		max-width: 540px;
	}

	#faq {
		padding-top: 60px;
		padding-bottom: 110px;
	}
	
	div[id^="acco"] .card {
		margin-bottom: 8px;
	}
	
	div[id^="acco"] .card-header .btn {
		padding: 22px 40px 24px 0;
	}

	#info-box h2 {
		font-size: 28px;
		line-height: 35px;
		margin-top:46px;
		margin-bottom: 23px;
	}
	
	#info-box p {
		font-size: 18px;
		line-height: 28px;
	}
	
	#info-box {
		padding-bottom: 75px;
	}
  
  	#weteam-functions .first .text-col,
  	#weteam-functions .second .text-col,
  	#weteam-functions .third .text-col {
    	padding-left: 15px;
        padding-right:15px;
	}
  
  	#hero-stage #download-intro .ce-headline-center {
    	max-width: 340px;
	}
  
  	#weteam-functions .img-fullwidth {
    	padding:0;
  	}
  
  	#hero-stage #marke-content.padded .content {
    	padding-left:24px !important;
        padding-right:24px !important;
    }
  
  	.dos-donts .img-col {
    	padding-right: 15px;
    	margin-bottom: 15px;
	}
  
  	.jobs-filter {
    	text-align:left;
      	padding:21px 24px;
    	padding: 24px 38px 11px;
	}
  
  	.jobs-filter-btn {
		margin-bottom:30px;
		margin-bottom:22px;
  	}
  
  	#hero-stage #hero-usecases-circle .fade-in {
    	width: 300px;
    	top: 100px;
	}
  
  	#cta-start-bottom h2 br{
    	display:none;
	}
  
  	.navbar .header-top, .navbar .main-menu {
    	max-width: 540px;
	}
  
  	.testimonial-col .author-pic img {
    	width: 100%;
    	height: auto;
      	border-radius:100%;
	}
	
}
@media (min-width:576px) {
	/*#hero-pricing .pricing-right .btn {
    	min-width: 307px;
	}*/
  
    .logo-download-box {
    	text-align:center;
	}
  
  
  	.logo-download-box .download-overlay{
      	display:none;
    	position:absolute;
      	top:0;
      	width:100%;
      	height:100%;
      	z-index:1;
  	}
  
  	.logo-download-box:hover .download-overlay,
  	.logo-download-box:focus .download-overlay{
      	display:block;
  	}
  
  	.logo-download-box .download-overlay .icon-link{
    	position:absolute;
      	top:0;
      	width:50%;
      	height:100%;
        background-color:rgba(28, 28, 28, .8);
      	background-repeat:no-repeat;
      	background-position:center center;
      	z-index:2;
  	}
  
  	.logo-download-box .download-overlay .icon-link:hover{
        background-color:rgba(28, 28, 28, 1);
  	}
  
  	.logo-download-box .download-overlay .icon-link.svg-link{
      	left:0;
      	background-image:url("../images/download-svg.svg");
  	}
  
  	.logo-download-box .download-overlay .icon-link.png-link{
      	left:50%;
      	background-image:url("../images/download-png.svg");
  	}
}

@media (max-width:575px) {
	#hero-stage .btn {
		margin-top: 46px;
		display: block;
	}
	
	main #hero-stage .container {
		padding: 0 15px;
	}
	
	main #hero-stage .intro-start .background-ani img {
		width:27vw;
		height: auto;
	}
	
	main #hero-stage .intro-start .background-ani .cloud-ani-left {
		top: 59%;
	}
	
	main #hero-stage .intro-start .background-ani .cloud-ani-right {
		top: 23%;
	}
	
	main #hero-stage .intro-start .foreground-ani img {
		width: 10vw;
	}
	
	main #hero-stage .intro-start .foreground-ani .logo-ani-one {
		top: 33.5%;
		left: 4%;
	}
	
	main #hero-stage .intro-start .foreground-ani .logo-ani-two {
		top: 0%;
		right: 17%;
	}
	
	main #hero-stage .intro-start .foreground-ani .logo-ani-three {
		bottom: 33%;
		right: 3%;
	}
	
	#cta-box .content .text-col {
		padding-left:41px;
		padding-right:41px;
	}
  
	#cta-box .content .text-col br {
		display:none;
	}
  
    #cta-box .content .text-col .btn {
		display:block;
 	}
  
  	#hero-stage #hero-usecases-intro.text-center {
        text-align:left !important;
	}
  
  	#hero-stage #hero-usecases-circle .fade-in {
    	width: 53vw;
   	 	top: 17vw;
   	 	right: 0;
	}
  
  	section .scroller {
    	width: 60px;
    	height: 60px;
      	top:-26px;
	}
    section .scroller img{
    	width: 100%;
      	height:auto;
	}
  
    .img-box-dots .img-round {
   	 	max-width: 46.93333333333333vw;
	}
  
  	.img-box-dots.img-big .img-round {
   	 	max-width: 48.53333333333333vw;
	}
  
  	.tx-powermail {
    	padding: 19px 24px 40px;
	}
  
    .img-col .img-box-dots {
        margin-right:4.5vw;
  	}
  
  	.img-col .img-box-dots.img-big {
 	 	position: absolute;
    	top: 21.06666666666667vw;
        left:8.533333333333333vw;
        margin-right:0;
  	}
  
    .img-box-dots {
    	margin-bottom: 16.8vw;
	}
  
    .img-box-dots .dots {
    	max-width:20.8vw;
      	top:8vw;
        height:auto;
    }
  
    .img-box-dots.img-right .dots {
	    left: -15vw;
    }
  
  	#hero-stage #download-content {
    	padding-top: 84px;
    	padding-bottom: 22px;
	}
  
  	#hero-stage #download-content .logo-col img {
    	width: auto;
    	height: 40px;
	}
  
  	#hero-stage #download-content .logo-col:first-child {
    	padding-right:7.5px;
	}
  
  	#hero-stage #download-content .logo-col:last-child {
    	padding-left:7.5px;
        padding-right:0;
	}
  
  	#hero-stage #call-finished-content {
    	padding-bottom:0;
  	}
  
  	.logo-download-box {
    	border:1px solid #e6e6e6;
  	}
  
  	.logo-download-box .logo-img {
    	width:50%;
        text-align:center;
  	}
  
  	.logo-download-box .download-overlay {
    	display: block;
    	position: absolute;
    	top: 0;
    	right:0;
    	width: 50%;
    	height: 100%;
      	background:#fff;
	    border-left:1px solid #e6e6e6;
    	z-index: 1;
	}
  
  
  	.logo-download-box .download-overlay .icon-link{
    	position:absolute;
      	top:0;
      	width:50%;
      	height:100%;
      	background-repeat:no-repeat;
      	background-position:center center;
      	z-index:2;
  	}
  
  	.logo-download-box .download-overlay .icon-link:hover{
        background-color:#f3f3f3;
  	}
  
  	.logo-download-box .download-overlay .icon-link.svg-link{
      	left:0;
      	background-image:url("../images/download-svg-black.svg");
  	}
  
  	.logo-download-box .download-overlay .icon-link.png-link{
      	left:50%;
      	background-image:url("../images/download-png-black.svg");
        border-left:1px solid #e6e6e6;
  	}
  
  	.colorcode .left {
   	 	padding-left:15px;
  	}
  
  	.color-box .right {
    	padding-left: 20px;
    	padding-right: 15px;
	}
  
  	.color-box {
    	margin-bottom: 36px;
	}
  
  	.color-box .colorpin {
    	width: 50px;
    	height: 50px;
	}
  
  	.dos-donts .icon-col {
    	max-width: 44px;
        padding-right:0;
	}
  
  	.dos-donts .icon-col img {
    	max-width: 25px;
	}
  
  	.dos-donts .img-col .ce-gallery img {
    	height: 28px;
	}
  
  	#hero-stage #karriere-intro {
    	padding-bottom:0;
  	}
  
  	.jobs-filter {
    	margin-bottom: -10vh;
	}
  
  	.jobs-filter-btn {
    	margin-left:3px;
    	margin-right:3px;
	}
  
  	li.parsley-required,
	li.parsley-custom-error-message {
		font-size:16px;
	}
	
	#hero-pricing .pricing-left .btn, #hero-pricing .pricing-right .btn {
		font-size: 18px;
	}
	
	#cta-box .btn {
		font-size: 17px;
		padding: 12px 20px 13px;
	}
	
	#hero-pricing .pricing-col-header h4 {
		font-size: 13px;
	}
}

@media (max-width:490px) {
	#hero-intro p br{
		display:none;
	}
}

@media (max-width:430px) {
	main #hero-stage .word-slider {
		margin-bottom: -15px;
	}
}

/*
@media (max-width:991px) and (min-height:593px) {
  	.main-menu {
    	margin-top: 62px;
	}
}*/

@media (max-width:991px) and (max-height:500px) {
  .navbar .main-menu {
    height:75%;
    overflow-y:scroll;
  }
  
  #header .header-right {
    position:relative;
    height:25%;
    padding-bottom:0;
  }
  
  /*
  #header .main-menu-link {
    padding: 12px 0;
  }*/
  
  	#header .nav-item {
    	padding: 1% 11px;
	}
  
  #header .right-menu {
    padding: 2.603072983354673vh 0 2.450704225352113vh;
  }
  
  	#header .right-menu .btn {
    display: inline-block;
    max-width: 270px;
    padding: 8px 22px 8px;
    margin: 0 auto 0 10px;
	}
}


/* CTA-Banner */
.cta-banner {
    position:relative;
    max-width: 1234px;
    min-height:100px;
    display: flex;
    align-items: center;
    background:#00465c;
    margin:30px auto 0;
    padding: 12px 80px 12px 35px;
    border-radius:50px;
  }
  .cta-banner a{
    display:block;  
    text-decoration:none !important;
    flex-grow: 1;
    text-align: center;
}


.cta-banner button.btn.btn-primary {
  margin-top: 10px !important;
  font-size: 16px;
  padding: 6px 22px 6px;
}
  
  .cta-banner p{
    font-size:18px !important;
    line-height:26px !important;
  }
  
  #hero-stage .cta-banner p {
    margin-bottom:0 !important;
  }
  
  .cta-banner-closer {
    position:absolute;
    right:45px;
    -webkit-appearance:none;
    appearance:none;
    border:0 !important;
    outline:0 !important;
    background:transparent;
  }  
  
  @media (max-width: 1400px) {
    .cta-banner {
      max-width: 1110px;
    }
  }
  
  @media (max-width: 1199px) {
    .cta-banner {
      max-width: 930px;
    }
  }
  
  @media (max-width: 991px) {
    .cta-banner {
      max-width:100%;
      width:100%;   
      margin:10px auto 0;
      padding: 17px 80px 17px 22px;
      border-radius:0px;
    }
	
	.cta-banner a{
      text-align:left;
    }
  }
  
  @media (max-width:767px) {
    
    .cta-banner p{
      font-size:16px !important;
      line-height:24px !important;
  	}
    
    .cta-banner-closer {
      right:22px;
      top:17px;
    } 
  }

/* Pricing 28.05.2021 */

#hero-pricing .pricing-col.has-price-option h3 {
  position:relative;
}
  
#hero-pricing .pricing-col.has-price-option h3 .normal-price {
    position:relative;
	color: red;
    font-size: 0.4em;
   /* text-decoration: line-through;*/
    display: inline-block;
    line-height: 30px;
    margin-bottom: 14px;
}

#hero-pricing .pricing-col.has-price-option h3 .reduced {
    display: block;
}

#hero-pricing .pricing-col.has-price-option h3 .normal-price:after {
    position:absolute;
	content:" ";
	display:block;
	width:140%;
	height:4px;
	/*opacity:0;*/
	background:#000;
	top:50%;
	left:-20%;
	-ms-transform:translateY(-50%) rotate(342deg);
	-webkit-transform:translateY(-50%) rotate(342deg);
	-moz-transform:translateY(-50%) rotate(342deg);
	transform:translateY(-50%) rotate(342deg);
}

 /*
#hero-pricing .pricing-col.has-price-option.active  .pricing-col-header {
    margin-top:-44px;
}*/
   
#hero-pricing .pricing-col.has-price-option .price-tooltip {
    display: none; 
    position: absolute;
    color: #fff;
    font-size: 14px;
    line-height: 22px;
    text-align: left;
    background: #06475b;
    border-radius: 5px;
    padding: 10px 22px;
    font-weight: normal;
    max-width: 332px;
    top: -36px;
    right: -263px;
    right: -238px;
    letter-spacing:0;
    z-index:10;
}

#hero-pricing .pricing-right .pricing-col.has-price-option .price-tooltip {
    right: -140px;
}
  
   #hero-pricing .pricing-col.has-price-option.active .price-tooltip:after {
    position: absolute;
    content: " ";
    bottom: -10px;
    left: 21px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #06475b;
}

@media (max-width:1199px) {
	#hero-pricing .pricing-right .pricing-col.has-price-option .price-tooltip {
		right: 0px;
	}
}

  @media (max-width:991px) {
    #hero-pricing .pricing-col.has-price-option h3 .normal-price {
      font-size: 0.6em;
      line-height: 24px;
      margin-bottom: 9px;
     }
     #hero-pricing .pricing-col.has-price-option.active .pricing-col-header {
       margin-top: 0;
	 }
    
    #hero-pricing .pricing-col.has-price-option .price-tooltip {
      max-width: 332px;
      top: -62px;
      right: -46px;
    }
	

  }
  
  @media (max-width:767px) {
    #hero-pricing .pricing-col.has-price-option .price-tooltip {
      max-width: 332px;
      top: -39px;
      left:0;
      right: 0;
      margin:0 auto;
    }  
    
    #hero-pricing .pricing-col.has-price-option.active .price-tooltip:after {
      bottom: -10px;
      left: 48%;
    }
  }
  
  
  
  
/* Blog */

body#page-90,
body#page-92 {
	background: rgb(0,167,196);
    background: -moz-radial-gradient(circle, rgba(0,167,196,1) 0%, rgba(0,81,126,1) 100%);
    background: -webkit-radial-gradient(circle, rgba(0,167,196,1) 0%, rgba(0,81,126,1) 100%);
    background: radial-gradient(circle, rgba(0,167,196,1) 0%, rgba(0,81,126,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00a7c4",endColorstr="#00517e",GradientType=1);
}

#page-90 #hero-stage,
#page-92 #hero-stage {
	background:transparent;
}

#page-90 #hero-stage p{
	max-width:725px;
	margin:0 auto;
}

#blog-list,
#blog-detail {
	margin-bottom:70px;
}

#blog-detail {
	margin-top:15vh;
}

.news-list-view a {
	color:#1c1c1c !important;
}

.news-list-view img {
	margin-bottom:30px;
}

.news-list-view .news-list-category {
    display: block;
	font-size: 22px;
    font-weight: bold;
	color:#00a1b2;
	color:#00c5e7;
    margin-bottom: 10px;
}

.news-list-view h2 {
	font-size: 30px;
	line-height:40px;
	color:#1c1c1c;
}

.news-list-view .article:hover h2 {
		color:#00a1b2;
}




.news-list-view  .f3-widget-paginator:first-child {
	display:none;
}

#blog-detail header h3 {
	font-size: 22px;
	margin-top:70px;
}

.news-single h1 {
    font-size: 36px;
    line-height: 42px;
}

.news-single .mediaelement {
	margin-bottom:30px;
}

#blog-meta {
	margin-bottom:30px;
}

#blog-share-icons {
	text-align:right;
}

#blog-share-icons img {
	width:30px;
	height:auto;
}

#blog-share-icons a {
	margin:0 5px;
}

#blog-share-icons a:last-child {
	margin-right:0;
}

.blog-reading-time {
	padding-left:33px;
	line-height:25px;
	background:url("../images/clock.png")no-repeat left center;
	background-size:25px auto;
}

@media (min-width:992px) {
	.news-list-view div.article:nth-of-type(odd) {
		padding-right:65px;
	}

	.news-list-view div.article:nth-of-type(even) {
		padding-left:65px;
	}

	.news-list-view div.article {
		margin-bottom:65px;
	}
}

@media (min-width:992px) {
	.news-list-view div.article {
		margin-bottom:30px;
	}
}

@media (max-width:575px) {
	.news-list-view .news-list-category {
		font-size: 19px;
	}
	
	.news-list-view h2 {
		font-size: 26px;
		line-height: 36px;
	}
	
	.blog-reading-time {
		margin-bottom:30px;
	}
	
	#blog-share-icons {
		text-align:left;
	}
	
	#blog-share-icons a:first-child {
		margin-left:0;
	}
	
	.news-single h1 {
		font-size: 28px;
		line-height: 36px;
	}
}