.comp-boxes .comp-banner-image {
	max-width: 1616px;
	margin: 0 auto;
}

.comp-banner-image > div {
	margin: 8px auto;
}

.comp-banner-image > div.bg-lgrey {
	background-color: #fbfbfb;
}

.comp-banner-image > div.bg-dgrey {
	background-color: #383838 !important;
	color: #fff !important;
}

.comp-banner-image > div {
	max-width: 1600px;
	padding-bottom: 28px;
}

.comp-banner-image > div .comp-heading {
	padding: 42px 16px 8px 16px;
}

.comp-banner-image > div .comp-heading p {
	text-align: center;
	hyphens: auto;
}

.comp-banner-image > div .comp-heading p:last-child {
	margin-bottom: 3px;
}

.comp-banner-image > div .comp-heading a, .comp-banner-image > div .comp-heading a:hover, .comp-banner-image > div .comp-heading a:visited, .comp-banner-image > div .comp-heading a:active, .comp-banner-image > div .comp-heading a:focus {
	text-decoration: none;
}

.comp-banner-image > div .tool-tip {
	visibility: hidden;
	position: absolute;
	top: auto;
	left: auto;
	right: 8px;
	bottom: 8px;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	background-color: #fff;
	box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.25);
	padding: 8px 8px 52px 8px;
	box-sizing: border-box;
	max-height: calc(100% - 16px);
	height: auto;
	width: 320px;
	max-width: calc(100% - 16px);
}

.comp-banner-image > div .tool-tip.active {
	visibility: visible;
}

.comp-banner-image > div .slider-images {
	position: relative;
	height: auto;
	display: flex;
	flex-wrap: nowrap;
	overflow: hidden;
	text-align: center;
}

.comp-banner-image > div .slider-images .icon-button.prev, .comp-banner-image > div .slider-images .icon-button.next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background-color: #fff;
}

.comp-banner-image > div .slider-images .icon-button.prev {
	left: 16px;
}

.comp-banner-image > div .slider-images .icon-button.prev:before {
	content: "\e9d5";
}

.comp-banner-image > div .slider-images .icon-button.next {
	left: auto;
	right: 16px;
}

.comp-banner-image > div .slider-images .icon-button.next:before {
	content: "\e9d4";
}

.comp-banner-image > div .slider-images .comp-image {
	transition: transform 0.4s ease, background 0.4s ease;
	flex: 0 0 100%;
	max-width: 100%;
}

.comp-banner-image > div .slider-images .comp-image.touchmove {
	transition: none;
}

.comp-banner-image > div .slider-images > .icon-button.more {
	position: absolute;
	top: auto;
	left: auto;
}

.comp-banner-image > div .slider-images .icon-button.more {
	background-color: #000;
	color: #fff;
	right: 16px;
	bottom: 16px;
	border-radius: 18px;
	display: none;
}

.comp-banner-image > div .slider-images .icon-button.more:before {
	content: "\ea0d";
	color: #fff;
}

.comp-banner-image > div .slider-images .tool-tip + .icon-button.more {
	display: block;
}

.comp-banner-image > div .slider-images .tool-tip.active + .icon-button.more:before {
	content: "\e978";
}

.comp-banner-image > div .slider-images .tool-tip .comp-text {
	width: 100%;
	padding: 8px 8px 0 8px;
	box-sizing: border-box;
	overflow-y: auto;
}

.comp-banner-image > div .slider-images .tool-tip .comp-text p, .comp-banner-image > div .slider-images .tool-tip .comp-text ul, .comp-banner-image > div .slider-images .tool-tip .comp-text ol {
	margin-bottom: 19px;
	text-align: left;
	font-size: 14px;
	line-height: 18px;
}

.comp-banner-image > div .slider-images .tool-tip .comp-text ul, .comp-banner-image > div .slider-images .tool-tip .comp-text ol {
	padding-left: 2em;
	margin-left: 0;
}

.comp-banner-image > div .slider-images .tool-tip .comp-text h1, .comp-banner-image > div .slider-images .tool-tip .comp-text h2, .comp-banner-image > div .slider-images .tool-tip .comp-text h3 {
	font-family: "SourceSansPro-Regular", sans-serif;
	font-weight: bold;
	text-align: left;
	color: #383838;
	font-size: 22px;
	margin-top: 0px;
	line-height: 26px;
	margin-bottom: 12px;
}

.comp-banner-image > div .comp-image picture {
	padding-bottom: calc(100% / 2.5);
}

.comp-banner-image > div .buttongroup {
	justify-content: center;
}

.comp-banner-image > div .comp-cta {
	padding-top: 16px;
	padding-bottom: 20px;
}

.comp-banner-image > div .comp-tabs {
	padding: 8px 16px 0px 16px;
}

.comp-banner-image > div .comp-tabs.inline-button {
	padding-top: 16px;
}

.comp-banner-image > div .comp-tabs .tab-container {
	justify-content: center;
}

.comp-banner-image > div .surfaces-options {
	padding: 8px 16px 0px 16px;
}

.comp-banner-image > div .surfaces-options > div {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	justify-content: center;
}

.comp-banner-image > div .surfaces-options .option-card {
	flex: 0 0 128px;
	text-align: center;
}

.comp-banner-image > div .surfaces-options .option-card .group-label {
	color: #555;
	height: auto;
	min-height: 36px;
}

.comp-banner-image > div .surfaces-options .option-card:hover {
	cursor: pointer;
}

.comp-banner-image > div .surfaces-options .option-card:hover .group-label {
	color: #000;
}

.comp-banner-image > div .surfaces-options .option-card:hover .comp-image {
	border-color: #d8d8d8;
}

.comp-banner-image > div .surfaces-options .option-card.active .group-label {
	font-weight: bold;
	color: #000;
}

.comp-banner-image > div .surfaces-options .option-card.active .comp-image {
	border-color: #3669c4;
}

.comp-banner-image > div .surfaces-options .comp-image {
	border: 2px solid transparent;
	box-sizing: border-box;
	overflow: hidden;
	align-self: flex-start;
}

.comp-banner-image > div .surfaces-options .comp-image picture {
	padding-bottom: calc(100% / 1.45);
}

.comp-banner-image > div .surfaces-options .comp-image picture img {
	/* microsite mode */
	height: auto;
	width: 100%;
}

.comp-tabs .tab-container {
	display: flex;
}

.comp-tabs .tab-container .tab-button {
	flex: 1;
}

.comp-tabs .tab-container .tab-button .group-label {
	text-align: center;
	border-bottom: 2px solid #d8d8d8;
	color: #555;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.comp-tabs .tab-container .tab-button.active .group-label {
	border-color: #3669c4;
	color: #3669c4;
	font-weight: bold;
}

.comp-tabs .tab-container .tab-button:hover .group-label {
	cursor: pointer;
	color: #000;
}

.comp-tabs.inline .tab-container {
	gap: 0px 16px;
	flex-wrap: wrap;
}

.comp-tabs.inline .tab-container .tab-button {
	flex: 0 0 auto;
}

.comp-tabs.inline .tab-container .tab-button:not(.active) .group-label {
	border-color: transparent;
}

.comp-tabs.inline-button .tab-container {
	gap: 8px;
	flex-wrap: wrap;
}

.comp-tabs.inline-button .tab-container .tab-button {
	flex: 0 0 auto;
}

.comp-tabs.inline-button .tab-container .tab-button .group-label {
	border-bottom-style: none;
	background-color: #efefef;
	padding-right: 12px;
	padding-left: 12px;
	border-radius: 8px;
}

.comp-tabs.inline-button .tab-container .tab-button.active .group-label {
	background-color: #3669c4;
	color: #fff;
	font-weight: normal;
}

.comp-tabs.inline-button .tab-container .tab-button:hover:not(.active) .group-label {
	background-color: #e3e3e3;
	color: #000;
}

.comp-tabs-target [data-tab-index]:not(.active) {
	visibility: hidden;
	height: 0;
	position: fixed;
}

@media only screen and (max-width: 960px) {
	.comp-banner-image > div .comp-image picture {
		padding-bottom: calc(100% / 1.425);
	}

	.comp-banner-image > div .slider-images .icon-button.next {
		right: 0px;
	}

	.comp-banner-image > div .slider-images .icon-button.prev {
		left: 0px;
	}

	.comp-banner-image > div .surfaces-options {
		overflow-y: hidden;
		overflow-x: auto;
	}

	.comp-banner-image > div .surfaces-options > div {
		flex-wrap: nowrap;
		justify-content: flex-start;
		/* add a bit spacing to the scrolling at the end*/
	}

	.comp-banner-image > div .surfaces-options > div > span {
		flex: 0 0 16px;
	}

	.comp-banner-image > div .slider-images .tool-tip {
		padding: 8px;
	}

	.comp-banner-image > div .slider-images .tool-tip .comp-text:after {
		display: block;
		content: "";
		background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, white 100%);
		height: 64px;
		top: auto;
		bottom: 0;
		position: sticky;
	}

	.slider-images .promotion-banner-customer-opinions-mini-header {
		padding: 8px 8px 5px;
	}
}

@media only screen and (max-width: 2000px) {
	.comp-boxes .comp-banner-image {
		max-width: 1400px;
	}
}

@media only screen and (max-width: 1600px), (max-height: 1024px) {
	.comp-banner-image > div, .comp-boxes .comp-banner-image {
		max-width: 1200px;
	}
}

@media only screen and (max-height: 660px) {
	.comp-banner-image > div, .comp-boxes .comp-banner-image {
		max-width: 900px;
	}
}



.comp-customer-opinions {
	max-width: 100%;
	padding-bottom: 40px;
}

.comp-customer-opinions.bg-lgrey .customer-opinions-cardview .customer-opinions-list > div {
	background-color: #ffffff;
}

.comp-customer-opinions .showmore {
	display: flex;
	gap: 16px;
	padding: 0 16px;
	box-sizing: border-box;
	flex-wrap: wrap;
	justify-content: center;
}

.comp-customer-opinions .showmore a {
	display: inline-flex;
	height: 36px;
	align-items: center;
}

.comp-customer-opinions .customer-opinions-cardview {
	display: flex;
	gap: 16px;
	width: 100%;
	max-width: 1632px;
	padding: 0 16px;
	margin: 0 auto;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
}

.comp-customer-opinions .customer-opinions-cardview .customer-opinions-list {
	display: grid;
	overflow: hidden;
	padding: 0 4px 16px 4px;
	grid-auto-flow: column;
	grid-auto-columns: minmax(280px, 320px);
	grid-template-rows: repeat(2, auto);
	flex: 0 1 auto;
	gap: 16px;
}

.comp-customer-opinions .customer-opinions-cardview .customer-opinions-list > div {
	min-height: 178px;
	background-color: #f8f8f8;
	position: relative;
	border-radius: 6px;
}

.comp-customer-opinions .customer-opinions-cardview .customer-opinions-list > div:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 1;
	z-index: 0;
	border-radius: 6px;
	transition: box-shadow .15s ease-out;
}

.comp-customer-opinions .customer-opinions-cardview .customer-opinions-list > div.opinion {
	transition: transform .15s ease-out;
	cursor: pointer;
}

.comp-customer-opinions .customer-opinions-cardview .customer-opinions-list > div.opinion:hover {
	transform: translateY(-4px);
}

.comp-customer-opinions .customer-opinions-cardview .customer-opinions-list > div.opinion:hover:before {
	box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.24);
}

.comp-customer-opinions .customer-opinions-cardview .customer-opinions-list > div.opinion:nth-child(n+10) {
	display: none;
}

.comp-customer-opinions .customer-opinions-cardview .customer-opinions-list > div.opinion .text {
	height: 96px;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	/* Number of lines to show */
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.comp-customer-opinions .customer-opinions-cardview .customer-opinions-list > div.customer-opinions-summary {
	display: flex;
	align-content: center;
	flex-direction: column;
	grid-row: span 2;
}

.comp-customer-opinions .customer-opinions-cardview .customer-opinions-list > div.customer-opinions-summary > div {
	display: grid;
	grid-template-rows: auto;
	justify-self: center;
	align-content: center;
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 1;
	gap: 16px;
	height: 100%;
}

.comp-customer-opinions .customer-opinions-cardview .customer-opinions-list > div.customer-opinions-summary > div .title {
	display: grid;
	grid-template-rows: auto;
	gap: 8px;
	text-align: center;
}

.comp-customer-opinions .customer-opinions-cardview .customer-opinions-list > div.customer-opinions-summary > div .customer-opinions-rating-as-stars {
	margin: 0 auto;
}

.comp-customer-opinions .customer-opinions-cardview .customer-opinions-list > div.customer-opinions-summary > div .voting {
	font-weight: bold;
	font-size: 30px;
	line-height: 31px;
}

.comp-customer-opinions .icon-button {
	background-color: #efefef;
	border-radius: 18px;
}

.comp-customer-opinions .icon-button.disabled {
	opacity: 0.5;
}

.comp-customer-opinions .icon-button:not(.close):before {
	font-size: 16px;
}

.comp-customer-opinions .icon-button.close {
	background-color: transparent;
}

.comp-customer-opinions .icon-button.close:before {
	color: #ffffff;
}

.comp-customer-opinions .opinion {
	text-align: left;
	font-size: 16px;
	line-height: 24px;
	padding: 16px;
	display: flex;
	flex-direction: column;
	gap: 8px;
	box-sizing: border-box;
}

.comp-customer-opinions .opinion .title {
	display: grid;
	grid-template-rows: auto;
	gap: 2px;
}

.comp-customer-opinions .opinion .title .author {
	font-weight: bold;
}

.comp-customer-opinions .opinion .title .subline {
	font-size: 12px;
	color: var(--color-font-medium);
	line-height: 14px;
}

.comp-customer-opinions .opinion .details {
	display: none;
	grid-template-columns: 1fr 120px auto;
	/* Label stars value */
	align-items: center;
	gap: 8px 4px;
	line-height: 18px;
	padding-top: 16px;
}

.comp-customer-opinions .opinion .details .rating-value {
	font-size: 12px;
	color: var(--color-font-medium);
	line-height: 14px;
}

.comp-customer-opinions .customer-opinions-rating-as-stars {
	display: inline-block;
	height: 32px;
	width: 160px;
	background-repeat: repeat-x;
	overflow: hidden;
	background-size: auto 100%;
	background-image: url("https://photoservice.cloud/languagesportal/images/70ccf7c3-5d18-4678-b7ac-97f4cbcabebd.svg");
}

.comp-customer-opinions .customer-opinions-rating-as-stars.small {
	height: 24px;
	width: 120px;
}

.comp-customer-opinions .customer-opinions-rating-as-stars .starstop {
	background-image: url("https://photoservice.cloud/languagesportal/images/f4fb9c1e-a6c9-440c-8c95-e543f66e30f8.svg");
	background-repeat: repeat-x;
	background-size: auto 100%;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.comp-customer-opinions.mobilemode .customer-opinions-cardview {
	overflow-x: auto;
	justify-content: flex-start;
}

.comp-customer-opinions.mobilemode .customer-opinions-cardview .icon-button {
	display: none;
}

.comp-customer-opinions.mobilemode .customer-opinions-cardview .customer-opinions-list {
	overflow: unset;
}

@media only screen and (max-width: 2000px) {
	.comp-customer-opinions .customer-opinions-cardview {
		max-width: calc(1400px + 16px);
	}
}

@media only screen and (max-width: 1600px) {
	.comp-customer-opinions .customer-opinions-cardview {
		max-width: calc(1200px + 16px);
	}
}

/* Dialog */
.comp-dialog.comp-customer-opinions.show {
	width: 100%;
	max-width: calc(640px);
	display: grid;
	/* Desktop layout */
	grid-template-columns: 36px 1fr 36px;
	grid-template-rows: 36px 1fr;
	gap: 16px;
	padding: 16px 16px 48px 16px;
	box-sizing: border-box;
	align-items: center;
	min-height: 446px;
	max-height: 100%;
	overflow: hidden;
}

.comp-dialog.comp-customer-opinions.show .opinion {
	grid-column: 2;
	grid-row: 2;
	background-color: #ffffff;
	align-self: stretch;
	border-radius: 6px;
	max-height: 100%;
	overflow: auto;
	padding: 24px;
	box-sizing: border-box;
}

.comp-dialog.comp-customer-opinions.show .opinion .details {
	display: grid;
}

.comp-dialog.comp-customer-opinions.show .prev-dialog-opinion {
	grid-column: 1;
	grid-row: 2;
}

.comp-dialog.comp-customer-opinions.show .next-dialog-opinion {
	grid-column: 3;
	grid-row: 2;
}

.comp-dialog.comp-customer-opinions.show .close {
	grid-column: 3;
	grid-row: 1;
}

@media only screen and (max-width: 600px) {
	.comp-customer-opinions {
		padding-bottom: 16px;
	}

	.comp-dialog.comp-customer-opinions.show {
		grid-template-columns: 1fr 1fr;
		grid-template-rows: 36px 1fr 36px;
		gap: 16px;
		padding: 16px;
	}

	.comp-dialog.comp-customer-opinions.show .opinion {
		grid-column: 1 / 3;
		grid-row: 2;
		padding: 16px;
	}

	.comp-dialog.comp-customer-opinions.show .prev-dialog-opinion {
		grid-column: 1;
		grid-row: 3;
		max-width: 36px;
		justify-self: end;
	}

	.comp-dialog.comp-customer-opinions.show .next-dialog-opinion {
		grid-column: 2;
		grid-row: 3;
		max-width: 36px;
		justify-self: start;
	}

	.comp-dialog.comp-customer-opinions.show .close {
		grid-column: 2;
		grid-row: 1;
		max-width: 36px;
		justify-self: end;
	}
}



.comp-dialog {
	z-index: 4002;
	display: none;
	position: fixed;
	width: calc(100% - 32px);
	height: auto;
	max-height: calc(100vh - 32px);
	top: calc(50% + 0.5px);
	left: calc(50% + 0.5px);
	transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px));
}

.comp-dialog.show {
	display: flex;
}

.comp-dialog-overlay {
	z-index: 4001;
	display: none;
	position: fixed;
	left: 0%;
	top: 0%;
	background-color: rgba(53, 56, 64, 0.8);
	width: 100%;
	height: 100vh;
}

@media only screen and (max-width: 1616px) {
	.comp-dialog {
		width: 100%;
		max-height: 100vh;
	}
}



.comp-website-navigation.has-no-mainnav {
	padding-bottom: 75px;
}

.comp-website-navigation.has-no-mainnav > div {
	border-bottom: 1px solid #d8d8d8;
}

.comp-website-navigation {
	padding-bottom: 144px;
}

.comp-website-navigation > div.sticky.scrolling {
	transform: translateY(-75px);
}

.comp-website-navigation > div.sticky.scrolling .main-navigation .nav-buttons {
	height: 52px;
}

.comp-website-navigation > div.sticky.scrolling .main-navigation .nav-buttons > .group-label > a {
	padding-top: 17px;
	padding-bottom: 8px;
}

.comp-website-navigation > div.sticky.scrolling .main-navigation .icon-button {
	padding-top: 8px;
	padding-bottom: 8px;
}

.comp-website-navigation > div.sticky.scrolling .main-navigation .cta-buttons {
	margin-top: 8px;
}

.comp-website-navigation .comp-image picture img {
	width: 100%;
	height: auto;
	image-rendering: -webkit-optimize-contrast;
}

.comp-website-navigation .highlighted-element {
	flex: 0 0 295px;
	margin-top: 24px;
	margin-right: 16px;
	padding-left: 16px;
}

.comp-website-navigation .highlighted-element .comp-image {
	border-radius: 6px 6px 0px 0px;
	overflow: hidden;
}

.comp-website-navigation .highlighted-element .article-title {
	display: block;
	text-align: center;
	white-space: normal;
	height: auto;
	min-height: 44px;
	font-size: 16px;
	line-height: 20px;
	box-sizing: border-box;
	padding-top: 12px;
	background-color: #ffffff;
	border-radius: 0px 0px 6px 6px;
}

.comp-website-navigation [data-smalldropdown] {
	position: relative;
}

.comp-website-navigation [data-smalldropdown]:hover, .comp-website-navigation [data-smalldropdown]:active {
	background-color: #efefef;
}

.comp-website-navigation [data-smalldropdown]:hover .small-dropdown[data-smalldropdown], .comp-website-navigation [data-smalldropdown]:active .small-dropdown[data-smalldropdown] {
	display: block;
}

.comp-website-navigation .small-dropdown[data-smalldropdown] {
	position: absolute;
	left: 0px;
	top: 100%;
	display: none;
	text-align: left;
	z-index: 2;
}

.comp-website-navigation .small-dropdown[data-smalldropdown].dropdown-right {
	left: auto;
	right: 0px;
}

.comp-website-navigation .small-dropdown[data-smalldropdown] > div {
	background-color: #ffffff;
	padding: 8px;
	box-sizing: border-box;
	min-width: 272px;
	max-width: 375px;
	box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.16);
}

.comp-website-navigation .small-dropdown[data-smalldropdown] > div .group-label.g2 {
	padding-left: 16px;
	height: auto;
	min-height: 36px;
}

