@font-face {
	font-family: "uni_neueregular";
	src: url("unineue-regular-webfont.woff2") format("woff2"),
		url("unineue-regular-webfont.woff") format("woff");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "uni_neuebook";
	src: url("unineue-book-webfont.woff2") format("woff2"),
		url("unineue-book-webfont.woff") format("woff");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "uni_neuebold";
	src: url("unineue-bold-webfont.woff2") format("woff2"),
		url("unineue-bold-webfont.woff") format("woff");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "uni_neuethin";
	src: url("unineue-thin-webfont.woff2") format("woff2"),
		url("unineue-thin-webfont.woff") format("woff");
	font-weight: normal;
	font-style: normal;
}

a:link,
a:visited {
	text-decoration: none;
}

video {
	width: 100% !important;
	height: auto !important;
}

h1 {
	margin-top: 20px;
	margin-bottom: 10px;
	/*font-family: Montserrat, sans-serif;*/

	font-size: 3.13rem;
	line-height: 3.13rem;
	font-weight: 500;
	text-align: center;
	text-transform: uppercase;
	color: #ffffff;
}

h2 {
	margin-top: 20px;
	margin-bottom: 10px;
	/*font-family: Montserrat, sans-serif;*/
	font-size: 2.5rem;
	line-height: 3.06rem;
	font-weight: 800;
	text-align: center;
	letter-spacing: 0.13rem;
}

h3 {
	margin-top: 1.25rem;
	margin-bottom: 0.63rem;
	/*font-family: Montserrat, sans-serif;*/
	font-size: 1.5rem;
	line-height: 1.81rem;
	font-weight: 800;
}

h4 {
	margin-top: 10px;
	margin-bottom: 10px;
	/*font-family: Montserrat, sans-serif;*/
	font-size: 1.25rem;
	line-height: 1.5rem;
	font-weight: 800;
}

a {
	color: #ed7f0b;
	text-decoration: underline;
}

body {
	font-family: "uni_neueregular", sans-serif;
}

.wrapper-1440 {
	max-width: 1440px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 88px;
	background-color: #fff;
	box-shadow: 0 1px 11px 0 rgba(0, 0, 0, 0.16);
}

.section-mainnav {
	position: fixed;
	left: 0%;
	top: 0%;
	right: 0%;
	bottom: auto;
	z-index: 9999;
	width: 100%;
	max-width: 1440px;
	margin-right: auto;
	margin-left: auto;
	background-color: #fff;
}

.nav-link {
	padding-right: 13px;
	padding-left: 13px;
	/*  font-family: Montserrat, sans-serif;
*/
	color: #333;
	font-size: 0.88rem;
	line-height: 1rem;
	font-weight: 800;
	letter-spacing: 0.03rem;
	text-transform: uppercase;
}

.nav-link-crr {
	padding-right: 13px;
	padding-left: 13px;
	/*  font-family: Montserrat, sans-serif;*/
	color: #333;
	font-size: 0.88rem;
	line-height: 1rem;
	font-weight: 800;
	letter-spacing: 0.03rem;
	text-transform: uppercase;
}

.nav-link-crr:hover {
	color: #e8004c;
}

.nav-link.w--current {
	color: #ed7f0b;
}

.nav-link:hover {
	color: #ed7f0b;
}

.nav-menu {
	padding-right: 25px;
	border-top: 1px solid #dedede;
}

.navbar {
	background-color: #fff;
}

.div-metanav {
	display: flex;
	padding-right: 25px;
	justify-content: flex-end;
	text-align: right;
}

.div-metanavlink {
	padding: 10px 15px;
	border-left: 1px solid #dedede;
	/*font-family: Montserrat, sans-serif;*/
	color: #8d8d8d;
	font-size: 0.69rem;
	line-height: 0.69rem;
	letter-spacing: 0.06rem;
	text-decoration: none;
}

.div-metanavlink.mnl-noline {
	display: block;
	border-left-style: none;
}

.brand {
	position: absolute;
	left: 21px;
	top: 17px;
	z-index: 9999;
}

.shadow-mainnav {
	position: absolute;
	left: 0%;
	top: 100%;
	right: 0%;
	height: 20px;
	background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.1), transparent);
}

.body {
	background-color: #f9f9f9;
}

.section-hero {
	background-color: #fff;
}

