/* FONTS */

@font-face {font-family:'PJS-B'; src:url('fonts/plus-jakarta-sans-bold.woff2') format('woff2'), url('fonts/plus-jakarta-sans-bold.woff') format('woff'); font-weight:normal; font-style:normal; font-display:swap;}
@font-face {font-family:'PJS-SB'; src:url('fonts/plus-jakarta-sans-semibold.woff2') format('woff2'), url('fonts/plus-jakarta-sans-semibold.woff') format('woff'); font-weight:normal; font-style:normal; font-display:swap;}
@font-face {font-family:'PJS-EB'; src:url('fonts/plus-jakarta-sans-extrabold.woff2') format('woff2'), url('fonts/plus-jakarta-sans-extrabold.woff') format('woff'); font-weight:normal; font-style:normal; font-display:swap;}
@font-face {font-family:'SS-R'; src:url('fonts/source-sans-regular.woff2') format('woff2'), url('fonts/source-sans-regular.woff') format('woff'); font-weight:normal; font-style:normal; font-display:swap;}
@font-face {font-family:'SS-RI'; src:url('fonts/source-sans-regular-italic.woff2') format('woff2'), url('fonts/source-sans-regular-italic.woff') format('woff'); font-weight:normal; font-style:normal; font-display:swap;}
@font-face {font-family:'SS-SB'; src:url('fonts/source-sans-semibold.woff2') format('woff2'), url('fonts/source-sans-semibold.woff') format('woff'); font-weight:normal; font-style:normal; font-display:swap;}
@font-face {font-family:'SS-SBI'; src:url('fonts/source-sans-semibold-italic.woff2') format('woff2'), url('fonts/source-sans-semibold-italic.woff') format('woff'); font-weight:normal; font-style:normal; font-display:swap;}


/* COLORS */

:root {
	--black: #000000;
	--white: #FFFFFF;
	--white-50: rgba(255,255,255,0.5);
	--yellow: #FFCC40;
	--red: #F95959;
	--green: #23B93C;
	--blue-night: #002A4D;
	--blue-dark: #003F73;
	--blue-medium: #436E9C;
	--blue-light: #4EB9FF;
	--grey-night: #4A5F72;
	--grey-midnight: #405A78;
	--grey-dark: #6B7C8C;
	--grey-dark-50: rgba(107,124,140,0.5);
	--grey-medium: #BFCCDB;
	--grey-medium-55: rgba(191,204,219,0.55);
	--grey-medium-50: rgba(191,204,219,0.5);
	--grey-semidark: #D1DCEB;
	--grey-semidark-50: rgba(209,220,235,0.5);
	--grey-regular: #E1E8F0;
	--grey-regular-70: rgba(225,232,240,0.7);
	--grey-regular-50: rgba(225,232,240,0.5);
	--grey-light: #EDF2F7;
}

/* MANDATORY */

* {margin:0px; padding:0px; box-sizing:border-box; background-repeat:no-repeat; background-position:0px 0px;}
html, body {top:0; left:0; right:0; height:100%; -moz-hyphens:auto; -o-hyphens:auto; -webkit-hyphens:auto; -ms-hyphens:auto; hyphens:auto;}
table {border:none; border-collapse:collapse;}
table td, table th {padding:0;}
ul, ol {list-style-type:none;}
img, iframe {border:none;}
input, textarea, select {-webkit-appearance:none; -moz-appearance:none; border-radius:0px;}

/* GLOBAL */

body {
	font-family: 'SS-R', sans-serif;
	font-size: 16px;
	line-height: 140%;
	text-align: center;
	color: var(--blue-night);
	background-color: var(--white);
}

body.small-menu-open {
	overflow: hidden;
}

a, a:link, a:visited, a:focus, a:active, a:hover, button, input[type="submit"] {
	color: var(--blue-night);
	text-decoration: none;
	transition: color 0.2s linear, background-color 0.2s linear, opacity 0.2s linear, border-color 0.2s linear;
}

p,
div.main ul,
div.main ol {
	margin: 10px 0px;
}

div.main ol {
	list-style-type: decimal;
	margin-left: 20px;
}

div.main p a,
div.footer p a,
div.main ul a,
div.main ol a {
	text-decoration: underline;
}

div.main p a:hover,
div.footer p a:hover,
div.main ul a:hover,
div.main ol a:hover {
	color: var(--blue-dark) !important;
}