.comp-website-navigation .small-dropdown[data-smalldropdown] > div .group-label.g3 {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.comp-website-navigation .small-dropdown[data-smalldropdown] > div .group-label.g3 a, .comp-website-navigation .small-dropdown[data-smalldropdown] > div .group-label.g3 > strong {
	padding-left: 16px;
	padding-right: 16px;
	white-space: nowrap;
}

.comp-website-navigation .small-dropdown[data-smalldropdown] > div .group-label.g3 a:hover {
	background-color: #efefef;
}

.comp-website-navigation > div {
	width: 100%;
	background-color: #ffffff;
}

.comp-website-navigation > div.sticky {
	transition: transform .3s ease;
	position: fixed;
	top: 0px;
	left: 0;
	z-index: 2;
}

.comp-website-navigation > div .header-navigation {
	max-width: calc(1600px + 32px);
	justify-content: space-between;
	margin: 0 auto;
	display: flex;
	flex-wrap: nowrap;
}

.comp-website-navigation > div .header-navigation #LoginUseraccount {
	width: 36px;
}

.comp-website-navigation > div .header-navigation .logo {
	padding-top: 14px;
	padding-left: 16px;
	padding-right: 16px;
	flex: 1;
}

.comp-website-navigation > div .header-navigation .logo img {
	padding-top: 6px;
	display: block;
	height: 30px;
	width: auto;
}

.comp-website-navigation > div .header-navigation .sub-navigation {
	padding-top: 19px;
	padding-bottom: 20px;
	display: flex;
	flex-wrap: nowrap;
}

.comp-website-navigation > div .header-navigation .sub-navigation .group-label {
	margin: 0 !important;
	padding-left: 12px;
	padding-right: 12px;
}

.comp-website-navigation > div .header-navigation .sub-navigation .group-label a:hover {
	text-decoration: underline;
}

.comp-website-navigation > div .header-navigation .sub-navigation .icon-button:before {
	content: "\e9d5";
	font-size: 18px;
}

.comp-website-navigation > div .header-navigation .sub-navigation .icon-button {
	font-size: 14px;
	padding-right: 16px;
	border-right: 1px solid #cccccc;
	border-radius: 0;
}

.comp-website-navigation > div .header-navigation .sub-navigation .icon-button a {
	color: var(--color-font-medium);
}

.comp-website-navigation > div .header-navigation .sub-navigation .icon-button a:hover {
	text-decoration: underline;
}

.comp-website-navigation > div .icon-sub-navigation {
	flex: 1;
	justify-content: flex-end;
	display: flex;
	padding-top: 19px;
	padding-bottom: 20px;
	padding-right: 16px;
}

.comp-website-navigation > div .icon-sub-navigation .icon-button {
	margin-right: 8px;
}

.comp-website-navigation > div .icon-sub-navigation .language-switch {
	align-items: center;
	padding-right: 12px;
	width: auto;
}

.comp-website-navigation > div .icon-sub-navigation .language-switch:before {
	content: "\e993";
	top: -1px;
}

.comp-website-navigation > div .icon-sub-navigation .language-switch > a, .comp-website-navigation > div .icon-sub-navigation .language-switch > span {
	width: auto;
	margin-left: 0px;
	color: unset;
	padding-top: 1px;
	box-sizing: border-box;
	align-content: center;
	text-transform: uppercase;
}

.comp-website-navigation > div .icon-sub-navigation .icon-button.hotline:before {
	content: "\ea49";
}

.comp-website-navigation > div .icon-sub-navigation .icon-button.hotline a {
	font-size: 14px;
	align-items: flex-start;
	flex-direction: column;
	justify-content: center;
	line-height: 18px;
}

.comp-website-navigation > div .icon-sub-navigation .icon-button.hotline a .heading {
	color: #676767;
}

.comp-website-navigation > div .icon-sub-navigation .icon-button.login:before {
	border-radius: 50%;
	background-color: #efefef;
}

.comp-website-navigation > div .icon-sub-navigation .icon-button.login:hover:before {
	background-color: #dcdcdc;
}

.comp-website-navigation > div .sub-navigation, .comp-website-navigation > div .main-navigation {
	flex-flow: wrap;
}

.comp-website-navigation > div .site-navigation {
	border-bottom: 1px solid #efefef;
}

.comp-website-navigation > div .site-navigation > div {
	display: flex;
	max-width: 1616px;
	margin: 0 auto;
}

.comp-website-navigation > div .site-navigation .group-label.active {
	color: #3669c4;
}

.comp-website-navigation > div .site-navigation .site-active-indicator {
	border-bottom: 3px solid #3669c4;
	position: absolute;
	transition: all 0.2s ease;
	top: auto;
	bottom: 0px;
	width: 0px;
}

.comp-website-navigation > div .site-navigation .site-list {
	overflow: hidden;
}

.comp-website-navigation > div .site-navigation .site-list .site-elements {
	flex: auto;
	white-space: nowrap;
	display: flex;
	scroll-behavior: smooth;
	overflow-scrolling: touch;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: none;
	/* IE and Edge */
	scrollbar-width: none;
	/* Firefox */
	overflow: hidden;
	overflow-x: auto;
}

.comp-website-navigation > div .site-navigation .site-list .site-elements::-webkit-scrollbar {
	display: none;
	/* Safari and Chrome */
}

.comp-website-navigation > div .site-navigation .site-list .site-elements > div {
	-webkit-user-select: none;
	/* Chrome all / Safari all */
	-moz-user-select: none;
	/* Firefox all */
	-ms-user-select: none;
	/* IE 10+ */
	user-select: none;
	margin: 0px 8px 0px 8px;
	cursor: pointer;
}

.comp-website-navigation > div .site-navigation .site-list .site-elements > div:hover {
	color: #3669c4;
}

.comp-website-navigation > div .mobile-main-navigation .floating-button-order-now {
	background-color: #6c9d0d;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: none;
	height: 44px;
	position: fixed;
	left: 50%;
	bottom: 16px;
	transform: translateX(-50%);
	border-radius: 44px;
	padding: 0 32px;
	align-items: center;
	-webkit-box-shadow: 8px 8px 32px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 8px 8px 32px 0px rgba(0, 0, 0, 0.2);
	z-index: 2;
	font-size: 16px;
	cursor: pointer;
}

.comp-website-navigation > div .mobile-main-navigation .floating-button-order-now a, .comp-website-navigation > div .mobile-main-navigation .floating-button-order-now a:hover, .comp-website-navigation > div .mobile-main-navigation .floating-button-order-now a:visited {
	color: #ffffff;
	text-decoration: none;
}

.comp-website-navigation > div .mobile-main-navigation .mobile-main-navigation-list, .comp-website-navigation > div .mobile-main-navigation .mobile-sub-navigation-list {
	transition: transform 0.4s ease;
	display: none;
	position: fixed;
	top: 61px;
	left: 0;
	height: calc(100% - 61px);
	width: 100%;
	background-color: #ffffff;
	z-index: 1;
	overflow: auto;
}

.comp-website-navigation > div .mobile-main-navigation .mobile-main-navigation-list > div, .comp-website-navigation > div .mobile-main-navigation .mobile-sub-navigation-list > div {
	padding: 8px 16px;
	max-width: 640px;
	margin: 0 auto;
	box-sizing: border-box;
}

.comp-website-navigation > div .mobile-main-navigation .mobile-main-navigation-list > div:last-child, .comp-website-navigation > div .mobile-main-navigation .mobile-sub-navigation-list > div:last-child {
	padding-bottom: 64px;
}

.comp-website-navigation > div .mobile-main-navigation .mobile-main-navigation-list .group-label, .comp-website-navigation > div .mobile-main-navigation .mobile-sub-navigation-list .group-label {
	display: block;
	text-align: left;
}

.comp-website-navigation > div .mobile-main-navigation .mobile-main-navigation-list .language-switch, .comp-website-navigation > div .mobile-main-navigation .mobile-sub-navigation-list .language-switch {
	text-transform: uppercase;
}

.comp-website-navigation > div .mobile-main-navigation .mobile-main-navigation-list .language-switch .icon:before, .comp-website-navigation > div .mobile-main-navigation .mobile-sub-navigation-list .language-switch .icon:before {
	content: "\e993";
	padding-right: 6px;
}

.comp-website-navigation > div .mobile-main-navigation.active .floating-button-order-now {

	display: flex;
}

.comp-website-navigation > div .mobile-main-navigation.active .icon-button.s44:before {
	content: "\e978" !important;
}

.comp-website-navigation > div .mobile-main-navigation.active .icon-button.back-to-main:before {
	content: "\e9d5";
}

.comp-website-navigation > div .mobile-main-navigation.active .icon-button a {
	text-decoration: none;
}

.comp-website-navigation > div .mobile-main-navigation.active .mobile-main-navigation-list {
	display: block;
}

.comp-website-navigation > div .mobile-main-navigation .mobile-sub-navigation-list {
	transform: translateX(100%);
	display: block;
}

.comp-website-navigation > div .mobile-main-navigation .mobile-sub-navigation-list .icon-button.back-to-main.icon-button {
	margin: 8px 0px 16px 0px;
	font-size: 14px;
	line-height: 18px;
}

.comp-website-navigation > div .mobile-main-navigation .mobile-sub-navigation-list .icon-button.back-to-main:before {
	content: "\e9d5";
}

.comp-website-navigation > div .mobile-main-navigation .mobile-sub-navigation-list.active {
	transform: translateX(0%);
}

.comp-website-navigation > div .mobile-main-navigation .mobile-main-navigation-list .article-card.small, .comp-website-navigation > div .mobile-main-navigation .mobile-sub-navigation-list .article-card.small {
	min-height: unset;
	max-width: 100%;
	padding: 0;
	margin: 0;
	padding-bottom: 12px;
	margin-bottom: 12px;
	border-bottom: 1px solid #cccccc;
	background-color: transparent;
	border-radius: 0px;
}

.comp-website-navigation > div .mobile-main-navigation .mobile-main-navigation-list .article-card.small > div > a, .comp-website-navigation > div .mobile-main-navigation .mobile-sub-navigation-list .article-card.small > div > a {
	display: flex;
	flex-wrap: nowrap;
}

.comp-website-navigation > div .mobile-main-navigation .mobile-main-navigation-list .article-card.small > div > a .comp-image, .comp-website-navigation > div .mobile-main-navigation .mobile-sub-navigation-list .article-card.small > div > a .comp-image {
	flex: 0 0 64px;
	border-radius: 0px;
}

.comp-website-navigation > div .mobile-main-navigation .mobile-main-navigation-list .article-card.small > div > a .article-title, .comp-website-navigation > div .mobile-main-navigation .mobile-sub-navigation-list .article-card.small > div > a .article-title {
	font-size: 14px;
	font-family: unset;
	line-height: 18px;
	text-align: left;
	font-weight: normal;
	padding: 0px 0px 0px 8px;
	flex: 1;
	display: flex;
	align-items: center;
}

.comp-website-navigation > div .mobile-main-navigation .mobile-main-navigation-list .article-card.small:before, .comp-website-navigation > div .mobile-main-navigation .mobile-sub-navigation-list .article-card.small:before {
	content: unset;
}

.comp-website-navigation > div .mobile-main-navigation .mobile-main-navigation-list .article-card.small:hover, .comp-website-navigation > div .mobile-main-navigation .mobile-sub-navigation-list .article-card.small:hover {
	transform: none;
}

.comp-website-navigation > div .mobile-main-navigation .mobile-main-navigation-list .article-card.small.clickable > div > a:after, .comp-website-navigation > div .mobile-main-navigation .mobile-sub-navigation-list .article-card.small.clickable > div > a:after {
	content: "\e9d4";
	flex: 0 0 36px;
	margin-top: -3px;
}

.comp-website-navigation > div .main-navigation {
	flex: 0 0 100%;
	display: flex;
	justify-content: center;
	flex-wrap: nowrap;
	background-color: #f3f3f4;
}

.comp-website-navigation > div .main-navigation .nav-buttons {
	height: 68px;
	display: flex;
	flex-wrap: nowrap;
	overflow: hidden;
}

.comp-website-navigation > div .main-navigation .nav-buttons > .group-label {
	height: 100%;
	box-sizing: border-box;
	margin: 0;
	cursor: pointer;
	white-space: nowrap;
}

.comp-website-navigation > div .main-navigation .nav-buttons > .group-label > a {
	padding: 25px 16px 16px 16px;
	position: relative;
}

.comp-website-navigation > div .main-navigation .nav-buttons > .group-label .information-label {
	position: absolute;
	top: 6px;
	left: 8px;
	transform: rotate(-8deg);
}

.comp-website-navigation > div .main-navigation .nav-buttons > .group-label.active > a {
	font-weight: bold;
}

.comp-website-navigation > div .main-navigation .nav-buttons > .group-label.hover {
	background-color: #d8d8d8;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.comp-website-navigation > div .main-navigation .nav-buttons > .group-label.hover .navigation-dropdown {
	display: block;
	z-index: 1;
	left: 50%;
	box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.16);
}

.comp-website-navigation > div .main-navigation .cta-buttons {
	margin-left: 32px;
	margin-right: 16px;
	margin-top: 16px;
	display: flex;
	white-space: nowrap;
	box-sizing: border-box;
}

.comp-website-navigation > div .main-navigation .cta-buttons .comp-button a {
	border-radius: 18px;
}

.comp-website-navigation > div .navigation-dropdown {
	position: absolute;
	z-index: 0;
	width: 100%;
	border-top: 1px solid #d8d8d8;
	left: -50000%;
	background-color: #f3f3f4;
	transform: translateX(-50%);
	display: none;
	height: auto;
	padding-top: 0;
	width: 100%;
	overflow-y: scroll;
	overscroll-behavior-y: contain;
	min-height: 450px;
	max-height: 60vh;
}

.comp-website-navigation > div .navigation-dropdown.hover {
	display: block;
	z-index: 1;
	left: 50%;
}

.comp-website-navigation > div .navigation-dropdown > div {
	padding-bottom: 48px;
	max-width: 1384px;
	margin: 0 auto;
	display: flex;
}

.comp-website-navigation > div .navigation-dropdown > div .additional-information {
	flex: 0 0 288px;
}

.comp-website-navigation > div .navigation-dropdown > div .product-information {
	background-color: #f3f3f4;
	flex: auto;
}

.comp-website-navigation > div .navigation-dropdown > div .product-information > div {
	display: flex;
}

.comp-website-navigation > div .navigation-dropdown > div .product-information .article-cards-group.small {
	padding-top: 16px;
	align-content: flex-start;
	flex: auto;
}

.comp-website-navigation > div .navigation-dropdown > div .product-information .article-cards-group.small .article-card {
	background-color: #ffffff;
}

.comp-website-navigation > div .navigation-dropdown > div .product-information .article-cards-group.small .article-title {
	white-space: break-spaces;
	height: auto;
	min-height: 51px;
	align-content: center;
}

.comp-website-navigation > div .navigation-dropdown > div .product-information .group-label {
	display: block;
	background-color: #ffffff;
	white-space: normal;
	height: auto;
	min-height: 44px;
}

.comp-website-navigation > div .navigation-dropdown > div .product-information .group-label > div {
	text-align: center;
}

.comp-website-navigation > div .navigation-dropdown .cta-buttons-mobile {
	display: none;
}

.comp-website-navigation > div .navigation-dropdown .more-information {
	flex: 0 0 320px;
	max-width: 320px;
	background-color: #f3f3f4;
}

.comp-website-navigation > div .navigation-dropdown .more-information .group-label {
	margin-bottom: 8px;
	text-align: left;
}

.comp-website-navigation > div .navigation-dropdown .more-information > div {
	padding-top: 16px;
}

.comp-website-navigation > div .navigation-dropdown .more-information .list-element {
	margin-left: 16px;
	margin-right: 16px;
}

.comp-website-navigation > div .navigation-dropdown .more-information .divider {
	margin-left: 16px;
	margin-right: 16px;
	width: auto;
}

.comp-website-navigation > div .navigation-dropdown .more-information .divider:last-child {
	margin-bottom: 32px;
}

/* hover mode on desktops */
body:not(.mobilebrowser) .comp-website-navigation .group-label > a:hover, body:not(.mobilebrowser) .comp-website-navigation .list-element a:hover {
	text-decoration: underline;
}

body.mac .comp-website-navigation .navigation-dropdown > div .product-information .comp-image picture img {
	image-rendering: unset;
}

@media only screen and (max-width: 1400px) {
	.comp-website-navigation > div .icon-sub-navigation .icon-button.hotline a span {
		display: none;
	}

	.comp-website-navigation .navigation-dropdown > div .product-information .article-cards-group.small {
		padding-right: 0;
	}

	.comp-website-navigation .navigation-dropdown {
		max-height: 75vh;
	}
}

@media only screen and (max-width: 992px) {
	.comp-website-navigation.has-no-mainnav > div {
		border-bottom-style: none;
	}

	.comp-website-navigation {
		padding-bottom: 59px;
	}

	.comp-website-navigation.has-no-mainnav {
		padding-bottom: 59px;
	}

	.comp-website-navigation > div .header-navigation {
		border-bottom: 1px solid #d8d8d8;
	}

	.comp-website-navigation > div .header-navigation .sub-navigation {
		display: none;
	}

	.comp-website-navigation > div .header-navigation .mobile-main-navigation .icon-button {
		margin-right: 8px;
		margin-top: 10px;
	}

	.comp-website-navigation > div .header-navigation .mobile-main-navigation .icon-button:before {
		content: "\e99a";
	}

	.comp-website-navigation > div .header-navigation .icon-sub-navigation {
		padding-right: 8px;
		padding-top: 12px;
		padding-bottom: 12px;
	}

	.comp-website-navigation > div .header-navigation .icon-sub-navigation .language-switch {
		display: none;
	}

	.comp-website-navigation > div .header-navigation .logo {
		padding-top: 12px;
	}

	.comp-website-navigation > div .header-navigation .logo img {
		padding-top: 4px;
		margin-left: -2px;
		margin: 0;
		height: 27px;
	}

	.comp-website-navigation > div .main-navigation {
		display: none;
	}

	.comp-website-navigation > div .navigation-dropdown {
		display: none;
	}
}

@media only screen and (min-width: 992px) {
	.mobile-main-navigation {
		display: none;
	}
}

.mobile-main-navigation .article-card picture.r {
	display: none;
}

.mobile-main-navigation .article-card picture.nr img {
	image-rendering: -webkit-optimize-contrast;
}

@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) {
	.mobile-main-navigation .article-card picture.r {
		display: block;
	}

	.mobile-main-navigation .article-card picture.nr {
		display: none;
	}
}



.comp-content-wrapper, #mainContent .comp-content-wrapper {
	padding: 32px 0px 32px 0px;
}

.comp-content-wrapper.no-padding, #mainContent .comp-content-wrapper.no-padding {
	padding: 0;
}

.comp-content-wrapper .comp-boxes-group .comp-content-box, #mainContent .comp-content-wrapper .comp-boxes-group .comp-content-box {
	background-color: transparent;
	margin: 0 auto;
}

.comp-content-wrapper .comp-content-box .comp-text h1, .comp-content-wrapper .comp-content-box .comp-text h2.h1, #mainContent .comp-content-wrapper .comp-content-box .comp-text h1, #mainContent .comp-content-wrapper .comp-content-box .comp-text h2.h1 {
	color: unset;
}

.comp-content-wrapper:not(.no-padding) .comp-banner-image > div .comp-heading, #mainContent .comp-content-wrapper:not(.no-padding) .comp-banner-image > div .comp-heading {
	padding-top: 10px;
}

.comp-content-wrapper .comp-banner-image > div, #mainContent .comp-content-wrapper .comp-banner-image > div {
	padding-bottom: 0;
	margin-top: 0;
	margin-bottom: 0;
}

.comp-content-wrapper > .comp-heading > p{
	margin:0 auto;
}



.comp-customer-success-stories.bg-lgrey {
	background-color: #fbfbfb;
}

.comp-customer-success-stories.card-list .comp-boxes-group {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: 20px 0px 20px 0px;
	align-items: baseline;
}

.comp-customer-success-stories.card-list .comp-boxes-group .comp-content-box {
	flex: auto;
	max-width: 522px;
}

.comp-customer-success-stories.card-list .comp-boxes-group .comp-content-box .comp-text {
	padding: 20px 16px 20px 16px;
}

.comp-customer-success-stories.card-list .comp-boxes-group .comp-content-box .comp-text > div {
	flex: 1;
}

.comp-customer-success-stories.card-list .comp-boxes-group .comp-content-box .comp-text > div, .comp-customer-success-stories.card-list .comp-boxes-group .comp-content-box .comp-text > div p {
	text-align: center;
}

.comp-customer-success-stories.card-list .comp-boxes-group .comp-content-box .comp-text .customer-success-profile {
	display: block;
	flex: 0;
}

.comp-customer-success-stories.card-list .comp-boxes-group .comp-content-box .comp-text .customer-success-profile .customer-logo img {
	max-height: 180px;
}