.div-hero-ie11 {
	position: relative;
	display: none;
	height: auto;
	margin-bottom: 120px;
	padding-right: 40px;
	padding-left: 40px;
	background-color: #ed7f0b;
	background-image: url("../images/heroback.png"),
		linear-gradient(180deg, #ffb402, #ed7f0b 65%);
	background-position: 0% 100%, 0px 0px;
	background-size: contain, auto;
	background-repeat: no-repeat, repeat;
}

.div-hl-hero {
	position: relative;
	padding-top: 115px;
	text-align: center;
}

.h1-hero {
	/*font-family: Montserrat, sans-serif;*/
	color: #fff;
	font-size: 4.69rem;
	line-height: 4.06rem;
	font-style: italic;
	font-weight: 800;
	text-transform: uppercase;
}

.div-sl-hero {
	max-width: 600px;
	margin-top: 90px;
	margin-right: auto;
	margin-left: auto;
	/*font-family: Montserrat, sans-serif;*/
	color: #fff;
	font-size: 1.13rem;
	line-height: 1.38rem;
	font-weight: 800;
	text-align: center;
	text-transform: uppercase;
}

.div-hero-conversion {
	position: relative;
	z-index: 2;
	display: flex;
	max-width: 868px;
	margin-top: 50px;
	margin-right: auto;
	margin-left: auto;
	/*font-family: 'Open Sans', sans-serif;*/
	color: #fff;
	font-size: 1rem;
	line-height: 1.38rem;
}

.div-imprint {
	font-size: 1rem;
	line-height: 150%;
	letter-spacing: 0.02rem;
}

.div-conversion-left {
	text-align: right;
}

.div-conversion-right {
	flex: 0 0 auto;
}

.div-button-hero {
	display: flex;
	margin-left: 30px;
	padding: 15px;
	align-items: center;
	border: 2px solid #fff;
	border-radius: 8px;
	transition: transform 200ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
	/*font-family: Montserrat, sans-serif;*/
	color: #fff;
	font-size: 1rem;
	line-height: 1.19rem;
	font-weight: 800;
	text-decoration: none;
}

.div-button-hero:hover {
	transform: scale(1.1);
}

.div-icon-shield {
	margin-right: 15px;
	flex: 0 0 auto;
}

.div-hero-laptop {
	margin-top: 0px;
	transform: translate(0px, 124px);
	text-align: center;
}

.div-madein {
	position: absolute;
	left: auto;
	top: 0%;
	right: 40px;
	bottom: auto;
}

.section-element-ablauf.margin {
	padding-top: 80px;
	padding-right: 40px;
	padding-left: 40px;
	background-color: #fff;
	text-align: center;
}

.div-h2 {
	margin-bottom: 25px;
}

.div-h2.h2-white {
	color: #fff;
}

.div-sl {
	max-width: 950px;
	margin-right: auto;
	margin-left: auto;
	/*font-family: 'PT Sans', sans-serif;*/
	font-size: 1rem;
	line-height: 1.38rem;
	text-align: center;
	letter-spacing: 0.02rem;
}

.div-sl.sl-white {
	color: #fff;
}

.div-ablauf-top {
	display: flex;
	margin-top: 150px;
	margin-right: auto;
	margin-left: auto;
	flex-direction: row;
	justify-content: center;
	align-items: flex-end;
}

.div-box-auswahl {
	max-width: 470px;
	margin-bottom: 75px;
	padding: 60px;
	border-radius: 12px;
	box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.15);
	text-align: left;
}

.div-box-auswahl.dba-left {
	margin-right: 20px;
}

.div-box-auswahl.dba-right {
	margin-left: 20px;
}

.div-hl-ablauf {
	display: flex;
	margin-bottom: 30px;
	align-items: center;
}

.div-icon-ablauf {
	margin-right: 20px;
	flex: 0 0 auto;
	text-align: left;
}

.h3-ablauf {
	margin-top: 0px;
	margin-bottom: 0px;
}

.div-txt-ablauf {
	margin-bottom: 10px;
	/*font-family: 'Open Sans', sans-serif;*/
	color: #616161;
	line-height: 1.25rem;
}

.div-link-ablauf {
	/*font-family: 'Open Sans', sans-serif;*/
	color: #ed7f0b;
}

.div-ablauf-left {
	width: 70px;
	height: 177px;
	border-top: 1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;
	border-top-left-radius: 32px;
}

.div-ablauf-right {
	width: 70px;
	height: 177px;
	border-top: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	border-top-right-radius: 32px;
}

.div-ablauf-bottom {
	display: flex;
	max-width: 1078px;
	margin-right: auto;
	margin-left: auto;
	justify-content: space-between;
}

.section-imagescroll {
	display: flex;
	padding-top: 140px;
	align-items: center;
	background-color: #fff;
}

.imagescroll-left {
	width: 50%;
	height: 480px;
	background-color: #fff;
	background-image: url(../images/security-02.jpg);
	background-position: 0px 0px;
	background-size: cover;
	background-repeat: no-repeat;
}

.imagescroll-right {
	width: 50%;
	padding: 40px;
	background-color: #fff;
	box-shadow: 0 9px 14px 0 rgba(0, 0, 0, 0.07);
	transform: translate(-57px, 0px);
}

.div-iconbutton {
	display: flex;
	margin-top: 20px;
	align-items: center;
}

.div-iconbutton.linkheader {
	margin-top: 40px;
	justify-content: center;
	transition: color 200ms ease;
	color: #ffffff;
}

.div-iconbutton.linkheader:hover {
	color: #e5e5e5;
}

.div-txt-iconbutton {
	/*font-family: Montserrat, sans-serif;*/
	font-size: 0.81rem;
	line-height: 0.81rem;
	font-weight: 800;
	text-transform: uppercase;
}

.div-icon-button {
	margin-right: 15px;
}

.section-daten {
	padding: 245px 40px;
	background-color: #fff;
}

.div-daten {
	overflow: hidden;
	max-width: 1078px;
	margin-right: auto;
	margin-left: auto;
}

.div-daten.dd-header {
	padding-top: 209px;
	padding-bottom: 100px;
	text-align: left;
}

.div-box-daten {
	padding-right: 25px;
	padding-left: 25px;
	border-right: 1px solid #c1c1c1;
}

.div-box-daten.w-33 {
	width: 33%;
}

.hl-daten {
	margin-bottom: 20px;
	/*font-family: Montserrat, sans-serif;*/
	color: #ed7f0b;
	font-size: 2.5rem;
	line-height: 3.13rem;
	font-weight: 300;
	text-transform: uppercase;
}

.txt-daten {
	/*font-family: 'Open Sans', sans-serif;*/
	color: #ffffff;
	line-height: 1.25rem;
	font-size: 1rem;
}

.txt-daten-home {
	/*font-family: 'Open Sans', sans-serif;*/
	color: #333333;
	line-height: 1.25rem;
	font-size: 1rem;
}