.text-center {
	text-align: center;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

.font-18 {
	font-size: 18px;
}

a.button {
	height: 40px;
	display: inline-block;
	font-family: 'SS-SB', sans-serif;
	font-size: 18px;
	text-decoration: none !important;
	line-height: 100%;
	margin-top: 20px;
	padding: 11px 50px 0px 20px;
	position: relative;
	border-radius: 20px;
	color: var(--blue-dark) !important;
	border: 1px solid var(--blue-dark);
	background-color: var(--white);
}

a.button::after {
	content: "";
	width: 22px;
	height: 10px;
	display: block;
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	background-image: url(img/button-arrow.svg);
	background-size: 100% 100%;
	background-position: center center;
	background-repeat: no-repeat;
}

a.button:hover {
	color: var(--blue-night) !important;
	background-color: var(--yellow);
}

div.bg-main-yellow a.button:hover::after {
	background-image: url(img/button-arrow-white.svg);
}

div.bg-main-yellow a.button:hover {
	color: var(--white) !important;
	background-color: var(--blue-dark);
}

b, strong {
	font-family: 'SS-SB', sans-serif;
	font-weight: normal;
}

i, em {
	font-family: 'SS-RI', sans-serif;
	font-style: normal;
}

b i, b em, strong i, strong em, i b, i strong, em b, em strong {
	font-family: 'SS-SBI', sans-serif;
	font-weight: normal;
	font-style: normal;
}

h1, h2, h3, h4, h5 {
	width: 100%;
	font-family: 'PJS-EB', sans-serif;
	font-weight: normal;
	line-height: 100%;
	color: var(--blue-dark);
	display: block;
	margin: 10px 0px;
}

h1 {
	font-size: 60px;
	-moz-hyphens: none;
	-o-hyphens: none;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

h2 {
	font-size: 40px;
	line-height: 120%;
	-moz-hyphens: none;
	-o-hyphens: none;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

h3 {
	font-size: 32px;
	line-height: 130%;
}

h4 {
	font-family: 'PJS-B', sans-serif;
	font-size: 24px;
	line-height: 130%;
}

h5 {
	font-family: 'PJS-B', sans-serif;
	font-size: 20px;
	line-height: 130%;
}

.headline-left {
	text-align: left;
}

.headline-center {
	text-align: center;
}

.headline-right {
	text-align: right;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a {
	color: var(--blue-dark) !important;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover {
	color: var(--blue-dark);
}

hr {
	width: 100%;
	height: 100px;
	float: left;
	clear: both;
	border: none;
	background-color: transparent;
}

span.anchor-target {
	width: 100%;
	height: 1px;
	float: left;
	clear: both;
	display: block;
	margin-top: -60px;
}

/* ELEMENTS */

div.bg-top,
div.bg-head,
div.bg-main,
div.bg-footer {
	width: 100%;
	float: left;
	clear: both;
	position: relative;
}

div.center {
	width: 1500px;
	margin: 0px auto;
}

div.top,
div.head-spacer,
div.head,
div.main,
div.footer {
	width: 100%;
	float: left;
	clear: both;
}

div.bg-top {
	z-index: 1000;
	background-color: var(--white);
	border-bottom: 1px solid var(--grey-regular);
}

div.top {
	height: 50px;
	line-height: 100%;
	text-align: center;
}

div.top-item {
	padding-top: 18px;
	margin-left: 40px;
	display: inline-block;
}

div.top-item:nth-child(1) {
	margin-left: 0px;
}

div.top-item p {
	margin: 0px;
}

div.top-item a:hover {
	text-decoration: underline;
}

.deutsche-post,
.phone,
.mail {
	position: relative;
	padding: 0px 0px 0px 30px;
}

.deutsche-post::before,
.phone::before,
.mail::before {
	content: "";
	width: 20px;
	height: 20px;
	display: block;
	float: left;
	clear: none;
	position: absolute;
	top: 0px;
	left: 0px;
	background-size: 100% 100%;
	background-position: top left;
	background-repeat: no-repeat;
}

.deutsche-post::before {
	background-image: url(img/icon-post.svg);
}

.phone::before {
	background-image: url(img/icon-phone.svg);
}

.mail::before {
	background-image: url(img/icon-mail.svg);
}

div.bg-head {
	position: absolute;
	top: 51px;
	left: 0px;
	z-index: 1000;
	background-color: var(--white);
	border-bottom: 1px solid var(--grey-regular);
}

body.fixpos div.bg-head {
	position: fixed;
	top: 0px;
}

div.head-spacer {
	height: 130px;
	transition: height 0.2s linear;
}

div.head {
	height: 130px;
	display: flex;
	transition: height 0.2s linear;
}

body.fixpos div.head {
	height: 100px;
}

body.fixpos div.head-spacer {
	height: 100px;
}

div.head-trigger {
	height: 100%;
	display: block;
	position: absolute;
	top: 0px;
	left: 20px;
	z-index: 1;
	display: none;
}

div.menu-trigger {
	width: 36px;
	height: 28px;
	position: relative;
	margin-top: 26px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
	cursor: pointer;
}

div.menu-trigger span {
	display: block;
	position: absolute;
	height: 3px;
	width: 100%;
	background-color: var(--blue-dark);
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

div.menu-trigger:hover span {
	background-color: var(--blue-night);
}

div.menu-trigger span:nth-child(1) {
	top: 4px;
}

div.menu-trigger span:nth-child(2), div.menu-trigger span:nth-child(3) {
	top: 12px;
}

div.menu-trigger span:nth-child(4) {
	top: 20px;
}

div.menu-trigger.open span:nth-child(1) {
	top: 18px;
	width: 0%;
	left: 50%;
}

div.menu-trigger.open span:nth-child(2) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

div.menu-trigger.open span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

div.menu-trigger.open span:nth-child(4) {
	top: 18px;
	width: 0%;
	left: 50%;
}

div.head-left {
	float: left;
	clear: none;
	flex-grow: 0;
	padding-top: 47px;
	transition: padding 0.2s linear;
}

body.fixpos div.head-left {
	padding-top: 32px;
}

.logo {
	width: 224px;
	height: 36px;
	display: block;
	text-indent: -999px;
	overflow: hidden;
	background-image: url(img/logo.svg);
	background-size: 100% 100%;
	background-position: top left;
}

div.head-center {
	float: left;
	clear: none;
	text-align: center;
	flex-grow: 1;
	padding-top: 55px;
	transition: padding 0.2s linear;
}

body.fixpos div.head-center {
	padding-top: 40px;
}

ul.head-menu {
	height: 75px;
	display: inline-block;
	transition: height 0.2s linear;
}

body.fixpos ul.head-menu {
	height: 60px;
}

ul.head-menu > li {
	height: 100%;
	display: block;
	float: left;
	clear: none;
	padding: 0px 20px;
}

ul.head-menu > li > a,
ul.head-menu > li > span.menu-link {
	height: 100%;
	display: block;
	font-size: 18px;
	line-height: 130%;
	color: var(--blue-dark);
}

ul.head-menu > li > span.menu-link {
	font-family: 'PJS-B', sans-serif;
	font-size: 20px;
	line-height: 100%;
	cursor: pointer;
	position: relative;
	overflow: hidden;
}

ul.head-menu > li > span.menu-link::after {
	content: "";
	width: 24px;
	height: 24px;
	display: block;
	position: absolute;
	left: calc(50% - 4px);
	bottom: -22px;
	background-color: var(--grey-regular);
	transform: rotate(45deg) translateX(-50%);
	display: none;
}

ul.head-menu > li:hover > span.menu-link::after {
	display: block;
}

div.bg-head-menu-2,
div.bg-head-menu-3,
div.bg-head-menu-4,
div.bg-head-menu-5 {
	display: none;
}

div.bg-head-menu-2 {
	width: 100%;
	height: 70px;
	float: left;
	clear: both;
	top: calc(51px + 131px);
	left: 0px;
	position: fixed;
	z-index: 1001;
	background-color: var(--grey-regular);
	transition: top 0.2s linear;
}

body.fixpos div.bg-head-menu-2 {
	top: 100px;
}

ul.head-menu > li:hover > div.bg-head-menu-2 {
	display: block;
}

div.bg-head-menu-2 > div.center {
	width: 1340px;
	height: 100%;
}

div.head-menu-2 {
	width: 100%;
	height: 100%;
	float: left;
	clear: both;
	text-align: center;
}

ul.head-menu-2 {
	height: 100%;
	display: inline-block;
}

ul.head-menu-2 > li {
	height: 100%;
	display: block;
	float: left;
	clear: none;
	padding-top: 26px;
	padding-right: 70px;
}

ul.head-menu-2 > li:last-child {
	padding-right: 0px;
}

ul.head-menu-2 > li > a {
	height: 100%;
	display: block;
	font-family: 'PJS-B', sans-serif;
	font-size: 18px;
	line-height: 100%;
	position: relative;
	color: var(--blue-dark);
}

ul.head-menu-2 > li > a::after {
	content: "";
	width: 20px;
	height: 20px;
	display: block;
	position: absolute;
	left: calc(50% - 4px);
	bottom: -17px;
	background-color: var(--grey-medium);
	transform: rotate(45deg) translateX(-50%);
	display: none;
}

ul.head-menu-2 > li:hover > a::after {
	display: block;
}

ul.head-menu > li:nth-child(2) ul.head-menu-2 > li:hover > a::after,
ul.head-menu-2 > li:last-child:hover > a::after {
	display: none !important;
}

div.bg-head-menu-3 {
	width: 100%;
	float: left;
	clear: both;
	top: calc(51px + 131px + 70px);
	left: 0px;
	position: fixed;
	z-index: 1001;
	background-color: var(--grey-medium);
	transition: top 0.2s linear;
}

body.fixpos div.bg-head-menu-3 {
	top: 170px;
}

ul.head-menu-2 > li:hover > div.bg-head-menu-3 {
	display: block;
}

div.head-menu-3 {
	width: 100%;
	float: left;
	clear: both;
	padding: 60px 0px;
}

ul.head-menu-3 {
	width: 100%;
	float: left;
	clear: both;
	text-align: left;
}

ul.head-menu-3 > li {
	width: 25%;
	float: left;
	clear: none;
	padding: 0px 10px;
}

ul.head-menu-3 > li > a {
	width: 100%;
	display: block;
	float: left;
	clear: none;
	font-family: 'PJS-B', sans-serif;
	font-size: 18px;
	line-height: 100%;
	color: var(--blue-dark);
}

ul.head-menu-4 {
	width: 100%;
	float: left;
	clear: both;
	font-family: 'PJS-B', sans-serif;
	font-size: 18px;
	line-height: 100%;
	margin-top: 20px;
	border-top: 1px solid var(--grey-light);
}

ul.head-menu-4 > li {
	width: 100%;
	float: left;
	clear: none;
	border-bottom: 1px solid var(--grey-light);
}

ul.head-menu-4 > li > a {
	width: 100%;
	float: left;
	clear: none;
	padding: 5px 0px;
	display: block;
	position: relative;
	background-color: transparent;
	transition: background-color 0.2s ease-in-out;
}

ul.head-menu-4 > li > a:hover {
	background-color: var(--grey-regular-50);
}

ul.head-menu-4 > li > a > span.head-menu-img {
	width: 90px;
	height: 60px;
	display: block;
	float: left;
	clear: none;
}

ul.head-menu-4 > li > a > span.head-menu-img img {
	width: 100%;
	height: auto;
	float: left;
	clear: none;
	transform: scale(1.0);
	transition: transform 0.2s ease-in-out;
}

ul.head-menu-4 > li > a:hover > span.head-menu-img img {
	transform: scale(1.05);
}

ul.head-menu-4 > li > a > span.head-menu-title {
	width: calc(100% - 90px);
	top: 50%;
	right: 0px;
	transform: translateY(-50%);
	padding-left: 20px;
	position: absolute;
	color: var(--blue-dark);
	background-image: url(img/button-arrow-grey.svg);
	background-size: 22px 10px;
	background-position: right 20px center;
}

div.bg-head-menu-5 {
	width: 100%;
	float: left;
	clear: both;
	top: calc(51px + 131px + 70px);
	left: 0px;
	position: fixed;
	z-index: 1001;
	background-color: var(--grey-medium);
	transition: top 0.2s ease-in-out;
}

body.fixpos div.bg-head-menu-5 {
	top: 170px;
}

ul.head-menu-2 > li:hover > div.bg-head-menu-5 {
	display: block;
}

div.bg-head-menu-5 > div.center {
	width: 1700px;
}

div.head-menu-5 {
	width: 100%;
	float: left;
	clear: both;
	padding: 60px 0px;
}

ul.head-menu-5 {
	width: 100%;
	float: left;
	clear: both;
	text-align: left;
}

ul.head-menu-5 > li {
	width: calc(100% / 6);
	float: left;
	clear: none;
	display: block;
	padding: 5px;
}

ul.head-menu-5 > li > a {
	width: 100%;
	float: left;
	clear: none;
	display: block;
	font-family: 'PJS-B', sans-serif;
	font-size: 18px;
	line-height: 100%;
	background-color: var(--white);
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 0 7px 0px transparent;
	transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

ul.head-menu-5 > li > a:hover {
	box-shadow: 0 0 7px 0px var(--grey-dark-50);
}

ul.head-menu-5 > li > a > span.head-menu-img {
	width: 100%;
	float: left;
	clear: both;
	display: block;
	padding: 15px 30px;
	background-color: var(--grey-regular);
	transition: background-color 0.2s ease-in-out;
}

ul.head-menu-5 > li > a:hover > span.head-menu-img {
	background-color: var(--grey-medium-55);
}

ul.head-menu-5 > li > a > span.head-menu-img > img {
	width: 100%;
	height: auto;
	float: left;
	clear: none;
	transform: scale(1.0);
	transition: transform 0.2s ease-in-out;
}

ul.head-menu-5 > li > a:hover > span.head-menu-img > img {
	transform: scale(1.02);
}

ul.head-menu-5 > li > a >span.head-menu-title {
	width: 100%;
	float: left;
	clear: both;
	text-align: center;
	display: block;
	padding: 15px 0px;
	color: var(--blue-dark);
}

div.head-menu-5 > p {
	width: 100%;
	max-width: 800px;
	display: block;
	float: left;
	clear: both;
	font-family: 'SS-SB', sans-serif;
	font-size: 18px;
	padding-top: 60px;
	margin: 0px;
	margin-left: 50%;
	transform: translateX(-50%);
}

div.head-right {
	float: right;
	clear: none;
	flex-grow: 0;
}

div.head-cta {
	float: left;
	clear: none;
	padding-top: 45px;
	transition: padding 0.2s ease-in-out;
}

body.fixpos div.head-cta {
	padding-top: 30px;
}

.login-button {
	height: 40px;
	display: block;
	float: left;
	clear: none;
	font-family: 'SS-SB', sans-serif;
	font-size: 18px;
	line-height: 100%;
	padding: 11px 20px 0px 40px;
	position: relative;
	border-radius: 20px;
	color: var(--blue-dark) !important;
	background-color: var(--yellow);
	border: 1px solid var(--white);
}

.login-button::before {
	content: "";
	width: 24px;
	height: 24px;
	display: block;
	position: absolute;
	top: 7px;
	left: 8px;
	border-radius: 50%;
	background-color: var(--white);
	background-image: url(img/icon-profile.svg);
	background-size: 20px 20px;
	background-position: center center;
	background-repeat: no-repeat;
}

.login-button:hover {
	border-color: var(--blue-dark) !important;
}

div.bg-small-menu {
	width: 100%;
	height: 100%;
	float: left;
	clear: both;
	position: fixed;
	z-index: 910;
	padding: 120px 0px 60px 0px;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	background-color: var(--grey-light);
	display: none;
}

div.bg-small-menu > div.center {
	width: 100%;
	float: left;
	clear: both;
}

div.small-menu {
	width: 100%;
	float: left;
	clear: both;
	text-align: left;
	padding-top: 40px;
}

ul.small-menu {
	width: 100%;
	float: left;
	clear: both;
}

ul.small-menu > li {
	width: 100%;
	float: left;
	clear: both;
	position: relative;
	background-color: transparent;
	transition: background-color 0.2s ease-in-out;
}

ul.small-menu > li.open {
	background-color: var(--grey-regular);
}

ul.small-menu > li > a,
ul.small-menu > li > span.small-menu-link {
	height: 100%;
	display: block;
	font-size: 24px;
	line-height: 130%;
	padding: 15px 60px 0px 60px;
	color: var(--blue-dark) !important;
}

ul.small-menu > li > span.small-menu-link {
	font-family: 'PJS-B', sans-serif;
	font-size: 28px;
	line-height: 100%;
	cursor: pointer;
	position: relative;
	z-index: 2;
	overflow: hidden;
	padding: 15px 60px 15px 60px;
	color: var(--blue-dark) !important;
	transition: padding 0.2s ease-in-out;
}

ul.small-menu > li.open > span.small-menu-link {
	padding-top: 30px;
}

ul.small-menu > li > span.small-menu-trigger {
	height: 40px;
	display: block;
	position: absolute;
	z-index: 1;
	font-family: 'SS-R', sans-serif;
	font-size: 50px;
	line-height: 100%;
	text-align: right;
	top: 5px;
	right: 20px;
	color: var(--blue-dark) !important;
	transition: transform 0.2s ease-in-out, top 0.2s ease-in-out;
}

ul.small-menu > li.open > span.small-menu-trigger {
	top: 20px;
}

ul.small-menu > li > span.small-menu-trigger.open {
	transform: rotate(45deg);
}

ul.small-menu-2,
ul.small-menu-3 {
	display: none;
}

ul.small-menu-2 {
	width: 100%;
	float: left;
	clear: both;
	padding: 10px 0px;
}

ul.small-menu-2 > li {
	width: 100%;
	float: left;
	clear: both;
	position: relative;
	background-color: transparent;
	transition: background-color 0.2s ease-in-out;
}

ul.small-menu-2 > li.open {
	background-color: var(--grey-medium);
}

ul.small-menu-2 > li > a,
ul.small-menu-2 > li > span.small-menu-link {
	height: 100%;
	display: block;
	position: relative;
	z-index: 2;
	font-family: 'SS-SB', sans-serif;
	font-size: 24px;
	line-height: 130%;
	cursor: pointer;
	color: var(--blue-dark) !important;
	padding: 5px 60px 5px 80px;
	transition: padding 0.2s ease-in-out;
}

ul.small-menu-2 > li.open > span.small-menu-link {
	padding: 20px 60px 5px 80px;
}

ul.small-menu-2 > li > span.small-menu-trigger {
	height: 30px;
	display: block;
	position: absolute;
	z-index: 1;
	font-family: 'SS-R', sans-serif;
	font-size: 40px;
	line-height: 100%;
	text-align: right;
	color: var(--blue-dark) !important;
	top: 0px;
	right: 25px;
	cursor: pointer;
	transition: transform 0.2s ease-in-out, top 0.2s ease-in-out;
}

ul.small-menu-2 > li > span.small-menu-trigger.open {
	top: 15px;
	transform: rotate(45deg);
}

ul.small-menu-3 {
	width: 100%;
	float: left;
	clear: both;
	padding: 15px 60px 15px 80px;
}

ul.small-menu-3 > li {
	width: 100%;
	float: left;
	clear: both;
	position: relative;
	padding: 5px 0px 0px 0px;
	border-bottom: 1px solid var(--grey-light);
}

ul.small-menu-3 > li:first-child {
	border-top: 1px solid var(--grey-light);
}

ul.small-menu-3 > li > a {
	height: 100%;
	display: block;
	position: relative;
	z-index: 2;
	font-size: 20px;
	line-height: 130%;
	color: var(--blue-dark) !important;
	cursor: pointer;
}

ul.small-menu-3 > li > a > span.small-menu-img {
	width: 100px;
	float: left;
	clear: none;
	display: block;
}

ul.small-menu-3 > li > a > span.small-menu-img > img {
	width: 100%;
	height: auto;
	float: left;
	clear: none;
}

ul.small-menu-3 > li > a > span.small-menu-title {
	width: calc(100% - 100px);
	float: right;
	clear: none;
	padding: 20px 0px 0px 10px;
	color: var(--blue-dark) !important;
	display: block;
}

div.bg-main-white {
	background-color: var(--white);
}

div.bg-main-light {
	background-color: var(--grey-light);
}

div.bg-main-regular {
	background-color: var(--grey-semidark);
}

div.bg-main-dark {
	background-color: var(--grey-medium);
}

div.bg-main-blue {
	color: var(--white);
	background-color: var(--blue-medium);
}

div.bg-main-yellow {
	background-color: var(--yellow);
}

div.bg-main-blue h1,
div.bg-main-blue h2,
div.bg-main-blue h3,
div.bg-main-blue h4,
div.bg-main-blue h5 {
	color: var(--white);
}

div.bg-main-blue ul.checklist li {
	background-image: url(img/icon-check-yellow.svg);
}

div.main {
	text-align: left;
	padding: 100px 0px;
}

div.center-600,
div.center-800,
div.center-1200,
div.center-1400 {
	width: 100%;
	float: left;
	clear: both;
	margin-left: 50%;
	transform: translateX(-50%);
}

div.center-600 {
	max-width: 640px;
}

div.center-800 {
	max-width: 840px;
}

div.center-1200 {
	max-width: 1240px;
}

div.center-1400 {
	max-width: 1440px;
}

div.col-grid {
	width: 100%;
	float: left;
	clear: both;
	display: grid;
	column-gap: 20px;
	grid-auto-rows: 1fr;
	grid-template-columns: repeat(1,1fr);
}

div.col-count-2 {
	grid-template-columns: repeat(2,1fr);
}

div.col-count-3 {
	grid-template-columns: repeat(3,1fr);
}

div.col-count-4 {
	grid-template-columns: repeat(4,1fr);
}

div.col-count-5 {
	grid-template-columns: repeat(5,1fr);
}

div.box-duocolor {
	width: 100%;
	height: 100%;
	float: left;
	clear: none;
	border-radius: 10px;
	background-color: var(--grey-light);
	overflow: hidden;
}

div.box-duocolor-intro {
	width: 100%;
	float: left;
	clear: both;
	padding: 30px;
	background-color: var(--yellow);
}

div.box-duocolor-intro h5 {
	margin: 0px;
}

div.box-duocolor-intro span.highlight {
	display: inline-block;
	padding: 0px 5px;
	background-color: var(--white-50);
	border-radius: 3px;
}

div.box-duocolor-content {
	width: 100%;
	float: left;
	clear: both;
	padding: 30px 30px 100px 30px;
	background-color: var(--grey-semidark);
}

div.box-duocolor-content h2 {
	padding-left: 20px;
	position: relative;
}

div.box-duocolor-content h2::before {
	content: "";
	width: 32px;
	height: 24px;
	position: absolute;
	top: 4px;
	left: 0px;
	display: block;
	background-image: url(img/icon-logo.svg);
	background-size: 100% 100%;
	background-position: top left;
}

div.box-duocolor-content > a.button {
	position: absolute;
	bottom: 30px;
	left: 50px;
}

div.main ul {
	list-style-type: disc;
	margin-left: 20px;
}

div.main ul li {
	width: 100%;
	float: left;
	clear: both;
	margin: 2px 0px;
}

div.bg-img-banner {
	width: 100%;
	float: left;
	clear: both;
	position: relative;
	background-color: var(--blue-medium);
	background-size: auto 100%;
	background-position: right center;
	background-repeat: no-repeat;
}

div.banner-home {
	background-image: url(../user_upload/images/img-banner-01.png);
}

div.bg-img-banner > div.center {
	width: 1340px;
}

div.img-banner {
	height: 750px;
	text-align: left;
}

div.align-middle {
	width: 100%;
	float: left;
	clear: none;
	top: 50%;
	position: relative;
	transform: translateY(-50%);
}

div.img-banner div.align-middle {
	max-width: 800px;
}

div.img-banner h1 {
	color: var(--white);
	margin: 0px 0px 50px 0px;
}

div.img-banner h4,
div.img-banner p b,
div.img-banner p strong {
	color: var(--white);
}

div.img-banner ul {
	width: 100%;
	display: block;
	float: left;
	clear: none;
	font-family: 'SS-SB', sans-serif;
	margin: 0px 0px 50px 0px;
	position: relative;
	color: var(--white);
}

div.img-banner ul::before {
	content: "";
	width: 1px;
	height: 100%;
	display: block;
	position: absolute;
	top: 0px;
	left: 17px;
	border-left: 2px dotted var(--yellow);
}

div.img-banner ul > li {
	width: 100%;
	min-height: 34px;
	float: left;
	clear: both;
	display: block;
	position: relative;
	padding: 6px 0px 0px 44px;
	margin-bottom: 10px;
}

div.img-banner ul > li:last-child {
	margin-bottom: 0px;
}

div.img-banner ul > li::before {
	content: "";
	width: 34px;
	height: 34px;
	display: block;
	float: left;
	clear: none;
	position: absolute;
	top: 0px;
	left: 0px;
	border-radius: 50%;
	background-color: var(--yellow);
	background-size: 100% 100%;
	background-position: center center;
	background-repeat: no-repeat;
}

div.img-banner ul > li:nth-child(1)::before {
	background-image: url(img/icon-process-01.svg);
}

div.img-banner ul > li:nth-child(2)::before {
	background-image: url(img/icon-process-02.svg);
}

div.img-banner ul > li:nth-child(3)::before {
	background-image: url(img/icon-process-03.svg);
}

div.img-banner ul > li:nth-child(4)::before {
	background-image: url(img/icon-process-04.svg);
}

div.img-banner ul > li:nth-child(5)::before {
	background-image: url(img/icon-process-05.svg);
}

span.dp-icon {
	color: var(--yellow);
	display: inline-block;
	position: relative;
}

span.dp-icon::after {
	content: "";
	width: 20px;
	aspect-ratio: 20/16;
	display: block;
	float: right;
	clear: none;
	margin: 3px 0px 0px 6px;
	background-image: url(img/dp-icon.svg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center center;
}

ul.tab-menu {
	width: 100%;
	height: 50px;
	float: left;
	clear: both;
	text-align: center;
	font-family: 'PJS-B', sans-serif;
	font-size: 20px;
	line-height: 100%;
	margin-top: -20px;
	position: relative;
	z-index: 20;
	overflow: hidden;
}

div.user-account ul.tab-menu {
	background-color: var(--grey-semidark);
}

ul.tab-menu > li {
	display: inline-block;
	margin: 0px 10px;
}

ul.tab-menu > li > span,
ul.tab-menu > li > a {
	height: 50px;
	display: block;
	float: left;
	clear: none;
	padding: 15px 20px;
	border-radius: 10px 10px 0px 0px;
	color: var(--blue-dark);
	background-color: var(--grey-regular-50);
	cursor: pointer;
	transition: background-color 0.2s ease-in-out;
}

ul.tab-menu > li.active > span,
ul.tab-menu > li.active > a {
	background-color: var(--grey-semidark);
}

div.user-account ul.tab-menu > li > a {
	background-color: var(--grey-medium-50);
}

div.user-account ul.tab-menu > li.active > a {
	background-color: var(--grey-light);
}

div.bg-tab-area {
	width: 100%;
	float: left;
	clear: both;
	position: relative;
	background-color: var(--grey-semidark);
}

div.bg-tab-area div.center {
	width: 1700px;
}

div.tab-area {
	width: 100%;
	float: left;
	clear: both;
	position: relative;
}

div.tab-area > * {
	width: 100%;
	float: left;
	clear: both;
	padding: 60px 0px;
}

.owl-carousel .owl-stage {
	display: flex;
}

div.product-slider {
	width: 100%;
	float: left;
	clear: both;
	text-align: left;
	margin-top: 40px;
}

div.product-slider .owl-item {
	padding: 5px !important;
}

div.product-slider-item {
	width: 100%;
	height: 100%;
	float: left;
	clear: none;
	border-radius: 10px;
	background-color: var(--white);
	position: relative;
	box-shadow: 0 0 7px 0px transparent;
	transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

div.product-slider-item:hover {
	box-shadow: 0 0 7px 0px var(--grey-dark-50);
}

div.psi-img {
	width: 100%;
	float: left;
	clear: both;
	padding: 15px 30px;
	border-radius: 10px 10px 0px 0px;
	overflow: hidden;
	background-color: var(--grey-semidark-50);
	transition: transform 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

div.product-slider-item:hover div.psi-img {
	background-color: var(--grey-regular-70);
}

div.psi-img img {
	width: 100%;
	float: left;
	clear: both;
	transform: scale(1.0);
	transition: transform 0.2s ease-in-out;
}

div.product-slider-item:hover div.psi-img img {
	transform: scale(1.02);
}

div.psi-txt {
	width: 100%;
	float: left;
	clear: both;
	padding: 20px 30px 95px 30px;
}

div.psi-txt ul {
	list-style-type: disc;
	margin-left: 20px;
}

div.psi-txt p {
	margin: 0px;
}

div.psi-txt a.button {
	position: absolute;
	margin: 0px;
	left: 30px;
	bottom: 30px;
}

div.owl-dots {
	width: 100%;
	float: left;
	clear: both;
	margin-top: 30px;
	text-align: center;
}

div.owl-dots button {
	width: 16px;
	height: 16px;
	display: inline-block;
	margin: 0px 6px;
	border-radius: 50%;
	background-color: var(--grey-medium) !important;
}

div.owl-dots button.active {
	background-color: var(--grey-dark) !important;
}

div.contact-cta {
	width: 100%;
	float: left;
	clear: both;
	margin-top: 100px;
}

div.contact-cta-top {
	width: 100%;
	float: left;
	clear: both;
	padding: 50px 0px;
	position: relative;
	background-color: var(--grey-light);
	border-radius: 10px 10px 0px 0px;
	transition: border-radius 0.4s ease-in-out;
}

div.contact-cta-compact div.contact-cta-top {
	border-radius: 10px;
}

div.contact-form-open div.contact-cta-top {
	border-radius: 10px 10px 0px 0px;
}

div.contact-cta-top::after {
	content: "";
	width: 280px;
	height: 280px;
	display: block;
	position: absolute;
	top: -100px;
	right: -150px;
	background-image: url(../user_upload/images/contact-bubble.png);
	background-size: 100% 100%;
	background-position: top left;
}

div.cct-intro {
	width: 100%;
	float: left;
	clear: both;
	position: relative;
}

div.cct-intro p {
	margin: 0px;
	color: var(--blue-dark);
}

div.cct-list {
	width: 100%;
	max-width: 340px;
	float: left;
	clear: both;
	margin-left: 50%;
	transform: translateX(-50%);
}

div.cct-list > ul {
	width: 100%;
	float: left;
	clear: both;
	list-style-type: none !important;
	margin: 20px 0px 0px 0px;
	position: relative;
}

div.cct-list > ul > li {
	width: 100%;
	min-height: 24px;
	float: left;
	clear: both;
	margin-top: 10px;
	position: relative;
	padding-left: 34px;
}

div.cct-list > ul > li:first-child {
	margin-top: 0px;
}

div.cct-list > ul > li::before {
	content: "";
	width: 24px;
	height: 24px;
	display: block;
	float: left;
	clear: none;
	position: absolute;
	top: 0px;
	left: 0px;
	background-size: 100% 100%;
	background-position: top left;
	background-repeat: no-repeat;
}

div.cct-list > ul > li.cct-phone::before {
	background-image: url(img/icon-cct-phone.svg);
}

div.cct-list > ul > li.cct-mail::before {
	background-image: url(img/icon-cct-mail.svg);
}

div.cct-list > ul > li.cct-chat::before {
	background-image: url(img/icon-cct-chat.svg);
}

div.cct-list > ul > li.cct-whatsapp::before {
	background-image: url(img/icon-cct-whatsapp.svg);
}

div.cct-list > ul > li.cct-form::before {
	background-image: url(img/icon-cct-form.svg);
}

div.cct-list > ul > li.cct-form {
	display: none;
}

div.contact-cta-compact div.cct-list > ul > li.cct-form {
	display: block;
}

div.cct-list > ul > li > span.label {
	width: 40%;
	display: block;
	float: left;
	clear: none;
	font-family: 'PJS-B', sans-serif;
	font-size: 20px;
	color: var(--blue-dark);
}

div.cct-list > ul > li > a {
	width: 60%;
	display: block;
	float: left;
	clear: none;
	padding: 5px 10px 3px 10px;
	font-family:'SS-SB';
	font-size: 18px;
	text-decoration: none;
	color: var(--blue-dark) !important;
	background-color: var(--white);
	border-radius: 5px;
}

div.cct-list > ul > li > a:hover {
	color: var(--blue-night) !important;
	background-color: var(--yellow);
}

div.contact-cta-bottom {
	width: 100%;
	height: auto;
	float: left;
	clear: both;
	background-color: var(--white);
	border-radius: 0px 0px 10px 10px;
	overflow: hidden;
}

div.contact-cta-compact div.contact-cta-bottom {
	display: none;
}

div.ccb-wrapper {
	width: 100%;
	float: left;
	clear: both;
	padding: 50px;
}

div.ccb-wrapper h5 {
	color: var(--blue-dark) !important;
}

div.contact-cta-bottom h5 {
	margin: 0px;
}

div.ccb-form {
	width: 100%;
	float: left;
	clear: both;
	margin-top: 40px;
}

div.ccb-form form {
	width: 100%;
	float: left;
	clear: both;
	position: relative;
}

div.ccb-form-row {
	width: 100%;
	float: left;
	clear: both;
	margin-top: 10px;
}

div.ccb-form-row label {
	width: 100px;
	display: block;
	float: left;
	clear: none;
	font-family: 'SS-SB', sans-serif;
	font-size: 18px;
	color: var(--blue-dark);
	text-align: right;
	padding: 15px 0px;
	margin-right: 20px;
}

div.ccb-form-row select,
div.ccb-form-row input,
div.ccb-form-row textarea {
	width: calc(100% - 120px);
	float: left;
	clear: none;
	border: none;
	padding: 15px 20px;
	font-family: inherit;
	font-size: 18px;
	color: var(--blue-dark);
	line-height: inherit;
	background-color: var(--grey-light);
	border-radius: 5px;
}

div.ccb-form-row span.error {
	width: calc(100% - 120px);
	margin-left: 120px;
}

div.ccb-form-row div.ccb-checkbox span.error {
	width: 100%;
	margin-left: 0px;
}

div.ccb-form-row select {
	cursor: pointer;
	padding-right: 40px;
	background-image: url(img/select-arrow-grey.svg);
	background-size: 16px 9px;
	background-position: right 20px center;
}

div.ccb-form-row textarea {
	height: 180px;
	min-height: 180px;
	max-height: 180px;
	resize: none;
}

div.ccb-form-row div.ccb-checkbox {
	width: calc(100% - 120px);
	float: left;
	clear: both;
	position: relative;
	margin-left: 120px;
}

div.ccb-form-row div.ccb-checkbox input[type="checkbox"] {
	width: 32px;
	height: 32px;
	padding: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
}

div.ccb-form-row div.ccb-checkbox input[type="checkbox"]:checked {
	background-image: url(img/checkbox.svg);
}

div.ccb-form-row div.ccb-checkbox label {
	width: 100%;
	font-family: inherit;
	font-size: inherit;
	text-align: left;
	padding: 6px 0px 0px 44px;
}

div.ccb-form-row div.ccb-checkbox label a {
	text-decoration: underline;
}

div.ccb-submit {
	text-align: center;
}

div.ccb-form-row input[type="submit"] {
	width: auto;
	height: 40px;
	display: inline-block;
	float: none;
	clear: none;
	font-family: 'SS-SB', sans-serif;
	font-size: 18px;
	text-decoration: none !important;
	line-height: 100%;
	margin-top: 20px;
	padding: 0px 50px 0px 20px;
	position: relative;
	border-radius: 20px;
	color: var(--blue-dark) !important;
	border: 1px solid var(--blue-dark);
	background-color: var(--white);
	background-image: url(img/button-arrow.svg);
	background-size: 22px 10px;
	background-position: right 20px center;
	background-repeat: no-repeat;
	cursor: pointer;
}

div.ccb-form-row input[type="submit"]:hover {
	background-color: var(--yellow);
	/*border-color: var(--yellow);*/
}

div.col-12,
div.col-13,
div.col-14,
div.col-23,
div.col-34 {
	width: 100%;
	float: left;
	clear: none;
	padding: 0px 20px;
}

div.col-12 {
	width: calc(100% / 2);
}

div.col-13 {
	width: calc(100% / 3);
}

div.col-14 {
	width: calc(100% / 4);
}

div.col-23 {
	width: calc(100% / 3 * 2);
}

div.col-34 {
	width: calc(100% / 4 * 3);
}

.space-top {
	margin-top: 30px;
}

.space-bottom {
	margin-bottom: 30px;
}

ul.checklist {
	font-family: 'SS-SB', sans-serif;
	list-style-type: none !important;
	margin: 0px !important;
}

ul.checklist li {
	padding-left: 25px;
	background-image: url(img/icon-check-white.svg);
	background-position: 0px 4px;
}

ul.checklist-big {
	font-family: 'PJS-B', sans-serif;
	list-style-type: none !important;
	margin: 0px !important;
}

ul.checklist-big li {
	width: 100%;
	min-height: 40px;
	padding: 10px 0px 0px 55px;
	display: block;
	float: left;
	clear: both;
	margin: 5px 0px !important;
	background-image: url(img/icon-check-big.svg);
	background-position: 0px 0px;
}

div.bg-main-yellow ul.checklist-big li {
	background-image: url(img/icon-check-big-white.svg);
}

h1 span.logo-replace {
	width: 498px;
	height: 80px;
	display: inline-block;
	text-indent: -9999px;
	overflow: hidden;
	margin-bottom: -15px;
	background-image: url(img/logo.svg);
	background-size: 100% 100%;
	background-position: top left;
}

div.bg-main-blue h1 span.logo-replace {
	background-image: url(img/logo-white.svg);
}

h2 span.logo-replace {
	width: 286px;
	height: 46px;
	display: inline-block;
	text-indent: -9999px;
	overflow: hidden;
	margin-bottom: -8px;
	background-image: url(img/logo.svg);
	background-size: 100% 100%;
	background-position: top left;
}

div.bg-main-blue h2 span.logo-replace {
	background-image: url(img/logo-white.svg);
}

div.main img {
	max-width: 100%;
	height: auto;
	float: left;
	clear: none;
}

ul.links-big {
	width: 100%;
	float: left;
	clear: both;
	margin: 0px !important;
	font-family: 'SS-SB', sans-serif;
	display: grid;
	grid-template-columns: repeat(3,1fr);
	-moz-hyphens: none;
	-o-hyphens: none;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

ul.links-big > li {
	width: 100%;
	height: 100%;
	padding: 20px 5px;
	display: block;
	list-style-type: none !important;
	margin: 0px !important;
}

ul.links-big > li > a {
	width: 100%;
	height: 100%;
	display: block;
	float: left;
	clear: none;
	padding: 50px 20px;
	color: var(--grey-dark);
	text-align: center;
	text-decoration: none;
	background-color: var(--white);
	border-radius: 5px;
}

ul.links-big > li > a:hover {
	background-color: var(--grey-medium);
}

span.scroll-anchor {
	width: 100%;
	height: 1px;
	float: left;
	clear: both;
	margin-top: -140px;
}

div.acc-trigger {
	width: 100%;
	float: left;
	clear: both;
	margin-top: 10px;
	padding: 20px;
	position: relative;
	cursor: pointer;
	background-color: var(--white);
	transition: background-color 0.2s ease-in-out;
}

/*div.acc-trigger:hover {
	background-color: var(--grey-regular);
}*/

div.acc-trigger.open {
	background-color: var(--grey-semidark);
}

div.acc-trigger > * {
	margin: 0px;
	color: var(--blue-dark);
}

div.acc-trigger::after {
	content: "+";
	font-size: 40px;
	color: var(--blue-dark);
	/*width: 24px;
	height: 24px;*/
	display: block;
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
	/*background-image: url(img/acc-arrow.svg);
	background-size: 100% 100%;
	background-position: center center;*/
	transition: transform 0.2s ease-in-out;
}

div.acc-trigger.open::after {
	/*transform: translateY(-50%) rotate(90deg);*/
	transform: translateY(-50%) rotate(45deg);
}

div.acc-content {
	width: 100%;
	float: left;
	clear: both;
	background-color: var(--white);
}

div.acc-inner {
	width: 100%;
	float: left;
	clear: both;
	padding: 20px;
}

table.print-templates {
	width: 100%;
	float: left;
	clear: both;
	font-size: inherit;
	color: var(--grey-dark);
}

table.print-templates tr {
	border-bottom: 1px solid var(--grey-medium);
}

table.print-templates tr:hover td {
	background-color: var(--grey-light);
}

table.print-templates th,
table.print-templates td {
	text-align: left;
	vertical-align: top;
	padding: 12px 6px;
}

table.print-templates th {
	font-family: 'PJS-B', sans-serif;
	font-weight: normal;
}

table.print-templates td {
	font-size: 18px;
}

table.print-templates span.td-label {
	font-family: 'SS-SB', sans-serif;
	padding-right: 3px;
	display: none;
}

a.pdf,
a.ai {
	width: 40px;
	height: 30px;
	display: block;
	float: left;
	clear: none;
	margin-right: 10px;
	text-indent: -999px;
	overflow: hidden;
	border-radius: 5px;
	background-color: var(--grey-medium);
	background-size: 100% 100%;
	background-position: center center;
}

a.pdf {
	background-image: url(img/icon-pdf-white.svg);
}

a.ai {
	background-image: url(img/icon-ai-white.svg);
}

a.pdf:hover,
a.ai:hover {
	background-color: var(--grey-dark);
}

ul.process-icons-big {
	width: 100%;
	float: left;
	clear: both;
	text-align: center;
	position: relative;
	list-style-type: none !important;
	margin: 30px 0px 0px 0px !important;
	display: grid;
	grid-template-columns: repeat(5,1fr);
}

ul.process-icons-big::before {
	content: "";
	width: 80%;
	height: 1px;
	display: block;
	position: absolute;
	top: 39px;
	left: 10%;
	border-top: 2px dashed var(--white);
}

ul.process-icons-big {
	column-gap: 40px;
}

ul.process-icons-big > li {
	padding-top: 100px;
	margin: 0px !important;
	position: relative;
}

ul.process-icons-big > li::before {
	content: "";
	width: 80px;
	height: 80px;
	display: block;
	float: left;
	clear: none;
	position: absolute;
	top: 0px;
	left: 50%;
	transform: translateX(-50%);
	border-radius: 50%;
	background-color: var(--yellow);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
}

ul.process-icons-big > li:nth-child(1)::before {
	background-image: url(img/icon-process-01.svg);
}

ul.process-icons-big > li:nth-child(2)::before {
	background-image: url(img/icon-process-02.svg);
}

ul.process-icons-big > li:nth-child(3)::before {
	background-image: url(img/icon-process-03.svg);
}

ul.process-icons-big > li:nth-child(4)::before {
	background-image: url(img/icon-process-04.svg);
}

ul.process-icons-big > li:nth-child(5)::before {
	background-image: url(img/icon-process-05.svg);
}

div.icon-headline {
	width: 100%;
	float: left;
	clear: both;
	position: relative;
	margin-bottom: 20px;
}

span.icon-white {
	width: 60px;
	height: 60px;
	display: block;
	float: left;
	clear: none;
	background-color: var(--white);
	border-radius: 50%;
}

span.icon-white > img {
	width: 100%;
	height: auto;
	float: left;
	clear: none;
}

div.icon-headline > h3 {
	width: calc(100% - 80px);
	font-size: 26px;
	float: right;
	margin: 0px;
	padding-top: 15px;
}

div.bg-config-steps {
	width: 100%;
	float: left;
	clear: both;
	position: relative;
	z-index: 10;
	background-color: var(--blue-medium);
}

div.config-steps {
	width: 100%;
	height: 60px;
	float: left;
	clear: both;
	font-family: 'PJS-B', sans-serif;
	font-size: 18px;
	line-height: 100%;
	column-gap: 2px;
	display: grid;
	grid-template-columns: repeat(5,1fr);
	counter-reset: config-steps-counter;
	-moz-hyphens: none;
	-o-hyphens: none;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

div.config-steps-item {
	width: 100%;
	height: 100%;
	float: left;
	clear: none;
	text-align: center;
	position: relative;
}

div.config-steps-item::after {
	content: "";
	width: 100%;
	height: 4px;
	float: left;
	clear: none;
	position: absolute;
	bottom: -4px;
	left: 0px;
	background-color: var(--white);
}

div.config-steps-item.active::after {
	background-color: var(--blue-dark);
}

div.config-steps-1 div.config-steps-item:nth-child(1)::after {
	background-color: var(--yellow);
}

div.config-steps-2 div.config-steps-item:nth-child(1)::after,
div.config-steps-2 div.config-steps-item:nth-child(2)::after {
	background-color: var(--yellow);
}

div.config-steps-3 div.config-steps-item:nth-child(1)::after,
div.config-steps-3 div.config-steps-item:nth-child(2)::after,
div.config-steps-3 div.config-steps-item:nth-child(3)::after {
	background-color: var(--yellow);
}

div.config-steps-4 div.config-steps-item:nth-child(1)::after,
div.config-steps-4 div.config-steps-item:nth-child(2)::after,
div.config-steps-4 div.config-steps-item:nth-child(3)::after,
div.config-steps-4 div.config-steps-item:nth-child(4)::after {
	background-color: var(--yellow);
}

div.config-steps-5 div.config-steps-item:nth-child(1)::after,
div.config-steps-5 div.config-steps-item:nth-child(2)::after,
div.config-steps-5 div.config-steps-item:nth-child(3)::after,
div.config-steps-5 div.config-steps-item:nth-child(4)::after,
div.config-steps-5 div.config-steps-item:nth-child(5)::after {
	background-color: var(--yellow);
}

span.csi-title {
	color: var(--white);
	display: inline-block;
	position: relative;
	padding: 2px 0px 0px 30px;
	margin-top: 19px;
}

div.config-steps-1 div.config-steps-item:nth-child(1) span.csi-title {
	color: var(--grey-semidark);
}

div.config-steps-2 div.config-steps-item:nth-child(1) span.csi-title,
div.config-steps-2 div.config-steps-item:nth-child(2) span.csi-title {
	color: var(--grey-semidark);
}

div.config-steps-3 div.config-steps-item:nth-child(1) span.csi-title,
div.config-steps-3 div.config-steps-item:nth-child(2) span.csi-title,
div.config-steps-3 div.config-steps-item:nth-child(3) span.csi-title {
	color: var(--grey-semidark);
}

div.config-steps-4 div.config-steps-item:nth-child(1) span.csi-title,
div.config-steps-4 div.config-steps-item:nth-child(2) span.csi-title,
div.config-steps-4 div.config-steps-item:nth-child(3) span.csi-title,
div.config-steps-4 div.config-steps-item:nth-child(4) span.csi-title {
	color: var(--grey-semidark);
}

div.config-steps-5 div.config-steps-item:nth-child(1) span.csi-title,
div.config-steps-5 div.config-steps-item:nth-child(2) span.csi-title,
div.config-steps-5 div.config-steps-item:nth-child(3) span.csi-title,
div.config-steps-5 div.config-steps-item:nth-child(4) span.csi-title,
div.config-steps-5 div.config-steps-item:nth-child(5) span.csi-title {
	color: var(--grey-semidark);
}

span.csi-title::before {
	counter-increment: config-steps-counter;
	content: counter(config-steps-counter);
	width: 22px;
	height: 22px;
	display: block;
	position: absolute;
	font-size: 16px;
	padding-top: 2px;
	top: 0px;
	left: 0px;
	box-sizing: border-box;
	color: var(--blue-medium);
	background-color: var(--white);
	border-radius: 50%;
}

div.config-steps-1 div.config-steps-item:nth-child(1) span.csi-title::before {
	background-color: var(--yellow);
}

div.config-steps-2 div.config-steps-item:nth-child(1) span.csi-title::before,
div.config-steps-2 div.config-steps-item:nth-child(2) span.csi-title::before {
	background-color: var(--yellow);
}

div.config-steps-3 div.config-steps-item:nth-child(1) span.csi-title::before,
div.config-steps-3 div.config-steps-item:nth-child(2) span.csi-title::before,
div.config-steps-3 div.config-steps-item:nth-child(3) span.csi-title::before {
	background-color: var(--yellow);
}

div.config-steps-4 div.config-steps-item:nth-child(1) span.csi-title::before,
div.config-steps-4 div.config-steps-item:nth-child(2) span.csi-title::before,
div.config-steps-4 div.config-steps-item:nth-child(3) span.csi-title::before,
div.config-steps-4 div.config-steps-item:nth-child(4) span.csi-title::before {
	background-color: var(--yellow);
}

div.config-steps-5 div.config-steps-item:nth-child(1) span.csi-title::before,
div.config-steps-5 div.config-steps-item:nth-child(2) span.csi-title::before,
div.config-steps-5 div.config-steps-item:nth-child(3) span.csi-title::before,
div.config-steps-5 div.config-steps-item:nth-child(4) span.csi-title::before,
div.config-steps-5 div.config-steps-item:nth-child(5) span.csi-title::before {
	background-color: var(--yellow);
}

div.product-config-head {
	padding: 60px 0px;
}

div.config-product-img {
	width: 100%;
	float: left;
	clear: none;
	text-align: center;
}

div.config-product-img img {
	width: 100% !important;
	height: auto;
	float: none;
	clear: none;
	display: inline-block;
}

div.config-product-description {
	width: 100%;
	float: left;
	clear: both;
	padding-top: 30px;
}

div.product-config-main {
	width: 100%;
	float: left;
	clear: both;
	padding: 80px 0px;
}

form.pcm-form {
	width: 100%;
	float: left;
	clear: both;
}

div.pcm-form-options {
	width: calc(100% / 3 * 2);
	float: left;
	clear: none;
}

div.pcm-form-checkout {
	width: calc(100% / 3 * 1);
	float: left;
	clear: none;
	padding-left: 40px;
	position: sticky;
	top: calc(100px + 40px);
}

div.pcm-form-set {
	width: 100%;
	float: left;
	clear: both;
	padding: 30px;
	margin-top: 40px;
	background-color: var(--white);
	border-radius: 10px;
	position: relative;
}

div.pcm-form-set:first-child {
	margin-top: 0px;
}

div.upload-later div.pcm-form-item {
	opacity: 0.25;
}

div.upload-later div.pcm-form-item:last-child {
	opacity: 1;
}

div.form-kombi-items {
	width: 100%;
	float: left;
	clear: both;
}

div.pcm-form-item {
	width: 100%;
	float: left;
	clear: both;
	display: flex;
	position: relative;
	margin-top: 10px;
}

div.pcm-form-item:first-child {
	margin-top: 0px;
}

div.form-kombi-items div.pcm-form-item:first-child {
	margin-top: 10px;
}

div.pcm-form-options div.kalk-price-finish,
div.pcm-form-options div.kalk-price-porto,
div.pcm-form-options div.kalk-price-info {
	display: none;
}

div.pcm-form-item-headline::before {
	content: "";
	width: 300px;
	flex-grow: 0;
	float: left;
	clear: none;
}

div.pcm-form-item-headline h5 {
	font-size: 18px;
	flex-grow: 1;
	margin: 20px 0px;
	text-align: center;
	-moz-hyphens: none;
	-o-hyphens: none;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

div.pcm-form-item-headline::after {
	content: "";
	width: 50px;
	flex-grow: 0;
	float: left;
	clear: none;
}

div.pcm-form-item label {
	width: 300px;
	flex-grow: 0;
	float: left;
	clear: none;
	padding-top: 15px;
	font-family: 'PJS-SB', sans-serif;
	font-size: 18px;
	color: var(--grey-midnight);
	text-align: right;
	padding-right: 20px;
}

div.pcm-form-item.set-count-3 > label {
	padding-top: 30px;
}

div.pcm-form-field {
	width: 100%;
	flex-grow: 1;
	float: left;
	clear: none;
	position: relative;
}

div.pcm-form-field input,
div.pcm-form-field select,
div.pcm-form-field textarea {
	width: 100%;
	float: left;
	clear: none;
	padding: 15px 20px;
	font-family: inherit;
	font-size: 18px;
	/*color: var(--grey-dark);*/
	color: var(--grey-night);
	border: none;
	border-radius: 5px;
	background-color: var(--grey-light);
}

div.pcm-form-field select {
	cursor: pointer;
	padding-right: 40px;
	background-image: url(img/select-arrow-grey.svg);
	background-size: 16px 9px;
	background-position: right 20px center;
}

div.pcm-form-field textarea {
	min-height: 200px;
	resize: vertical;
}

div.pcm-form-field-radios {
	width: 100%;
	float: left;
	clear: none;
	position: relative;
}

div.pcm-form-field-radio-item {
	width: 100%;
	float: left;
	clear: none;
	position: relative;
}

div.set-count-2 div.pcm-form-field-radio-item {
	width: calc(100% / 2);
}

div.set-count-3 div.pcm-form-field-radio-item {
	width: calc(100% / 3);
}

div.set-count-4 div.pcm-form-field-radio-item {
	width: calc(100% / 4);
}

div.pcm-form-field-radio-item label {
	width: calc(100% - 10px);
	padding: 15px;
	position: relative;
	text-align: center;
	z-index: 2;
	color: var(--grey-dark);
	flex-grow: unset;
	cursor: pointer;
	transition: color 0.2s ease-in-out;
}

div.set-count-3 div.pcm-form-field-radio-item label {
	padding: 30px 15px;
}

div.pcm-form-field-radio-item input[type="radio"] {
	width: calc(100% - 10px);
	height: 100%;
	padding: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	background-color: var(--grey-light);
	border: 1.5px solid var(--grey-light);
	-moz-appearance: none;
	-webkit-appearance: none;
	box-shadow: 0 0 7px 0px transparent;
	transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out, border-color 0.2s ease-in-out;
}

div.pcm-form-field-radio-item input[type="radio"]:hover {
	box-shadow: 0 0 7px 0px var(--grey-dark-50);
}

div.pcm-form-field-radio-item input[type="radio"]:checked:hover {
	box-shadow: 0 0 7px 0px transparent;
}

div.pcm-form-field-radio-item input[type="radio"]:checked {
	border: 1.5px solid var(--blue-dark);
}

div.pcm-form-field-radio-item input[type="radio"]:checked+label {
	color: var(--blue-dark);
}

div.pcm-form-field-radio-item:last-child label,
div.pcm-form-field-radio-item:last-child input[type="radio"] {
	width: 100%;
}

div.pcm-form-info {
	width: 100%;
	float: left;
	clear: both;
	text-align: center;
	margin-top: 10px;
	border-radius: 5px;
	background-color: var(--yellow);
}

span.error {
	width: 100%;
	float: left;
	clear: both;
	text-align: center;
	margin-top: 10px;
	border-radius: 5px;
	color: var(--black) !important;
	background-color: var(--yellow);
}

.success {
	width: 100%;
	float: left;
	clear: both;
	text-align: center;
	padding: 5px;
	margin-top: 10px;
	border-radius: 5px;
	color: var(--white) !important;
	background-color: var(--green);
}

div.pcm-tooltip {
	width: 50px;
	flex-grow: 0;
	float: left;
	clear: none;
}

div.tooltip-trigger {
	width: 24px;
	height: 24px;
	display: block;
	text-align: left;
	text-indent: -999px;
	overflow: hidden;
	background-image: url(img/tooltip-trigger.svg);
	background-size: 100% 100%;
	background-position: top left;
	cursor: pointer;
	margin: 15px 0px 0px 20px;
}

div.tooltip-content {
	display: none;
}

.tooltipster-base {
	max-width: 320px;
	padding: 0px 15px;
	text-align: left;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background,
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
	border-top-color: var(--grey-dark) !important;
}

.tooltipster-sidetip .tooltipster-box {
	background-color: var(--grey-dark) !important;
	border: none !important;
	border-radius: 5px !important;
}

.tooltipster-sidetip .tooltipster-content {
	color: var(--white) !important;
	font-family: inherit !important;
	font-size: inherit !important;
	line-height: inherit !important;
	padding: 10px 15px !important;
}

.add-button {
	min-height: 24px;
	padding-left: 34px;
	display: inline-block;
	background-image: url(img/add-button-blue.svg);
	background-repeat: no-repeat;
	background-position: left center;
	cursor: pointer;
}

/*.add-button:hover {
	background-image: url(img/add-button-yellow.svg);
	color: var(--black);
}*/

.remove-button {
	width: 24px;
	height: 24px;
	text-indent: -999px;
	overflow: hidden;
	display: block;
	position: absolute;
	top: 22px;
	right: 50px;
	background-image: url(img/remove-button.svg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: top left;
}

.remove-button:hover {
	background-image: url(img/remove-button-yellow.svg);
}

div.pcm-cart {
	width: 100%;
	float: left;
	clear: both;
	font-size: 18px;
	color: var(--grey-dark);
	-moz-hyphens: none;
	-o-hyphens: none;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

div.pcm-cart b,
div.pcm-cart strong {
	color: var(--blue-dark);
}

div.pcm-cart h5 {
	font-size: inherit;
	margin: 0px;
	color: var(--blue-dark);
}

div.pcm-cart-head {
	width: 100%;
	float: left;
	clear: both;
	padding: 20px 30px;
	background-color: var(--yellow);
	border-radius: 10px 10px 0px 0px;
}

div.pcm-cart-head h5 {
	color: var(--blue-dark);
}

div.pcm-cart-selection {
	width: 100%;
	float: left;
	clear: both;
	padding: 30px;
	background-color: var(--white);
}

div.pcm-cart-selection-segment {
	width: 100%;
	float: left;
	clear: both;
	margin-top: 20px;
}

div.pcm-cart-selection-segment > h5 {
	padding: 3px 0px;
}

div.pcm-cart-selection-segment:first-child {
	margin-top: 0px;
}

div.pcm-cart-selection-item {
	width: 100%;
	float: left;
	clear: both;
	padding: 3px 0px;
	display: flex;
}

span.pcm-csi-label,
span.pcm-csi-value,
span.pcm-csi-info {
	width: 50%;
	flex-grow: 0;
	display: block;
	float: left;
	clear: none;
}

div.pcm-cart-selection-submit a.download-pdf {
	font-family: 'SS-SB', sans-serif;
	font-size: 16px;
	color: var(--grey-dark);
	display: block;
	width: 100%;
	float: left;
	clear: both;
	text-align: center;
	margin-top: 20px;
	cursor: pointer;
}

span.pcm-csi-info {
	width: 100%;
}

span.pcm-csi-value {
	text-align: right;
}

div.pcm-cart-post {
	width: 100%;
	float: left;
	clear: both;
	padding: 30px;
	background-color: var(--grey-semidark);
	border-radius: 0px 0px 10px 10px;
}

div.pcm-cart-post span.pcm-csi-info {
	width: auto;
}

div.pcm-cart-post div.pcm-tooltip {
	width: auto;
	float: none;
	clear: none;
	display: inline-block;
	margin-left: 3px;
	transform: translateY(3px);
}

div.pcm-cart-post div.tooltip-trigger {
	width: 16px;
	height: 16px;
	margin: 0px;
	background-image: url(img/tooltip-trigger-dark.svg);
}

div.pcm-cart-selection-submit {
	width: 100%;
	float: left;
	clear: both;
	text-align: center;
}

div.pcm-cart-selection-submit input[type="submit"],
div.pul-form-submit input[type="submit"],
div.pur-form-submit input[type="submit"],
div.pcm-fcb-trigger-right input[type="submit"],
div.pcm-form-finalcheck-footer input[type="submit"] {
	width: auto;
	height: 40px;
	display: inline-block;
	float: none;
	clear: none;
	font-family: 'SS-SB', sans-serif;
	font-size: 18px;
	text-decoration: none !important;
	line-height: 100%;
	margin-top: 30px;
	padding: 0px 50px 0px 20px;
	position: relative;
	border-radius: 20px;
	color: var(--blue-dark) !important;
	border: 1px solid var(--blue-dark);
	background-color: var(--white);
	background-image: url(img/button-arrow.svg);
	background-size: 22px 10px;
	background-position: right 20px center;
	background-repeat: no-repeat;
	cursor: pointer;
}

div.pcm-fcb-trigger-right input[type="submit"] {
	margin:0px;
}

div.pcm-cart-selection-submit input[type="submit"]:hover,
div.pul-form-submit input[type="submit"]:hover,
div.pur-form-submit input[type="submit"]:hover,
div.pcm-form-finalcheck-footer input[type="submit"]:hover,
div.pcm-fcb-trigger-right input[type="submit"]:hover {
	background-color: var(--yellow);
	/*border-color: var(--yellow);*/
}

div.pcm-cart-selection-submit span.download-pdf {
	font-family: 'SS-SB', sans-serif;
	font-size: 16px;
	color: var(--grey-dark);
	display: block;
	width: 100%;
	float: left;
	clear: both;
	text-align: center;
	margin-top: 20px;
	cursor: pointer;
}

div.pcm-cart-selection-submit span.download-pdf:hover {
	text-decoration: underline;
}

div.pcm-form-checkout-bottom {
	width: 100%;
	height: 70px;
	z-index: 20;
	position: fixed;
	left: 0px;
	bottom: 0px;
	color: var(--grey-dark);
	transition: bottom 0.3s linear;
	background-color: var(--grey-dark);
	overflow: hidden;
	display: none;
}

div.pcm-fcb-trigger {
	width: 100%;
	height: 70px;
	float: left;
	clear: both;
	padding: 15px 30px 15px 80px;
	display: flex;
	position: fixed;
	bottom: 0px;
	left: 0px;
	z-index: 20;
	color: var(--white);
	background-color: var(--grey-dark);
	cursor: pointer;
}

div.pcm-fcb-trigger::before {
	content: "";
	width: 21.33px;
	height: 12px;
	display: block;
	position: absolute;
	z-index: 10;
	top: 50%;
	left: 30px;
	transform: translateY(-50%);
	background-image: url(img/pcm-fcb-trigger.svg);
	background-size: 100% 100%;
	background-position: top left;
	background-repeat: no-repeat;
	transition: transform 0.5s ease-in-out;
}

div.pcm-fcb-trigger.open::before {
	transform: translateY(-50%) rotate(180deg);
}

div.pcm-fcb-trigger-left {
	text-align: left;
	flex-grow: 1;
	font-family: 'PJS-SB', sans-serif;
	font-size: 20px;
	padding: 10px 0px;
}

div.pcm-fcb-trigger-right {
	text-align: right;
	flex-grow: 1;
}

div.pcm-fcb-content {
	width: 100%;
	float: left;
	clear: both;
	position: fixed;
	bottom: 70px;
	left: 0px;
	font-size: 18px;
	background-color: var(--white);
	display: none;
}

div.pcm-form-checkout-bottom.open div.pcm-fcb-content {
	bottom: 0px;
}

div.pcm-fcb-content h5 {
	font-size: 18px;
	margin: 0px;
	padding: 3px 0px;
}

div.pcm-fcb-content-selection {
	width: 100%;
	float: left;
	clear: both;
	padding: 20px 20px 20px 80px;
	border-bottom: 1px solid var(--grey-regular);
}

div.pcm-fcb-content-post {
	width: 100%;
	float: left;
	clear: both;
	padding: 20px 20px 20px 80px;
}

div.pcm-fcb-content-segment {
	width: 100%;
	float: left;
	clear: both;
	position: relative;
	margin-top: 10px;
}

div.pcm-fcb-content-item {
	width: 100%;
	float: left;
	clear: both;
	padding: 3px 0px;
	display: flex;
}

span.pcm-fcb-label,
span.pcm-fcb-value,
span.pcm-fcb-info {
	flex-grow: 0;
	display: block;
	float: left;
	clear: none;
}

span.pcm-fcb-label {
	width: 70%;
}

span.pcm-fcb-value {
	width: 30%;
	text-align: right;
}

span.pcm-fcb-info {
	width: auto;
}

div.pcm-fcb-content-post div.pcm-tooltip {
	width: auto;
	float: none;
	clear: none;
	display: inline-block;
	margin-left: 3px;
	transform: translateY(3px);
}

div.pcm-fcb-content-post div.tooltip-trigger {
	width: 16px;
	height: 16px;
	margin: 0px;
	background-image: url(img/tooltip-trigger.svg);
}

div.post-types-slider {
	margin-top: 30px;
}

div.post-type-item {
	width: 100%;
	height: 100%;
	background-color: var(--grey-light);
	border-radius: 10px;
}

div.pti-title {
	width: 100%;
	float: left;
	clear: both;
	padding: 15px 30px;
	background-color: var(--white);
	border-radius: 10px 10px 0px 0px;
}

div.pti-title h5 {
	margin: 0px;
}

div.pti-content {
	width: 100%;
	float: left;
	clear: both;
	padding: 20px 30px;
}

div.pti-content ul {
	margin: 0px 0px 0px 20px;
}

div.pcm-form-maps {
	width: 100%;
	float: left;
	clear: both;
	position: relative;
}

div.pcm-form-maps iframe {
	width: 100%;
	height: 400px;
	float: left;
	clear: none;
}

ul.pcm-form-list {
	width: 100%;
	float: left;
	clear: both;
	font-size: 18px;
	line-height: 110%;
	color: var(--grey-dark);
	list-style-type: none !important;
	margin: 15px 0px !important;
}

ul.pcm-form-list li {
	width: calc(100% / 3 - 10px) !important;
	float: left;
	clear: none !important;
	padding: 5px 0px;
	margin: 0px 10px 0px 0px !important;
	border-bottom: 1px solid var(--grey-medium);
}

ul.pcm-form-list li:nth-child(1),
ul.pcm-form-list li:nth-child(2),
ul.pcm-form-list li:nth-child(3) {
	border-top: 1px solid var(--grey-medium);
}

span.pcm-form-list-delete {
	width: 18px;
	height: 18px;
	display: block;
	float: left;
	clear: none;
	background-image: url(img/pcm-form-list-delete.svg);
	background-size: 100% 200%;
	background-position: top left;
	cursor: pointer;
}

span.pcm-form-list-delete:hover {
	background-position: bottom left;
}

span.pcm-form-list-value {
	width: calc(100% - 28px);
	display: block;
	float: left;
	clear: none;
	margin-left: 10px;
}

div.product-user-login {
	width: 100%;
	float: left;
	clear: both;
	background-color: var(--white);
	border-radius: 10px 10px 0px 0px;
}

form.pul-form,
form.pur-form {
	width: 100%;
	float: left;
	clear: both;
	padding: 50px 30px;
}

div.pul-form-item,
div.pur-form-item {
	width: 100%;
	float: left;
	clear: both;
	display: flex;
	position: relative;
	margin-top: 10px;
}

div.pul-form-item:first-child,
div.pur-form-item:first-child {
	margin-top: 0px;
}

div.pur-form-item-headline {
	display: block;
}

div.pul-form-item-headline h3,
div.pur-form-item-headline h3 {
	flex-grow: 1;
	margin-bottom: 20px;
	text-align: center;
	-moz-hyphens: none;
	-o-hyphens: none;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

div.pul-form-item label,
div.pur-form-item label {
	width: 200px;
	flex-grow: 0;
	float: left;
	clear: none;
	padding-top: 15px;
	font-family: 'PJS-SB', sans-serif;
	font-size: 18px;
	color: var(--grey-midnight);
	text-align: right;
	padding-right: 20px;
}

div.pur-form-item label {
	width: 350px;
}

div.pul-form-field,
div.pur-form-field {
	width: 100%;
	flex-grow: 0;
	float: left;
	clear: none;
	padding-right: 100px;
	position: relative;
}

div.pur-form-field {
	padding-right: 50px;
}

div.pul-form-field input,
div.pur-form-field input,
div.pur-form-field select {
	width: 100%;
	float: left;
	clear: none;
	padding: 15px 20px;
	font-family: inherit;
	font-size: 18px;
	/*color: var(--grey-dark);*/
	color: var(--grey-ultra);
	border: none;
	border-radius: 5px;
	background-color: var(--grey-light);
}

div.pur-form-field input,
div.pur-form-field select {
	background-color: var(--white);
}

div.pur-form-field select {
	cursor: pointer;
	padding-right: 40px;
	background-image: url(img/select-arrow-grey.svg);
	background-size: 16px 9px;
	background-position: right 20px center;
}

div.pul-form-info::before {
	content: "";
	width: 200px;
	flex-grow: 0;
	float: left;
	clear: none;
}

div.pul-form-item div.pcm-tooltip {
	width: auto;
	float: none;
	clear: none;
	display: inline-block;
	margin: 0px 3px 0px 3px;
	transform: translateY(2px);
}

div.pul-form-item div.tooltip-trigger {
	width: 16px;
	height: 16px;
	margin: 0px;
	background-image: url(img/tooltip-trigger-dark.svg);
}

span.pul-form-info {
	color: var(--grey-dark);
	display: inline-block;
}

span.pul-form-info a {
	color: inherit;
}

span.pul-form-info a:hover {
	text-decoration: underline;
}

div.pul-form-submit input[type="submit"],
div.pur-form-submit input[type="submit"] {
	float: right;
	clear: both;
	margin-top: 10px;
}

div.product-user-register {
	width: 100%;
	float: left;
	clear: both;
	background-color: var(--grey-light);
	border-radius: 0px 0px 10px 10px;
}

div.pur-form-item hr {
	height: 20px;
}

input#pur-form-plz {
	width: 40%;
	float: left;
	clear: none;
}

input#pur-form-ort {
	width: calc(60% - 10px);
	float: left;
	clear: none;
	margin-left: 10px;
}

div.pur-form-item-checkbox {
	min-height: 30px;
}

div.pur-form-item-checkbox::before {
	content: "";
	width: 350px;
	flex-grow: 0;
	float: left;
	clear: none;
}

div.pur-form-item-checkbox input[type="checkbox"] {
	width: 30px;
	height: 30px;
	position: absolute;
	top: 0px;
	left: 4px;
	padding: 0px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
}

div.pur-form-item-checkbox input[type="checkbox"]:checked {
	background-image: url(img/checkbox.svg);
}

div.pur-form-item-checkbox label {
	width: 100%;
	font-family: inherit;
	line-height: 140%;
	text-align: left;
	padding: 3px 0px 0px 45px;
}

div.pur-form-item-checkbox label a {
	color: inherit;
	text-decoration: underline;
}

div.pcm-form-field-file {
	padding-top: 0px;
}

.filepond--root {
	width: 100%;
	float: left;
	clear: both;
	font-family: inherit !important;
	font-weight: normal !important;
	font-size: inherit !important;
	margin: 0px !important;
}

.filepond--drip {
	opacity: 1 !important;
	background-color: var(--grey-light) !important;
	border-radius: 5px !important;
}

button.filepond--file-action-button {
	cursor: pointer !important;
}

.filepond--drip-blob {
	background-color: var(--grey-light) !important;
}

div.bg-main-white .filepond--drip-blob {
	background-color: var(--grey-light) !important;
}

.filepond--drop-label {
	min-height: 140px !important;
	color: var(--grey-dark) !important;
	padding: 0px 20px;
	background-image: url(img/smart-upload.svg);
	background-repeat: no-repeat;
	background-position: left 10% center;
}

.filepond--drop-label label {
	width: 100% !important;
	text-align: center !important;
	font-family: 'SS-R', sans-serif !important;
}

.filepond--label-action {
	text-decoration-color: var(--grey-dark) !important;
}

.filepond--item {
	font-family: inherit !important;
	font-weight: normal !important;
	padding: 0px !important;
	background-image: none !important;
}

div.frame ul li.filepond--item::before {
	display: none !important;
}

.filepond--item-panel {
	background-color: var(--grey-dark) !important;
}

div.pcm-form-field-file-info {
	width: 100%;
	float: left;
	clear: both;
	color: var(--grey-dark);
	padding: 10px 0px 10px 34px;
	background-image: url(img/tooltip-trigger.svg);
	background-size: 24px 24px;
	background-position: 0px 18px;
}

div.pcm-form-field-file-info a {
	color: var(--grey-dark);
}

div.pcm-form-field-file-submit {
	width: 100%;
	float: left;
	clear: both;
	margin-top: 20px;
}

div.pcm-form-field-file-submit-left {
	float: left;
	clear: none;
}

div.pcm-form-field-file-submit-right {
	float: right;
	clear: none;
}

a.download {
	min-height: 22px;
	display: inline-block;
	padding-left: 30px;
	color: var(--grey-dark);
	position: relative;
	margin-left: 20px;
}

a.download:first-child {
	margin-left: 0px;
}

div.config-product-description a.download {
	font-family: 'SS-SB', sans-serif;
	color: var(--grey-dark) !important;
	margin: 20px 0px 0px 0px;
	text-decoration: none;
}

a.download:hover,
div.config-product-description a.download:hover {
	color: var(--grey-dark) !important;
	text-decoration: underline;
}

a.download::before {
	content: "";
	width: 22px;
	height: 22px;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	background-image: url(img/download.svg);
	background-repeat: no-repeat;
	background-position: top left;
	background-size: 100% 100%;
}

div.pcm-form-field button {
	width: auto;
	height: 40px;
	display: inline-block;
	float: none;
	clear: none;
	font-family: 'SS-SB', sans-serif;
	font-size: 18px;
	text-decoration: none !important;
	line-height: 100%;
	margin-top: -10px;
	padding: 0px 50px 0px 20px;
	position: relative;
	border-radius: 20px;
	color: var(--blue-dark) !important;
	border: 1px solid var(--blue-dark);
	background-color: var(--white);
	background-image: url(img/button-arrow.svg);
	background-size: 22px 10px;
	background-position: right 20px center;
	background-repeat: no-repeat;
	cursor: pointer;
}

div.pcm-form-field button:hover {
	background-color: var(--yellow);
	/*border-color: var(--yellow);*/
}

div.pcm-form-item-radio-list::before {
	content: "";
	width: 300px;
	flex-grow: 0;
	float: left;
	clear: none;
}

div.pcm-form-item-radio-list::after {
	content: "";
	width: 50px;
	flex-grow: 0;
	float: left;
	clear: none;
}

div.pcm-form-field-radio-list-item {
	width: 100%;
	min-height: 30px;
	float: left;
	clear: both;
	position: relative;
	margin-top: 10px;
	padding: 5px 0px 0px 40px;
}

div.pcm-form-field-radio-list-item:first-child {
	margin-top: 0px;
}

div.pcm-form-field-radio-list-item input[type="radio"] {
	width: 30px;
	height: 30px;
	padding: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	background-color: transparent;
	background-image: url(img/radio.svg);
	background-size: 100% 200%;
	background-position: top left;
	-webkit-appearance: none;
	-moz-appearance: none;
	cursor: pointer;
}

div.pcm-form-field-radio-list-item input[type="radio"]:checked {
	background-position: bottom left;
}

div.pcm-form-field-radio-list-item label {
	width: auto;
	flex-grow: unset;
	padding: 0px 0px 0px 0px;
	text-align: left;
	font-family: inherit;
}

div.pcm-form-field-radio-list-item div.pcm-tooltip,
div.pcm-form-item-checkbox div.pcm-tooltip {
	width: auto;
	float: none;
	clear: none;
	display: inline-block;
	margin-left: 5px;
	transform: translateY(1px);
}

div.pcm-form-field-radio-list-item div.tooltip-trigger,
div.pcm-form-item-checkbox div.tooltip-trigger {
	width: 16px;
	height: 16px;
	margin: 0px;
	background-image: url(img/tooltip-trigger-dark.svg);
}

div.pcm-form-item-checkbox div.tooltip-trigger {
	margin-top: 5px;
}

div.pcm-form-item-checkbox.space-top {
	margin-top: 30px;
}

div.pcm-form-item-checkbox {
	margin-top: 0px;
}

div.pcm-form-item-checkbox::before {
	content: "";
	width: 300px;
	flex-grow: 0;
	float: left;
	clear: none;
}

div.pcm-form-item-checkbox::after {
	content: "";
	width: 50px;
	flex-grow: 0;
	float: left;
	clear: none;
}

div.pcm-form-item div.pcm-form-item-checkbox::before,
div.pcm-form-item div.pcm-form-item-checkbox::after {
	display: none;
}

div.pcm-form-item-checkbox input[type="checkbox"] {
	width: 30px;
	height: 30px;
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 0px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
}

div.pcm-form-item-checkbox input[type="checkbox"]:checked {
	background-image: url(img/checkbox.svg);
}

div.pcm-form-item-checkbox label {
	width: auto;
	font-family: inherit;
	line-height: 140%;
	text-align: left;
	padding: 3px 0px 0px 40px;
}

div.pcm-form-item-checkbox label a {
	color: inherit;
	text-decoration: underline;
}

div.pcm-form-submit::before {
	content: "";
	width: 300px;
	flex-grow: 0;
	float: left;
	clear: none;
}

div.pcm-form-submit::after {
	content: "";
	width: 50px;
	flex-grow: 0;
	float: left;
	clear: none;
}

div.pcm-form-submit button {
	float: right;
	clear: none;
	margin: 10px 10px 20px 0px;
}

div.pcm-form-item input#pcm-ergebnis {
	font-family: 'PJS-SB', sans-serif;
	color: var(--blue-dark);
	text-align: center;
	padding: 13px 20px;
	background-color: var(--white);
	border: 2px solid var(--grey-medium);
}

div.pcm-form-finalcheck {
	width: 100%;
	float: left;
	clear: both;
	font-size: 18px;
}

div.pcm-form-finalcheck h5 {
	font-size: 18px;
}

div.pcm-form-finalcheck-top {
	width: 100%;
	float: left;
	clear: both;
}

div.pcm-form-finalcheck-segment {
	width: 100%;
	float: left;
	clear: both;
	padding: 40px;
	background-color: var(--white);
	margin-top: 40px;
	border-radius: 10px;
	overflow: hidden;
}

div.pcm-form-finalcheck-personaldata {
	width: 100%;
	float: left;
	clear: both;
	margin-top: 20px;
}

div.pcm-form-finalcheck-personaldata table {
	width: calc(50% - 20px);
	float: left;
	clear: none;
	margin: 0px 10px;
}

div.pcm-form-finalcheck-personaldata table td {
	padding: 3px 0px;
}

div.pcm-form-finalcheck-adresses {
	width: 100%;
	float: left;
	clear: both;
	gap: 10px;
	display: grid;
	margin: 20px 0px;
	grid-template-columns: repeat(3,1fr);
}

div.pcm-form-adresses-item {
	width: 100%;
	height: 100%;
	float: left;
	clear: none;
	color: var(--grey-dark);
	padding: 20px;
	background-color: var(--grey-light);
	border: 1.5px solid var(--grey-light);
	border-radius: 5px;
	position: relative;
	cursor: pointer;
	box-shadow: 0 0 7px 0px transparent;
	transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out, border-color 0.2s ease-in-out;
}

div.pcm-form-adresses-item:hover {
	box-shadow: 0 0 7px 0px var(--grey-dark-50);
}

div.pcm-form-adresses-item.selected {
	color: var(--blue-dark);
	border-color: var(--blue-dark);
}

div.pcm-form-adresses-item.selected:hover {
	box-shadow: 0 0 7px 0px transparent;
}

div.pcm-form-adresses-item p {
	margin: 0px;
}

div.pcm-form-finalcheck-payment {
	width: 100%;
	float: left;
	clear: both;
	column-gap: 10px;
	display: grid;
	margin-top: 20px;
	grid-template-columns: repeat(3,1fr);
}

div.pcm-form-payment-item {
	width: 100%;
	height: 100%;
	float: left;
	clear: none;
	text-align: center;
	color: var(--grey-dark);
	padding: 20px;
	background-color: var(--grey-light);
	border: 1.5px solid var(--grey-light);
	border-radius: 5px;
	cursor: pointer;
	box-shadow: 0 0 7px 0px transparent;
	transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out, border-color 0.2s ease-in-out;
}

div.pcm-form-payment-item:hover {
	box-shadow: 0 0 7px 0px var(--grey-dark-50);
}

div.pcm-form-payment-item.selected {
	color: var(--blue-dark);
	border-color: var(--blue-dark);
}

div.pcm-form-payment-item.selected:hover {
	box-shadow: 0 0 7px 0px transparent;
}

div.pcm-form-payment-item span {
	width: 100%;
	float: left;
	clear: both;
	display: block;
	position: relative;
	padding: 60px 0px 10px 0px;
}

div.pcm-form-payment-item span::before {
	content: "";
	width: 60px;
	height: 38px;
	display: block;
	position: absolute;
	top: 10px;
	left: 50%;
	transform: translateX(-50%);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center center;
}

div.pcm-form-payment-item span#pcm-vorkasse::before {
	background-image: url(img/icon-payment-bank.svg);
}

div.pcm-form-payment-item span#pcm-sofort::before {
	background-image: url(img/icon-payment-sofort.svg);
}

div.pcm-form-payment-item span#pcm-rechnung::before {
	background-image: url(img/icon-payment-invoice.svg);
}

div.finalcheck-bottom {
	padding: 0px !important;
}

div.pcm-form-finalcheck-header {
	width: 100%;
	float: left;
	clear: both;
	padding: 10px;
	background-color: var(--yellow);
}

div.pcm-form-finalcheck-finish {
	width: 100%;
	float: left;
	clear: both;
	padding: 50px 40px;
}

h5.segment-headline {
	width: 100%;
	float: left;
	clear: both;
	position: relative;
	margin-top: 20px;
}

h5.segment-headline:first-child {
	margin-top: 0px;
}

h5.segment-headline::after {
	content: "";
	width: 100%;
	height: 1px;
	display: block;
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 0px;
	background-color: var(--grey-medium);
}

h5.segment-headline > span {
	float: left;
	clear: none;
	display: block;
	position: relative;
	z-index: 2;
	padding-right: 10px;
	background-color: var(--white);
}

div.pcm-form-finalcheck-finish table {
	width: 100%;
	float: left;
	clear: both;
}

div.pcm-form-finalcheck-finish table td {
	padding: 3px 0px;
}

div.pcm-form-finalcheck-finish table td:nth-child(1) {
	width: 300px;
}

div.pcm-form-finalcheck-checkbox {
	width: 100%;
	min-height: 30px;
	float: left;
	clear: both;
	position: relative;
	margin-top: 30px;
}

div.pcm-form-finalcheck-checkbox input[type="checkbox"] {
	width: 30px;
	height: 30px;
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 0px;
	cursor: pointer;
	background-color: var(--grey-light);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
	border-radius: 5px;
}

div.pcm-form-finalcheck-checkbox input[type="checkbox"]:checked {
	background-image: url(img/checkbox.svg);
}

div.pcm-form-finalcheck-checkbox label {
	width: 100%;
	display: block;
	float: left;
	clear: none;
	font-family: inherit;
	line-height: 140%;
	text-align: left;
	color: var(--grey-dark);
	padding: 3px 0px 0px 40px;
}

div.pcm-form-finalcheck-checkbox label a {
	color: inherit;
	text-decoration: underline;
}

div.pcm-form-finalcheck-footer {
	width: 100%;
	float: left;
	clear: both;
	text-align: center;
	padding: 10px;
	background-color: var(--yellow);
}

div.pcm-form-finalcheck-footer input[type="submit"] {
	margin: 20px 0px;
}

div.pcm-form-finalcheck-footer input[type="submit"]:hover {
	color: var(--white) !important;
	background-color: var(--black);
	background-image: url(img/button-arrow-white.svg);
}

div.user-account-intro {
	width: 100%;
	float: left;
	clear: both;
	text-align: center;
}

div.user-account div.user-account-intro input[type="submit"],
div.user-account div.user-account-segment input[type="submit"] {
	width: auto;
	height: 40px;
	display: inline-block;
	float: none;
	clear: none;
	font-family: 'SS-SB', sans-serif;
	font-size: 18px;
	text-decoration: none !important;
	line-height: 100%;
	margin-top: 10px;
	padding: 0px 30px;
	position: relative;
	border-radius: 20px;
	color: var(--black) !important;
	border: 1px solid var(--black);
	background-color: var(--white);
	background-image: none;
	cursor: pointer;
}

div.user-account input[type="submit"]:hover {
	background-color: var(--yellow);
	/*border-color: var(--yellow);*/
}

div.user-account-segment {
	width: 100%;
	float: left;
	clear: both;
	padding: 40px;
	background-color: var(--white);
	margin-top: 40px;
	border-radius: 10px;
	overflow: hidden;
}

div.user-account-segment:first-child {
	margin-top: 0px;
}

div.user-account-segment form.pul-form,
div.user-account-segment form.pur-form {
	padding: 20px 0px;
}

div.user-account-segment div.pul-form-item label,
div.user-account-segment div.pur-form-item label {
	width: 350px;
}

div.user-account-segment div.pul-form-field,
div.user-account-segment div.pur-form-field {
	width: calc(100% - 50px);
	padding-right: 0px;
}

div.user-account-segment div.pul-form-item div.pcm-tooltip {
	width: 50px;
	float: left;
	clear: none;
	display: block;
	margin: auto;
	transform: none;
}

div.user-account-segment div.pul-form-item div.tooltip-trigger {
	width: 24px;
	height: 24px;
	background-image: url(img/tooltip-trigger.svg);
	margin: 0px 0px 0px 10px;
}

div.user-account-segment div.pul-form-submit::before,
div.user-account-segment div.pur-form-submit::before {
	content: "";
	width: 350px;
	flex-grow: 0;
}

div.user-account-segment div.pul-form-submit::after,
div.user-account-segment div.pur-form-submit::after {
	content: "";
	width: 50px;
	flex-grow: 0;
}

div.user-account-segment div.pul-form-submit,
div.user-account-segment div.pur-form-submit {
	text-align: right;
}

div.user-account-segment div.pur-form-field input,
div.user-account-segment div.pur-form-field select {
	background-color: var(--grey-light);
}

div.user-account-segment div.pur-form-field input[type="submit"] {
	background-color: var(--white);
}

div.user-account-segment div.pur-form-field input[type="submit"]:hover {
	background-color: var(--yellow);
}

div.user-account-segment div.pur-form-item-checkbox label {
	width: 100%;
}

input[type="password"] {
	letter-spacing: 3px;
}

div.uas-light {
	background-color: var(--grey-regular);
}

div.uas-light p {
	font-size: 18px;
	line-height: 150%;
	color: var(--grey-dark);
}

div.uas-light form {
	width: 100%;
	float: left;
	clear: both;
	text-align: center;
}

div.user-account-segment div.pcm-form-adresses-item {
	cursor: text;
}

span.align-middle {
	width: 100%;
	float: left;
	clear: both;
	top: 50%;
	transform: translateY(-50%);
	display: block;
	position: relative;
	text-align: center;
	-moz-hyphens: none;
	-o-hyphens: none;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

div.pcm-fai-actions {
	position: absolute;
	top: 10px;
	right: 10px;
	opacity: 0;
	transition: opacity 0.2s ease-in-out;
}

div.pcm-form-adresses-item:hover div.pcm-fai-actions {
	opacity: 1;
}

a.edit,
a.delete {
	width: 24px;
	height: 24px;
	display: block;
	float: left;
	clear: none;
	text-indent: -999px;
	overflow: hidden;
	margin-left: 5px;
	border-radius: 50%;
	background-color: var(--grey-dark);
	background-size: 100% 100%;
	background-position: center center;
	cursor: pointer;
	transition: background-color 0.2s ease-in-out;
}

a.edit:first-child,
a.delete:first-child {
	margin-left: 0px;
}

a.edit:hover,
a.delete:hover {
	background-color: var(--black);
}

a.edit {
	background-image: url(img/edit.svg);
}

a.delete {
	background-image: url(img/delete.svg);
}

div.user-order-list {
	width: 100%;
	float: left;
	clear: both;
	margin-top: 30px;
}

div.user-order-list-head {
	width: 100%;
	float: left;
	clear: both;
	padding-right: 40px;
	font-family: 'PJS-SB', sans-serif;
	font-size: 14px;
	color: var(--grey-dark);
}

div.user-order-list-content {
	width: 100%;
	float: left;
	clear: both;
	font-size: 18px;
}

div.uol-item {
	width: 100%;
	float: left;
	clear: both;
	margin-top: 5px;
}

div.uol-item:first-child {
	margin-top: 0px;
}

div.uol-item > a {
	width: 100%;
	float: left;
	clear: both;
	padding-right: 40px;
	color: var(--grey-dark);
	display: block;
	background-color: var(--grey-light);
	background-image: url(img/acc-arrow.svg);
	background-size: 20px 20px;
	background-position: right 10px center;
}

div.uol-item > a:hover {
	background-color: var(--grey-regular);
}

div.user-order-list span {
	display: block;
	float: left;
	clear: none;
	padding: 15px;
}

div.user-order-list span.uol-caption {
	font-family: 'SS-SB', sans-serif;
	display: none;
	float: none;
	clear: none;
	padding: 0px;
}

div.user-order-list span.uol-value {
	display: inline-block;
	float: none;
	clear: none;
	padding: 0px;
}

span.uol-date {
	width: 15%;
}

span.uol-no {
	width: 15%;
}

span.uol-article {
	width: 35%;
}

span.uol-total {
	width: 20%;
}

span.uol-status {
	width: 15%;
}

div.order-details {
	width: 100%;
	float: left;
	clear: both;
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1.5px solid var(--grey-regular);
}

div.od-head {
	width: 100%;
	float: left;
	clear: both;
}

div.od-content {
	width: 100%;
	float: left;
	clear: both;
	position: relative;
}

div.od-content-segment {
	width: 100%;
	float: left;
	clear: both;
	position: relative;
	padding: 20px 0px;
}

div.od-content div.form-section {
	width: 50%;
	float: left;
	clear: none;
	position: relative;
}

div.od-content div.form-section:nth-child(odd) {
	padding-right: 20px;
}

div.od-content div.form-section:nth-child(even) {
	padding-left: 20px;
}

div.od-form-item {
	width: 100%;
	float: left;
	clear: both;
	font-size: 18px;
	line-height: inherit;
	padding: 3px 0px;
	position: relative;
}

span.od-form-item-label,
span.od-form-item-content {
	display: block;
	float: left;
	clear: none;
	padding-right: 20px;
}

span.od-form-item-label {
	width: 40%;
	font-family: 'SS-SB';
}

span.od-form-item-content {
	width: 60%;
}

div.bg-footer {
	background-color: var(--white);
}

div.bg-footer div.center {
	width: 1340px;
}

div.footer {
	padding: 80px 0px;
	display: flex;
	text-align: left;
	color: var(--blue-dark);
}

div.footer a {
	color: var(--blue-dark);
}

div.footer-left {
	float: left;
	clear: none;
	flex-grow: 0;
}

div.footer-logo {
	width: 100%;
	float: left;
	clear: both;
}

div.footer-contact {
	width: 100%;
	float: left;
	clear: both;
	padding: 0px 0px 0px 24px;
}

div.footer-center {
	float: left;
	clear: none;
	text-align: center;
	flex-grow: 1;
}

div.footer-center-align {
	display: inline-block;
	text-align: left;
	padding: 12px 0px 0px 0px;
}

ul.footer-menu-main {
	float: left;
	clear: both;
}

ul.footer-menu-main > li {
	float: left;
	clear: none;
	display: block;
	padding-right: 60px;
}

ul.footer-menu-main > li:last-child {
	padding-right: 0px;
}

ul.footer-menu-main > li > h5 {
	width: 100%;
	line-height: 100%;
	display: block;
	float: left;
	clear: both;
	padding: 0px;
	margin: 0px 0px 24px 0px;
}

ul.footer-menu-main-sek {
	width: 100%;
	float: left;
	clear: both;
	font-family: 'SS-SB', sans-serif;
}

ul.footer-menu-main-sek > li {
	width: 100%;
	float: left;
	clear: both;
	margin-bottom: 1px;
}

ul.footer-menu-legal {
	width: 100%;
	float: left;
	clear: both;
	font-family: 'SS-SB', sans-serif;
	margin-top: 38px;
}

ul.footer-menu-legal > li {
	float: left;
	clear: none;
}

ul.footer-menu-legal > li::after {
	content: "|";
	display: inline-block;
	margin: 0px 5px;
}

ul.footer-menu-legal > li:last-child::after {
	display: none;
}

ul.footer-menu-main-sek > li > a:hover,
ul.footer-menu-legal > li > a:hover {
	color: var(--blue-night);
	background-color: var(--yellow);
}

div.footer-right {
	float: right;
	clear: none;
	flex-grow: 0;
}

div.footer-payment {
	width: 100%;
	float: left;
	clear: both;
	padding: 12px 0px 0px 0px;
}

div.footer-payment h5 {
	width: 100%;
	line-height: 100%;
	display: block;
	float: left;
	clear: both;
	padding: 0px;
	margin: 0px 0px 24px 0px;
}

ul.footer-payment {
	width: 100%;
	float: left;
	clear: both;
}

ul.footer-payment > li {
	width: 56px;
	height: 40px;
	float: left;
	clear: none;
	text-indent: -999px;
	overflow: hidden;
	display: block;
	margin-right: 5px;
	background-size: 100% auto;
	background-position: top left;
}

ul.footer-payment > li:last-child {
	margin-right: 0px;
}

ul.footer-payment > li.bank {
	background-image: url(img/icon-payment-bank.svg);
}

ul.footer-payment > li.sofort {
	background-image: url(img/icon-payment-sofort.svg);
}

ul.footer-payment > li.invoice {
	background-image: url(img/icon-payment-invoice.svg);
}

div.footer-partner {
	width: 100%;
	float: left;
	clear: both;
	margin-top: 95px;
}

div.footer-partner p {
	margin: 0px;
}

/* MODAL */

.hidden {
	display:none;
}

/*div.pul-form-item.reset-password-actions .pul-form-field{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 40px;
}*/

div.pul-form-submit.reset-password-actions  input[type="submit"] {
	margin-top: 0px;
}


.pul-form-field span.error,
.pur-form-field span.error, 
.ccb-form-row span.error {
  display: none;
}

.pul-form-field input.input-error ~ .error,
.pur-form-field input.input-error ~ .error,
.pur-form-field textarea.input-error ~ .error,
.pur-form-field select.input-error ~ .error,
.ccb-form-row input.input-error ~ span.error,  
.ccb-form-row textarea.input-error ~ span.error,
.ccb-form-row select.input-error ~ span.error {
  display: block;
	color: rgb(211, 35, 35)
}

.pur-form-field textarea.input-error ~ .error,
.pur-form-field select.input-error ~ .error {
	margin-left: 120px;
}
.modal {
	display: none;
	position: fixed;
	z-index: 1000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	overflow-y: scroll;
	background-color: rgba(0, 0, 0, 0.8);
}

.modal-content {
	width: 95%;
	max-width: 800px;
	padding: 40px;	
	border-radius: 10px;
	float: left;
	clear: none;
	margin-top: 40px;
	margin-bottom: 40px;
	margin-left: 50%;
	transform: translateX(-50%);
	background-color: var(--white);
}

.modal-content > span.close {
	font-family: 'SS-R', sans-serif;
	font-size: 40px;
	line-height: 100%;
	margin-top: -10px;
	float: right;
	clear: both;
	display: block;
	color: var(--grey-dark-50);
	cursor: pointer;
}

.modal-content > span.close:hover {
	color: var(--grey-night);
}

.modal-content div.form-section,
.modal-content div.form-section form,
.modal-content div.form-column-left,
.modal-content div.form-item {
	width: 100%;
	float: left;
	clear: both;
}

.modal-content div.form-section h4 {
	text-align: center;
}

.modal-content div.form-section form {
	margin-top: 20px;
}

.modal-content div.form-item {
	width: 100%;
	float: left;
	clear: both;
	display: flex;
	position: relative;
	margin-top: 10px;
}

.modal-content div.form-item-submit {
	display: block;
}

.modal-content div.form-item label {
	width: 30%;
	flex-grow: 0;
	float: left;
	clear: none;
	padding-top: 15px;
	font-family: 'PJS-SB', sans-serif;
	font-size: 18px;
	color: var(--grey-dark);
	text-align: left;
	padding-right: 20px;
}

.modal-content div.form-item input,
.modal-content div.form-item select,
.modal-content div.form-item textarea {
	width: 70%;
	flex-grow: 1;
	float: left;
	clear: none;
	padding: 15px 20px;
	font-family: inherit;
	font-size: 18px;
	/*color: var(--grey-dark);*/
	color: var(--grey-night);
	border: none;
	border-radius: 5px;
	background-color: var(--grey-light);
}

.modal-content div.form-item select {
	cursor: pointer;
	padding-right: 40px;
	background-image: url(img/select-arrow-grey.svg);
	background-size: 16px 9px;
	background-position: right 20px center;
}

.modal-content div.form-item input[type="submit"] {
	width: 100%;
	max-width: 300px;
	height: 40px;
	display: block;
	float: right;
	clear: none;
	font-family: 'SS-SB', sans-serif;
	font-size: 18px;
	text-decoration: none !important;
	line-height: 100%;
	margin-top: 30px;
	padding: 0px 20px 0px 20px;
	position: relative;
	border-radius: 20px;
	color: var(--black) !important;
	border: 1px solid var(--black);
	background-color: var(--white);
	background-position: right 20px center;
	background-repeat: no-repeat;
	cursor: pointer;
}

.modal-content div.form-item input[type="submit"]:hover {
	background-color: var(--yellow);
}




.tab-pane {
	display: none;
	opacity: 0;
	transition: opacity 0.3s ease;
}
  
.tab-pane.active {
	display: block;
	opacity: 1;
}

.scroll-link.active {
	background: var(--grey-light);
}



/* TEMPORÄR */



/* MEDIA-QUERIES */

@media screen and (max-width:1760px) {
	div.bg-head-menu-5 > div.center, div.bg-tab-area div.center {width:100%; padding:0px 30px; float:left; clear:none;}
	h1 {font-size:54px;}
	hr {height:90px;}
}

@media screen and (max-width:1560px) {
	div.bg-top div.center, div.bg-head div.center, div.bg-main div.center, div.bg-tab-area div.center, div.bg-config-steps div.center {width:100%; padding:0px 30px; float:left; clear:none;}
	h1 {font-size:52px;}
	div.img-banner {height:700px;}
	hr {height:80px;}
	ul.pcm-form-list li {width:calc(100% / 2 - 10px) !important;}
	ul.pcm-form-list li:nth-child(3) {border-top:none;}
	.filepond--drop-label {background-image:none;}
}

@media screen and (max-width:1400px) {
	div.bg-head-menu-2 > div.center, div.bg-footer div.center, div.bg-img-banner > div.center {width:100%; padding:0px 30px; float:left; clear:none;}
	div.bg-img-banner > div.center {padding:0px 60px;}
	div.top-item {margin-left:30px;}
	ul.head-menu > li {padding:0px 15px;}
	div.main {padding:90px 0px;}
	h1 {font-size:50px;}
	hr {height:70px;}
	h1 span.logo-replace {width:398px; height:64px; margin-bottom:-12px;}
	div.pcm-form-field-file-submit-left, div.pcm-form-field-file-submit-right {clear:both;}
	div.pcm-form-field button {margin-top:10px; margin-bottom:20px;}
	ul.process-icons-big::before {top:34px;}
	ul.process-icons-big > li::before {width:70px; height:70px;}
	ul.process-icons-big > li {padding-top:80px;}
}

@media screen and (max-width:1340px) {
	div.bg-head-menu-5 > div.center {padding:0px 20px;}
	div.bg-top div.center, div.bg-head div.center, div.bg-main div.center {padding:0px 20px;}
	div.top-item {margin-left:20px;}
	div.head {height:100px;}
	div.head-spacer {height:100px;}
	div.head-left {padding-top:32px;}
	div.head-center {padding-top:40px;}
	div.head-cta {padding-top:30px;}
	ul.head-menu > li {padding:0px 10px;}
	ul.head-menu > li > a, ul.head-menu > li > span.menu-link {font-size:16px;}
	ul.head-menu > li > span.menu-link {font-size:18px;}
	ul.head-menu {height:61px;}
	div.bg-head-menu-2 {height:60px; top:calc(50px + 101px);}
	body.fixpos div.bg-head-menu-2 {top:100px;}
	ul.head-menu-2 > li {padding-top:21px; padding-right:50px;}
	ul.head-menu-2 > li > a, ul.head-menu-3 > li > a, ul.head-menu-4, ul.head-menu-5 > li > a {font-size:16px;}
	ul.head-menu-2 > li > a::after {bottom:-22px;}
	div.bg-head-menu-3, div.bg-head-menu-5 {top:calc(50px + 101px + 60px);}
	body.fixpos div.bg-head-menu-3, body.fixpos div.bg-head-menu-5 {top:160px;}
	div.head-menu-3, div.head-menu-5 {padding:40px 0px;}
	ul.head-menu-4 > li > a > span.head-menu-title {padding-left:10px; background-position:right 10px center;}
	div.head-menu-5 > p {font-size:16px; padding-top:40px;}
	ul.head-menu-5 > li > a >span.head-menu-title {padding:12px 0px;}
	div.main {padding:80px 0px;}
	h1 {font-size:48px;}
	h2 {font-size:38px;}
	div.img-banner {height:650px;}
	div.img-banner div.align-middle {max-width:700px;}
	div.img-banner h1, div.img-banner ul {margin-bottom:30px;}
	hr {height:60px;}
	ul.process-icons-big > li {padding-top:90px;}
	div.set-count-2 div.pcm-form-field-radio-item, div.set-count-3 div.pcm-form-field-radio-item, div.set-count-4 div.pcm-form-field-radio-item {width:100%; clear:both; margin-top:10px;}
	div.set-count-2 div.pcm-form-field-radio-item:first-child, div.set-count-3 div.pcm-form-field-radio-item:first-child, div.set-count-4 div.pcm-form-field-radio-item:first-child {margin-top:0px;}
	div.pcm-form-field-radio-item label, div.pcm-form-field-radio-item input[type="radio"] {width:100%;}
	div.pcm-form-field-radio-item label {padding:15px;}
	span.scroll-anchor {margin-top:-120px;}
}

@media screen and (min-width:1240px) {
	div.img-banner ul {font-size:20px; margin-top:10px;}
	div.img-banner ul::before {left:21px;}
	div.img-banner ul > li {min-height:44px; padding:12px 0px 0px 56px; margin-bottom:12px;}
	div.img-banner ul > li::before {width:44px; height:44px;}
}

@media screen and (max-width:1240px) {
	div.top {height:40px; font-size:14px;}
	div.top-item {padding-top:13px;}
	.deutsche-post, .phone, .mail {padding-left:25px;}
	div.bg-head {top:41px;}
	div.head-left {padding-top:35px;}
	.logo {width:187px; height:30px;}
	.login-button {font-size:16px;}
	div.bg-head-menu-2 {height:60px; top:calc(41px + 101px);}
	div.bg-head-menu-3, div.bg-head-menu-5 {top:calc(41px + 101px + 60px);}
	ul.head-menu-4 > li > a > span.head-menu-img {width:70px;}
	ul.head-menu-4 > li > a > span.head-menu-title {width:calc(100% - 70px);}
	ul.head-menu-5 > li > a > span.head-menu-img {padding:10px 20px;}
	div.main, div.footer {padding:70px 0px;}
	h1 {font-size:44px;}
	h2 {font-size:36px;}
	div.img-banner {height:600px;}
	div.box-duocolor-content > a.button {left:20px;}
	hr {height:50px;}
	h1 span.logo-replace {width:311px; height:50px; margin-bottom:-10px;}
	ul.tab-menu {margin-top:-40px;}
	div.pcm-form-set {padding:20px; margin-top:20px;}
	div.pcm-form-item-headline::before {width:240px;}
	div.pcm-form-item-headline h5 {font-size:16px; margin:10px 0px;}
	div.pcm-form-item label {width:240px; font-size:16px; padding-top:10px; padding-right:10px;}
	div.pcm-form-field input, div.pcm-form-field select, div.pcm-form-field textarea {font-size:16px; padding:10px 15px;}
	div.pcm-form-checkout {padding-left:20px;}
	div.tooltip-trigger {width:20px; height:20px; margin:10px 0px 0px 10px;}
	div.pcm-cart {font-size:16px;}
	div.pcm-cart-head {padding:15px 20px;}
	div.pcm-cart-selection, div.pcm-cart-post {padding:20px;}
	div.pcm-cart-selection-segment {margin-top:10px;}
	div.pcm-cart-selection-submit input[type="submit"] {margin-top:20px;}
	div.pcm-cart-selection-submit a.print-button {margin-top:10px;}
	div.pcm-form-field select {background-size:12px 6.75px; background-position:right 10px center;}
	.add-button {min-height:20px; background-size:20px 20px; padding-left:28px;}
	.remove-button {width:20px; height:20px; top:11px; right:40px;}
	div.pcm-form-field-radio-item label {width:100%; padding:10px 15px;}
	ul.pcm-form-list {font-size:inherit !important;}
	ul.pcm-form-list {margin:7.5px 0px !important;}
	div.pcm-form-field-radio-list-item label {width:auto; padding:0px;}
	div.pcm-form-item-radio-list::before, div.pcm-form-item-checkbox::before {width:240px;}
	div.pcm-form-item-checkbox label {width:auto; padding:3px 0px 0px 40px;}
	.modal-content div.form-item label {font-size:16px; padding-top:10px; padding-right:10px;}
	.modal-content div.form-item input, .modal-content div.form-item select, .modal-content div.form-item textarea {font-size:16px; padding:10px 15px;}
	.modal-content div.form-item select {background-size:12px 6.75px; background-position:right 10px center;}
}

@media screen and (min-width:1140px) {
	body.small-menu-open {overflow:auto !important;}
	div.bg-small-menu {display:none !important;}
}

@media screen and (max-width:1140px) {
	div.top-item {margin-left:15px;}
	div.head {height:80px !important; display:block;}
	div.head-spacer {height:80px;}
	div.head-center {display:none;}
	div.head-left {width:100%; float:left; clear:both; text-align:center; padding-top:22px !important;}
	div.head-left .logo {width:224px; height:36px; margin-left:50%; transform:translateX(-50%);}
	div.head-trigger {display:block;}
	div.head-right {position:absolute; top:0px; right:20px; z-index:1;}
	.login-button {width:32px; height:32px; text-indent:-999px; overflow:hidden; padding:0px; background-color:var(--blue-dark); border-color:var(--blue-dark);}
	.login-button::before {width:28px; height:28px; top:1px; left:1px; background-size:24px 24px;}
	div.head-cta {padding-top:25px !important;}
	div.main, div.footer, div.product-config-head {padding:60px 0px;}
	h1 {font-size:40px;}
	h2 {font-size:34px;}
	h3 {font-size:30px;}
	ul.footer-menu-main > li {padding-right:20px;}
	div.img-banner {height:550px;}
	div.img-banner div.align-middle {max-width:650px;}
	div.box-duocolor-intro {padding:20px;}
	div.box-duocolor-content {padding:20px 20px 90px 20px;}
	div.box-duocolor-intro h5 {font-size:18px;}
	div.box-duocolor-content h2 {font-size:30px;}
	div.box-duocolor-content h2::before {top:0px; left:-2px;}
	hr {height:40px;}
	div.contact-cta {margin-top:50px;}
	div.contact-cta-top::after {width:240px; height:240px; top:-40px; right:-40px;}
	h1 span.logo-replace {width:286px; height:46px; margin-bottom:-8px;}
	div.config-steps {height:50px; font-size:16px;}
	span.csi-title {margin-top:14px;}
	span.csi-title::before {width:20px; height:20px;}
	div.user-order-list-head {font-size:13px;}
	div.user-order-list-content {font-size:inherit;}
	span.scroll-anchor {margin-top:-80px;}
}

@media screen and (max-width:1040px) {
	div.bg-img-banner > div.center {padding:0px 40px;}
	ul.footer-menu-main {display:none;}
	div.footer {display:block;}
	div.footer-left, div.footer-center, div.footer-right {width:100%; float:left; clear:both;}
	div.footer-contact {padding-left:20px;}
	div.footer-center-align {display:block; padding:0px 0px 0px 20px;}
	ul.footer-menu-legal {margin:0px;}
	div.footer-payment {padding:20px 0px 0px 20px;}
	div.footer-payment h5 {margin-bottom:15px;}
	div.footer-partner {margin-top:20px; padding-left:20px;}
	div.img-banner {height:450px;}
	div.img-banner div.align-middle {max-width:500px;}
	div.img-banner h1, div.img-banner ul {margin-bottom:20px;}
	div.img-banner ul > li {min-height:30px; padding:4px 0px 0px 40px; margin-bottom:5px;}
	div.img-banner ul > li::before {width:30px; height:30px;}
	div.img-banner ul::before {left:15px;}
	a.button {font-size:17px; padding:11px 36px 0px 15px;}
	a.button::after {right:10px;}
	hr {height:30px;}
	ul.process-icons-big {display:block; text-align:left;}
	ul.process-icons-big::before {width:1px; height:80%; left:39px; top:10%; border-top:none; border-left:2px dashed var(--black);}
	ul.process-icons-big > li::before {left:0px; transform:none;}
	ul.process-icons-big > li {padding:0px 0px 0px 100px; margin-top:30px !important;}
	ul.process-icons-big > li:nth-child(1) {margin-top:0px !important;}
	ul.tab-menu {height:40px; font-size:18px;}
	ul.tab-menu > li {margin:0px 5px;}
	ul.tab-menu > li > span {height:40px; padding:11px 20px;}
	div.config-product-description {padding-top:0px;}
	div.pcm-form-maps iframe {height:300px;}
	div.user-order-list span {padding:10px;}
}

@media screen and (max-width:940px) {
	div.bg-top {display:none;}
	div.bg-head {top:0px; position:fixed;}
	div.small-menu {padding-top:0px;}
	h1 {font-size:38px;}
	h2 {font-size:32px;}
	h3 {font-size:28px;}
	div.img-banner {height:400px;}
	div.img-banner h1 {font-size:34px;}
	div.col-count-3 {display:block;}
	div.psi-txt {padding:20px 20px 80px 20px;}
	div.psi-txt a.button {bottom:20px; left:20px;}
	div.tab-area > * {padding:50px 0px;}
	div.product-slider {margin-top:30px;}
	div.contact-cta-top::after {width:220px; height:220px; top:-50px; right:-15px;}
	.space-top {margin-top:20px;}
	.space-bottom {margin-bottom:20px;}
	h1 span.logo-replace, h2 span.logo-replace {width:249px; height:40px; margin-bottom:-8px;}
	table.print-templates th {font-size:14px;}
	div.pcm-form-options {width:100%; clear:both;}
	div.pcm-form-checkout {display:none;}
	div.pcm-form-checkout-bottom {display:block;}
	div.pti-title {padding:12px 20px;}
	div.pti-content {padding:20px;}
	div.pcm-fai-actions {opacity:1;}
}

@media screen and (max-width:840px) {
	div.head {height:70px !important;}
	div.head-spacer {height:70px;}
	div.menu-trigger {margin-top:21px;}
	div.head-left {padding-top:17px !important;}
	div.head-cta {padding-top:20px !important;}
	div.bg-small-menu {padding:100px 0px 50px 0px;}
	h1, div.img-banner h1 {font-size:34px;}
	h2, div.box-duocolor-content h2 {font-size:28px;}
	h3, div.icon-headline > h3 {font-size:24px;}
	h4 {font-size:20px;}
	h5, div.box-duocolor-intro h5 {font-size:18px;}
	div.banner-home {background-image:url(../user_upload/images/img-banner-01-alt.png);}
	div.bg-img-banner {background-size:50% auto; background-position:top right;}
	div.img-banner {height:300px;}
	div.img-banner div.align-middle {max-width:50%;}
	div.img-banner h4, div.img-banner ul.process-icons {display:none;}
	div.contact-cta-top::after {top:-30px; right:20px;}
	div.cct-intro, div.cct-list {margin-left:15%; max-width:360px; transform:none;}
	.space-top {margin-top:10px;}
	.space-bottom {margin-bottom:10px;}
	div.col-12, div.col-13, div.col-23, div.col-34 {width:100%; clear:both; padding:0px;}
	table.print-templates thead {display:none;}
	table.print-templates tbody, table.print-templates tr, table.print-templates td {width:100%; display:block; float:left; clear:none;}
	table.print-templates span.td-label {display:inline-block;}
	table.print-templates th, table.print-templates td {padding:0px;}
	table.print-templates tr {padding:15px 10px;}
	table.print-templates tr:hover td {background-color:transparent;}
	table.print-templates a.pdf, table.print-templates a.ai {margin-top:5px;}
	ul.process-icons-big::before {left:34px;}
	ul.process-icons-big > li::before {width:70px; height:70px;}
	ul.process-icons-big > li {padding-left:90px !important;}
	ul.process-icons-big > li > h5, ul.process-icons-big > li > p {margin:5px 0px;}
	div.icon-headline > h3 {width:calc(100% - 80px); padding-top:15px;}
	div.config-product-img img {width:60% !important;}
	div.config-product-description {padding-top:10px;}
	div.config-steps {height:50px; font-size:16px;}
	span.csi-title {margin-top:14px;}
	span.csi-title::before {width:20px; height:20px;}
	div.config-steps {display:block;}
	div.config-steps::before {content:""; width:100%; height:4px; float:left; clear:none; position:absolute; bottom:-4px; left:0px; z-index:10; background-color:var(--black);}
	div.config-steps::after {content:""; width:100%; height:4px; float:left; clear:none; position:absolute; bottom:-4px; left:0px; z-index:9; background-color:var(--white);}
	div.config-steps.config-steps-1::before {width:calc(100% / 5 * 1);}
	div.config-steps.config-steps-2::before {width:calc(100% / 5 * 2);}
	div.config-steps.config-steps-3::before {width:calc(100% / 5 * 3);}
	div.config-steps.config-steps-4::before {width:calc(100% / 5 * 4);}
	div.config-steps.config-steps-5::before {width:calc(100% / 5 * 5);}
	div.config-steps-item {width:0px; overflow:hidden;}
	div.config-steps-item::after {display:none;}
	div.config-steps-1 div.config-steps-item:nth-child(1) {width:100%;}
	div.config-steps-2 div.config-steps-item:nth-child(2) {width:100%;}
	div.config-steps-3 div.config-steps-item:nth-child(3) {width:100%;}
	div.config-steps-4 div.config-steps-item:nth-child(4) {width:100%;}
	div.config-steps-5 div.config-steps-item:nth-child(5) {width:100%;}
	ul.tab-menu {height:40px; font-size:16px;}
	ul.tab-menu > li {margin:0px 2.5px;}
	ul.tab-menu > li > span {height:40px; padding:12px 15px;}
	div.pcm-form-finalcheck {font-size:inherit;}
	div.pcm-form-finalcheck-segment, div.user-account-segment {padding:30px; margin-top:30px;}
	div.pcm-form-finalcheck-segment h5, div.user-account-segment h5 {margin:0px;}
	h5.segment-headline {margin:20px 0px 10px 0px !important;}
	div.pcm-form-finalcheck-personaldata table td {padding:2px 0px;}
	div.pcm-form-finalcheck-header {padding:20px;}
	div.pcm-form-finalcheck-finish {padding:40px 30px;}
	div.pcm-form-finalcheck-footer {padding:0px 10px;}
	div.pcm-form-finalcheck-finish table td:nth-child(1) {width:40%;}
	span.scroll-anchor {margin-top:-50px;}
	.modal-content {padding:30px;}
}

@media screen and (max-width:740px) {
	div.main, div.footer, div.product-config-head {padding:50px 0px;}
	h1, div.img-banner h1 {font-size:32px;}
	h2, div.box-duocolor-content h2 {font-size:26px;}
	div.bg-img-banner {background-size:60% auto;}
	div.img-banner {height:auto; padding:55% 0px 30px 0px; float:left; clear:both;}
	div.img-banner div.align-middle {max-width:100%; top:auto; transform:none;}
	div.tab-area > * {padding:40px 0px;}
	div.product-slider {margin-top:20px;}
	div.contact-cta-top::after {display:none;}
	div.cct-intro, div.cct-list {margin-left:50%; max-width:360px; transform:translateX(-50%);}
	h1 span.logo-replace, h2 span.logo-replace {width:224px; height:36px; margin-bottom:-8px;}
	ul.links-big {display:block; margin-top:30px !important;}
	ul.links-big > li {padding:5px 0px;}
	ul.links-big > li > a {padding:20px;}
	div.acc-trigger {padding:15px;}
	div.acc-trigger::after {/*width:20px; height:20px; right:10px;*/ font-size:30px;}
	div.acc-inner {padding:5px 10px;}
	ul.pcm-form-list {line-height:130%;}
	ul.pcm-form-list li {width:100% !important; clear:both;}
	ul.pcm-form-list li:nth-child(2) {border-top:none;}
	form.pul-form, form.pur-form {padding:30px 20px;}
	div.pul-form-field {padding-right:50px;}
	div.pul-form-item label, div.pur-form-item label {width:200px; font-size:16px; padding-top:10px; padding-right:10px;}
	div.pur-form-item label, div.pur-form-item-checkbox::before {width:300px;}
	div.pul-form-field input, div.pur-form-field input, div.pur-form-field select {font-size:16px; padding:10px 15px;}
	div.pur-form-item-checkbox input[type="checkbox"] {width:26px; height:26px; left:2px;}
	div.pur-form-item-checkbox label {width:100%; padding:2px 0px 0px 38px;}
	div.user-account-segment div.pul-form-item div.tooltip-trigger {width:20px; height:20px;}
	div.user-order-list-head {display:none;}
	div.user-order-list span {padding:1.5px 0px;}
	div.uol-item > a {padding:15px 40px 15px 15px;}
	div.uol-item > a > span {width:100%; float:left; clear:both;}
	div.user-order-list span.uol-caption {display:inline-block;}
}

@media screen and (max-width:640px) {
	div.head {height:60px !important;}
	div.head-spacer {height:60px;}
	div.menu-trigger {margin-top:16px;}
	div.head-left {padding-top:15px !important;}
	div.head-left .logo {width:187px; height:30px;}
	div.head-cta {padding-top:15px !important;}
	ul.small-menu > li > a, ul.small-menu > li > span.small-menu-link {padding-left:40px !important; padding-right:40px !important;}
	ul.small-menu-2 > li > a, ul.small-menu-2 > li > span.small-menu-link {padding-left:60px !important; padding-right:20px !important;}
	ul.small-menu-3 {padding-top:10px !important; padding-left:60px !important; padding-right:20px !important;}
	h1, div.img-banner h1 {font-size:28px;}
	h2, div.box-duocolor-content h2 {font-size:24px;}
	h3, div.icon-headline > h3 {font-size:22px;}
	a.button {font-size:16px;}
	div.owl-dots button {width:12px; height:12px; margin:0px 4px;}
	div.ccb-wrapper {padding:30px 20px;}
	div.ccb-form {margin-top:20px;}
	h1 span.logo-replace, h2 span.logo-replace {width:199px; height:32px; margin-bottom:-6px;}
	table.print-templates td {font-size:inherit;}
	a.pdf, a.ai {width:32px; height:24px; margin-right:5px;}
	ul.tab-menu {height:auto; font-size:16px; width:100%; padding:5px;}
	ul.tab-menu > li {width:50%; float:left; clear:none; margin:0px; padding:5px;}
	div.user-account ul.tab-menu > li {width:100%;}
	ul.tab-menu > li > span, ul.tab-menu > li > a {width:100%; height:50px; padding:17px 15px; border-radius:5px;}
	span.icon-white {width:50px; height:50px;}
	div.icon-headline > h3 {width:calc(100% - 70px); padding-top:12px;}
	div.icon-headline {margin-bottom:10px;}
	div.pcm-form-item, div.pul-form-item, div.pur-form-item {display:block;}
	div.pcm-form-item > label, div.pul-form-item > label, div.pur-form-item > label {width:100%; font-size:15px; text-align:left; padding:0px 0px 5px 0px !important;}
	div.pcm-form-item-headline::before, div.pcm-form-item-headline::after {display:none;}
	div.pcm-form-item-headline h5 {text-align:left;}
	div.pcm-form-field, div.pul-form-field, div.pur-form-field {width:100%; padding:0px;}
	div.pcm-form-field {width:calc(100% - 30px);}
	div.pcm-tooltip {width:30px;}
	div.pcm-form-checkout-bottom {height:60px;}
	div.pcm-fcb-trigger {height:60px; padding:10px 15px 10px 60px;}
	div.pcm-fcb-content {bottom:60px;}
	div.pcm-fcb-trigger-left {font-size:18px;}
	div.pcm-fcb-trigger::before {left:20px;}
	div.pcm-fcb-content {font-size:16px;}
	div.pcm-fcb-content h5 {font-size:16px;}
	div.pcm-fcb-content-selection, div.pcm-fcb-content-post {padding:15px 15px 15px 60px;}
	div.pcm-form-field-radio-item label {padding:10px 15px; text-align:center;}
	form.pul-form, form.pur-form {padding:20px 30px;}
	div.pcm-form-finalcheck-personaldata table {width:100%; clear:both;}
	div.pcm-form-finalcheck-personaldata table td:nth-child(1) {width:35%;}
	div.pcm-form-finalcheck-personaldata table td:nth-child(2) {width:65%;}
	div.pcm-form-finalcheck h5 {font-size:16px;}
	div.pcm-form-adresses-item {padding:15px;}
	div.pcm-form-finalcheck-adresses, div.pcm-form-finalcheck-payment {display:block;}
	div.pcm-form-adresses-item, div.pcm-form-payment-item {margin-top:10px;}
	div.pcm-form-adresses-item:first-child, div.pcm-form-payment-item:first-child {margin-top:0px;}
	div.pcm-form-payment-item span {padding:50px 0px 0px 0px;}
	div.pcm-form-payment-item span::before {top:0px;}
	div.pcm-form-finalcheck-header {padding:15px;}
	div.pcm-form-finalcheck-finish {padding:15px 30px;}
	div.pcm-form-finalcheck-finish table td:nth-child(1) {width:50%;}
	div.pcm-form-finalcheck-checkbox {margin-top:20px;}
	div.user-account-segment div.pul-form-item label, div.user-account-segment div.pur-form-item label {width:100%;}
	div.user-account-segment div.pul-form-field, div.user-account-segment div.pur-form-field {width:calc(100% - 30px);}
	div.user-account-segment div.pul-form-item div.pcm-tooltip {width:30px;}
	div.user-account-segment div.pul-form-item div.tooltip-trigger {margin:10px 0px 0px 10px;}
	div.user-account-segment div.pur-form-field {width:100%;}
	div.user-account-segment div.pur-form-item div.pcm-tooltip {display:none;}
	.mobile-no {display:none;}
	span.scroll-anchor {margin-top:-25px;}
	.modal-content {padding:20px;}
	.modal-content div.form-section form {margin-top:0px;}
	.modal-content div.form-item {display:block;}
	.modal-content div.form-item label {width:100%; clear:both; padding-bottom:5px;}
	.modal-content div.form-item input, .modal-content div.form-item select, .modal-content div.form-item textarea {width:100%; clear:both;}
	.modal-content div.form-item input[type="submit"] {max-width:100%; font-size:16px; margin-top:15px;}
	.remove-button {top:10px; right:0px;}
}

@media screen and (max-width:540px) {
	div.main, div.footer, div.product-config-head {padding:40px 0px;}
	h1, div.img-banner h1 {font-size:26px;}
	h2, div.box-duocolor-content h2 {font-size:22px;}
	h3, div.icon-headline > h3 {font-size:20px;}
	h4 {font-size:18px;}
	h5, div.box-duocolor-intro h5 {font-size:16px;}
	div.box-duocolor-content {padding:20px 20px 80px 20px;}
	div.box-duocolor-content > a.button {bottom:25px;}
	div.tab-area > * {padding:30px 0px;}
	div.product-slider {margin-top:20px;}
	div.contact-cta {margin-top:30px;}
	div.contact-cta-top {padding:30px 20px;}
	div.cct-intro, div.cct-list {max-width:100%;}
	div.cct-intro p b, div.cct-intro p strong {display:block;}
	div.cct-list > ul > li > span.label {display:none;}
	div.cct-list > ul > li > a {width:100%;}
	div.ccb-form-row {margin-top:15px;}
	div.ccb-form-row label {width:100%; clear:both; padding:0px 0px 5px 0px; text-align:left; font-size:inherit;}
	div.ccb-form-row select, div.ccb-form-row input, div.ccb-form-row textarea {width:100%; font-size:inherit; padding:10px 15px;}
	div.ccb-form-row textarea {height:120px; min-height:120px; max-height:120px;}
	div.ccb-form-row div.ccb-checkbox {width:100%; margin-left:0px;}
	h2 span.logo-replace {width:187px; height:30px; margin:8px 0px 0px 0px;}
	div.config-product-img img {width:80% !important;}
	div.pcm-fcb-content-selection, div.pcm-fcb-content-post {padding:15px;}
	div.pcm-fcb-trigger {padding:10px 10px 10px 40px;}
	div.pcm-fcb-trigger::before {width:16px; height:9px; left:10px;}
	div.pcm-fcb-trigger-left {font-size:16px;}
	div.pcm-fcb-trigger-right input[type="submit"] {width:80px; text-indent:-999px; overflow:hidden; background-size:33px 15px; background-position:center center;}
	div.pcm-fcb-content-selection, div.pcm-fcb-content-post {padding:10px 15px;}
	div.pcm-fcb-content h5 {font-size:15px;}
	a.download {width:100%; display:block; margin:10px 0px 0px 0px;}
	div.pcm-form-finalcheck-segment {margin-top:20px;}
	div.pcm-form-finalcheck-finish table td {width:100%; display:block;}
	div.pcm-form-finalcheck-finish table td:nth-child(1) {padding-bottom:0px;}
	div.pcm-form-finalcheck-finish table td:nth-child(2) {padding-top:0px;}
}

@media screen and (max-width:440px) {
	div.bg-head-menu-2 > div.center, div.bg-footer div.center, div.bg-config-steps div.center {padding:0px 15px;}
	div.bg-img-banner > div.center {padding:0px 30px;}
	div.head-trigger {left:15px;}
	div.head-right {right:15px;}
	div.head-cta {padding-top:14px !important;}
	div.bg-small-menu {padding:80px 0px 40px 0px;}
	ul.small-menu > li > a, ul.small-menu > li > span.small-menu-link {font-size:22px;}
	ul.small-menu > li > span.small-menu-link {font-size:24px;}
	ul.small-menu > li > a, ul.small-menu > li > span.small-menu-link {padding-left:20px !important; padding-right:20px !important;}
	ul.small-menu > li > span.small-menu-trigger {font-size:40px; top:10px;}
	ul.small-menu-2 > li > a, ul.small-menu-2 > li > span.small-menu-link {font-size:20px; padding-left:40px !important; padding-right:20px !important;}
	ul.small-menu-3 {padding-top:10px !important; padding-left:40px !important; padding-right:20px !important;}
	ul.small-menu-3 > li > a {font-size:18px;}
	ul.small-menu-3 > li > a > span.small-menu-img {width:80px;}
	ul.small-menu-3 > li > a > span.small-menu-title {width:calc(100% - 80px); padding-top:15px;}
	div.head-left .logo {}
	h1, h2, h3, h4, h5 {line-height:120%;}
	h1 {font-size:24px;}
	div.img-banner h1 {font-size:26px;}
	h2, div.box-duocolor-content h2 {font-size:22px;}
	h3 {font-size:18px;}
	h4 {font-size:16px;}
	h5, div.box-duocolor-intro h5 {font-size:16px;}
	ul.footer-menu-legal > li {width:100%; display:block;}
	ul.footer-menu-legal > li::after {display:none;}
	div.bg-img-banner {background-size:90% auto;}
	div.img-banner {height:auto; padding:82% 0px 30px 0px; float:left; clear:both;}
	h2 span.logo-replace {width:174px; height:28px; margin:8px 0px 0px 0px;}
	ul.checklist-big li {min-height:30px; background-size:30px 30px; padding:4px 0px 0px 42px;}
	ul.links-big {margin-top:20px !important;}
	div.acc-inner {padding:5px 5px;}
	ul.process-icons-big::before {left:29px; height:90%; top:1%;}
	ul.process-icons-big > li::before {width:60px; height:60px;}
	ul.process-icons-big > li {padding-left:75px !important; margin-top:20px !important;}
	div.icon-headline > h3 {width:calc(100% - 65px); padding-top:16px;}
	div.config-product-img img {width:90% !important;}
	ul.tab-menu > li {width:100%; clear:both; margin:0px; padding:2.5px;}
	ul.tab-menu > li > span {width:100%; height:40px; padding:12px;}
	form.pul-form, form.pur-form {padding:20px 20px;}
	div.pul-form-item-headline h3, div.pur-form-item-headline h3 {margin-bottom:10px;}
	div.pcm-form-finalcheck-segment, div.user-account-segment {padding:20px;}
	div.pcm-form-finalcheck-finish {padding:10px 20px;}
	div.bg-img-banner span.deutsche-post {font-size:15px;}
	.modal-content > span.close {font-size:32px;}
	.modal-content div.form-item label {padding-top:5px; font-size:14px;}
}

@media screen and (max-width:340px) {
	div.head-trigger {left:10px;}
	div.head-right {right:10px;}
	h1 {font-size:22px;}
}