.comp-customer-success-stories.card-list .comp-boxes-group .comp-content-box .comp-text .customer-success-profile .customer-name {
	font-size: 22px;
	line-height: 22px;
	font-weight: bold;
	padding: 12px 0px 0px 0px;
}

.comp-customer-success-stories .comp-image-list {
	background-color: transparent;
}

.comp-customer-success-stories .comp-image-list .image-list-group {
	padding: 0px 8px 0px 8px;
}

.comp-customer-success-stories .comp-content-list {
	background-color: transparent;
}

.comp-customer-success-stories .comp-text {
	padding-top: 40px;
}

.comp-customer-success-stories .comp-text .customer-success-profile {
	text-align: left;
	padding-bottom: 12px;
	display: flex;
	align-items: center;
}

.comp-customer-success-stories .comp-text .customer-success-profile .customer-avatar.comp-image {
	flex: 0 0 96px;
	border-radius: 48px;
	overflow: hidden;
	height: 96px;
	margin-right: 8px;
	padding: 0;
}

.comp-customer-success-stories .comp-text .customer-success-profile .customer-avatar.comp-image picture {
	padding-bottom: 100%;
}

.comp-customer-success-stories .comp-text .customer-success-profile .customer-avatar.comp-image picture img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.comp-customer-success-stories .comp-text .customer-success-profile .customer-voting > div {
	flex: auto;
	display: inline-block;
	height: 24px;
	width: 120px;
	max-width: 100%;
	margin: 4px 0px 2px 0px;
	background-repeat: repeat-x;
	overflow: hidden;
	background-size: auto 100%;
	background-image: url("https://photoservice.cloud/languagesportal/images/70ccf7c3-5d18-4678-b7ac-97f4cbcabebd.svg");
}