.hl-daten.centered,
.txt-daten.centered {
	width: 100%;
	text-align: center;
}

.hl-daten.centered.prefer-single-line {
	font-size: 2rem;
}

.div-wrapper-daten {
	display: flex;
	margin-right: -25px;
	margin-left: -25px;
}

.section-boxes {
	overflow: hidden;

	flex-wrap: wrap;
	border-top: 1px solid #d3d3d3;
	background-color: #fff;
}

.div-box-boxes {
	width: 25%;
}

.div-content-box {
	display: flex;
	height: 100%;
	padding: 85px 20px;
	flex-direction: column;
	justify-content: flex-start;
	border-right: 1px solid #d3d3d3;
	border-bottom: 1px solid #d3d3d3;
	background-color: #fafafa;
}

.div-hl-box {
	min-height: 75px;
}

.h4-box {
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 1.31rem;
}

.div-txt-box {
	/*font-family: 'Open Sans', sans-serif;*/
	color: #616161;
	line-height: 1.19rem;
}

.div-wrapper-boxes {
	display: flex;
	margin-right: -1px;
	margin-left: -1px;
	flex-wrap: wrap;
}

.div-start-box {
	position: relative;
	display: flex;
	height: 100%;
	padding: 85px 30px;
	align-items: flex-start;
	background-color: #ed7f0b;
	/*font-family: Montserrat, sans-serif;*/
	color: #fff;
	font-size: 3rem;
	line-height: 2.88rem;
	font-weight: 700;
}

.div-arrow-box {
	position: absolute;
	left: auto;
	top: auto;
	right: 30px;
	bottom: 30px;
}

.div-box-button {
	display: flex;
	align-self: flex-start;
}

.div-button-icon {
	display: flex;
	padding: 14px 20px;
	align-items: center;
	border-radius: 8px;
	background-color: #ed7f0b;
	transition: transform 200ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.div-button-icon:hover {
	transform: scale(1.1);
}

.div-icon-button2 {
	margin-right: 15px;
}

.div-txt-button-2 {
	/*font-family: Montserrat, sans-serif;*/
	color: #fff;
	font-size: 0.81rem;
	line-height: 0.81rem;
	font-weight: 800;
	text-transform: uppercase;
}

.section-logos {
	padding-top: 200px;
	padding-bottom: 200px;
}

.div-logos {
	margin-top: 70px;
}

.div-box-logo {
	width: 24%;
	padding-top: 24px;
	padding-bottom: 24px;
	transition: transform 200ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
	text-align: center;
}

.div-box-logo:hover {
	transform: scale(1.2);
}

.section-quote {
	padding-top: 200px;
	padding-bottom: 200px;
}

.div-quote {
	max-width: 795px;
	margin-right: auto;
	margin-left: auto;
}

.slide-nav {
	position: static;
	margin-top: 25px;
}

.slide-quote {
	position: relative;
	padding: 90px;
}

.h3-quote {
	margin-top: 0px;
	margin-bottom: 30px;
	text-align: center;
}

.sl-quote {
	/*font-family: 'Open Sans', sans-serif;*/
	color: #616161;
	line-height: 1.19rem;
	text-align: center;
}

.left-arrow {
	display: none;
}

.right-arrow {
	margin-bottom: 43px;
	transition: color 200ms ease;
	color: #333;
}

.right-arrow:hover {
	color: #acacac;
}

.slider {
	height: auto;
	background-color: #fff;
}

.mask {
	height: auto;
	box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.14);
}

.slide {
	height: auto;
}

.icon-quote {
	display: flex;
	width: 59px;
	height: 59px;
	justify-content: center;
	align-items: center;
	background-color: #333;
}

.div-icon-quote {
	position: absolute;
	left: 0%;
	top: -27px;
	right: 0%;
	bottom: auto;
	z-index: 2;
	display: flex;
	justify-content: center;
}

.div-footer-social {
	display: flex;
	align-items: center;
}

.div-footer-bottom {
	display: flex;
	padding: 40px;
	justify-content: space-between;
	border-top: 1px solid #545454;
	background-color: #2e2e2e;
}

.h5-footer {
	margin-top: 0px;
	margin-bottom: 0px;
	/*font-family: Montserrat, sans-serif;*/
	color: #fff;
	text-transform: uppercase;
}

.div-txt-social {
	margin-right: 20px;
}

.logo-footer {
	margin-bottom: 20px;
}

.link-footer {
	display: block;

	transition: color 200ms ease;
	/*font-family: Montserrat, sans-serif;*/
	color: #fff;
	font-size: 1rem;
	line-height: 1.38rem;
	font-weight: 700;
	letter-spacing: 0.03rem;
	text-decoration: none;
	text-transform: uppercase;
}

.link-footer:hover {
	color: #b6b6b6;
}

.link-footer.w--current {
	color: #ed7f0b;
}

.link-footer.meta {
	color: #8a8a8a;
	font-size: 0.81rem;
}

.div-txt-footer {
	color: #fff;
	font-size: 0.75rem;
	line-height: 1.06rem;
}

.div-txt-footer-grey {
	color: #8a8a8a;
	font-size: 0.75rem;
	line-height: 1.06rem;
}

.sociallink-footer {
	margin-right: 1px;
}

.div-footer-copyright {
	color: #fff;
	font-size: 0.75rem;
}

/*
.section-footer {
font-family: 'Open Sans', sans-serif;
}
*/

.div-row-footer {
	margin-right: 70px;
	flex: 0 0 auto;
}

.div-footer-top {
	display: flex;
	padding: 40px;
	background-color: #404040;
}