.comp-customer-success-stories .comp-text .customer-success-profile .customer-voting > div .starstop {
	background-image: url("https://photoservice.cloud/languagesportal/images/f4fb9c1e-a6c9-440c-8c95-e543f66e30f8.svg");
	background-repeat: repeat-x;
	background-size: auto 100%;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.comp-customer-success-stories .comp-text .customer-success-profile .customer-name {
	font-size: 16px;
	line-height: 24px;
	padding-left: 2px;
}

@media only screen and (max-width: 446px) {
	.comp-customer-success-stories.card-list .comp-boxes-group .comp-content-box .comp-text {
		padding-left: 32px;
		padding-right: 32px;
	}
}



.comp-feature-table > div {
	max-width: 1632px;
	margin: 0 auto;
	color: #000000;
	padding-bottom: 48px;
}
.comp-feature-table > div .comp-heading {
	padding: 42px 16px 8px 16px;
}
.comp-feature-table > div .comp-cta {
	margin-top: 32px;
}
.comp-feature-table > div .feature-table {
	padding: 0px 16px;
}
.comp-feature-table > div .feature-table.sticky-headings > div .feature-value-col .feature-heading {
	position: sticky;
	top: 0px;
	z-index: 1;
	background-color: #ffffff;
}
.comp-feature-table > div .feature-table.sticky-headings > div .feature-value-col.highlighted-element .feature-heading {
	top: -44px;
}
.comp-feature-table > div .feature-table.mobile-screens {
	display: block;
}
.comp-feature-table > div .feature-table.mobile-screens > div > div .feature-element {
	padding-top: 14px;
	/* mobile column as row */
	flex-wrap: wrap;
}
.comp-feature-table > div .feature-table.mobile-screens > div > div .feature-element .feature-element-columns-as-rows {
	flex: 0 0 100%;
	padding: 4px 0px;
}
.comp-feature-table > div .feature-table.mobile-screens > div > div .feature-element .feature-element-columns-as-rows .value-row {
	display: flex;
	padding: 4px 0px;
	gap: 8px;
}
.comp-feature-table > div .feature-table.mobile-screens > div > div .feature-element .feature-element-columns-as-rows .value-row .value {
	flex-basis: 32px;
	min-width: 32px;
	align-content: center;
	text-align: center;
}
.comp-feature-table > div .feature-table.mobile-screens > div > div .feature-element .feature-element-columns-as-rows .value-row .label {
	flex: 1;
	font-weight: bold;
}
.comp-feature-table > div .feature-table.desktop-screens {
	display: none;
}
.comp-feature-table > div .feature-table.compare-elements > div:not(.feature-notes) .feature-value-col {
	font-weight: normal;
}
.comp-feature-table > div .feature-table.compare-elements > div:not(.feature-notes) .feature-value-col .feature-heading .heading {
	height: 54px;
	overflow: hidden;
	font-size: 18px;
	line-height: 24px;
	display: flex;
	align-items: center;
	font-weight: bold;
	justify-content: center;
}
.comp-feature-table > div .feature-table.compare-elements > div:not(.feature-notes) .feature-value-col .comp-image picture {
	padding-bottom: calc(100% / 2.5);
}
.comp-feature-table > div .feature-table.compare-elements > div:not(.feature-notes) .feature-value-col .comp-image img {
	z-index: -1;
}
.comp-feature-table > div .feature-table.compare-elements > div:not(.feature-notes) .feature-value-col .values {
	flex: 1;
	text-align: left;
}
.comp-feature-table > div .feature-table.compare-elements > div:not(.feature-notes) .feature-value-col .values .feature-element {
	font-weight: normal;
	font-size: 16px;
}
.comp-feature-table > div .feature-table.compare-elements > div:not(.feature-notes) .feature-label-col .feature-element {
	font-weight: normal;
	font-size: 16px;
}
.comp-feature-table > div .feature-table > div > div {
	flex: 0 1 auto;
	max-width: 100%;
	width: 446px;
	margin: 32px auto 0px auto;
}
.comp-feature-table > div .feature-table > div .usp-icon {
	width: 32px;
	height: 32px;
}
.comp-feature-table > div .feature-table > div .feature-label-col {
	display: none;
}
.comp-feature-table > div .feature-table > div .feature-label-col .feature-element {
	padding-left: 16px;
	padding-right: 16px;
	box-sizing: border-box;
	text-align: left;
	display: grid;
	flex: 1;
	grid-template-columns: 1fr auto;
}
.comp-feature-table > div .feature-table > div .feature-value-col {
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
	border: 1px solid #cccccc;
}
.comp-feature-table > div .feature-table > div .feature-value-col.highlighted-element {
	border-color: #d5a52f;
}
.comp-feature-table > div .feature-table > div .feature-value-col.highlighted-element .feature-heading .group-label:first-child, .comp-feature-table > div .feature-table > div .feature-value-col.highlighted-element .feature-heading .highlighted {
	background-color: #d5a52f;
	color: #ffffff;
}
.comp-feature-table > div .feature-table > div .feature-value-col .feature-heading {
	flex: 0 0 100%;
}
.comp-feature-table > div .feature-table > div .feature-value-col .feature-heading .group-label.g1 {
	margin-top: 8px;
}
.comp-feature-table > div .feature-table > div .feature-value-col .feature-heading .group-label:last-child {
	margin-bottom: 8px;
}
.comp-feature-table > div .feature-table > div .feature-value-col .labels {
	flex: 1;
}
.comp-feature-table > div .feature-table > div .feature-value-col .labels .feature-element {
	padding-left: 16px;
	box-sizing: border-box;
	text-align: left;
	display: grid;
	flex: 1;
	grid-template-columns: 1fr auto;
	align-items: start;
}
.comp-feature-table > div .feature-table > div .feature-value-col .labels .feature-element.hidden {
	display: none;
}
.comp-feature-table > div .feature-table > div .feature-value-col .values {
	text-align: center;
	flex: 0 1 96px;
}
.comp-feature-table > div .feature-table > div .feature-value-col .values .feature-element {
	font-size: 16px;
	font-weight: bold;
	display: flex;
	justify-content: center;
	padding-left: 16px;
	padding-right: 16px;
	box-sizing: border-box;
}
.comp-feature-table > div .feature-table > div .feature-value-col .values .feature-element.hidden {
	display: none;
}
.comp-feature-table > div .feature-table > div .feature-value-col .values .icon-button.add:before {
	content: "\ea0d";
}
.comp-feature-table > div .feature-table > div .feature-value-col .values .feature-element.active .icon-button.add:before {
	content: "\e99b";
}
.comp-feature-table > div .feature-table > div .feature-element {
	min-height: 44px;
	padding-top: 8px;
	padding-bottom: 8px;
	display: flex;
	gap: 8px;
	align-items: center;
}
.comp-feature-table > div .feature-table > div .feature-element .highlight {
	font-size: 12px;
	line-height: 14px;
	color: #ffffff;
	background-color: #6e6e6e;
	padding: 1px 4px;
	border-radius: 2px;
	margin: 0 4px;
}
.comp-feature-table > div .feature-table > div .feature-element.chapter-row {
	border-top: 1px solid #efefef;
	background-color: #ffffff;
	display: flex;
	font-weight: bold !important;
	padding-top: 24px;
	padding-bottom: 16px;
}
.comp-feature-table > div .feature-table > div .feature-element:not(.chapter-row):nth-child(even) {
	background-color: #f7f7f7;
}
.comp-feature-table > div .feature-table > div .feature-element:not(.chapter-row):nth-child(odd) {
	background-color: #fbfbfb;
}
.comp-feature-table > div .feature-table .feature-notes {
	max-width: 100%;
	width: 446px;
	margin: 0px auto 0px auto;
	display: block;
	padding: 8px 0px 0px 0px;
}
.comp-feature-table > div .feature-table .feature-notes p {
	max-width: unset;
	line-height: 120%;
	font-size: 14px;
	color: #676767;
	margin-bottom: 0;
	text-align: left;
}
@media only screen and (min-width: 992px) {
	.comp-feature-table > div .feature-table.mobile-screens {
		display: none;
	}
	.comp-feature-table > div .feature-table.desktop-screens {
		display: block;
	}
	.comp-feature-table > div .feature-table.compare-elements > div:not(.feature-notes) {
		overflow-x: auto;
		overflow-y: hidden;
		justify-content: flex-start;
	}
	.comp-feature-table > div .feature-table.compare-elements > div:not(.feature-notes) > div {
		flex: 1;
	}
	.comp-feature-table > div .feature-table.compare-elements > div:not(.feature-notes) .feature-value-col {
		min-width: 220px;
		/*		border-bottom-style:none;
      								border-left-style:none;
      
      				border-right-style: solid;*/
	}
	.comp-feature-table > div .feature-table.compare-elements > div:not(.feature-notes) .feature-label-col {
		position: sticky;
		left: 0px;
		top: 0px;
		align-self: stretch;
		background-color: #ffffff;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		/*border-right:1px solid #CCC;*/
		min-width: 220px;
		box-sizing: border-box;
		/* correct the other bottom borders */
		margin-bottom: 1px;
	}
	.comp-feature-table > div .feature-table.compare-elements > div:not(.feature-notes) .feature-label-col .feature-element.chapter-row {
		cursor: pointer;
	}
	.comp-feature-table > div .feature-table.compare-elements > div:not(.feature-notes) .feature-label-col .feature-element.chapter-row:before {
		content: "\ea0d";
		font-size: 19px;
		color: #6e6e6e;
		font-family: "icomoon";
	}
	.comp-feature-table > div .feature-table.compare-elements > div:not(.feature-notes) .feature-label-col .feature-element.chapter-row.active:before {
		content: "\e99b";
	}
	.comp-feature-table > div .feature-table.sticky-headings > div:not(.feature-notes) {
		overflow: unset;
		justify-content: flex-start;
	}
	.comp-feature-table > div .feature-table > div {
		display: flex;
		align-items: flex-end;
		justify-content: center;
		flex-wrap: nowrap;
	}
	.comp-feature-table > div .feature-table > div > div {
		margin: 0;
		min-width: 200px;
	}
	.comp-feature-table > div .feature-table > div .feature-element.hidden {
		display: none !important;
	}
	.comp-feature-table > div .feature-table > div .feature-element .icon-button {
		display: none !important;
	}
	.comp-feature-table > div .feature-table > div .feature-label-col {
		display: block;
		flex: 1;
	}
	.comp-feature-table > div .feature-table > div > .feature-value-col {
		min-width: unset;
		flex: 1;
		width: auto;
		max-width: 375px;
	}
	.comp-feature-table > div .feature-table > div > .feature-value-col:not(:last-child) {
		border-right-style: none;
	}
	.comp-feature-table > div .feature-table > div > .feature-value-col .labels {
		display: none;
	}
	.comp-feature-table > div .feature-table > div > .feature-value-col .values {
		flex: 1;
	}
	.comp-feature-table > div .feature-table > div > .feature-value-col.highlighted-element + .feature-value-col, .comp-feature-table > div .feature-table > div > .feature-value-col.highlighted-element + .feature-value-col .feature-heading {
		border-left-style: none;
		box-shadow: -1px 0px 0px 0px #d5a52f;
	}
	.comp-feature-table > div .feature-table .feature-notes {
		width: auto;
	}
}
/*situation with and without Main navigation
#TopNav:has(.main-navigation) + #mainContent .comp-feature-table > div .feature-table.sticky-headings > div .feature-value-col .feature-heading {
	top: 52px;
}

#TopNav:has(.main-navigation) + #mainContent .comp-feature-table > div .feature-table.sticky-headings > div .feature-value-col.highlighted-element .feature-heading {
	top: 8px;
}
*/



.comp-heading.comp-text-centered .buttongroup {
	justify-content: center;
}



.contents-main {
	background-color: #fff;
}

.contents-main.light-grey {
	background-color: #fbfbfb;
}

.contents-main.dark-grey {
	background-color: #383838;
}

.comp-boxes {
	padding-top: 40px;
	padding-bottom: 40px;
}

.comp-boxes-group {
	display: flex;
	flex-wrap: wrap;
	max-width: calc(1600px + 16px);
	margin: 0 auto;
}

@media only screen and (max-width: 2000px) {
	.comp-boxes-group {
		max-width: calc(1400px + 16px);
	}
}

.comp-content-box {
	flex: 1;
	flex-basis: calc(50% - 16px);
	max-width: calc(100% - 16px);
	padding: 0;
	margin: 8px;
	display: flex;
	flex-direction: row;
	background-color: #fff;
}

.comp-content-box.bg-lgrey {
	background-color: #fbfbfb;
}

.comp-content-box.bg-dgrey {
	background-color: #383838 !important;
	color: #fff !important;
}

.comp-content-box .comp-image {
	flex: 0 0 calc(50% - 20px);
}

.comp-content-box .comp-image.chapter-image {
	flex: 0 0 calc(50% + 54px);
}

.comp-content-box .comp-image.img33 {
	flex: 0 0 calc(33.33% + 8px);
}

.comp-content-box .comp-image .image-area picture {
	padding-bottom: calc(100% / 1.425);
}

.comp-content-box .comp-image .image-area picture img {
	height: 100%;
}

.comp-content-box .comp-video {
	padding: 0;
	flex: 0 0 calc(50% - 20px);
}

.comp-content-box .comp-video.vid33 {
	flex: 0 0 calc(33.33% + 8px);
}

.comp-content-box .comp-video .image-area {
	background-color: #383838;
	position: relative;
	padding-top: 56.25%;
	overflow: hidden;
}

.comp-content-box .comp-video img, .comp-content-box .comp-video iframe {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}

.comp-content-box .comp-video img {
	opacity: 0.7;
}

.comp-content-box .comp-video iframe {
	width: 100%;
	height: 100%;
}

.comp-content-box .comp-video .play-button {
	top: 50%;
	left: 50%;
	transform: translate3d(-50%, -50%, 0);
	width: 68px;
	height: 68px;
	background-image: url(https://photoservice.cloud/languagesportal/images/3b85f029-007b-4e84-8fe5-dce3410f8223.png);
	opacity: 0.8;
	background-size: 100% 100%;
	background-position: center center;
	background-attachment: scroll;
	position: absolute;
	cursor: pointer;
}

.comp-content-box .comp-text {
	padding: 40px 48px 18px 48px;
	flex: 1;
	flex-basis: auto;
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.comp-content-box .comp-text > div {
	max-width: 960px;
	margin: 0 auto;
	text-align: left;
	width: 100%;
}

.comp-content-box .comp-text p, .comp-content-box .comp-text ul, .comp-content-box .comp-text ol {
	margin-bottom: 19px;
	text-align: left;
	background-color: transparent !important;
}

.comp-content-box .comp-text ul, .comp-content-box .comp-text ol {
	padding-left: 2em;
	margin-left: 0;
}

.comp-content-box .comp-text p:first-child {
	margin-top: 0px;
}

.comp-content-box .comp-text :last-child {
	margin-bottom: 0;
}

.comp-content-box .comp-text .comp-cta {
	padding-top: 16px;
}

@media only screen and (max-width: 1600px), (max-height: 1024px) {
	.comp-boxes-group {
		max-width: calc(1200px + 16px);
	}
}

@media only screen and (min-width: 1024px) {
	.comp-boxes .comp-boxes-group:nth-child(4n+0) .comp-image, .comp-boxes .comp-boxes-group:nth-child(4n+0) .comp-video {
		order: 2;
	}
}

.comp-image img, .carousel-preview img {
	margin: 0;
	padding: 0;
	max-width: unset;
	max-height: unset;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: auto;
	height: 100%;
	max-width: 16000px;
}

.comp-image picture, .carousel-preview picture {
	height: auto;
	width: 100%;
	display: block;
	position: relative;
	text-align: center;
	overflow: hidden;
	padding-bottom: calc(100% / 1.425);
}

.comp-image picture img[src="Demo.png"], .carousel-preview picture img[src="Demo.png"] {
	background-color: rgba(151, 248, 228, 0.4);
}

.comp-image picture img, .carousel-preview picture img {
	margin: 0;
	padding: 0;
	max-width: unset;
	max-height: unset;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: auto;
	height: 100%;
	max-width: 16000px;
}

.comp-image picture.demo img, .carousel-preview picture.demo img {
	background-size: 100% 100%;
	background-color: rgba(151, 248, 228, 0.4);
	background-image: url("../Demo.png");
}

.comp-image picture.tooltip, .carousel-preview picture.tooltip {
	padding-bottom: 100%;
}

.comp-image picture.tooltip img, .carousel-preview picture.tooltip img {
	height: 100%;
	width: 100%;
}

.comp-image .image-area, .carousel-preview .image-area {
	margin: 0 auto;
}

/* carousel*/
.comp-image-carousel {
	text-align: left;
	max-width: 1058px;
	margin: 0 auto;
	padding: 48px 40px 36px 48px;
	box-sizing: border-box;
}

.comp-image-carousel > div {
	position: relative;
	display: inline-flex;
	flex-wrap: wrap;
}

.comp-image-carousel.small-preview .comp-carousel-item {
	flex: 0 0 44px;
}

.comp-image-carousel.small-preview .comp-carousel-item .carousel-preview {
	width: 44px;
	height: 44px;
}

.comp-image-carousel .comp-carousel-item {
	flex: 0 0 90px;
	padding-right: 8px;
	padding-bottom: 8px;
	cursor: pointer;
}

.comp-image-carousel .comp-carousel-item:last-child {
	padding-right: 0;
}

.comp-image-carousel .comp-carousel-item.active .carousel-label {
	opacity: 1;
}

.comp-image-carousel .comp-carousel-item.active .carousel-preview {
	border: 2px solid #707070;
	background-color: #707070;
}

.comp-image-carousel .comp-carousel-item .carousel-preview {
	width: 90px;
	height: 90px;
	overflow: hidden;
	margin: 0 auto;
	border-radius: 50%;
	border: 2px solid #d8d8d8;
	background-color: #d8d8d8;
}

.comp-image-carousel .comp-carousel-item .carousel-preview picture {
	padding-bottom: 100% !important;
	border-radius: 50%;
}

.comp-image-carousel .comp-carousel-item .carousel-preview picture img {
	height: 100% !important;
	transform: translate(-50%, -50%) !important;
}

.comp-image-carousel .comp-carousel-item .carousel-preview > div {
	height: 100%;
	width: 100%;
	position: relative;
}

.comp-image-carousel .comp-carousel-item .carousel-label {
	position: absolute;
	left: 0px;
	top: -40px;
	height: 36px;
	display: flex;
	align-items: center;
	font-weight: bold;
	opacity: 0;
}

.comp-text .comp-image-carousel {
	padding: 48px 0px 0px 0px;
}

.bg-dgrey .comp-image .comp-image-carousel .comp-carousel-item.active .carousel-preview {
	border-color: #d8d8d8;
	background-color: #d8d8d8;
}

.bg-dgrey .comp-image .comp-image-carousel .comp-carousel-item .carousel-preview {
	border-color: #707070;
	background-color: #707070;
}

@media only screen and (max-width: 1023px) {
	.comp-content-box {
		flex-direction: column;
		flex: 0 0 100%;
		margin: 8px auto;
		max-width: 960px;
	}

	.comp-content-box .comp-headline {
		padding-left: 32px;
		padding-right: 32px;
	}

	.comp-content-box .comp-image, .comp-content-box .comp-video, .comp-content-box .comp-image.chapter-image {
		flex: 0;
	}

	.comp-content-box .comp-text {
		order: 2;
		padding-left: 32px;
		padding-right: 32px;
		padding-bottom: 40px;
		padding-top: 18px;
	}

	.comp-content-box .comp-text .comp-image-carousel {
		order: -1;
		margin-top: -22px !important;
		margin-bottom: 4px;
	}

	.flip-images-mobile .comp-content-box .comp-image {
		order: 3;
	}

	.flip-images-mobile .comp-content-box .comp-text {
		padding-top: 40px;
	}
}

@media only screen and (min-width: 1600px) and (min-height: 1024px) {
	.comp-boxes-group .comp-text {
		padding: 0px 64px;
	}
}



@media only screen and (max-width: 2000px) {
	.comp-order-type > div {
		max-width: 1416px;
	}
}
@media only screen and (max-width: 1600px), (max-height: 1024px) {
	.comp-order-type > div {
		max-width: 1216px;
	}
}
.comp-order-type.bg-lgrey .order-type-item > div {
	background-color: #FFFFFF;
}
.comp-order-type > div {
	padding-bottom: 48px;
	max-width: 1616px;
	margin: 0 auto;
}
.comp-order-type .order-type-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 16px;
	align-items: stretch;
	padding: 0px 16px;
}
.comp-order-type .order-type-item {
	flex: 1;
	min-width: 280px;
	max-width: 384px;
}
.comp-order-type .order-type-item > div {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	gap: 16px;
	height: 100%;
	border-radius: 6px;
	background-color: #F8F8F8;
	padding: 24px 16px;
	box-sizing: border-box;
	text-align: center;
}
.comp-order-type .order-type-item .order-type-title {
	flex: 1;
}
.comp-order-type .order-type-item .order-type-title .image {
	height: 96px;
	position: relative;
	padding-bottom: 10px;
}
.comp-order-type .order-type-item .order-type-title .image img {
	height: 100%;
	width: auto;
}
.comp-order-type .order-type-item .order-type-title .image .information-label {
	position: absolute;
	left: auto;
	right: 0px;
	top: -8px;
	font-size: 14px;
	border-radius: 6px;
	background-color: #E3A201;
	padding: 4px 8px;
}
.comp-order-type .order-type-item .order-type-title h2 {
	font-size: 24px;
	line-height: 31px;
}
.comp-order-type .order-type-item .order-type-title ul {
	margin: 0;
	padding: 0;
	margin-top: 18px;
	margin-bottom: 2px;
}
.comp-order-type .order-type-item .order-type-title ul li {
	margin-left: 24px;
	text-align: left;
}
.comp-order-type .order-type-item .order-type-cta {
	padding-top: 4px;
	margin-bottom: 36px;
}
.comp-order-type .order-type-item .order-type-cta .secondary {
	margin-top: 16px;
}
.comp-order-type .order-type-item .order-type-cta:has(.secondary) {
	margin-bottom: 0;
}
@media only screen and (max-width: 1024px) {
	.comp-order-type > div {
		max-width: 100%;
	}
	.comp-order-type > div .order-type-list {
		padding: 4px 16px 16px 16px;
		overflow-x: auto;
		flex-wrap: nowrap;
		justify-content: flex-start;
	}
	.comp-order-type > div .order-type-list .order-type-item {
		scroll-snap-align: start;
		/* Ensures each item snaps to the start */
		flex: 0 0 75%;
	}
}



.comp-website-navigation a.language-image img {
	width: 24px;
	padding-right: 8px;
	flex: 0;
	float: left;
}
.comp-website-navigation > div .icon-sub-navigation .language-switch {
	align-items: center;
	padding-right: 12px;
	width: auto;
}
.comp-website-navigation > div .icon-sub-navigation .language-switch:before {
	content: "\e993";
	top: -1px;
}
.comp-website-navigation > div .icon-sub-navigation .language-switch > a, .comp-website-navigation > div .icon-sub-navigation .language-switch > span {
	width: auto;
	margin-left: 0px;
	color: unset;
	padding-top: 1px;
	box-sizing: border-box;
	align-content: center;
	text-transform: uppercase;
}
.comp-website-navigation > div .mobile-main-navigation .mobile-main-navigation-list .language-switch, .comp-website-navigation > div .mobile-main-navigation .mobile-sub-navigation-list .language-switch {
	text-transform: uppercase;
}
.comp-website-navigation > div .mobile-main-navigation .mobile-main-navigation-list .language-switch .icon:before, .comp-website-navigation > div .mobile-main-navigation .mobile-sub-navigation-list .language-switch .icon:before {
	content: "\e993";
	padding-right: 6px;
}

@media only screen and (max-width: 992px) {
	.comp-website-navigation > div .header-navigation .icon-sub-navigation .language-switch {
		display: none;
	}
}



.comp-faq {
	max-width: 100%;
	margin: 0 auto;
	padding-top: 0px;
	padding-bottom: 48px;
}
.comp-faq.bg-lgrey {
	background-color: #f3f3f4;
}
.comp-faq .comp-heading {
	padding: 40px 32px 3px 32px;
	text-align: left;
}
.comp-faq .comp-heading > div {
	max-width: 960px;
	margin: 0 auto;
}
.faq-list {
	max-width: 960px;
	margin: 0 auto;
	padding: 0px 32px 0px 32px;
}
.faq-list .faq-title {
	min-height: 36px;
	text-align: left;
	align-content: center;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	cursor: pointer;
}
.faq-list .faq-title .label {
	display: flex;
	align-items: center;
	font-size: 16px;
	line-height: 24px;
	text-align: left;
}
.faq-list .faq-title .icon-button:before {
	content: "\ea0d";
}
.faq-list .faq-item .faq-text {
	display: none;
	text-align: left;
	font-size: 16px;
	line-height: 24px;
	padding-right: 36px;
	box-sizing: border-box;
}
.faq-list .faq-item .faq-text p, .faq-list .faq-item .faq-text ul, .faq-list .faq-item .faq-text ol {
	margin-top: 3px;
	margin-bottom: 19px;
}
.faq-list .faq-item .faq-text ul {
	padding-left: 2em;
}
.faq-list .faq-item.active .faq-text {
	display: inherit;
	padding-bottom:16px;
}
.faq-list .faq-item.active .icon-button:before {
	content: "\e99b";
}
.faq-list .faq-item.active .faq-title {
	font-weight: bold;
}
.faq-list .faq-item:after {
	content: "";
	display: block;
	border-top: 1px solid #CCC;
	padding-bottom: 4px;
	margin-top: 3px;
}



@font-face {
	font-family: "SourceSansPro-Regular";
	src: url("https://photoservice.cloud/assets/css/Fonts/sourcesanspro-regular-webfont.woff2") format("woff2"),
	url("https://photoservice.cloud/assets/css/Fonts/sourcesanspro-regular-webfont.woff") format("woff");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "SourceSansPro-Regular";
	src: url("https://photoservice.cloud/assets/css/Fonts/sourcesanspro-bold-webfont.woff2") format("woff2"),
	url("https://photoservice.cloud/assets/css/Fonts/sourcesanspro-bold-webfont.woff") format("woff");
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "SourceSansPro-Light";
	src: url("https://photoservice.cloud/assets/css/Fonts/sourcesanspro-light-webfont.woff2") format("woff2"),
	url("https://photoservice.cloud/assets/css/Fonts/sourcesanspro-light-webfont.woff") format("woff");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "icomoon";
	src: url("https://photoservice.cloud/typo-webpages/fileadmin/sg-saal/css/icomoon.woff2") format("woff2"),
	url("https://photoservice.cloud/typo-webpages/fileadmin/sg-saal/css/icomoon.woff") format("woff");
	font-weight: 400;
	font-style: normal;
	font-display: swap
}

:root {
	--color-white: #fff;
	--color-lightgrey: #efefef;
	--color-font: #2c2c2c;
	--color-font-medium: #525252;
}

html {
	margin: 0;
	padding: 0;
	border: 0;
}

body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

#mainContent {
	text-align: center;
}

/*login elements*/
.show-logged-in, body.user-logged-in .hide-logged-in {
	display: none;
}

body.user-logged-in .show-logged-in {
	display: inherit;
}

.show-user-standard, .show-user-professional, .show-user-photoportal {
	display: none;
}
body.user-logged-in.user-is-standard .show-user-standard {
	display: inherit;
}

body.user-logged-in.user-is-professional .show-user-professional {
	display: inherit;
}

body.user-logged-in.user-is-photoportal .show-user-photoportal {
	display: inherit;
}

/*device elements*/
.show-mobile, .show-desktop, .show-desktop-mac, .show-desktop-windows, .show-mobile-ios, .show-mobile-android {
	display: none;
}

body.mobilebrowser .show-mobile {
	display: inherit;
}

body.mobilebrowser.mac .show-mobile-ios {
	display: inherit;
}

body.mobilebrowser.pc .show-mobile-android {
	display: inherit;
}

body:not(.mobilebrowser) .show-desktop {
	display: inherit;
}

body:not(.mobilebrowser).mac .show-desktop-mac {
	display: inherit;
}

body:not(.mobilebrowser).pc .show-desktop-windows {
	display: inherit;
}

article, aside, dialog, figure, footer, header, hgroup, nav, section {
	display: block;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption {
	text-align: left;
}

table, th, td {
	vertical-align: middle;
}

a {
	color: var(--color-font-medium);
}

a img {
	border: none;
}

:focus {
	outline: 0;
}

html {
	font-size: 100.01%;
	min-height: 101%
}

body {

	color: var(--color-font);
	font-family: "SourceSansPro-Regular", sans-serif !important;
	text-wrap-style: pretty;

}

textarea, input, select {
	font-family: "SourceSansPro-Regular", sans-serif;
	font-size: 1em;
}

img {
	width: auto;
	max-width: 100%;
	height: auto;
}

h1 {
	font-family: "SourceSansPro-Regular", sans-serif;
	font-weight: bold;
	margin-bottom: 6px;

}

h2 {
	font-family: "SourceSansPro-Regular", sans-serif;
	font-weight: bold;
	hyphens: auto;

}

h2.highlight {
	background-color: #d9052f;
	font-weight: normal;
	color: #fff;
	padding-left: 4px;
	display: inline-block;
	padding-right: 4px;
}

h1 {
	font-size: 40px;
	line-height: 1.2;
}

h1 + h2, h2 + h3 {
	font-weight: normal;
	font-family: "SourceSansPro-Light", sans-serif;

}

h3 {
	font-size: 26px;
	line-height: 1.2;
	font-weight: bold;
	hyphens: auto;
}

h2 {
	font-size: 30px;
	line-height: 1.2;
	margin-bottom: 11px;
}

p, ul, ol {
	font-size: 16px;
	margin-top: 8px;
	line-height: 24px;
	margin-bottom: 19px;
	hyphens: auto;
}

@media only screen and (min-width: 1921px) and (min-height: 1024px) {
	h1 {
		font-size: 42px;
	}

	h2 {
		font-size: 32px;
	}

	h3 {
		font-size: 28px;
	}

	.comp-text p, .comp-text ul, .comp-text ol, .comp-heading p, .comp-heading ul, .compheading ol, .comp-usp .usp-element .usp-text, .comp-usp .usp-element .usp-text * {
		font-size: 18px;
		line-height: 26px;
	}
}

p, li {
	max-width: 960px;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

blockquote {
	font-style: italic;
}

em, dfn {
	font-style: italic;
}

li ul, li ol {
	margin: 0;
}

ul {
	list-style-type: square;
}

ol {
	list-style-type: decimal;
}

dl {
	margin: 0 0 1.5em 0;
}

dl dt {
	font-weight: bold;
}

dd {
	margin-left: 1.5em;
}

.comp-heading {
	padding: 42px 16px 8px 16px;
	text-align: center;
}
.comp-heading > div {
	max-width: 960px;
	margin: 0 auto;
}
.comp-heading h1, .comp-heading h2 {
	text-wrap-style: balance;
}

.comp-heading ul {
	list-style-position: inside;
	padding-left: 2em;
	margin-left: 0;
	margin-top: 16px;
	padding-bottom: 8px;
}

.comp-heading .comp-cta {
	padding-bottom: 24px;
	padding-top: 17px;
}

.comp-heading h2 .highlight {
	background-color: #d9052f;
	font-weight: normal;
	color: #fff;
	padding-left: 4px;
	display: inline-block;
	padding-right: 4px;
}

@media only screen and (max-width: 672px) {
	.comp-heading ul {
		text-align: left;
		list-style-position: outside;
	}
}

.divider {
	display: block;
	padding-top: 3px;
	border-bottom: 1px solid #CCC;
	margin: 0;
	background-color: transparent;
	margin-bottom: 4px;
	height: unset;
	width: unset;
}

.bg-lgrey,
.bg-mlgrey {
	background-color: #F8F8F8;
}



.comp-article-cards {
	padding-top: 0px;
	padding-bottom: 40px;
}
.comp-article-cards.no-headline {
	padding-top: 48px;
}
.comp-article-cards.bg-lgrey .article-card {
	background-color: #FFFFFF;
}
.article-cards-group {
	display: flex;
	flex-wrap: wrap;
	max-width: 1616px;
	margin: 0 auto;
	padding: 0px 8px 0px 8px;
	justify-content: center;
}
.comp-article-cards.three-columns-max .article-cards-group {
	max-width: 1216px; 
}
.price-info {
	max-width: 1616px;
	margin: 0 auto;
	text-align: left;
}
.price-info > div {
	padding-left: 16px;
}
.article-card.content-all > div {
	display: flex;
	flex-direction: column;
	flex: 0 0 100%;
}
.article-card.content-all .comp-image {
	width: 100%;
	flex: 0 0 auto;
}
.article-card.content-all .article-title {
	display: flex;
	flex-direction: column;
	flex: 1;
	padding: 16px 16px 12px 16px;
	text-align: left;
}
.article-card.content-all .article-title a {
	flex: 0 0 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
	z-index: 0;
}
.article-card.content-all .article-title .article-description {
	padding-bottom: 6px;
	flex: 1;
	box-sizing: border-box;
}
.article-card.content-all .article-title .article-cta {
	flex: 0 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-weight: normal;
	font-size: 16px;
	line-height: 18px;
	font-family: 'SourceSansPro-Regular', sans-serif;
}
.article-card.content-all .article-title .article-cta .price .color {
	font-weight: bold;
}
.article-card.content-all .article-title .article-cta .cta {
	height: 36px;
	display: flex;
	align-items: center;
	color: #3669C4;
}
.article-card {
	flex: auto;
	flex-basis: 380px;
	background-color: #F8F8F8;
	margin: 12px;
	border-radius: 6px;
	display: flex;
	flex-direction: column;
	max-width: 380px;
	justify-content: flex-start;
	align-self: stretch;
	min-height: 200px;
	position: relative;
	color: #2c2c2c;
	transition: transform .15s ease-out;
}
.article-card:has(a) {
	cursor: pointer;
}
.article-card:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 1;
	z-index: 0;
	border-radius: 6px;
	transition: box-shadow .15s ease-out;
}
.article-card:has(a):hover {
	transform: translateY(-4px);
}
.article-card:has(a):hover:before {
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.24);
}
.article-card a, .article-card a:hover, .article-card a:visited, .article-card a:active, .article-card a:focus {
	text-decoration: none;
	color: #2c2c2c;
	position: relative;
	flex: 1;
}
.article-card .article-title {
	font-size: 22px;
	line-height: 28px;
	text-align: center;
	font-family: 'SourceSansPro-Light', sans-serif;
	padding: 21px 16px 20px 16px;
}
.article-card .article-title .price {
	font-weight: normal;
}
.article-card .article-title .color {
	color: #d9052f;
}
.article-card .article-title:has(.article-description) {
	text-align: left;
	flex-direction: column;
	align-items: flex-start;
}
.article-card .article-title .article-description {
	font-size: 16px;
	line-height: 24px;
	font-family: 'SourceSansPro-Regular', sans-serif;
	text-align: left;
	padding-top: 12px;
	font-weight: normal;
}
.article-card .article-title .article-description p, .article-card .article-title .article-description ul, .article-card .article-title .article-description ol {
	margin-top: 0px;
}
.article-card .article-title .article-description ul, .article-card .article-title .article-description ol {
	margin-left: 24px;
}
.article-card .article-title .article-description p:last-child, .article-card .article-title .article-description ul:last-child, .article-card .article-title .article-description ol:last-child {
	margin-bottom: 0px;
}
.article-card .promotion-label {
	background-color: #d9052f;
	color: #FFF;
	position: absolute;
	left: 8px;
	top: 8px;
	border-radius: 6px;
	font-size: 16px;
	line-height: 24px;
	font-family: 'SourceSansPro-Regular', sans-serif;
	padding: 4px 16px;
}
.article-card .comp-image {
	border-radius: 6px 6px 0px 0px;
	background-color: #EFEFEF;
	overflow: hidden;
	align-self: flex-start;
}
.article-card .comp-image picture {
	padding-bottom: calc(100% / 1.45);
}
.article-card .comp-image picture img {
	/* microsite mode */
	height: auto;
	width: 100%;
}
.comp-article-cards .article-cards-group .article-card .comp-image picture img {
	image-rendering: -webkit-optimize-contrast;
}
.mac .comp-article-cards .article-cards-group .article-card .comp-image picture img {
	image-rendering: unset;
}
.article-cards-group.small {
	justify-content: flex-start;
	padding: 4px 0px 12px 12px;
}
.article-cards-group.small .article-card {
	flex-basis: 168px;
	max-width: 168px;
	margin: 6px;
	min-height: unset;
}
.article-cards-group.small .article-title {
	min-height: 51px;
	font-size: 14px;
	line-height: 18px;
	font-family: 'SourceSansPro-Regular', sans-serif;
	/*text-align: left;*/
	padding: 7px 8px 8px 8px;
	box-sizing: border-box;
}
.article-cards-group.small .article-title .article-description {
	display: none;
}
.article-cards-group.small .promotion-label {
	background-color: #d9052f;
	color: #FFF;
	position: absolute;
	font-size: 14px;
	line-height: 18px;
	font-family: 'SourceSansPro-Regular', sans-serif;
	padding: 4px 8px;
}

@media only screen and (max-width: 820px) {
	.comp-article-cards {
		padding-bottom: 16px;
	}
	.comp-article-cards.no-headline {
		padding-top: 16px;
	}
	.article-cards-group .article-card {
		max-width: 320px;
	}
	.article-cards-group .article-title {
		padding: 19px 8px 17px 8px;
		font-size: 18px;
		line-height: 24px;
		font-family: 'SourceSansPro-Regular', sans-serif;
	}
}
@media only screen and (max-width: 446px) {
	.comp-article-cards {
		padding-bottom: 18px;
	}
	.comp-article-cards.no-headline {
		padding-top: 18px;
	}
	.article-cards-group {
		justify-content: flex-start;
		padding: 4px 12px 12px 12px;
	}
	.article-cards-group .article-card {
		max-width: calc(50% - 12px);
		margin: 6px;
		min-height: unset;
	}
	.article-cards-group .article-title {
		min-height: 51px;
		font-size: 14px;
		line-height: 18px;
		font-family: 'SourceSansPro-Regular', sans-serif;
		padding: 8px;
		display: flex;
		box-sizing: border-box;
		align-items: center;
		justify-content: center;
	}
	.article-cards-group .article-card:has(.article-description) {
		margin: 12px 6px;
		max-width: 100%;
	}
	.article-cards-group .article-card:has(.article-description) .article-title {
		font-size: 22px;
		line-height: 28px;
		padding: 19px 16px 17px 16px;
	}
	.article-cards-group .promotion-label {
		font-size: 12px;
		line-height: 14px;
		font-family: 'SourceSansPro-Regular', sans-serif;
		padding: 4px 8px;
		left: 4px;
		top: 4px;
	}
}
.article-cards-group.small .article-card picture.r {
	display: none;
}
.article-cards-group.small .article-card picture.nr img {
	image-rendering: -webkit-optimize-contrast;
}
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) {
	.article-cards-group.small .article-card picture.r {
		display: block;
	}
	.article-cards-group.small .article-card picture.nr {
		display: none;
	}
}



.shipping-costs-table{
text-align:left;
}



table {
	width: 100%;
}

.sg-deliverytable {
	margin: 0 auto;
	max-width: 1168px;
	text-align: left;
}

#sgDeliveryTable td {
	text-align: center;
}

#sgDeliveryTable th {
	background-color: #e7e7e7;
}

#sgDeliveryTable td.align-left {
	text-align: left;
}

#sgDeliveryTable td.align-right{
	text-align:right;
}

#sgDeliveryTable td span {
	position: relative;
}

table td.align-top {
	vertical-align: top !important;
}

.td-left-top td, .sg-canvas-table.td-left-top td, .td-left-top th, .sg-canvas-table.td-left-top th {
	text-align: left;
	vertical-align: top;
}

th.sg-delivery-special-guaranteed {
	background-color: #9bcc40 !important;
	color: #ffffff;
}

tr td.sg-delivery-special-guaranteed {
	background-color: #f5faec;
	background-color: #e1f0c5;
}

tr.odd td.sg-delivery-special-guaranteed {
	background-color: #e1f0c5 !important;
	background-color: #cde59f !important;
}

tr td.sg-delivery-special-not-guaranteed {
	background-color: #f7f7f7;
}

tr.odd td.sg-delivery-special-not-guaranteed {
	background-color: #e0e0e0 !important;
}

tr td.sg-delivery-special-guaranteed, th.sg-delivery-special-guaranteed, tr td.sg-delivery-special-not-guaranteed, th.sg-delivery-special-not-guaranteed {
	display: none;
}

#sgDeliveryTable th {
	padding: 0.5em;
}

span.lvl-0:before {
	background-color: #9bcc40;
	content: " ";
	display: block;
	height: 0.5em;
	left: 0em;
	position: absolute;
	top: 0.5em;
	width: 0.5em;
}

span.lvl-0, span.lvl-1 {
	padding-left: 16px;
}

th {
	font-weight: bold;
}

td {
	border: 0;
}

th, td, caption {
	padding: 4px;
}

tr:nth-child(odd) td, .tr-odd td {
	background: #f7f7f7;
}

.tr-odd td.td-odd {
	background: #f7f7f7 !important;
}

tr:nth-child(even) td, .tr-even td {
	background-color: #fbfbfb;
}

.tr-even td.td-even {
	background-color: #fbfbfb !important;
}

tfoot {
	font-style: italic;
}
.td-top td, .td-top th {
	vertical-align: top;
}



.comp-content-list {
	justify-content: center;
	max-width: 1086px !important;
	margin: 8px auto !important;
}
.comp-content-list .comp-image-svg {
	flex: 0 0 144px;
}
.comp-content-list .comp-image-svg > div {
	padding-left: 48px;
	padding-top: 8px;
}
.comp-content-list .comp-image-svg > div img {
	width: 48px;
	height: auto;
	display: block;
	float: right;
}
.comp-content-list .comp-text {
	flex: auto !important;
	padding-top:16px !important;
	padding-bottom:8px !important;
}
.comp-content-list .comp-text > div {
	margin: 0 auto;
	text-align: left;
	width: 100%;
}
.comp-content-list .comp-text .comp-cta {
	padding-bottom: 8px;
}
.comp-content-list .comp-text .comp-button {
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: 16px;
}
.comp-content-list .comp-text .comp-button a, .comp-content-list .comp-text .comp-button :before {
	background-color: transparent;
	color: #3669C4;
	padding-left: 0;
}
.comp-content-list .comp-image-svg + .comp-text > div {
	max-width: 848px;
}
.comp-content-list > .comp-image, .comp-content-list .comp-video {
	padding-left: 48px;
	flex: 0 0 auto;
	width: 100%;
	max-width: 446px;
	box-sizing: border-box;
	align-self: center;
}
.comp-content-list .comp-image + .comp-text {
	padding-left: 32px;
}
/* video in knowledgebase */
.comp-content-list .comp-text > div .comp-video{
	max-width: 100%;
	padding:0;
	position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    display: block;
    height: 0;
    overflow: hidden;
}

@media only screen and (min-width: 1600px) and (min-height: 1024px) {
	.comp-content-list .comp-image-svg {
		flex-basis: 144px;
	}
	.comp-content-list .comp-image-svg > div {
		padding-left: 80px;
	}
	.comp-content-list > .comp-image, .comp-content-list .comp-video {
		padding-left: 64px;
	}
}
@media only screen and (min-width: 1024px) {
	.comp-content-list .comp-image-svg + .comp-text {
		padding-left: 16px;
	}
}
@media only screen and (max-width: 1023px) {
	.comp-content-list .comp-image-svg {
		flex-basis: 48px;
		padding-top: 8px;
		margin: 0 auto;
	}
	.comp-content-list .comp-image-svg > div {
		padding-left: 0px;
	}
	.comp-content-list .comp-image-svg > div img {
		width: 48px;
		float: none;
	}
	.comp-content-box .comp-image-svg + .comp-text {
		padding-top: 4px;
	}
	.comp-content-box .comp-image-svg + .comp-text h2, .comp-content-box .comp-image-svg + .comp-text h3, .comp-content-box .comp-image-svg + .comp-text h4 {
		text-align: center;
	}
}



#searchresultTable {
    padding: 27px 16px 48px;
    text-align: left
}

#searchboxTable {
    display: none;
    text-align: left;
    top: 0;
    left: auto;
    max-height: 100vh!important;
    min-height: unset;
    height: unset;
    width: 446px!important;
    max-width: 100%;
    z-index: 2
}

#searchboxTable>div {
    padding: 16px;
    text-align: left
}
#searchboxTable .website-search-module-header{
    background-color:#FFFFFF;
}
#searchboxTable.active{
    display: block
}
.searchmenu.active {
    display: block;
    position: absolute;
    top: 43px;
    font-size: 14px;
    z-index: 200;
    width: 560px;
    max-width: 100%;
    text-align: left;
    max-height: 500px;
    min-height: 260px;
}



.comp-image-list {
	padding-top: 0px;
	padding-bottom: 41px;
}
.comp-image-list .comp-text {
	/*padding: 10px $boxpaddingleftright 20px $boxpaddingleftright;*/
	padding: 10px 8px 0px 8px;
	flex: 1;
	flex-basis: auto;
}
.comp-image-list .comp-text > div {
	max-width: 960px;
	margin: 0 auto;
	text-align: center;
}
.comp-image-list .image-list-group {
	display: flex;
	flex-wrap: wrap;
	max-width: 1616px;
	margin: 0 auto;
	padding: 0px 8px 0px 8px;
	justify-content: center;
}
.comp-image-list .image-list-element {
	flex: 0 0 calc(25% - 16px);
	background-color: #FFF;
	color: #000;
	margin: 8px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-self: stretch;
	/* min-height: 200px;*/
}
.comp-image-list .image-list-element.placeholder {
	/* the empty elements to fill ... */
	background-color: transparent;
	min-height: unset;
	height: 0;
	margin: 0 8px;
}
.comp-image-list .image-list-element a, .comp-image-list .image-list-element a:hover, .comp-image-list .image-list-element a:visited, .comp-image-list .image-list-element a:active, .comp-image-list .image-list-element a:focus {
	text-decoration: none;
	color: #000;
}
.comp-image-list .image-list-element .comp-image {
	overflow: hidden;
	align-self: flex-start;
}
.comp-image-list .image-list-element .comp-image picture {
	padding-bottom: 100%;
}
.comp-image-list .image-list-element .comp-image picture img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.comp-image-list .image-list-element .comp-image picture:after {
	position: absolute;
	right: 8px;
	bottom: 8px;
	background-color: #FFF;
	width: 36px;
	height: 36px;
	border-radius: 6px;
	top: auto;
	left: auto;
	content: "\e95f";
	font-family: 'icomoon';
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	font-size: 21px;
	display: flex;
	color: #6e6e6e;
	align-items: center;
	justify-content: center;
}
.comp-image-list .image-list-element .comp-image picture:hover {
	cursor: pointer;
}
.comp-image-list .comp-image-list-show-more {
	flex: 0 0 100%;
}
.comp-image-list .comp-image-list-show-more ~ .image-list-element {
	display: none;
}

@media only screen and (max-width: 800px) {
	.comp-image-list .image-list-group {
		flex-wrap: wrap;
	}
	.comp-image-list .image-list-group .image-list-element {
		flex: 0 0 calc(50% - 16px);
	}
}
.image-list-popup {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	height: calc(100vh - 32px);
	position: relative;
	width: 100%;
	overflow: hidden;
}
.image-list-popup .image-list-header {
	align-self: flex-end;
	height: 36px;
	flex: 0 0 36px;
}
.image-list-popup .image-list-header .icon-button:before {
	content: "\e978";
	color: #FFF;
}
.image-list-popup .image-list-image {
	flex: auto;
	display: flex;
	overflow: hidden;
	align-items: center;
	width: 100%;
	margin-bottom: 36px;
}
.image-list-popup .image-list-image .image-list-next.inactive, .image-list-popup .image-list-image .image-list-prev.inactive {
	opacity: 0.25;
	cursor: inherit;
}
.image-list-popup .image-list-image .circle-icon-huge, .image-list-popup .image-list-image .circle-icon-huge:before {
	width: 64px;
	height: 64px;
	font-family: icomoon !important;
	font-weight: 400 !important;
	font-style: normal !important;
	font-stretch: normal !important;
	font-size: 32px !important;
	display: flex;
	color: #efefef;
	background-color: #6e6e6e;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
}
.image-list-popup .image-list-image .image-list-prev {
	flex: 0 0 72px;
	cursor: pointer;
}
.image-list-popup .image-list-image .image-list-prev .circle-icon-huge:before {
	content: "\e9d5";
}
.image-list-popup .image-list-image .image-list-next {
	cursor: pointer;
	flex: 0 0 72px;
}
.image-list-popup .image-list-image .image-list-next .circle-icon-huge {
	float: right;
}
.image-list-popup .image-list-image .image-list-next .circle-icon-huge:before {
	content: "\e9d4";
}
.image-list-popup .image-list-image .comp-image {
	align-self: center;
	max-width: 1600px;
	flex: auto;
	margin: 0 auto;
	width: auto;
	display: flex;
	max-height: 100%;
	align-items: center;
}
.image-list-popup .image-list-image .comp-image .image-area {
	flex: auto;
}
.image-list-popup .image-list-image .comp-image picture {
	padding-bottom: 100%;
}
.image-list-popup .image-list-image .comp-image picture img {
	height: 100%;
	width: 100%;
	object-fit: contain;
}
.image-list-popup .image-list-footer {
	/* maybe needed */
	height: 0;
	flex: 0;
}
@media only screen and (max-width: 1616px) and (orientation: portrait) {
	.image-list-popup {
		height: 100vh;
	}
	.image-list-popup .image-list-image {
		flex-wrap: wrap;
		align-items: flex-end;
	}
	.image-list-popup .image-list-image .comp-image {
		order: 1;
		flex: 0 0 100%;
		height: calc(100vh - 176px);
	}
	.image-list-popup .image-list-image .image-list-next {
		flex: 0 0 50%;
		order: 3;
		padding-bottom: 16px;
		padding-left: 8px;
		box-sizing: border-box;
	}
	.image-list-popup .image-list-image .image-list-next .circle-icon-huge {
		float: left;
	}
	.image-list-popup .image-list-image .image-list-prev {
		flex: 0 0 50%;
		order: 2;
		padding-bottom: 16px;
		padding-right: 8px;
		box-sizing: border-box;
	}
	.image-list-popup .image-list-image .image-list-prev .circle-icon-huge {
		float: right;
	}
}



#importantInfo {
	max-width: 360px;
	text-align: left;
	position: fixed;
	left: 16px;
	bottom: 0px;
	z-index: 200;
	background-color: #3669C4;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
#importantInfo > div:not(.icon-button) {
	padding: 16px 36px 16px 16px;
}
#importantInfo > div * {
	color: #FFF;
	text-decoration: none;
	cursor: pointer;
	font-size: 16px;
	line-height: 20px;
}
#importantInfo .icon-button:before {
	color: #FFF;
}
#importantInfo .icon-button {
	position: absolute;
	right: 4px;
	left: auto;
	top: 4px;
}
@media handheld, only screen and (max-width: 767px) {
    #importantInfo {
        display: none !important;
    }
}