.link1 {
	color: #fff;
	text-decoration: none;
}

.link1:hover {
	color: #ed7f0b;
	text-decoration: none;
}

.div-header-ie11 {
	padding-right: 40px;
	padding-left: 40px;
	background-image: url("../images/headerback.png"),
		linear-gradient(180deg, #333333, #666666);
	background-position: 0% 100%, 0px 0px;
	background-size: contain, auto;
	background-repeat: no-repeat, repeat;
	text-align: center;
}

.div-logo-product {
	padding-top: 135px;
	padding-bottom: 40px;
	text-align: center;
}

.div-logo-cta {
	padding-top: 1px;
	padding-bottom: 40px;
	text-align: center;
}

.div-sl-product {
	max-width: 850px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	/*font-family: Montserrat, sans-serif;*/
	font-size: 1rem;
	line-height: 1.56rem;
	text-align: center;
	color: #ffffff;
}

.div-link-header {
	display: inline-block;
}

.section-bild-boxes {
	padding: 125px 40px;
	background-image: linear-gradient(0deg, #e8e8e8, #fff);
}

.section-bild-boxes.grey {
	background-color: #f6f6f6;
	background-image: none;
}

.container-1222 {
	max-width: 1222px;
	margin-right: auto;
	margin-left: auto;
}

.div-image-boxes {
	margin-top: 120px;
}

.div-textboxes {
	display: flex;
	margin-right: -2px;
	margin-left: -2px;

	flex-wrap: wrap;
}

.div-content-textbox {
	height: 100%;
	margin-right: 2px;
	margin-left: 2px;
	padding: 65px 40px;

	flex-direction: row;
	background-color: #fff;
	text-align: center;
}

.div-content-textbox.textbox-dark {
	background-color: #363636;
}

.div-icon-textbox {
	margin-bottom: 35px;
}

.div-hl-textbox {
	margin-bottom: 25px;
}

.h4-textbox {
	font-weight: 600;
}

.div-txt-textbox {
	/*font-family: 'Open Sans', sans-serif;*/
	color: #616161;
	line-height: 1.19rem;
	letter-spacing: 0.02rem;
}

.div-txt-textbox.v2 {
	line-height: 1.5rem;
}

.div-txt-textbox.v2.white {
	color: #fff;
}

.div-txt-textbox.typo-white {
	color: #fff;
}

.div-textbox {
	width: 50%;
	margin-top: 4px;
}

.section-screenstab {
	padding: 125px 40px;
}

.container-1011 {
	max-width: 1011px;
	margin-right: auto;
	margin-left: auto;
}

.div-tabs {
	margin-top: 100px;
}

.tabs-menu {
	display: flex;
	max-width: 769px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

.tab-icon {
	margin-bottom: 15px;
}

.tab-link-tab-1 {
	min-height: 145px;

	flex: 0 100%;
	background-color: transparent;
	/*font-family: 'Open Sans', sans-serif;*/
	color: #616161;
	line-height: 1.06rem;
	font-weight: 700;
	text-align: center;
}

.tab-link-tab-1.w--current {
	border-bottom: 2px solid #ed7f0b;
	background-color: transparent;
}

.div-content-tab {
	margin-top: 80px;
}

.div-txt-tab {
	margin-top: 120px;
	/*font-family: 'Open Sans', sans-serif;*/
	color: #616161;
	line-height: 1.5rem;
	letter-spacing: 0.02rem;
	column-count: 2;
	column-gap: 40px;
}

.section-imagefixed {
	display: flex;
	height: 557px;
	padding-left: 70px;

	align-items: center;
	background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.83), transparent),
		url("../images/security-07.png");
	background-position: 0px 0px, 50% 50%;
	background-size: auto, cover;
	background-repeat: repeat, no-repeat;
	background-attachment: scroll, fixed;
}

.div-content-imagefixed {
	display: flex;
	width: 580px;

	flex-direction: column;
}

.div-hl-imagefixed {
	margin-bottom: 20px;
}

.h4-imagefixed {
	color: #fff;
	font-size: 1.88rem;
	line-height: 2rem;
}

.h4-imagefixedorange {
	color: #ed7f0b;
	font-size: 1.88rem;
}

.div-txt-imagefixed {
	margin-bottom: 50px;
	/*font-family: 'Open Sans', sans-serif;*/
	color: #fff;
	line-height: 1.19rem;
	letter-spacing: 0.02rem;
}

.section-contentkaro {
	padding: 125px 40px;
	background-color: #f6f6f6;
}

.div-contentkaro {
	display: flex;
	margin-top: 125px;
	flex-wrap: wrap;
}

.div-box-contentkaro {
	width: 50%;
}

.div-content-box2 {
	padding: 65px 40px;
	background-color: #fff;
	text-align: left;
}

.div-karoimage {
	height: 100%;
	background-image: url("../images/security-05.jpg");
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
}

.div-karoimage.karoimage2 {
	background-image: url("../images/security-04.jpg");
	background-size: cover;
}

.div-features-header {
	display: flex;
	column-gap: 1px;
}

.feature-header {
	width: 33.333333333333336%;
	padding: 30px;
	background-image: linear-gradient(0deg, #d8d8d8, #fff);
}

.div-icon-feature {
	margin-bottom: 20px;
	text-align: left;
}

.div-icon-gf {
	margin-bottom: 20px;
	text-align: center;
}

.div-txt-feature {
	/*font-family: Montserrat, sans-serif;*/
	font-size: 1rem;
	line-height: 1.31rem;
	font-weight: 500;
}

.section-textonly {
	padding: 125px 40px;
}

.section-textonly.dark {
	background-image: linear-gradient(180deg, #616161, #1e1f24 63%);
	color: #fff;
}

.div-textonly {
	display: flex;
	margin-top: 125px;
	margin-right: -30px;
	margin-left: -30px;
	flex-wrap: wrap;
}

.div-box-textonly {
	margin-bottom: 70px;
	padding-right: 30px;
	padding-left: 30px;
}

.section-check {
	padding: 125px 40px;
}

.section-check.verlauf {
	background-image: linear-gradient(0deg, #e8e8e8, #fff);
}

.div-check {
	display: flex;
}

.div-check.check-margin {
	margin-top: 100px;
}

.div-check-left {
	width: 50%;
	background-image: url("../images/security-01.jpg");
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
}

.div-check-right {
	width: 50%;
	padding-left: 35px;
}

.div-row-check {
	display: flex;
	padding-top: 35px;
	padding-bottom: 35px;

	justify-content: space-between;

	align-items: center;
	border-bottom: 1px solid #dcdcdc;
}

.div-row-check.noline {
	border-bottom-style: none;
}

.div-icon-check {
	width: 50px;
	margin-right: 20px;

	flex: 0 0 auto;
	text-align: center;
}

.div-txt-check {
	/*font-family: Montserrat, sans-serif;*/
	font-size: 0.94rem;
	line-height: 0.94rem;
	font-weight: 600;
}

.div-row-check-left {
	display: flex;
	align-items: center;
}

.div-check-check {
	margin-left: 15px;
	flex: 0 0 auto;
}

.section-imagefixed-orange {
	display: flex;
	height: 557px;
	padding-right: 40px;
	padding-left: 40px;
	justify-content: center;
	align-items: center;
	background-image: linear-gradient(180deg,
			rgba(237, 127, 11, 1),
			rgba(237, 127, 11, 0.8)),
		url("../images/security-02.jpg");
	background-position: 0px 0px, 50% 50%;
	background-size: auto, cover;
	background-repeat: repeat, no-repeat;
	background-attachment: scroll, fixed;
}

.section-features {
	padding: 125px 40px;
}

.div-features {
	margin-top: 125px;
}

.dropdown-list-3 {
	position: relative;
	overflow: hidden;
	background-color: transparent;
}

.dropdown-list-3.w--open {
	position: relative;
	background-color: transparent;
}

.div-content-accordion {
	display: flex;
	overflow: hidden;
	padding: 30px 20px;
	border-bottom: 1px solid #dcdcdc;
	background-color: #fff;
}

.txt-dropdown {
	position: static;
	left: 0px;
	top: 0px;
	font-size: 0.94rem;
	line-height: 1.88rem;
	font-weight: 600;
	letter-spacing: 0.02rem;
}

.feature-header-management {
	width: 50%;
	margin-right: 1px;
	padding: 30px;
	text-align: center;
}

.dropdown {
	display: block;

	justify-content: space-around;
	border: 1px none #000;
	background-color: #fafafa;
}

.div-accordion {
	border-top: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;
}

.element-plus {
	position: absolute;
	left: 11px;
	top: 7px;
	width: 2px;
	height: 10px;
	background-color: #fff;
}

.dropdown-toggle-2 {
	display: flex;
	width: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #dcdcdc;
	/*font-family: Montserrat, sans-serif;*/
}

.dropdown-icon {
	color: #8e8e8e;
	font-size: 1.31rem;
}

.div-icon-accordion {
	margin-right: 30px;

	flex: 0 0 auto;
}

.div-txt-accordion {
	/*font-family: 'Open Sans', sans-serif;*/
	color: #616161;
	line-height: 1.19rem;
	letter-spacing: 0.02rem;
}

.div-hl-features {
	margin-bottom: 25px;
}

.div-txtbild {
	margin-bottom: 200px;
}

.image-subline {
	/*font-family: 'Open Sans', sans-serif;*/
	color: #bebebe;
	line-height: 1.19rem;
	font-weight: 600;
}

.text-block {
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #979797;
}

.div-keys {
	height: 60%;
	margin-bottom: 15px;
	padding: 2%;
	border-style: solid;
	border-width: 1px;
	border-color: #eee;
	border-radius: 3px;
}

.fs {
	position: relative;
	z-index: 1;
	padding-top: 639px;
	padding-bottom: 50px;
	align-self: auto;
	flex: 0 0 auto;
	perspective: 2000px;
	/* -webkit-transform: perspective(0px);
  transform: perspective(0px); */
}

._3d-boxes {
	transform: rotateX(-90deg) rotateY(0deg) rotateZ(0deg);
	transform-style: preserve-3d;
}

.back {
	position: absolute;
	left: 0%;
	top: 0%;
	right: 0%;
	bottom: 0%;
	overflow: hidden;
	width: 100%;
	height: 100%;
	flex: 0 0 auto;
	perspective: 2000px;
}

.monitor-bottom {
	position: absolute;
	left: 0%;
	top: 0%;
	right: 0%;
	bottom: 0%;
	border-radius: 13px;
	background-color: #fff;
	transform: translate3d(0px, 0px, -3px);
	transform-style: preserve-3d;
}

.image-monitor {
	width: 55%;
}

.monitor-top {
	position: relative;
	z-index: 3;
	width: 600px;
	height: 400px;
	padding: 3%;
	border-radius: 12px;
	background-color: #f0ecec;
}

._3dback {
	position: relative;
	margin-top: 639px;

	transform: rotateX(57deg) rotateY(0deg) rotateZ(-43deg);

	transform-style: preserve-3d;
}

.trackpad {
	width: 40%;
	height: 110px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #eee;
	border-radius: 3px;
}

.kbbottom {
	position: absolute;
	left: 0%;
	top: 0%;
	right: 0%;
	bottom: 0%;
	z-index: 1;
	border-radius: 12px;
	background-color: #ddd;

	transform: translate3d(0px, 0px, -3px);

	transform-style: preserve-3d;
}

.monitor-content {
	display: flex;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
	background-color: #fff;
}

._3delement {
	position: relative;
	display: flex;
	overflow: hidden;
	height: auto;
	justify-content: center;
	align-items: center;
	background-color: #ed7f0b;
	background-image: linear-gradient(180deg, #ed7f0b, #ed7f0b);
}

.monitor {
	position: relative;
	z-index: 3;
	transform: rotateX(-90deg) rotateY(0deg) rotateZ(0deg);
	transform-origin: 50% 100%;
	/* -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d; */
	outline: 1px solid transparent;
}

.keyboard {
	position: relative;
}

.boxback {
	width: 500px;
	height: 250px;
	background-image: linear-gradient(90deg,
			hsla(0, 0%, 100%, 0.37),
			hsla(0, 0%, 100%, 0.06));
}

.boxback.bb6 {
	position: absolute;
	left: 2452px;
	top: 859px;
	width: 2000px;
	height: 400px;
	opacity: 0.19;

	transform: translate3d(0px, 0px, -600px);

	transform-style: preserve-3d;
}

.boxback.bb4 {
	position: absolute;
	top: 322px;
	height: 100px;

	transform: translate3d(0px, 0px, -105px);

	transform-style: preserve-3d;
}

.boxback.bb2 {
	position: absolute;
	left: -133px;
	top: 49px;
	width: 1000px;
	height: 400px;
	transform: translate3d(0px, 0px, -205px);
	transform-style: preserve-3d;
}

.boxback.bb5 {
	position: absolute;
	left: 1702px;
	top: 518px;
	width: 700px;
	height: 100px;
	opacity: 0.58;
	transform: translate3d(0px, 0px, -257px);
	transform-style: preserve-3d;
}

.boxback.bb0 {
	position: absolute;
	top: -41px;
	z-index: 1;
	height: 200px;
	transform: translate3d(0px, 0px, -271px);
	transform-style: preserve-3d;
}

.boxback.bb3 {
	position: absolute;
	left: 450px;
	top: 366px;
	width: 1600px;
	opacity: 0.6;
	transform: translate3d(0px, 0px, -176px);
	transform-style: preserve-3d;
}

.contain3d {
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	transform: rotateX(57deg) rotateY(0deg) rotateZ(-43deg);
	transform-style: preserve-3d;
}

.kbtop {
	position: relative;
	z-index: 2;
	width: 600px;
	height: 400px;
	padding-top: 5%;
	padding-right: 5%;
	padding-left: 5%;
	border-radius: 12px;
	background-color: #fff;

	transform: translate(0px, 0px);
}

.kb-shadow {
	position: absolute;
	left: 0%;
	top: 0%;
	right: 0%;
	bottom: 0%;
	margin: 15px;
	border-radius: 12px;
	background-color: #000;
	box-shadow: 0 0 15px 15px #000;
	opacity: 0.29;
	filter: none;
	transform: translate3d(0px, 0px, -14px);
	transform-style: preserve-3d;
}

.whitebox {
	position: absolute;
	left: 0%;
	top: auto;
	right: 0%;
	bottom: 0%;
	height: 200px;
	background-color: #fff;
}

.div-herotxt {
	position: absolute;
	left: 0%;
	top: 0%;
	right: 0%;
	bottom: auto;
	padding-right: 40px;
	padding-left: 40px;
}

@media (max-width: 991px) {
	.wrapper-1440 {
		padding-top: 118px;
	}

	.nav-link {
		padding-top: 26px;
		padding-bottom: 26px;
	}

	.nav-menu {
		border-bottom: 1px solid #dedede;
		background-color: #f3f3f3;
	}

	.div-metanav {
		padding-right: 0px;
		border-bottom: 1px solid #dedede;
	}

	.brand {
		margin-top: 30px;
	}

	.h1-hero {
		font-size: 3.75rem;
		line-height: 3.31rem;
	}

	.section-element-ablauf.margin {
		padding-top: 60px;
	}

	.div-box-auswahl {
		max-width: 390px;
	}

	.section-imagescroll {
		padding-top: 100px;
	}

	.imagescroll-right {
		transform: translate(-40px, 0px);
	}

	.section-daten {
		padding-top: 180px;
		padding-bottom: 180px;
	}

	.div-daten.dd-header {
		padding-top: 150px;
	}

	.hl-daten {
		font-size: 2rem;
		line-height: 2rem;
	}

	.div-box-boxes {
		width: 33.333333333333336%;
	}

	.section-logos {
		padding-top: 80px;
		padding-right: 40px;
		padding-left: 40px;
	}

	.section-quote {
		padding-right: 40px;
		padding-bottom: 80px;
		padding-left: 40px;
	}

	.div-row-footer {
		margin-right: 50px;
	}

	.div-logo-product {
		padding-top: 100px;
	}

	.section-bild-boxes {
		padding-top: 80px;
		padding-bottom: 80px;
	}

	.section-screenstab {
		padding-top: 80px;
		padding-bottom: 80px;
	}

	.section-contentkaro {
		padding-top: 80px;
		padding-bottom: 80px;
	}

	.menu-button {
		font-size: 3.13rem;
	}

	.menu-button.w--open {
		border-left: 1px solid #dedede;
		background-color: #f3f3f3;
		color: #333;
	}

	.fs {
		padding-top: 587px;
		padding-bottom: 25px;
	}

	.monitor-top {
		width: 500px;
		height: 350px;
	}

	.trackpad {
		height: 99px;
	}

	._3delement {
		height: auto;
	}

	.kbtop {
		width: 500px;
		height: 350px;
	}

	.whitebox {
		height: 150px;
	}
}

@media (max-width: 767px) {
	h1 {
		font-size: 2.5rem;
		line-height: 2.5rem;
	}

	h2 {
		font-size: 1.88rem;
		line-height: 2.44rem;
	}

	.section-hero {
		padding-bottom: 60px;
	}

	.div-hero-ie11 {
		margin-bottom: 60px;
	}

	.div-hl-hero {
		padding-top: 83px;
	}

	.h1-hero {
		font-size: 2.5rem;
		line-height: 2.5rem;
	}

	.div-sl-hero {
		margin-top: 20px;
		font-size: 1rem;
		line-height: 1.25rem;
	}

	.div-hero-conversion {
		margin-top: 45px;
		flex-direction: column;
		align-items: center;
	}

	.div-conversion-left {
		margin-bottom: 30px;
		text-align: center;
	}

	.div-button-hero {
		margin-left: 0px;
	}

	.div-hero-laptop {
		margin-top: 15px;

		transform: translate(0px, 57px);
	}

	.section-element-ablauf.margin {
		padding-top: 0px;
	}

	.div-ablauf-top {
		margin-top: 70px;
		background: #fafafa;
	}

	.div-box-auswahl {
		max-width: none;
		margin-bottom: 40px;
	}

	.div-box-auswahl.dba-left {
		max-width: none;
		margin-right: 0px;
	}

	.div-box-auswahl.dba-right {
		max-width: none;
		margin-left: 0px;
	}

	.div-ablauf-left {
		display: none;

		flex: 0 auto;
		background: #fafafa;
	}

	.div-ablauf-right {
		display: none;
		background: #fafafa;
	}

	.div-ablauf-bottom {
		flex-direction: column;
	}

	.section-imagescroll {
		padding-right: 40px;
		padding-left: 40px;

		flex-direction: column;
	}

	.imagescroll-left {
		width: 100%;
		height: 350px;
	}

	.imagescroll-right {
		width: 100%;

		transform: none;
	}

	.section-daten {
		padding-top: 100px;
		padding-bottom: 100px;
	}

	.div-box-boxes {
		width: 50%;
	}

	.section-logos {
		padding-top: 100px;
	}

	.div-box-logo {
		width: 50%;
	}

	.div-box-logo:hover {
		transform: none;
	}

	.section-quote {
		padding-top: 120px;
		padding-bottom: 80px;
		background: #fafafa;
	}

	.slide-quote {
		padding-right: 40px;
		padding-left: 40px;
	}

	.h3-quote {
		font-size: 1.31rem;
		line-height: 1.56rem;
	}

	.right-arrow {
		width: 46px;
	}

	.div-footer-social {
		margin-bottom: 40px;
	}

	.div-footer-bottom {
		padding-right: 20px;
		padding-left: 20px;
		flex-direction: column;
	}

	.div-row-footer {
		margin-right: 0px;
		margin-bottom: 20px;
		padding-bottom: 20px;
		border-bottom: 1px solid #fff;
	}

	.div-footer-top {
		padding-right: 20px;
		padding-left: 20px;

		flex-direction: column;
	}

	.div-logos {
		display: grid;
		justify-items: center;
	}

	.div-logo-product {
		padding-top: 70px;
	}

	.section-bild-boxes {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.div-image-boxes {
		margin-top: 80px;
	}

	.div-content-textbox {
		padding: 30px 24px;
	}

	.div-icon-textbox {
		margin-bottom: 20px;
	}

	.div-hl-textbox {
		margin-bottom: 15px;
	}

	.div-tabs {
		margin-top: 60px;
	}

	.tabs-menu {
		flex-direction: column;
	}

	.tab-icon {
		display: block;
		width: 40px;
		margin-right: 20px;
		margin-bottom: 0px;
	}

	.tab-link-tab-1 {
		display: flex;
		min-height: auto;
		padding: 20px;
		justify-content: flex-start;
		align-items: center;
		border-bottom: 1px solid #dedede;
		text-align: left;
	}

	.tab-link-tab-1.w--current {
		background-color: #f5f5f5;
	}

	.div-txt-tab {
		margin-top: 60px;

		column-gap: 20px;
	}

	.section-imagefixed {
		padding-right: 40px;
		padding-left: 40px;
	}

	.div-contentkaro {
		margin-top: 60px;
	}

	.div-content-box2 {
		padding: 25px 20px;
	}

	.feature-header {
		padding-right: 20px;
		padding-left: 20px;
	}

	.div-txt-feature {
		font-size: 0.88rem;
		line-height: 1.13rem;
	}

	.section-textonly {
		padding-top: 80px;
		padding-bottom: 80px;
	}

	.div-textonly {
		margin-right: -10px;
		margin-left: -10px;
	}

	.div-box-textonly {
		margin-bottom: 30px;
		padding-right: 10px;
		padding-left: 10px;
	}

	.section-check {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.section-check.verlauf {
		padding-bottom: 40px;
	}

	.div-check {
		flex-direction: column;
	}

	.div-check-left {
		width: 100%;
		height: 70vw;
	}

	.div-check-right {
		width: 100%;
		padding-left: 0px;
	}

	.section-features {
		padding-top: 80px;
		padding-bottom: 80px;
	}

	.div-features {
		margin-top: 80px;
	}

	.div-txtbild {
		margin-bottom: 80px;
	}

	.fs {
		padding-top: 551px;
		padding-bottom: 0px;
	}

	.monitor-top {
		width: 400px;
		height: 250px;
	}

	.trackpad {
		height: 61px;
	}

	._3delement {
		height: auto;
	}

	.kbtop {
		width: 400px;
		height: 250px;
	}

	.whitebox {
		height: 100px;
	}
}

@media (max-width: 479px) {
	h1 {
		font-size: 1.88rem;
		line-height: 1.88rem;
	}

	h2 {
		font-size: 1.88rem;
		line-height: 2.13rem;
	}

	.brand {
		padding-left: 0px;
	}

	.div-hero-ie11 {
		height: auto;
		max-height: none;
		margin-bottom: 0px;
		padding-right: 20px;
		padding-left: 20px;
	}

	.h1-hero {
		font-size: 2.19rem;
		line-height: 2.19rem;
	}

	.div-button-hero {
		font-size: 0.88rem;
		line-height: 1rem;
	}

	.div-hero-laptop {
		transform: translate(0px, 33px);
	}

	.section-element-ablauf.margin {
		padding-right: 20px;
		padding-left: 20px;
	}

	.h3-ablauf {
		font-size: 1.5rem;
	}

	.section-imagescroll {
		padding-top: 40px;
		padding-right: 20px;
		padding-left: 20px;
	}

	.imagescroll-right {
		padding: 25px;
	}

	.section-daten {
		padding-right: 20px;
		padding-left: 20px;
	}

	.div-daten.dd-header {
		padding-top: 80px;
		padding-bottom: 20px;
	}

	.div-box-daten {
		margin-bottom: 20px;
		padding-right: 0px;
		padding-bottom: 20px;
		padding-left: 0px;
		border-bottom: 1px solid #d5d5d5;
		border-right-style: none;
	}

	.div-box-daten.dbd-line {
		border-bottom-style: none;
	}

	.div-wrapper-daten {
		margin-right: 0px;
		margin-left: 0px;

		flex-direction: column;
	}

	.div-box-boxes {
		width: 100%;
	}

	.div-content-box {
		padding-top: 25px;
		padding-bottom: 25px;
	}

	.div-arrow-box {
		transform: rotate(90deg);
	}

	.section-logos {
		padding-top: 80px;
		padding-right: 20px;
		padding-left: 20px;
	}

	.section-quote {
		padding-right: 20px;
		padding-left: 20px;
	}

	.slide-quote {
		padding-right: 25px;
		padding-bottom: 20px;
		padding-left: 25px;
	}

	.right-arrow {
		display: none;
	}

	.div-header-ie11 {
		padding-right: 20px;
		padding-left: 20px;
	}

	.section-bild-boxes {
		padding-right: 20px;
		padding-left: 20px;
	}

	.div-textbox {
		width: 100%;
	}

	.section-screenstab {
		padding-right: 20px;
		padding-left: 20px;
	}

	.div-txt-tab {
		column-count: 1;
	}

	.section-imagefixed {
		padding-right: 20px;
		padding-left: 20px;
	}

	.section-contentkaro {
		padding-right: 20px;
		padding-left: 20px;
	}

	.div-contentkaro {
		display: block;

		flex-direction: column;
	}

	.div-box-contentkaro {
		width: 100%;
		margin-bottom: 2px;
	}

	.div-karoimage {
		height: 70vw;
	}

	.div-features-header {
		flex-direction: column;
	}

	.feature-header {
		width: 100%;
	}

	.div-logos {
		display: grid;
		justify-items: center;
	}

	.section-textonly {
		padding: 60px 20px;
	}

	.section-textonly.dark {
		text-align: left;
	}

	.div-textonly {
		margin-top: 60px;
		margin-right: 0px;
		margin-left: 0px;
	}

	.div-box-textonly {
		padding-right: 0px;
		padding-left: 0px;
		text-align: center;
	}

	.section-check {
		padding-right: 20px;
		padding-left: 20px;
	}

	.div-row-check {
		padding-top: 25px;
		padding-bottom: 25px;
	}

	.div-txt-check {
		font-size: 0.81rem;
		line-height: 0.81rem;
	}

	.section-features {
		padding-right: 20px;
		padding-left: 20px;
	}

	.div-content-accordion {
		flex-direction: column;
	}

	.txt-dropdown {
		font-size: 0.81rem;
		letter-spacing: 0rem;
	}

	.dropdown-toggle-2 {
		padding-left: 13px;
	}

	.dropdown-icon {
		margin-right: 12px;
	}

	.div-icon-accordion {
		margin-right: 0px;
		margin-bottom: 20px;
	}

	.div-txtbild {
		margin-bottom: 60px;
	}

	.fs {
		padding-top: 593px;
		padding-bottom: 0px;
	}

	.monitor-top {
		width: 300px;
		height: 200px;
	}

	.trackpad {
		height: 45px;
	}

	.kbtop {
		width: 300px;
		height: 200px;
	}

	.div-herotxt {
		padding-right: 20px;
		padding-left: 20px;
	}
}

.contain5d {
	transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(70deg) rotateY(359deg) rotateZ(332deg) skew(0deg, 0deg);
	transform-style: preserve-3d;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
}

.contain5d .montior {
	position: relative;
	z-index: 3;
	transform: rotateX(281deg) rotateY(0deg) rotateZ(0deg);
	transform-origin: 50% 100%;
	transform-style: preserve-3d;
}