/* icon also used in pricetables f.e. checkbox */
.checkbox:before, .sgw-icon:before, .sgw-upload-stage:before {
    font-family: icomoon;
    speak: none;
    position: absolute;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    font-size: 20px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.iconcolor-light {
	background-color: #FFFFFF;
	color: #000000;
}
.iconcolor-light:before {
	color: #6e6e6e;
}
.icon-button {
	display: flex;
	border-radius: 6px;
}
.icon-button, .icon-button:before, .list-element.clickable > div:after {
	min-width: 36px;
	height: 36px;
	position: relative;
	cursor: pointer;
}
.icon-button > a, .icon-button > span {
	width: 36px;
	height: 36px;
	margin-left: -36px;
	color: transparent;
	text-decoration: none;
	z-index: 0;
	overflow: hidden;
}
.icon-button > a:before, .icon-button > span:before {
	display: none;
}
.icon-button > a:hover, .icon-button > a:active, .icon-button > a:visited, .icon-button > span:hover, .icon-button > span:active, .icon-button > span:visited {
	text-decoration: none;
}
.icon-button > .button-label {
	color: #000000;
	width: auto;
	padding-left: 36px;
	display: flex;
	align-items: center;
}
.icon-button:before, .list-element.clickable > div:after, .comp-breadcrumb a:after, .comp-website-navigation .clickable > div > a:after, .icon:before {
	font-size: 21px;
	display: flex;
	color: #6e6e6e;
	align-items: center;
	justify-content: center;
	font-family: 'icomoon';
	/*content:"\e99d";*/
}
.icon:before {
	width: 24px;
	height: 24px;
}
.icon-button.sgw-icon:before {
	position: unset;
}
.icon-button.inverted:before {
	color: #efefef;
}
.icon-button.s44, .icon-button.s44:before {
	width: 44px;
	height: 44px;
	font-size: 27px;
}
.circle-icon-huge, .circle-icon-huge:before {
	width: 64px;
	height: 64px;
	font-family: 'icomoon' !important;
	font-weight: normal !important;
	font-style: normal !important;
	font-stretch: normal !important;
	font-size: 32px !important;
	display: flex;
	color: #EFEFEF;
	background-color: #6e6e6e;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
}
a.group-label, a.group-label:visited, a.group-label:hover, a.group-label:active {
	text-decoration: none;
}
.group-label {
	font-size: 21px;
	line-height: 20px;
	height: 36px;
	/*background-color: aliceblue;*/
}
.group-label.s44 {
	height: 44px;
}
.group-label a, .group-label a:visited, .group-label a:hover, .group-label a:active {
	text-decoration: none;
}
.group-label.g1 > * {
	padding-top: 8px;
	font-weight: bold;
}
.group-label.g2 {
	font-size: 16px;
	line-height: 20px;
}
.group-label.g2 > * {
	padding-top: 9px;
}
.group-label.g2.s44 > * {
	padding-top: 12px;
}
.group-label.g3 {
	font-size: 14px;
	line-height: 18px;
}
.group-label.g3 > * {
	padding-top: 9px;
}
.group-label.g3.s44 > * {
	padding-top: 13px;
}
.group-label.g4 {
	font-size: 14px;
	line-height: 18px;
}
.group-label.g4 > * {
	padding-top: 9px;
}
.group-label.g5 {
	font-size: 12px;
	line-height: 15px;
	color: #707070;
}
.group-label.g5 > * {
	padding-top: 12px;
}
.group-label > * {
	display: block;
	height: 100%;
	box-sizing: border-box;
}
.list-element {
	height: 36px;
	font-size: 14px;
	line-height: 14px;
}
.list-element a, .list-element a:visited, .list-element a:hover, .list-element a:active {
	text-decoration: none;
	color: #000000;
}
.list-element > div {
	align-items: center;
	height: 100%;
	display: flex;
	padding-left: 16px;
}
.list-element > div a, .list-element > div * {
	flex: auto;
	height: 100%;
	display: flex;
	align-items: center;
}
.list-element.clickable > div:after {
	content: "\e9d4";
	flex: 0 0 36px;
	padding-right: 8px;
	margin-top: -3px;
}
.list-element .sgw-icon {
	position: relative;
	padding-left: 36px;
}
.list-element .sgw-icon:before {
	top: calc(50% - 1px);
	width: 21px;
	text-align: center;
	transform: translateY(-50%);
}
.divider {
	display: block;
	padding-top: 3px;
	border-bottom: 1px solid #CCC;
	margin: 0;
	background-color: transparent;
	margin-bottom: 4px;
	height: unset;
	width: unset;
}
.comp-button {
	height: 36px;
	font-size: 14px;
	line-height: 14px;
	display: inline-block;
}
.comp-button a, .comp-button a:visited, .comp-button a:hover, .comp-button a:active {
	text-decoration: none;
	color: #FFFFFF;
}
.comp-button > div, .comp-button > a {
	align-items: center;
	height: 100%;
	display: flex;
	background-color: #6C9D0D;
	padding-left: 32px;
	padding-right: 32px;
	color: #FFFFFF;
	border-radius: 6px;
}
.comp-button > div:hover, .comp-button > a:hover {
	background-color: #79AC17;
	color: #FFFFFF;
}
.comp-button > div:active, .comp-button > a:active {
	background-color: #639306;
	color: #FFFFFF;
}
/* spacings are done in parent components */
.comp-cta {
	height: 42px;
}
.comp-cta a, .comp-cta a:visited, .comp-cta a:focus {
	background-color: #6C9D0D;
	display: inline-block;
	min-height: 42px;
	box-sizing: border-box;
	overflow: hidden;
	font-size: 16px;
	text-decoration: none;
	align-content: center;
	padding: 10px 32px 8px 32px;
	color: #FFFFFF;
	border-radius: 21px;
}
.comp-cta a:hover, .comp-cta a:visited:hover, .comp-cta a:focus:hover {
	background-color: #79AC17;
	color: #FFFFFF;
}
.comp-cta a:active, .comp-cta a:visited:active, .comp-cta a:focus:active {
	background-color: #639306;
	color: #FFFFFF;
}
.comp-cta.outline a, .comp-cta.outline a:visited, .comp-cta.outline a:focus {
	background-color: transparent;
	border: 1px solid #000000;
	color: #000000;
}
.comp-cta.outline a:hover, .comp-cta.outline a:visited:hover, .comp-cta.outline a:focus:hover {
	background-color: rgba(0, 0, 0, 0.16);
}
.comp-cta.outline a:active, .comp-cta.outline a:visited:active, .comp-cta.outline a:focus:active {
	background-color: rgba(0, 0, 0, 0.2);
}
.comp-cta.lgrey a, .comp-cta.lgrey a:visited, .comp-cta.lgrey a:focus {
	background-color: #EFEFEF;
	color: #000000;
}
.comp-cta.lgrey a:hover, .comp-cta.lgrey a:visited:hover, .comp-cta.lgrey a:focus:hover {
	background-color: #E3E3E3;
	color: #000000;
}
.comp-cta.lgrey a:active, .comp-cta.lgrey a:visited:active, .comp-cta.lgrey a:focus:active {
	background-color: #D8D8D8;
	color: #000000;
}
.comp-cta.textlink{
	height:unset;
}
.comp-cta.textlink a:active, .comp-cta.textlink a:visited:active, .comp-cta.textlink a:focus:active, .comp-cta.textlink a:hover, .comp-cta.textlink a:visited:hover, .comp-cta.textlink a:focus:hover, .comp-cta.textlink a:visited, .comp-cta.textlink a:focus {
	color:#1A499D;
	background-color: transparent;
}
.comp-cta.textlink a, .comp-cta.textlink.medium a{
	background-color: transparent;
	color: #3669C4;
	padding:0;
	min-height: unset;
}
.comp-cta.medium {
	height: auto;
}
.comp-cta.medium a {
	font-size: 14px;
	min-height: 36px;
	padding: 8px 24px 8px 24px;
}
.comp-cta.small {
	height: auto;
}
.comp-cta.small a {
	font-size: 12px;
	min-height: 30px;
	padding: 8px 12px 8px 12px;
}
.buttongroup {
	display: flex;
	column-gap: 16px;
	flex-wrap: wrap;
}
.information-label {
	background-color: #D9052F;
	color: #FFF;
	font-size: 12px;
	line-height: 16px;
	height: auto;
	padding: 0 4px;
	border-radius: 4px;
}



.comp-boxes-column {
	padding-top: 0px;
	padding-bottom: 40px;
}
.comp-boxes-column.no-headline {
	padding-top: 28px;
}
.comp-boxes-column.bg-lgrey .group-list .content-boxes .comp-content-box {
	background-color: #FFFFFF;
}
.comp-boxes-column .icon-button {
	background-color: #efefef;
	border-radius: 18px;
}
.comp-boxes-column .icon-button.disabled {
	opacity: 0.5;
}
.comp-boxes-column .icon-button:not(.close):before {
	font-size: 16px;
}
.comp-boxes-column .icon-button.not-needed {
	display: none !important;
}
.comp-boxes-column .comp-heading > div {
	max-width: 760px;
}
.comp-boxes-column .group-list {
	display: flex;
	flex-wrap: nowrap;
	max-width: 1600px;
	margin: 0 auto;
	gap: 16px;
	padding: 0px 16px 0px 16px;
	align-items: center;
	justify-content: center;
}
.comp-boxes-column .group-list .content-boxes {
	flex: 1;
	display: flex;
	flex-wrap: nowrap;
	overflow: hidden;
	justify-content: flex-start;
}
.comp-boxes-column .group-list .content-boxes .comp-content-box {
	flex: 1 0 calc(25% - 16px);
	border-radius: 6px;
	background-color: #F8F8F8;
	margin: 8px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	align-self: stretch;
}
.comp-boxes-column .group-list .content-boxes .comp-content-box .comp-text {
	padding: 16px 16px 18px 16px;
	justify-content: flex-start;
	align-self: stretch;
}
.comp-boxes-column .group-list .content-boxes .comp-content-box .comp-text ul {
	padding-left: 18px;
}
.comp-boxes-column .group-list .content-boxes .comp-content-box .comp-text > div {
	flex: 1;
	display: flex;
	flex-direction: column;
}
.comp-boxes-column .group-list .content-boxes .comp-content-box .comp-text > div.buttongroup {
	flex-direction: row;
	align-items:flex-end;
}
.comp-boxes-column .group-list .content-boxes .comp-content-box .comp-text > div p, .comp-boxes-column .group-list .content-boxes .comp-content-box .comp-text > div h2, .comp-boxes-column .group-list .content-boxes .comp-content-box .comp-text > div h3, .comp-boxes-column .group-list .content-boxes .comp-content-box .comp-text > div h4, .comp-boxes-column .group-list .content-boxes .comp-content-box .comp-text > div ul, .comp-boxes-column .group-list .content-boxes .comp-content-box .comp-text > div ol, .comp-boxes-column .group-list .content-boxes .comp-content-box .comp-text > div li {
	color: var(--color-font) !important;
}
.comp-boxes-column .group-list .content-boxes .comp-content-box .comp-text > div p {
	font-size: 16px;
	line-height: 24px;
}
.comp-boxes-column .group-list .content-boxes .comp-content-box .comp-image {
	flex: 0;
	width: 100%;
	align-self: flex-start;
}
.comp-boxes-column .group-list .content-boxes .comp-content-box .comp-image picture {
	padding-bottom: calc(100% / 1.45);
}
.comp-boxes-column .group-list .content-boxes .comp-content-box .comp-image picture img {
	/* microsite mode */
	height: auto;
	width: 100%;
}
@media only screen and (max-width: 1400px) {
	.comp-boxes-column .group-list .content-boxes .comp-content-box {
		flex: 1 0 calc(33.33% - 16px);
	}
	.comp-boxes-column .group-list .content-boxes .comp-content-box .comp-text > div h2, .comp-boxes-column .group-list .content-boxes .comp-content-box .comp-text > div h3, .comp-boxes-column .group-list .content-boxes .comp-content-box .comp-text > div h4 {
		font-size: 22px;
		line-height: 26px;
	}
}
@media only screen and (max-width: 1100px) {
	.comp-boxes-column .group-list .content-boxes .comp-content-box {
		flex: 1 0 calc(50% - 16px);
	}
}
@media only screen and (max-width: 800px) {
	.comp-boxes-column {
		padding-top: 0px;
		padding-bottom: 16px;
	}
	.comp-boxes-column.no-headline {
		padding-top: 8px;
	}
	.comp-boxes-column .group-list .icon-button {
		display: none;
	}
	.comp-boxes-column .group-list{
		padding-left:0px;
		padding-right:0px;
	}
	.comp-boxes-column .group-list .content-boxes {
		justify-content: flex-start;
		padding: 4px 12px 12px 12px;
		overflow-x: auto;
	}
	.comp-boxes-column .group-list .content-boxes .comp-content-box {
		flex: 0 0 75%;
		/*&:first-child{
			padding-left:16px;
		}*/
	}
}



.promotion-banner-customer-opinions-mini-header {
	box-sizing: border-box;
	padding: 14px 16px 11px;
	background-color: rgba(43, 43, 43, 0.5);
	display: inline-block;
	color: #fff;
	position: absolute;
	border-top-right-radius: 6px;
	top: 0;
	left: auto;
	right: 0;
	z-index: 1;
}
.promotion-banner-customer-opinions-mini-header .customer-opinions-stars {
	display: flex;
	justify-content: flex-end;
}
.promotion-banner-customer-opinions-mini-header .customer-opinions-stars .customer-opinions-rating-as-stars {
	display: inline-block;
	height: 20px;
	width: 100px;
	max-width: 100%;
	margin: 0;
	background-repeat: repeat-x;
	overflow: hidden;
	background-size: auto 100%;
	background-image: url("https://photoservice.cloud/languagesportal/images/70ccf7c3-5d18-4678-b7ac-97f4cbcabebd.svg");
}
.promotion-banner-customer-opinions-mini-header .customer-opinions-stars .customer-opinions-rating-as-stars .starstop {
	background-image: url("https://photoservice.cloud/languagesportal/images/f4fb9c1e-a6c9-440c-8c95-e543f66e30f8.svg");
}
.promotion-banner-customer-opinions-mini-header .customer-opinions-rating-label {
	white-space: nowrap;
	padding-left: 8px;
	font-size: 16px;
	line-height: 22px;
}
.promotion-banner-customer-opinions-mini-header .customer-opinions-rating-sublabel {
	font-size: 12px;
	padding-top: 3px;
	text-align: right;
}
.comp-banner {
	padding: 48px 16px;
}
.comp-banner.bg-lgrey .banner-area {
	background-color: #FFFFFF;
}
.comp-banner.hero-banner .banner-area {
	background-color: #FFFFFF;
	border-radius: 0px;
}
.comp-banner.hero-banner .banner-area .image-area {
	flex: 0 0 58%;
}
.comp-banner.hero-banner .banner-area .image-area > div {
	width: 100%;
	border-radius: 0px;
}
.comp-banner.hero-banner .banner-area .slider-text > div {
	padding: 0 32px;
}
.comp-banner.hero-banner .banner-area .slider-text > div .promotion-banner-customer-opinions-mini-header {
	position: relative;
	background-color: unset;
	color: unset;
	padding: 0px;
	padding-bottom: 13px;
	display: block;
}
.comp-banner.hero-banner .banner-area .slider-text > div .promotion-banner-customer-opinions-mini-header .customer-opinions-stars {
	justify-content: flex-start;
	align-items: center;
}
.comp-banner.hero-banner .banner-area .slider-text > div .promotion-banner-customer-opinions-mini-header .customer-opinions-stars .customer-opinions-rating-as-stars {
	height: 16px;
	width: unset;
	flex: 0 0 80px;
}
.comp-banner.hero-banner .banner-area .slider-text > div .promotion-banner-customer-opinions-mini-header .customer-opinions-stars .customer-opinions-rating-label {
	white-space: normal;
	font-size: 16px;
}
.comp-banner.hero-banner .banner-area .slider-text > div .cta {
	padding: 16px 0px;
}
.comp-banner.hero-banner .banner-area .slider-text > div .cta .price-label {
	padding-bottom: 16px;
	font-size: 18px;
}
.comp-banner.hero-banner .banner-area .slider-text > div .cta .comp-button, .comp-banner.hero-banner .banner-area .slider-text > div .cta .comp-cta {
	/*display:block;*/
	padding-top: 0;
}
.comp-banner.hero-banner .banner-area .slider-text > div .cta .comp-button a, .comp-banner.hero-banner .banner-area .slider-text > div .cta .comp-cta a {
	padding: 0;
	width: 100%;
	justify-content: center;
	text-align: center;
	line-height: 120%;
	padding-top:2px;
}
.comp-banner.hero-banner .banner-area .slider-text > div .price-info {
	font-size: 12px;
	line-height: 16px;
	color: #676767;
	padding-top: 12px;
}
.comp-banner.hero-banner .banner-area .slider-text > div .highlight, .comp-banner.hero-banner .banner-area .slider-text > div .color {
	color: #D9052F;
	font-weight: bold;
	background-color: unset;
	padding: unset;
}
.comp-banner.hero-banner .banner-area .slider-text > div h2 {
	margin-bottom: 3px;
	font-weight: bold;
	font-size: 28px;
}
.comp-banner.hero-banner .banner-area .slider-text > div h3 {
	margin-bottom: 7px;
	margin-top: 8px;
	font-size: 18px;
}
.comp-banner .banner-area {
	display: flex;
	flex-wrap: wrap;
	max-width: 1600px;
	margin: 0 auto;
	background-color: #F8F8F8;
	color: #000;
	position: relative;
	border-radius: 6px;
}
.comp-banner .banner-area a.sgw-icon, .comp-banner .banner-area a.sgw-icon:hover, .comp-banner .banner-area a.sgw-icon:visited, .comp-banner .banner-area a.sgw-icon:active, .comp-banner .banner-area a.sgw-icon:focus {
	text-decoration: none;
	color: #3669C4;
	font-size: 18px;
}
.comp-banner .banner-area a.sgw-icon:after, .comp-banner .banner-area a.sgw-icon:hover:after, .comp-banner .banner-area a.sgw-icon:visited:after, .comp-banner .banner-area a.sgw-icon:active:after, .comp-banner .banner-area a.sgw-icon:focus:after {
	display: inline;
	color: #3669C4;
	content: "\e9d4";
	font-family: "icomoon";
	font-size: 20px;
	top: 3px;
	left: 4px;
	position: relative;
}
.comp-banner .banner-area a.sgw-icon:before, .comp-banner .banner-area a.sgw-icon:hover:before, .comp-banner .banner-area a.sgw-icon:visited:before, .comp-banner .banner-area a.sgw-icon:active:before, .comp-banner .banner-area a.sgw-icon:focus:before {
	content: "";
}
.comp-banner .banner-area .slider-images {
	flex: 0 0 calc(50% + 8px);
	width: calc(50% + 8px);
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	overflow: hidden;
	border-radius: 6px 0px 0px 6px;
}
.comp-banner .banner-area .slider-images .icon-button {
	position: absolute;
	top: calc(50% - 18px);
	background-color: #FFFFFF;
}
.comp-banner .banner-area .slider-images .icon-button:hover {
	background-color: #efefef;
}
.comp-banner .banner-area .slider-images .icon-button:active {
	background-color: #e3e3e3;
}
.comp-banner .banner-area .slider-images .icon-button.prev {
	border-radius: 18px;
	left: 16px;
}
.comp-banner .banner-area .slider-images .icon-button.prev:before {
	content: "\e9d5";
	left: -1px;
}
.comp-banner .banner-area .slider-images .icon-button.next {
	border-radius: 18px;
	left: auto;
	right: 16px;
}
.comp-banner .banner-area .slider-images .icon-button.next:before {
	content: "\e9d4";
}
.comp-banner .banner-area .slider-images .image {
	transition: transform 0.4s ease, background 0.4s ease;
	flex: 0 0 100%;
	max-width: 100%;
}
.comp-banner .banner-area .slider-images .image.touchmove {
	transition: none;
}
.comp-banner .banner-area .slider-images .image picture {
	height: auto;
	width: 100%;
	display: block;
	position: relative;
	text-align: center;
	overflow: hidden;
	padding-bottom: calc(100% / 1.425);
}
.comp-banner .banner-area .slider-images .image picture img {
	height: 100%;
	margin: 0;
	padding: 0;
	max-height: unset;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: auto;
	max-width: 16000px;
}
.comp-banner .banner-area .slider-text {
	flex: 1;
	display: flex;
	align-items: center;
	flex-direction: row;
	flex-wrap: nowrap;
	overflow: hidden;
	max-width: 100%;
}
.comp-banner .banner-area .slider-text .usp-icon {
	align-self: flex-start;
}
.comp-banner .banner-area .slider-text .usp-text h3 {
	margin-top: 10px;
	margin-bottom: 3px;
	font-size: 18px;
	font-weight: normal;
}
.comp-banner .banner-area .slider-text .usp-text p, .comp-banner .banner-area .slider-text .usp-text p:last-child {
	margin-top: 0;
	color: #2c2c2c;
	font-size: 12px;
	line-height: 16px;
}
.comp-banner .banner-area .slider-text .highlight {
	background-color: #D9052F;
	font-weight: normal;
	color: #FFF;
	padding-left: 4px;
	display: inline-block;
	padding-right: 4px;
	border-radius: 6px;
}
.comp-banner .banner-area .slider-text .color {
	color: #D9052F;
}
.comp-banner .banner-area .slider-text > div {
	/*transition: transform 0.6s ease, background 0.4s ease;*/
	padding: 16px 48px 18px 48px;
	/*  padding:  40px 48px 42px 48px;*/
	max-width: 960px;
	margin: 0 auto;
	text-align: left;
	flex: 0 0 100%;
	font-size: 16px;
	line-height: 24px;
	box-sizing: border-box;
}
.comp-banner .banner-area .slider-text p, .comp-banner .banner-area .slider-text ul, .comp-banner .banner-area .slider-text ol {
	margin-bottom: 0px;
	text-align: left;
	background-color: transparent !important;
}
.comp-banner .banner-area .slider-text ul, .comp-banner .banner-area .slider-text ol {
	padding-left: 2em;
}
.comp-banner .banner-area .slider-text p:first-child {
	margin-top: 0px;
}
.comp-banner .banner-area .slider-text p:last-child, .comp-banner .banner-area .slider-text ul:last-child, .comp-banner .banner-area .slider-text ol:last-child {
	margin-top: 21px;
}
.comp-banner .banner-area .slider-text h2 {
	hyphens: none;
	font-size: 28px;
}
.comp-banner .banner-area .slider-text h3 {
	font-size: 22px;
	font-family: 'SourceSansPro-Regular', sans-serif;
}
.comp-banner .banner-area .slider-text .comp-cta {
	padding-top: 17px;
}
.dotted-nav {
	background-color: transparent;
	flex-wrap: nowrap;
	padding: 16px;
	justify-content: center;
	color: #FFF;
	max-width: 100%;
	flex: 0 0 50%;
	position: absolute;
	top: auto;
	bottom: 0px;
	left: 50%;
	transform: translateX(-50%);
}
.dotted-nav > div {
	border-radius: 50%;
	flex: 0 0 12px;
	height: 12px;
	cursor: pointer;
	margin: 0 4px 4px;
	background-color: transparent;
	border: 2px solid #FFFFFF;
}
.dotted-nav > div.active {
	background-color: #ffffff;
	border: 2px solid #FFFFFF;
}
@media only screen and (min-width: 1200px) and (min-height: 672px) {
	.comp-banner .banner-area .image-area, .comp-banner.hero-banner .banner-area .image-area {
		flex: 0 0 60%;
	}
}
@media only screen and (min-width: 1921px) and (min-height: 1025px) {
	.comp-banner .banner-area .image-area, .comp-banner.hero-banner .banner-area .image-area {
		flex: 0 0 70%;
	}
	.comp-banner .banner-area .image-area .slider-images .comp-image picture, .comp-banner.hero-banner .banner-area .image-area .slider-images .comp-image picture {
		padding-bottom: calc(100% / 2.1);
	}
}
@media only screen and (max-width: 2000px) {
	.comp-banner .banner-area {
		max-width: calc(1400px);
	}
}
@media only screen and (max-width: 1600px), (max-height: 1024px) {
	/*.comp-banner{
  	
  	.banner-area{
  	max-width:calc(1200px);
  }
  	}*/
	.promotion-banner-customer-opinions-mini-header {
		left: 0;
		right: auto;
		border-top-left-radius: 6px;
		border-top-right-radius: 0px;
	}
}
@media only screen and (max-width: 1023px) {
	.promotion-banner-customer-opinions-mini-header {
		left: auto;
		right: 0;
		border-top-left-radius: 0px;
		border-top-right-radius: 6px;
	}
	.comp-banner, .comp-banner.hero-banner {
		margin: 0 auto;
		max-width: 100%;
		padding: 24px 0px;
	}
	.comp-banner .banner-area, .comp-banner.hero-banner .banner-area {
		flex-direction: column;
		flex: 0 0 100%;
		margin: 0px 16px;
		justify-self: center;
		width: calc(100% - 32px);
		max-width: 672px;
	}
	.comp-banner .banner-area .image-slider, .comp-banner.hero-banner .banner-area .image-slider {
		display: none;
	}
	.comp-banner .banner-area .slider-images, .comp-banner .banner-area .image-area, .comp-banner.hero-banner .banner-area .slider-images, .comp-banner.hero-banner .banner-area .image-area {
		width: 100%;
		flex: auto;
		border-radius: 6px 6px 0px 0px;
	}
	.comp-banner .banner-area .slider-text, .comp-banner.hero-banner .banner-area .slider-text {
		width: 100%;
		align-items: flex-start;
	}
	.comp-banner .banner-area .slider-text h2, .comp-banner.hero-banner .banner-area .slider-text h2 {
		font-size: 26px;
	}
	.comp-banner .banner-area .slider-text .labels, .comp-banner.hero-banner .banner-area .slider-text .labels {
		padding-left: 16px;
		padding-right: 16px;
		padding-bottom: 16px;
		padding-top: 18px;
	}
	.comp-banner .dotted-nav, .comp-banner.hero-banner .dotted-nav {
		display: flex;
	}
	.comp-banner.hero-banner .banner-area {
		margin: 0px;
	}
}
.comp-configurator-usp .usp-element {
	padding-top: 8px;
}
.comp-configurator-usp .usp-element > div {
	display: flex;
}
.comp-configurator-usp .usp-element > div .usp-icon {
	padding-right: 8px;
	flex: 0 0 36px;
}
.comp-configurator-usp .usp-element > div .usp-icon img {
	width: 36px;
	height: 36px;
}
.comp-configurator-usp.delivery .usp-element > div .usp-text {
	color: #6C9D0D;
	margin-top: -3px;
}
.comp-configurator-usp .usp-element.no-subline > div {
	align-items: center;
}
/*download buttons*/
.comp-banner .cta .button-group {
	display: grid;
	gap: 8px;
	grid-template-columns: 1fr 1fr;
}
@media only screen and (max-width: 460px) {
	.comp-banner .cta .button-group {
		grid-template-columns: 1fr;
	}
}
.comp-banner.hero-banner .banner-area .slider-text > div .cta .comp-button[data-type] {
	display: none;
}
body.pc:not(.mobilebrowser) .comp-banner.hero-banner .banner-area .slider-text > div .cta .comp-button[data-type="1"], body.mac:not(.mobilebrowser) .comp-banner.hero-banner .banner-area .slider-text > div .cta .comp-button[data-type="2"], body.pc.mobilebrowser .comp-banner.hero-banner .banner-area .slider-text > div .cta .comp-button[data-type="3"], body.mac.mobilebrowser .comp-banner.hero-banner .banner-area .slider-text > div .cta .comp-button[data-type="4"] {
	display: block;
}

/* 
 * comp promotion timer
*/
.comp-promotion-timer {
	margin-top: 16px;
}
.comp-promotion-timer .time {
	display: inline-flex;
	background-color: #6e6e6e;
	color: #FFFFFF;
	border-radius: 6px;
	text-align: center;
	overflow: hidden;
	gap: 1px;
	font-size: 14px;
	line-height: 18px;
}
.comp-promotion-timer .time > div {
	background-color: var(--color-font);
	display: flex;
	min-width: 64px;
	flex-direction: column;
	align-items: center;
	box-sizing: border-box;
	padding: 4px;
}
.comp-promotion-timer .digit {
	font-size: 18px;
	font-weight: bold;
}



/* The top notifier bar moves navigation elements to bottom if exist */
.comp-notifier-bar {
	position: fixed;
}

.comp-notifier-bar ~ * .comp-website-navigation {
	padding-bottom: calc(144px + 44px);
}

.comp-notifier-bar ~ * .comp-website-navigation.has-no-mainnav {
	padding-bottom: calc(75px + 44px);
}

.comp-notifier-bar ~ * .comp-website-navigation > .sticky:not(.scrolling) {
	top: 44px;
}

.comp-notifier-bar ~ * .comp-website-navigation .sticky.scrolling {
	transform: translateY(-31px);
}

.comp-notifier-bar ~ .comp-design-list .design-list-filter {
	transform: translateY(44px);
}

.comp-notifier-bar ~ * .comp-website-navigation .mobile-main-navigation .mobile-main-navigation-list, .comp-notifier-bar ~ * .comp-website-navigation .mobile-main-navigation .mobile-sub-navigation-list {
	top: 105px;
	height: calc(100% - 105px);
}

#notifierAppDownload ~ * .comp-website-navigation > .sticky:not(.scrolling) {
	top: 52px;
}

#notifierAppDownload ~ .comp-design-list .design-list-filter {
	transform: translateY(52px);
}

#notifierAppDownload ~ * .comp-website-navigation .mobile-main-navigation .mobile-main-navigation-list, #notifierAppDownload ~ * .comp-website-navigation .mobile-main-navigation .mobile-sub-navigation-list {
	top: calc(52px + 60px);
	height: calc(100% - 60px - 52px);
}

#notifierAppDownload ~ * .comp-website-navigation {
	padding-bottom: calc(52px + 60px);
}

#notifierAppDownload ~ * .comp-website-navigation > .sticky:not(.scrolling) {
	top: 52px;
}

#notifierAppDownload ~ * .comp-website-navigation.has-no-mainnav {
	padding-bottom: calc(52px + 44px);
}

#notifierAppDownload + .comp-notifier-bar ~ .comp-design-list .design-list-filter {
	transform: translateY(calc(52px + 44px));
}

#notifierAppDownload + .comp-notifier-bar ~ * .comp-website-navigation .mobile-main-navigation .mobile-main-navigation-list, #notifierAppDownload + .comp-notifier-bar ~ * .comp-website-navigation .mobile-main-navigation .mobile-sub-navigation-list {
	top: calc(52px + 105px);
	height: calc(100% - 105px - 52px);
}

#notifierAppDownload + .comp-notifier-bar {
	top: 52px;
}

#notifierAppDownload + .comp-notifier-bar ~ * .comp-website-navigation {
	padding-bottom: calc(52px + 144px + 44px);
}

#notifierAppDownload + .comp-notifier-bar ~ * .comp-website-navigation > .sticky:not(.scrolling) {
	top: calc(52px + 44px);
}

#notifierAppDownload + .comp-notifier-bar ~ * .comp-website-navigation.has-no-mainnav {
	padding-bottom: calc(75px + 44px);
}

@media only screen and (max-width: 732px) {
	.mobilebrowser .comp-notifier-bar ~ * .comp-website-navigation > div.sticky .navigation-dropdown {
		max-height: none;
		min-height: none;
		height: calc(100vh - 75px - 68px - 44px);
	}

	.mobilebrowser .comp-notifier-bar ~ * .comp-website-navigation > div.sticky.scrolling .navigation-dropdown {
		max-height: none;
		min-height: none;
		height: calc(100vh - 52px - 44px);
	}
}

@media only screen and (max-width: 992px) {
	.comp-notifier-bar ~ * .comp-website-navigation {
		padding-bottom: calc(61px + 44px);
	}

	#notifierAppDownload + .comp-notifier-bar ~ * .comp-website-navigation {
		padding-bottom: calc(52px + 60px + 44px);
	}
}

/* moves navigation end */
.comp-notifier-bar {
	height: 44px;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 2999;
	background-color: #383838;
	color: #fff;
	overflow: hidden;
	display: flex;
	align-items: center;
}

.comp-notifier-bar .notifier-elements {
	flex: 1;
	position: relative;
	height: 100%;
}

.comp-notifier-bar .notifier-elements .notifier-element {
	height: 100%;
	line-height: 120%;
	font-size: 16px;
	opacity: 0;
	transition: transform 0.5s, opacity 0.5s;
	position: absolute;
	width: 100%;
	text-wrap-style: balance;
	display: flex;
	text-align: center;
	padding-left: 34px;
	justify-content: center;
	align-items: center;
}

.comp-notifier-bar .notifier-elements .notifier-element.active {
	opacity: 1;
	transform: translateY(0);
}

.comp-notifier-bar .notifier-elements .notifier-element.inactive {
	opacity: 0;
	transform: translateY(-100%);
}

.comp-notifier-bar .notifier-elements .notifier-element.ready {
	transform: translateY(100%);
}

.comp-notifier-bar .notifier-elements .notifier-element a, .comp-notifier-bar .notifier-elements .notifier-element a:hover, .comp-notifier-bar .notifier-elements .notifier-element a:visited, .comp-notifier-bar .notifier-elements .notifier-element a:active {
	color: #fff;
}

.comp-notifier-bar .icon-button {
	z-index: 1;
}

.comp-notifier-bar .icon-button:before {
	content: "\e978";
}

@media only screen and (max-width: 768px) {
	.comp-notifier-bar .notifier-elements .notifier-element {
		font-size: 14px;
		padding-left: 16px;
		padding-right: 20px;
	}
}



/* comp-alert start */
.comp-alert {
	position: fixed;
	left: 50%;
	top: 168px;
	display: none;
	max-width: calc(100% - 32px);
	width: 446px;
	transform: translateX(-50%);
	z-index: 2;
}
.comp-alert.active {
	display: block;
}
.comp-alert > div {
	padding: 16px;
	background-color: #FFFFFF;
	box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.25);
	border-radius: 8px;
}
.comp-alert > div p:first-child {
	margin-top: 0;
}
.comp-alert > div .buttongroup {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	justify-content: center;
}
/* comp-alert end*/
/* browserlanguagedetection*/
#browserLanguageDetection.comp-alert {
	width: 672px;
}
#browserLanguageDetection.comp-alert > div {
	padding: 0;
}
#browserLanguageDetection.comp-alert > div > div {
	padding: 24px;
}
#browserLanguageDetection.comp-alert > div > div .buttongroup {
	justify-content: flex-start;
}
#browserLanguageDetection.comp-alert > div #userLang {
	border-top: 1px solid #CCCCCC;
}
/*browserlanguagedetection*/



.comp-usp {
	width: 1200px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	max-width: 100%;
	justify-content: center;
	box-sizing: border-box;
	padding: 0px 16px;
}
.comp-content-wrapper.two-columns-max .comp-usp{
	width: 860px;
}
.comp-usp .comp-heading {
	flex: 0 0 100%;
}
.comp-usp .buttongroup {
	padding-top: 10px;
	padding-bottom: 8px;
	flex: 1;
	justify-content: center;
	align-items: flex-end;
}
.comp-usp .usp-element {
	/* IDEA! */
	padding: 16px 16px 11px 16px;
	/* IDEA! */
	flex: 1;
	max-width: 400px;
	min-width: 320px;
	box-sizing: border-box;
	text-align: center;
}
.comp-usp .usp-element > div {
	height: 100%;
	display: flex;
	flex-direction: column;
}
.comp-usp .usp-element .usp-icon {
	flex: 0 0 48px;
	height: 48px;
}
.comp-usp .usp-element .usp-icon > img {
	width: 48px;
}
.comp-usp .usp-element .usp-text {
	padding-top: 8px;
}
.comp-usp .usp-element .usp-text, .comp-usp .usp-element .usp-text * {
	font-size: 16px;
	line-height: 24px;
	font-weight: normal;
	margin-bottom: 0;
}
.comp-usp .usp-element .usp-text h2, .comp-usp .usp-element .usp-text .h2, .comp-usp .usp-element .usp-text h3, .comp-usp .usp-element .usp-text .h3 {
	font-weight: normal;
	font-family: 'SourceSansPro-Regular', sans-serif;
	font-size: 22px;
	/*26px;*/
	line-height: 22px;
	/* 31px;*/
	padding-top: 0px;
	/*1px*/
	padding-bottom: 6px;
	/*12px*/
}
.comp-usp.newsletter-subscription .usp-element {
	max-width: 960px;
}
@media only screen and (max-width: 688px) {
	.comp-usp:not(.newsletter-subscription):not(.keep-columns) .buttongroup {
		justify-content: flex-start;
		padding-left: 64px;
		flex: 0 0 100%;
		padding-top: 16px;
	}
	.comp-usp:not(.newsletter-subscription):not(.keep-columns) .usp-element {
		padding: 12px 8px 12px 8px;
		text-align: left;
		max-width: none;
		flex-wrap: wrap;
	}
	.comp-usp:not(.newsletter-subscription):not(.keep-columns) .usp-element > div {
		flex-wrap: wrap;
		align-items: center;
		flex-direction: row;
		height: auto;
	}
	.comp-usp:not(.newsletter-subscription):not(.keep-columns) .usp-element .usp-text {
		flex: 1;
	}
	.comp-usp:not(.newsletter-subscription):not(.keep-columns) .usp-element .usp-icon {
		flex: 0 0 64px;
	}
	.comp-usp:not(.newsletter-subscription):not(.keep-columns) .usp-element .usp-icon > img {
		transform: translateY(3px);
	}
	.comp-usp.keep-columns {
		gap: 8px;
	}
	.comp-usp.keep-columns .buttongroup {
		padding-top: 10px;
		padding-bottom: 16px;
	}
	.comp-usp.keep-columns .usp-element {
		padding-left: 0;
		padding-right: 0;
		max-width: unset;
		min-width: calc(50% - 4px);
	}
	.comp-usp.keep-columns .buttongroup .comp-cta.medium a {
		font-size: 12px;
		min-height: 30px;
		padding: 8px 12px 8px 12px;
	}
}



.comp-footer {
	padding-top: 41px;
	padding-bottom: 89px;
	background-color: #383838;
	color: #efefef;
}

.comp-footer a {
	color: #efefef;
}

.comp-footer a:hover,
.comp-footer a:visited {
	color: #ffffff;
}

.comp-footer ul,
.comp-footer li {
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
	list-style: none;
}

.comp-footer sgsuccess,
.comp-footer sgsuccess > div {
	background-color: transparent;
}

.comp-footer .footer-elements .comp-usp.newsletter-subscription {
	padding-right: 8px;
	padding-left: 8px;
}

.comp-footer .footer-elements .comp-usp.newsletter-subscription .webservice-form {
	max-width: 600px;
	padding: 0px 8px;
	box-sizing: border-box;
	margin: 0 auto;
}

.comp-footer .footer-elements .comp-usp.newsletter-subscription .webservice-form .rc-form-container .rc-form-group-wrapper {
	margin-top: 8px;
}

.comp-footer .footer-elements .comp-usp.newsletter-subscription .webservice-form .rc-form-container .rc-form-group-wrapper .rc-form-element {
	width: auto;
}

.comp-footer .footer-elements .comp-usp.newsletter-subscription .webservice-form .rc-form-container .rc-form-group-wrapper .rc-form-element:first-child {
	width: 343px;
	max-width: 100%;
	padding-left: 0px;
	flex: 1;
}

.comp-footer .footer-elements .comp-usp.newsletter-subscription .small-text {
	max-width: 600px;
	font-size: 14px;
	line-height: 18px;
	margin: 0 auto;
	text-align: left;
	padding: 0 8px;
	box-sizing: border-box;
}

.comp-footer .footer-elements .comp-usp.newsletter-subscription .small-text em {
	font-style: italic;
}

.comp-footer .footer-elements .footer-row {
	display: flex;
	flex-wrap: wrap;
	max-width: calc(1200px + 16px);
	margin: 0 auto;
	padding: 0 16px;
	text-align: left;
}

.comp-footer .footer-elements .footer-row .footer-menugroup {
	flex: 1;
	min-width: 216px;
	padding-bottom: 16px;
}

.comp-footer .footer-elements .footer-row .footer-menugroup.partner .image-list {
	padding-top: 0;
}

.comp-footer .footer-elements .footer-row .footer-menugroup.partner .image-list a {
	flex: 0 0 130px;
}

.comp-footer .footer-elements .footer-row .footer-menugroup.partner .image-list a img {
	height: 100%;
}

.comp-footer .footer-elements .footer-row .footer-menugroup.partner .comp-image {
	max-width: 168px;
	background-color: #ffffff;
}

.comp-footer .footer-elements .footer-row .footer-menugroup.shipping .image-list > div img,
.comp-footer .footer-elements .footer-row .footer-menugroup.payment .image-list > div img {
	width: 64px;
	height: 64px;
}

.comp-footer .footer-elements .footer-row .footer-menugroup.richsnippet {
	font-size: 14px;
	line-height: 18px;
	max-width: 912px;
	min-width: 75%;
}

.comp-footer .footer-elements .footer-row .footer-menugroup.csr img {
	width: 32px;
	height: 32px;
	padding-top: 8px;
}

.comp-footer .footer-elements .footer-row .footer-menugroup.languageinfo,
.comp-footer .footer-elements .footer-row .footer-menugroup.priceinfo {
	padding-top: 32px;
	padding-bottom: 16px;
}

.comp-footer .footer-elements .footer-row .footer-menugroup.languageinfo a,
.comp-footer .footer-elements .footer-row .footer-menugroup.priceinfo a {
	display: flex;
}

.comp-footer .footer-elements .footer-row .footer-menugroup.languageinfo img,
.comp-footer .footer-elements .footer-row .footer-menugroup.priceinfo img {
	width: 24px;
	padding-right: 8px;
}

.comp-footer .footer-menugroup-elements .group-label {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	display: block;
	height: 26px;
	padding-left: 16px;
	padding-right: 16px;
}

.comp-footer .footer-menugroup-elements .group-label > div {
	padding-top: 6px;
}

.comp-footer .footer-menugroup-elements .group-label.g4 a:hover,
.comp-footer .footer-menugroup-elements .group-label.g4 a:visited {
	color: #ffffff;
}

.comp-footer .footer-menugroup-elements .group-label.g4 * {
	font-size: 14px !important;
	line-height: 18px !important;
	margin: 0;
}

.comp-footer .footer-menugroup-elements .title,
.comp-footer .footer-menugroup-elements [typeof="Product"] {
	padding-bottom: 4px;
	padding-top: 28px;
	padding-left: 16px;
	padding-right: 16px;
}

.comp-footer .footer-menugroup-elements .title h3,
.comp-footer .footer-menugroup-elements [typeof="Product"] h3 {
	line-height: 20px;
	margin-bottom: 3px !important;
	font-size: 18px !important;
	font-weight: normal !important;
}

.comp-footer .footer-menugroup-elements .image-list {
	padding-left: 16px;
	padding-right: 16px;
	padding-top: 8px;
}

.comp-footer .footer-menugroup-elements .image-list.social-media {
	padding-top: 0px;
	padding-left: 8px;
	padding-right: 8px;
}

.comp-footer .footer-menugroup-elements .image-list > div {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.comp-footer .footer-menugroup-elements .image-list > div img {
	display: block;
	width: auto;
	height: 48px;
}

.comp-footer .footer-menugroup-elements .button-list {
	padding: 8px 16px 0px 8px;
}

.comp-footer .footer-menugroup-elements .button-list > div {
	display: flex;
	flex-wrap: wrap;
}

.comp-footer .footer-menugroup-elements .button-list > div .download-button {
	margin-left: 8px;
	margin-bottom: 8px;
	background-color: #000000;
	border: 1px solid #a6a6a6;
	border-radius: 6px;
	display: flex;
	text-decoration: none;
	padding: 5px 16px 5px 8px;
	align-items: center;
}

.comp-footer .footer-menugroup-elements .button-list > div .download-button .icon-button.windows:before {
	font-size: 26px;
	content: "\e9fd";
}

.comp-footer .footer-menugroup-elements .button-list > div .download-button .icon-button.macos:before {
	font-size: 26px;
	content: "\e9dd";
}

.comp-footer .footer-menugroup-elements .button-list > div .download-button .description {
	padding-left: 2px;
}

.comp-footer .footer-menugroup-elements .button-list > div .download-button .description > div {
	font-size: 12px;
	line-height: 14px;
}

.comp-footer .footer-menugroup-elements .button-list > div .download-button .description > .cta {
	font-size: 16px;
	line-height: 24px;
	font-weight: bold;
}

.comp-footer .footer-menugroup-elements .image-text {
	padding-left: 16px;
	padding-bottom: 8px;
	display: flex;
}

.comp-footer .footer-menugroup-elements .image-text > div {
	flex: 0 0 32px;
	margin-right: 8px;
}

.comp-footer .footer-menugroup-elements .image-text > .group-label {
	flex: auto;
	height: auto;
	white-space: unset;
	padding-left: 0px;
}

@media only screen and (max-width: 464px) {
	.footer-row.sitemap .footer-menugroup {
		border-bottom: 1px solid #a0a0a0;
	}

	.footer-row.sitemap .footer-menugroup:last-child {
		margin-bottom: 16px;
	}

	.footer-row.sitemap .title {
		position: relative;
	}

	.footer-row.sitemap .title:after {
		position: absolute;
		right: 32px;
		top: 26px;
		font-size: 21px;
		font-family: "icomoon";
		font-weight: normal;
		font-style: normal;
		font-stretch: normal;
		content: "\ea0d";
	}

	.footer-row.sitemap .group-label {
		display: none;
		height: 30px;
	}

	.footer-row.sitemap .active .group-label {
		display: inherit;
	}

	.footer-row.sitemap .active .title {
		padding-bottom: 8px;
	}

	.footer-row.sitemap .active .title:after {
		content: "\e99b";
	}

	.comp-footer .footer-elements .footer-row .footer-menugroup.languageinfo {
		padding-top: 0;
	}
}



.comp-photoportal-dialog {
	display: grid;
	grid-template-rows: 36px 1fr 36px;
	align-self: center;
	max-height: calc(100vh - 32px);
	position: relative;
	width: 1200px;
	gap: 4px;
	padding-top: 36px;
	max-width: calc(100% - 32px);
	margin: 0 auto;
	box-sizing: border-box;
}
.comp-photoportal-dialog .photoportal-header {
	align-self: flex-end;
	height: 36px;
	flex: 0 0 36px;
}
.comp-photoportal-dialog .photoportal-header .icon-button:before {
	content: "\e978";
	color: #FFF;
}
.comp-photoportal-dialog .photoportal-content {
	background-color: #FFFFFF;
	display: grid;
	grid-template-columns: 1fr minmax(300px, 446px);
	box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.65);
	border-radius: 6px;
}
.comp-photoportal-dialog .photoportal-content .comp-text {
	align-self: center;
	padding: 32px;
	text-align: left;
}
.comp-photoportal-dialog .photoportal-content .comp-cta a {
	display: block;
	text-align: center;
}
@media only screen and (max-width: 1024px) {
	.comp-photoportal-dialog {
		width: 672px;
	}
	.comp-photoportal-dialog .photoportal-content {
		overflow-y: auto;
		grid-template-columns: 1fr;
	}
	.comp-photoportal-dialog .photoportal-content .comp-text {
		padding-top: 16px;
	}
}



.webservice-form {
	max-width: 1028px;
	display: block;
	padding: 0px 28px 48px 28px;
	box-sizing: border-box;
	text-align: left;
	margin: 0 auto;
}
sgsuccess > div {
	text-align: center;
	min-height: 10em;
	overflow: hidden;
	font-size:18px;
	padding: 3em 1em;
}



.comp-appdownload-notifier {
	position: fixed;
	height: 52px;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 2999;
	background-color: #F8F8F8;
	overflow: hidden;
}
.comp-appdownload-notifier > div {
	display: grid;
	grid-template-columns: 30px 1fr auto 36px;
	grid-gap: 8px;
	padding: 8px 0px 8px 8px;
	align-items: center;
}
.comp-appdownload-notifier > div .label > span {
	display: block;
	line-height: 16px;
	font-size: 14px;
	text-overflow: ellipsis;
	overflow: hidden;
}
.comp-appdownload-notifier > div .label .main {
	font-weight: bold;
}
.comp-appdownload-notifier > div .label .sub {
	font-size: 12px;
}
.comp-appdownload-notifier > div .comp-cta {
	display: none;
	height: 30px;
}
.comp-appdownload-notifier > div .comp-cta a {
	font-size: 12px;
	min-height: unset;
	padding: 6px 12px;
}
.comp-appdownload-notifier > div .icon-button:before {
	content: "\e978";
}



.dynamiclp-logo{
	padding: 16px 24px;
	text-align:center
}
.comp-dynamiclandingpage-banner {
	max-width: 1616px;
	margin: 0 auto;
}
.comp-dynamiclandingpage-banner > div {
	padding-bottom: 24px;
}
.comp-dynamiclandingpage-banner > .buttongroup {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	padding-bottom:unset;
	justify-content: center;
}
.comp-dynamiclandingpage-banner > .buttongroup .comp-cta{
	height:auto;
}
.comp-dynamiclandingpage-banner .webservice-form {
	padding: 16px 0px;
	max-width: 672px;
}
.comp-dynamiclandingpage-banner .webservice-form .rc-form-container .rc-form-element {
	width: 100%;
}
.comp-dynamiclandingpage-banner .comp-image {
	position: relative;
}
.comp-dynamiclandingpage-banner .comp-image picture {
	padding-bottom: calc(100% / 2.5);
	height: auto;
	width: 100%;
	display: block;
	position: relative;
	text-align: center;
	overflow: hidden;
}
.comp-dynamiclandingpage-banner .comp-image picture img {
	margin: 0;
	padding: 0;
	max-width: unset;
	max-height: unset;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: auto;
	/*IE11 :-(*/
	max-width: 16000px;
	height: 100%;
}
@media only screen and (min-width: 768px) {
	.comp-dynamiclandingpage-banner .webservice-form .rc-form-container .rc-form-footer-group .rc-form-element {
		width: auto;
	}
}
@media only screen and (max-width: 960px) {
	.comp-dynamiclandingpage-banner .comp-image picture {
		padding-bottom: calc(100% / 1.6);
	}
}
@media only screen and (max-width: 2000px) {
	.comp-dynamiclandingpage-banner {
		max-width: 1400px;
	}
}
@media only screen and (max-width: 1600px), (max-height: 1024px) {
	.comp-dynamiclandingpage-banner {
		max-width: 1200px;
	}
}



.comp-kb > div {
	background: linear-gradient(to bottom, #FBFBFB, #EFEFEF);
	background-attachment: fixed;
	padding: 12px 16px 48px 16px;
}
.comp-kb > div .kb-content > .kb-navigation {
	margin-bottom: 8px;
}
.comp-kb > div .kb-content > .kb-navigation .icon-button:before {
	content: "\e9d5";
	font-size: 18px;
}
.comp-kb .kb-list {
	padding-top: 36px;
}
.comp-kb .kb-list .menu-groups {
	max-width: 1640px;
	margin: 0 auto;
	text-align: left;
	padding-bottom: 40px;
}
.comp-kb .kb-list .menu-groups .menu-group {
	max-width: 404px;
	min-width: 320px;
}
.comp-kb .kb-list .menu-groups .menu-group h2 {
	margin-bottom: 12px;
}
.comp-kb .kb-list .menu-groups > div {
	display: grid;
	gap: 8px;
	grid-template-columns: repeat(4, 1fr);
}
.comp-kb .kb-content > div {
	display: flex;
	column-gap: 16px;
	max-width: 1200px;
	margin: 0 auto;
}
.comp-kb .kb-content > div .comp-text > div {
	background-color: #FFFFFF;
	padding-bottom: 48px;
}
.comp-kb .kb-content > div .content {
	flex: auto;
	max-width: 1200px;
}
.comp-kb .kb-content > div .content > div {
	padding: 16px;
	background-color: #FFFFFF;
	border-radius: 6px;
}
.comp-kb .kb-content > div .content img {
	max-width: 100%;
	max-height: 640px;
}
.comp-kb .kb-content > div .content .comp-video {
	width: 100%;
	max-width: 1168px;
	padding: 0;
}
.comp-kb .kb-content > div .content .comp-video > span {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 0;
	display: block;
	height: 0;
	overflow: hidden;
}
.comp-kb .kb-content > div .content .comp-video > span > iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	max-width: 100%;
	height: 100%;
	max-height: 657px;
}
.comp-kb .kb-content > div .content p:has(img) {
	max-width: 100%;
}
.comp-kb .menu-group {
	display: flex;
	flex-direction: column;
	flex: 1;
	justify-content: stretch;
}
.comp-kb .menu-group > div {
	background-color: #FFF;
	font-size: 16px;
	line-height: 120%;
	text-align: left;
	padding: 16px 8px 20px 8px;
	height: 100%;
	border-radius: 6px;
}
.comp-kb .menu-group > div .heading {
	font-size: 26px;
	padding: 0px 8px;
	line-height: 31px;
	font-family: 'SourceSansPro-Regular', sans-serif;
	margin-bottom: 8px;
	display: flex;
	min-height: 42px;
	align-items: center;
}
.comp-kb .menu-group > div .element a, .comp-kb .menu-group > div .element a:visited, .comp-kb .menu-group > div .element a:hover, .comp-kb .menu-group > div .element a:active, .comp-kb .menu-group > div .sub-element a, .comp-kb .menu-group > div .sub-element a:visited, .comp-kb .menu-group > div .sub-element a:hover, .comp-kb .menu-group > div .sub-element a:active {
	text-decoration: none;
	padding: 7px 8px 5px 8px;
	display: flex;
	border-radius: 6px;
	color: #3669C4;
	min-height: 36px;
	align-items: center;
	box-sizing: border-box;
}
.comp-kb .menu-group > div .element a:visited, .comp-kb .menu-group > div .sub-element a, .comp-kb .menu-group > div .sub-element a:visited {
	opacity: 0.75;
}
.comp-kb .menu-group > div .element a:hover, .comp-kb .menu-group > div .element a:hover:before, .comp-kb .menu-group > div .sub-element a:hover, .comp-kb .menu-group > div .sub-element a:hover:before {
	color: #497CD8;
}
.comp-kb .menu-group > div .element a:active, .comp-kb .menu-group > div .element a:active:before, .comp-kb .menu-group > div .sub-element a:active, .comp-kb .menu-group > div .sub-element a:active:before {
	color: #2A5DB7;
}
.comp-kb .menu-group > div .element.active a, .comp-kb .menu-group > div .element.active a:before, .comp-kb .menu-group > div .sub-element.active a, .comp-kb .menu-group > div .sub-element.active a:before {
	background-color: #EFEFEF;
	color: #676767;
}
.comp-kb .menu-group > div .element.has-sub a, .comp-kb .menu-group > div .sub-element.has-sub a {
	display: grid;
	padding-left: 4px;
	grid-template-columns: 24px 1fr;
}
.comp-kb .menu-group > div .element.has-sub a:before, .comp-kb .menu-group > div .sub-element.has-sub a:before {
	font-size: 18px;
	text-align: center;
	font-family: 'icomoon';
	content: '\e9d4';
	margin-top: -1px;
}
.comp-kb .menu-group > div .element.has-sub.active a:before, .comp-kb .menu-group > div .sub-element.has-sub.active a:before {
	content: '\ea06';
}
.comp-kb .menu-group > div .element.active ~ .sub-element {
	display: inherit;
}
.comp-kb .menu-group > div .element ~ .sub-element {
	display: none;
}
.comp-kb .menu-group > div .element ~ .sub-element a {
	padding-left: 28px;
}
@media only screen and (max-width: 1278px) {
	.comp-kb .kb-list .menu-groups {
		padding-left: 16px;
		padding-right: 16px;
	}
	.comp-kb .kb-list .menu-groups .menu-group {
		max-width: none;
		flex: 1;
	}
	.comp-kb .kb-list .menu-groups > div {
		grid-template-columns: repeat(3, 1fr);
	}
}
@media only screen and (max-width: 1023px) {
	.comp-kb > div {
		padding: 12px 0px 48px 0px;
	}
	.comp-kb .kb-content > div {
		grid-template-columns: repeat(1, 1fr);
	}
	.comp-kb .kb-content > div .content {
		flex: 0 0 100%;
	}
	.comp-kb .kb-list .menu-groups > div {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media only screen and (max-width: 768px) {
	.comp-kb .kb-list .menu-groups .menu-group {
		flex: auto;
	}
	.comp-kb .kb-list .menu-groups > div {
		grid-template-columns: repeat(1, 1fr);
	}
}
@media only screen and (max-width: 662px) {
	.comp-kb .kb-content > div .content img {
		max-width: 100%;
	}
}



.comp-placeholder-content {
	position: relative;
	background-color: #efefef;
	overflow: hidden;
}

.comp-placeholder-webservice-form {
	display: flex;
	max-width: 672px;
	flex-direction: column;
	margin: auto;
}

.comp-placeholder-webservice-form > div {
	flex: 0 0 36px;
	margin: 0 16px 16px 16px;
}

.comp-placeholder-webservice-form .form-button {
	width: 200px;
}

.comp-placeholder-webservice-form .form-text-line {
	flex: 0 0 16px;
	margin-top: 10px;
	margin-bottom: 26px;
	border-radius: 8px;
}

.comp-placeholder-content:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100px;
	background: linear-gradient(90deg, #efefef, #f4f4f4, #eeeeee);
	animation: gradient 1s infinite ease-in-out;
}

@keyframes gradient {
	from {
		left: 0%;
	}
	to {
		left: 100%;
	}
}

@media only screen and (max-width: 768px) {
	.comp-placeholder-webservice-form > div {
		flex: 0 0 44px;
	}

	.comp-placeholder-webservice-form .form-text-line {
		margin-top: 14px;
		margin-bottom: 30px;
	}
}



.comp-pricelist-table{
	text-align:left;
	min-height:672px;
}
.detailed-prices-link{
	padding-bottom:48px;
}



/* webtables from service */
.web-tables-module {
  font-size: 14px;
  margin: 0 auto;
  min-width: 300px;
  min-height: 100px;
  position: relative;
  /*overflow: hidden;*/
  padding: 0 16px;
}
.web-tables-module.mobile {
  padding: 0;
}
.web-tables-module.mobile .group-data-settings {
  margin-top: 16px;
  padding: 0 16px;
  box-sizing: border-box;
}
.web-tables-module.mobile .tables {
  padding: 0 16px;
  box-sizing: border-box;
}
.web-tables-module.mobile .fact-group h2 {
  padding: 0 16px 11px;
  box-sizing: border-box;
  font-size: 32px;
}
.web-tables-module .simplified-mobile-table {
  margin-bottom: 16px;
}
.web-tables-module .simplified-mobile-table tr > * {
  min-height: 44px;
  height: 44px;
}

.web-tables-module h2 {
  margin-top: 0;
  margin-bottom: 16px;
}

.web-tables-module .fact-group.shipping-costs-table h2 {
  margin-bottom: 0;
  padding: 0 16px;
  box-sizing: border-box;
}

.web-tables-module .fact-group:not(.without-data-settings) {
  margin-bottom: 32px;
}
.web-tables-module .fact-group:not(.without-data-settings) .rc-select {
  min-width: 180px;
}

.web-tables-module .fact-group:last-child {
  margin-bottom: 0;
}

.web-tables-module .tab-list-wrapper {
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 3px;
}

.web-tables-module .tab-list-wrapper .btn-tab-wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  background: #FFFFFF;
  z-index: 1;
  display: flex;
  align-items: center;
}
.web-tables-module .tab-list-wrapper .btn-tab-wrapper.mobile-device {
  display: none !important;
}

.web-tables-module .tab-list-wrapper .btn-tab-wrapper > * {
  height: 100%;
  margin-bottom: 26px;
  border-bottom: 1px solid #CCCCCC;
  /*&:hover {
  		background-color: #efefef;
  }*/
}

.web-tables-module .tab-list-wrapper .btn-tab-prev {
  left: 0;
}

.web-tables-module .tab-list-wrapper .btn-tab-next {
  right: 0;
}

@media (min-width: 1250px) {
  .web-tables-module .tab-list-wrapper .btn-tab-wrapper > * {
    border-style: none;
  }
  .web-tables-module .tab-list-wrapper .btn-tab-prev {
    left: -25px;
    border-style: none;
  }
  .web-tables-module .tab-list-wrapper .btn-tab-next {
    right: -25px;
    border-style: none;
  }
}
.web-tables-module .tab-list-wrapper *.btn-simple .sgw-icon:before {
  font-size: 24px;
}

.web-tables-module .tab-item-wrapper {
  box-sizing: border-box;
  border-bottom: 1px solid #CCCCCC;
  padding: 0 8px 0 8px;
  flex: 0 0 216px;
  position: relative;
}
@media (max-width: 1024px) {
  .web-tables-module .tab-item-wrapper {
    flex: 0 0 26vw;
  }
}
@media (max-width: 600px) {
  .web-tables-module .tab-item-wrapper {
    flex: 0 0 40vw;
  }
}

.web-tables-module .tabList {
  display: flex;
  text-align: center;
  overflow: hidden;
  width: 100%;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
  /*> .tab-list-paddings {
  		border-bottom: 1px solid #CCCCCC;
  		display: flex;
  }*/
}

.web-tables-module.mobile .tabList {
  overflow-x: auto;
  transition: 0.2s ease all;
}
.web-tables-module.mobile .tabList:before, .web-tables-module.mobile .tabList:after {
  content: "";
  padding-left: 16px;
  position: relative;
  border-bottom: 1px solid #CCCCCC;
  margin-bottom: 13px;
}

.web-tables-module .tabList .tab {
  cursor: pointer;
  scroll-snap-align: center;
  width: 100%;
  grid-gap: 0;
}

.web-tables-module .tabList .selected .tab-label {
  font-weight: bold;
}

.web-tables-module .tabList .tab-item-wrapper.selected:after {
  content: "";
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  border-bottom: 2px solid #3669C4;
}

/*.web-tables-module .tabList .tab-item-wrapper:last-child {
    padding: 0 0 0 8px;

}

.web-tables-module .tabList .tab-item-wrapper:first-child {
    padding: 0 8px 0 0;
}*/
.web-tables-module .tabList .tab .tab-image {
  width: 100%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

.web-tables-module .tabList .tab .tab-image img {
  width: 100%;
  height: auto;
}

.web-tables-module .tabList .tab .tab-label {
  display: inline-flex;
  height: 36px;
  align-items: center;
  box-sizing: border-box;
}

.web-tables-module .tabList .tab-item-wrapper.selected .tab-label, .web-tables-module .tabList .tab-item-wrapper:hover .tab-label {
  color: #3669C4;
}

.web-tables-module .group-data-settings {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  position: relative;
}
.web-tables-module .group-data-settings .rc-loader.content-loader {
  z-index: 1;
  animation: rc-loader-opacity-fadein 1s normal;
}
.web-tables-module .group-data-settings.loading-content {
  position: relative;
}
.web-tables-module .group-data-settings.loading-content .group-data-item {
  animation: rc-loader-opacity-fadeout 1s normal;
  opacity: 0;
}

@-webkit-keyframes rc-loader-opacity-fadein {
  0% {
    opacity: 0;
  }
  99% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes rc-loader-opacity-fadein {
  0% {
    opacity: 0;
  }
  99% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes rc-loader-opacity-fadeout {
  0% {
    opacity: 1;
  }
  99% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes rc-loader-opacity-fadeout {
  0% {
    opacity: 1;
  }
  99% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.web-tables-module .group-data-settings .group-data-item {
  margin-right: 8px;
  margin-bottom: 8px;
}

.web-tables-module .group-data-settings .group-data-item:last-child {
  margin-right: 0;
}

.web-tables-module .tables .table-groups {
  display: flex;
  margin-bottom: 32px;
  flex-wrap: wrap;
  justify-content: center;
}

.web-tables-module .tables .table-groups:last-child {
  margin-bottom: 0;
}

.web-tables-module .table-group-item {
  box-sizing: border-box;
  flex: 0 0 100%;
  max-width: 600px;
  margin-top: 16px;
}
.web-tables-module .table-group-item.without-table-header {
  margin-top: unset;
}
.web-tables-module .table-group-item .table-group-item-table {
  position: relative;
}

.web-tables-module .table-group-item.table-split {
  margin-top: 0;
}

.web-tables-module .table-group-item.table-split.table-inverted table tbody tr {
  background: #F2F2F2;
}

.web-tables-module .table-group-item.table-split.table-inverted table tbody tr:nth-child(odd) {
  background: #F9F9F9;
}

.web-tables-module .table-group-item.table-split h3, .web-tables-module .table-group-item.table-split thead {
  display: none;
}

.web-tables-module .table-group-item.table-individual-quantity table tr > * {
  width: auto;
}

.web-tables-module .table-group-item.table-individual-quantity table tr > *:first-child {
  width: 120px;
}

.web-tables-module .table-group-item.table-sketch table tr, .web-tables-module .table-group-item.table-sketch table tr > * {
  background: #FFFFFF;
}

.web-tables-module .table-group-item.table-sketch table tr > * {
  text-align: left;
  padding: 0;
}

.web-tables-module .table-group-item.table-sketch table tr > *:first-child {
  width: auto;
}

.web-tables-module .table-group-item.table-sketch table tr > *:last-child {
  width: 100%;
}

.web-tables-module .price-tables table tr > * {
  text-align: right;
  white-space: nowrap;
}

.web-tables-module .price-tables table tr > *:first-child {
  text-align: left;
}

.web-tables-module .table-group-item.table-sketch table img {
  width: unset;
  max-width: unset;
  height: unset;
}

/*.web-tables-module .table-group-item.table-sketch table tr > *:last-child {*/
/*    text-align: left;*/
/*}*/
.web-tables-module .table-group-item.table-sketch table ol {
  margin: 0;
  padding-left: 24px;
}

.web-tables-module .table-group-item h3 {
  margin-top: 0;
  margin-bottom: 2px;
}

.web-tables-module table {
  border-collapse: collapse;
  font-size: 14px;
  width: 100%;
}

.web-tables-module table thead tr {
  background: #FFFFFF;
}

.web-tables-module tr {
  background: #FBFBFB;
}

.web-tables-module tr > * {
  text-align: left;
  padding: 4px 8px;
  box-sizing: border-box;
  min-height: 36px;
  height: 36px;
  vertical-align: middle;
  line-height: 18px;
}

.web-tables-module .product-set tr > *:not(:first-child) {
  vertical-align: unset;
}

.web-tables-module .table-medium tr > * {
  /*width: 100px;*/
}

.web-tables-module tr > *:first-child {
  text-align: left;
  width: auto;
}

.web-tables-module .table-mergable tr > *:nth-child(n+3) {
  display: none;
}

.web-tables-module .table-mergable tr > *:last-child {
  display: table-cell;
}

.web-tables-module table tbody tr:nth-child(odd) {
  background: #F7F7F7;
}

.web-tables-module tbody tr:last-child {
  border-bottom: none;
}

.web-tables-module table td span.color {
  color: #d7032c;
  font-weight: bold;
}

.web-tables-module table td s {
  color: #666666;
}

.web-tables-module .table-cell:last-child {
  border-right: none;
  white-space: nowrap;
}

.web-tables-module .group-data-settings .rc-select {
  /*margin-right: 8px;*/
}

.web-tables-module .table-group-item .table-description {
  margin-bottom: 8px;
  margin-top: 0;
}

.web-tables-module .table-group-item table .rc-select {
  min-width: 110px;
  /*margin-left: 8px;*/
}

.web-tables-module .table-group-item table a {
  padding: 0;
  color: #3669C4;
  cursor: pointer;
  text-decoration: underline;
}

.web-tables-module .simplified-mode .table-group-item table a {
  text-decoration: none;
  padding-left: 24px;
  position: relative;
}
.web-tables-module .simplified-mode .table-group-item table a:before {
  content: "\e9d4";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 24px;
  width: 24px;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "icomoon";
  color: #3669C4;
}

.web-tables-module .table-group-item table .rc-input {
  width: 110px;
}

.web-tables-module .table-group-item .cell-individual-size .rc-input {
  width: 90px;
}

.web-tables-module .promotion-info {
  background: #D7032C;
  padding: 2px 8px;
  border-radius: 8px;
  box-shadow: 2px 3px 5px 0 rgba(0, 0, 0, 0.5);
  color: #FFFFFF;
  position: absolute;
  right: 0;
  top: 4px;
  text-align: center;
  transform: rotate(7deg);
}
.web-tables-module .promotion-info .promotion-text {
  font-size: 16px;
  line-height: 22px;
  padding: 0 8px;
  margin-top: 1px;
}

@media only screen and (min-width: 832px) {
  .web-tables-module {
    max-width: 1232px;
    padding: 0;
  }
  .web-tables-module .fact-group > * {
    margin-top: 16px;
    padding: 0 16px;
    box-sizing: border-box;
  }
  .web-tables-module .fact-group > div.tables {
    padding: 0 8px;
    margin-bottom: 48px;
  }
  .web-tables-module .fact-group > div.tabList {
    padding: 0;
    width: calc(100% - 32px);
    margin: 0 auto 16px auto;
  }
  .web-tables-module .tab-list-wrapper {
    padding: 0;
    margin: 0 16px 0 16px;
  }
  .web-tables-module .tables .table-groups {
    justify-content: flex-start;
  }
  .web-tables-module .table-group-item {
    min-width: 300px;
    flex: 0 0 33.33%;
    max-width: 33.33%;
    padding: 8px;
  }
  .web-tables-module .table-group-item.table-split {
    margin-top: 16px;
  }
  .web-tables-module .table-mergable tr > *:nth-child(n) {
    display: table-cell;
  }
  .web-tables-module .table-mergable tr > *:last-child {
    display: none;
  }
  .web-tables-module .table-group-item.table-split.table-inverted table tbody tr {
    background: #FBFBFB;
  }
  .web-tables-module .table-group-item.table-split.table-inverted table tbody tr:nth-child(odd) {
    background: #F7F7F7;
  }
  .web-tables-module .table-group-item table tr th.cell-template {
    color: #3669C4;
    background: #ffffff;
  }
  .web-tables-module .table-group-item table tr td.cell-template {
    background: #D7E1F3;
  }
  .web-tables-module .table-group-item table tr > .cell-template {
    text-align: left;
  }
  .web-tables-module .table-group-item table tr:nth-child(odd) td.cell-template {
    background: #E8EEF8;
  }
  .web-tables-module .table-group-item.table-split h3 {
    display: inherit;
  }
  .web-tables-module .table-group-item.table-split thead {
    display: table-header-group;
  }
  .web-tables-module .table-group-item.table-medium-full {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .web-tables-module .table-group-item.table-medium-full > * {
    min-width: 384px;
    width: calc(50% - 8px);
  }
  .web-tables-module .table-group-item.table-medium {
    min-width: 400px;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .web-tables-module .table-group-item.table-two-thirds {
    min-width: 700px;
    flex: 0 0 66%;
    max-width: 66%;
  }
  .web-tables-module .table-group-item.table-big {
    min-width: 600px;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media only screen and (min-width: 1100px) {
  .web-tables-module .group-data-settings .group-data-item.group-data-item-right {
    margin-left: auto;
  }
}
@media only screen and (max-width: 1099px) {
  .web-tables-module .table-group-item.table-sketch table img {
    width: 230px;
  }
}
@media only screen and (max-width: 675px) {
  .web-tables-module .group-data-settings {
    justify-content: space-between;
  }
  .web-tables-module .group-data-settings .group-data-item {
    margin-right: 0;
    flex: 0 0 calc(50% - 4px);
    max-width: calc(50% - 4px);
  }
  .web-tables-module .group-data-settings .group-data-item .rc-select {
    width: 100%;
    min-width: unset;
  }
}
@media only screen and (max-width: 550px) {
  .web-tables-module .table-group-item.table-sketch table img {
    width: 180px;
  }
}
@media only screen and (max-width: 350px) {
  .web-tables-module .table-group-item.table-sketch table img {
    width: 150px;
  }
}