@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;600&display=swap');
/*
@font-face
{
	font-family: 'Rubik';
	src: url('/fileadmin/fonts/Rubik-VariableFont_wght.ttf');
	src: url('/fileadmin/fonts/Rubik-VariableFont_wght.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
*/

:root
{
	--black: #000000;
	--red:	#e94f2d;
	--turquise: #82bac4;
	--darkGrey: #767676;
	--grey: #c8cdcd;
	--lightGrey: #e6e6e6;
	--orange: #e94f2d;
	--exclamationRed: #CC2222;
	--iconHeight: 64px;
	--mainFontSize: 14px;
	--menuFontSize: 1rem;
	--headerHeight: 160px;
	--outerWidth: 1920px;
	--teaserHeight: calc(100vh - var(--headerHeight) - 9rem);
	--contentWidth: 1420px;
	--2colGap: 4.5em;
	--3colGap: 3.5em;
	--4colGap: 3em;
	--sliderGap: 2em;
	--header1space: 1.5em;
	--header3space: 0.5em;
	--framespace: 7em;
	--topSpacing: 8em;
	--teaserOrderImageWidth: 4em;
	--catIconHeight: 4.5em;
	--langmenuWidth: 12em;
	--cookiebutton-width: 20em;
	--teaserOrderBottom: -3em;

	font-size: var(--mainFontSize);
}

html *
{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body#page
{
	font-family: Rubik, Arial, sans-serif;
	font-weight: 300;
	color: var(--black);
	overflow-x: hidden;
	overflow-y: auto;
}

body#page.pageLayout0
{
	--teaserHeight: calc(100vh - var(--headerHeight) - 10rem);
}

body#page.normalPage
{
	--headerHeight: 120px;
	--teaserHeight: calc(55vh - var(--headerHeight));
}

body#page.landingPage
{
	--topSpacing: 12rem;
	--framespace: 3rem;
	--teaserHeight: calc(55vh - var(--headerHeight));
}

body#page.newLandingPage
{
	/*--teaserHeight: calc(55vh - var(--headerHeight));*/
	--headerHeight: 100px;
	--header1space: 1.7rem;
	--topSpacing: 4.5rem;
}

body#page.portalPage
{
	--headerHeight: 160px;
}

h1, h2
{
	padding-bottom: var(--header1space);
	font-size: 2.1rem;
	font-weight: 600;
}

h2
{
	/*font-size: 1.5rem;*/
}

h3
{
	padding-top: var(--header3space);
	padding-bottom: var(--header3space);
	font-size: 1.2rem;
}

b, strong
{
	font-weight: 600;
}

.landingPage .ce-bodytext h3,
.landingPage .textBody h3,
.landingPage header h3,
.pageLayout0 .twoColsItem header h3
{
	font-weight: 700;
}

.frame-layout-8 .textBody h3
{
	font-size: 1rem;
	line-height: 1.5;
	padding-top: 0.2em;
	padding-bottom: 0.6em;
}

h5
{
	padding-top: var(--header3space);
	padding-bottom: var(--header3space);
	font-size: 1rem;
}

p,ul,ol
{
	font-size: 1rem;
	line-height: 1.5;
	padding-top: 0.2em;
	padding-bottom: 0.6em;
}

ul,ol
{
	margin-left: 1em;
}

a
{
	text-decoration: none;
	color: var(--black);
}

.frame a:not(.btn),
.frame a:not(.btn):visited
{
	color: var(--orange);
	text-decoration: none;
}

.textBody strong
{
	font-weight: 600;
}

.btn
{
	padding-left: 3.5em;
	padding-right: 3.5em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	border-radius: 0.5em;
	background-color: var(--orange);
	color: #ffffff;
	text-align: center;
}

.btnBlue
{
	background-color: var(--turquise);
}

a.btnGrey
{
	padding-left: 2em;
	padding-right: 2em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	background-color: var(--grey);
	color: var(--black);
}

.btn a,
.btn a:visited,
a.btn,
a.btn:visited
{
	text-decoration: none;
	text-transform: uppercase;
	transition: all 1s ease-in-out;
	font-weight: 600;
}

.btn a:hover,
a.btn:hover
{
	color: #000000;
	box-shadow: 5px 4px 5px 5px rgba(0,0,0,0.2);
}

.btnOutline
{
	padding-left: 2em;
	padding-right: 2em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	color: var(--darkGrey);
	background-color: var(--lightGrey);
}

a.btnOutline
{
	display: flex;
	align-items: center;
}

.textBody a.btn
{
	display: inline-block;
	margin-top: 0.8em;
	margin-bottom: 0.3em;
}

.frame-layout-0 .textBody a.btn
{
	margin-top: 0.2em;
	margin-bottom: 1em;
	padding-left: 2em;
	padding-right: 2em;
	background-color: var(--grey);
	color: #000000;
}

.frame-layout-0 .textBody a.btn:hover
{
	background-color: var(--darkGrey);
	color: #ffffff;
}

.frame-layout-8 .textBody
{
	column-count: 2;
	gap: var(--2colGap);
}

.outsideWrapper,
.outerContent
{
	max-width: 100vw;
	overflow: hidden;
}

.outerWrapper
{
	width: var(--outerWidth);
	max-width: 100vw;
	margin-left: auto;
	margin-right: auto;
}

.content
{
	width: var(--contentWidth);
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.content .content
{
	width: auto;
}

#headerWrapper
{
	background-color: var(--lightGrey);
}

#logo
{
	display: inline-block;
	width: auto;
}

/********  cookie box *********/

.waconcookiemanagement
{
	max-width: 99vw;
	bottom: 0;
	right: 0;
	top: auto;
	left: auto;
	background-color: rgba(255,255,255,0.3);
}

#CookieBox
{
	top: auto;
	bottom: 0.2em;
	left: auto;
	right: 0.2em;
	width: auto;
	padding-top: 2em;
	padding-bottom: 2em;
	padding-left: 2em;
	padding-right: 2em;
	background-color: var(--darkGrey);
	color: #ffffff;
	text-align: center;
	-moz-border-radius-topleft: 0.5em;
	border-top-left-radius: 0.5em;
}

#CookieBox .intro,
#CookieBox .box-cookie-management
{
	width: 40em;
	max-width: 98%;
}

#CookieBox .intro p
{
	width: auto;
}

#CookieBox .cookie-management,
#CookieBox .cookie-refuse
{
	background-color: var(--light);
	border-radius: 0.5em;
}

#CookieBox .cookie-management:hover,
#CookieBox .cookie-refuse:hover
{
	background-color: #ffffff;
}

#CookieBox p,
#CookieBox h1,
#CookieBox h2,
#CookieBox h3
{
	color: inherit;
}

#CookieBox h1,
#CookieBox h2,
#CookieBox h3
{
	text-transform: uppercase;
}

#CookieBox h2
{
	font-size: 1.4em;
}

#CookieBox p,
#CookieBox a.cookie-btn,
#CookieBox a
{
	font-size: 0.8rem;
}

#CookieBox a.cookie-btn
{
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
	width: var(--cookiebutton-width);
	background-color: var(--turquise);
	color: #000000;
	border-radius: 0.5em;
	text-transform: uppercase;
	white-space: nowrap;
}

#CookieBox .category
{
	background-color: transparent;
}

#CookieBox .info-show
{
	font-size: 1em;
	margin-top: 2em;
}

.box-cookie-management-in
{
	background-color: var(--lightGrey);
	color: #3e3e3e;
	padding-bottom: 1em;
	padding-top: 1em;
	margin-bottom: 1em;
	border-radius: 0.5em;
}

#cookieMessage
{
	padding-bottom: 0.6em;
}

#cookieMessage .frame
{
	padding: 0 !important;
}

#cookieMessage .frameInner
{
	width: auto;
}

#cookieMessage header
{
	display: none;
}

#cookieMessage .cookie-set
{
	text-transform: uppercase;
}

/************* end cookie box ***********/

#companyLogo
{
	width: calc(var(--contentWidth)/3.5);
	height: auto;
	margin-top: -1em;
}

.normalPage #companyLogo
{
	margin-top: 0;
}

#greeting
{
	padding-top: calc(var(--topSpacing)/2);
	background-color: var(--lightGrey);
	z-index: -1;
}

.normalPage #greeting
{
	padding-top: calc(var(--topSpacing));
}

.portalPage #greeting
{
	padding-top: 0;
	padding-bottom: 1.5rem;
}

.noGreeting #mainContent .frame:first-child
{
	padding-top: calc(var(--topSpacing) + 3rem);
}

#header
{
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: var(--headerHeight);
}

#teaserWrapper
{
	position: relative;
	overflow: visible;
	z-index: 20;
}

#teaser
{
	position: relative;
	height: var(--teaserHeight);
	max-height: calc(100vh - (var(--headerHeight) + 6em));
	z-index: 30;
}

#teaserWrapper img.teaserImgMobile
{
	display: none;
}

.teaserImg,
.teaserImgInnerWrapper
{
	height: 100%;
	width: 100%;
	z-index: 25;
}

.teaserImgInnerWrapper
{
	position: relative;
	overflow: hidden;
}

.teaserImgimage
{
	position: absolute;
}

img.teaserImage
{
	position: absolute;
	display: block;
	height: var(--teaserHeight);
	min-width: 100%;
	width: auto;
	top: 50%;
	left: 50%;
	object-fit: cover;
	transform: translate(-50%,-50%);
}

#teaserOrders
{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: var(--2colGap);
	position: absolute;
	bottom: var(--teaserOrderBottom);
	left: 50%;
	transform: translate(-50%,50%);
	z-index: 40;
}

.teaserOrder
{
	background-color: #ffffff;
	z-index: 50;
}

.teaserOrder strong
{
	font-size: 1.5rem;
	color: inherit;
}

.teaserOrderInner
{
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	margin-left: 1.5em;
	margin-right: 1.5em;
}

.teaserOrderText
{
	padding-left: calc(var(--teaserOrderImageWidth) + 1em);
	padding-bottom: 0.5em;
	background-position: 0.1em 0.1em;
	background-repeat: no-repeat;
	background-size: var(--teaserOrderImageWidth) auto;
	background-image: url('/fileadmin/templates/images/ecommerce.png');
}

#teaserOnlineContact .teaserOrderText
{
	background-image: url('/fileadmin/templates/images/online-order.png');
}

.teaserOrderButtonWrapper .btn
{
	display: block;
	font-size: 1.5rem;
	width: 100%;
}

.teaserBadgeWrapper
{
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: flex-end;
	gap: 1em;
	position: absolute;
	top: 8%;
	left: 50%;
	width: var(--contentWidth);
	transform: translate(-50%,0);
	z-index: 100;
}

.teaserBadgeWrapper .frame-layout-4 a img
{
	border: 2px silver solid;
	border-radius: 0.7em;
}

.teaserBadgeWrapper .frame:first-child
{
	padding-top: 0;
}

.teaserBadgeWrapper .content.frameInner
{
	display: flex;
	justify-content: flex-end;
	width: auto;
	margin-right: 0;
}

.teaserBadgeWrapper .trustpilot-widget
{
	width: 145px;
	background-color: #000;
	padding-left: 1em;
	padding-top: 1.5em;
	border-radius: 0.7em;
}

#subPageTeaserWrapper .teaserBadgeWrapper .trustpilot-widget
{
	height: 8em;
	width: 10em;
	margin-right: 0.5em;
	background-color: #ffffff;
}

.trustPilotImg
{
	max-width: 100%;
	height: auto;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	border-radius: 1em;
}

.trustPilotImg1
{
	width: 144px;
	background-color: black;
}

.trustPilotImg2
{
	width: 100%;
	background-color: white;
}

#menuOuterWrapper
{
	display: flex;
	justify-content: space-between;
	gap: 1.5em;
	min-width: calc(var(--contentWidth)/2 + 4em);
	z-index: 100;
}

.mobileMenuItem,
.menuTitle
{
	display: none;
}

#mobileMenuButton
{
	position: absolute;
	display: none;
	top: 50%;
	right: 8em;
	transform: translate(0,-65%);
}

#mobileMenuButton a.menuButtonLink
{
	padding: 0.4em 0.8em;
	color: #FFFFFF;
}

ul.menu
{
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}

#mainMenu
{
	display: flex;
	justify-content: flex-start;
	gap: 2em;
	margin-top: 1.5em;
	font-size: var(--menuFontSize);
	z-index: 200;
}

#mainMenu li
{
	position: relative;
}

#mainMenu a,
#mainMenu a:visited
{
	text-decoration: none;

	text-transform: uppercase;
}

.level1ActiveInner
{
	color: var(--orange);
	text-transform: uppercase;
}

.hasPointer #mainMenu a:hover
{
	color: var(--black);
}

#mainMenu ul.level2
{
	position: absolute;

	top: 1.5em;
	left: -1em;
	max-height: 0;
	min-width: 100%;
	padding-top: 1em;
	font-size: 0.8rem;
	overflow: hidden;
	opacity: 0;

	transition: max-height 0.5s ease-in-out, opacity 0.1s ease-in-out;
}

li.level2
{
	padding-left: 1em;
	padding-right: 1em;
	padding-bottom: 0.4em;
	padding-top: 0.4em;
	border-top: 1px transparent dashed;
	border-bottom: 1px transparent dashed;
	background-color: var(--grey);
	white-space: nowrap;
}

.hasPointer li.level2:hover,
li.level2.active
{
	background-color: var(--lightGrey);
	border-color: #ffffff;
}

li.level2:last-child
{
	padding-bottom: 1em;
	border-bottom-right-radius: 1em;
	border-bottom-left-radius: 1em;
}

.hasPointer li.level2:last-child:hover
{
	border-color: var(--grey);
	border-width: 2px;
}

:not(.isTouch) #mainMenu li.level1:hover ul.level2
{
	max-height: calc(100vh - var(--headerHeight)/2 - 3em);
	opacity: 1;

	transition: max-height 1.5s ease-in-out, opacity 0.5s ease-in-out;
}

#langMenuWrapper
{
	position: relative;
	width: var(--langmenuWidth);
	z-index: 200;
}

#languageMenu
{
	position: absolute;
	top: 0;
	right: 0;
	max-height: 2.4em;
	height: 2.2em;
	width: 100%;
	padding-top: 0.2em;
	font-size: var(--menuFontSize);
	background-color: var(--darkGrey);
	border-radius: 0.5em;
	overflow: hidden;

	transition: max-height 2s ease-in-out;
}

#languageMenu.opened,
#page:not(.isTouch) #languageMenu:hover
{
	padding-top: 2.7em;
	height: auto;
	max-height: calc(100vh - var(--headerHeight)/2 - 3em);
}

#languageMenu a,
#languageMenu a:visited
{
	text-decoration: none;
	color: inherit;
}

.langMenuItem
{
	display: none;
	justify-content: flex-start;
	align-items: center;
	padding: 0.2em 0.4em;
	white-space: nowrap;
	text-transform: uppercase;
	color: #ffffff;
}

.langMenuItem.text-muted
{
	display: none !important;
}

.langMenuItem:not(active):hover
{
	background-color: var(--lightGrey);
	color: var(--black);
}

.hasPointer .langMenuItem.active:hover
{
	background-color: var(--darkGrey);
	color: #ffffff;
}

.langMenuItem.active,
.opened .langMenuItem,
#page:not(.isTouch) #languageMenu:hover .langMenuItem
{
	display: flex;
}

.langMenuItem.active
{
	padding-right: 4em;
	justify-content: space-between;
	cursor: pointer;
}

.opened .langMenuItem,
#page:not(.isTouch) #languageMenu:hover .langMenuItem
{
	border-bottom: 1px dotted #F0F0F0;
}

.opened .langMenuItem:last-child,
#page:not(.isTouch) #languageMenu:hover .langMenuItem:last-child
{
	padding-right: 3.5em;
	padding-bottom: 0.2em;
	border-bottom: 2px solid var(--darkGrey);
	border-bottom-right-radius: 0.5em;
	border-bottom-left-radius: 0.5em;
}

.opened .langMenuItem.active,
#page:not(.isTouch) #languageMenu:hover .langMenuItem.active
{
	position: absolute;
	top: 0.3em;
	left: 0;
	width: 100%;
	margin-bottom: 0.3em;
	cursor: default;
	border-bottom: 1px black solid;
}

.langMenuItem:last-child
{
	padding-bottom: 0.3em;
}

img.langMenuFlag
{
	display: block;
	height: auto;
	width: 24px;
	margin-right: 0.4em;
}

.langMenuItem span.openArrow
{
	position: absolute;
	display: block;
	right: 1em;
	top: 0.3em;
	width: 1em;
	margin-left: 1em;
	padding-left: 0.2em;
	padding-right: 0.2em;
	text-align: center;
	background-color: #ffffff;
	color: black;
	border-radius: 1em;
	transform: rotate(90deg);

	transition: all 1s ease-in-out;
}

.opened .langMenuItem span.openArrow,
#page:not(.isTouch) #languageMenu:hover .langMenuItem span.openArrow
{
	transform: rotate(0deg);
}

.langmenuItemText
{
	display: block;
	padding-left: 1em;
	padding-right: 1em;
}
/*
body:not(.landingPage) .frame
{
	padding-top: var(--framespace);
	padding-bottom: var(--framespace);
}
*/
.frame:first-child
{
	padding-top: calc(var(--framespace)/2);
}
#mainContent .frame:last-child
{
	padding-bottom: var(--framespace);
}

#mainContent .ctaItem .frame:last-child
{
	padding-bottom: 0;
}

.landingPage #greeting .frame:first-child,
.portalPage #greeting .frame:first-child,
.landingPage .ctaItem .frame:first-child
{
	padding-top: 0;
}

.pageLayout0 #greeting .frame:first-child
{
	padding-top: var(--framespace);
}

.landingPage:not(.newLandingPage) #mainContent .frame:first-child
{
	padding-top: var(--topSpacing);
}

.landingPage #greeting + #mainContent .frame:first-child
{
	padding-top: 1.5em;
}

/**** special headers ****/
.headerIcon1 > *,
.headerIcon2 > *,
.headerIcon3 > *,
.headerIcon4 > *,
.headerIcon5 > *,
.headerIcon6 > *,
.headerIcon7 > *,
.headerIcon8 > *,
.headerIcon9 > *
{
	padding-left: 3em;
	padding-top: 0.1em;
	padding-bottom: 0.8em;
	background-position: left top;
	background-size: 2em auto;
	background-repeat: no-repeat;
}

.headerIcon1 > *
{
	background-image: url('/fileadmin/templates/images/ecommerce.png');
}

.headerIcon2 > *
{
	background-image: url('/fileadmin/templates/images/contact.png');
}

.headerIcon3 > *
{
	background-image: url('/fileadmin/templates/images/shield.png');
}

.headerIcon4 > *
{
	background-image: url('/fileadmin/templates/images/certified.png');
}

.headerIcon5 > *
{
	background-image: url('/fileadmin/templates/images/medical.png');
}

.headerIcon6 > *
{
	/***** technical  ***/
	background-image: url('/fileadmin/templates/images/technical.png');
}

.headerIcon7 > *
{
	/***** legal  ***/
	background-image: url('/fileadmin/templates/images/legal.png');
}

.headerIcon8 > *
{
	/***** finance  ***/
	background-image: url('/fileadmin/templates/images/finance.png');
}

.headerIcon9 > *
{
	/***** document  ***/
	background-image: url('/fileadmin/templates/images/document.png');
}

strong.textHeader
{
	padding-bottom: 1rem;
}

/*** new landing pages ***/
.newTeaserCTA
{
	display: grid;
	grid-template-columns: repeat(4,1fr);
	grid-column-gap: 1.5em;
	grid-row-gap: 1.5em;
	padding-left: 1.5em;
	padding-right: 1.5em;
	padding-bottom: calc(var(--topSpacing) /2);
}

.newTeaserCTA1
{
	margin-top: 2em;
	grid-template-areas: ". . ctaItem3 ctaItem1";
}

.newTeaserCTA > *
{
	position: relative;
	padding-left: 2em;
	padding-right: 2em;
	padding-top: 2em;
	padding-bottom: 1.5em;
	background-color: white;
	border-radius: 0.3em;
	font-size: 1.1rem;
	font-weight: 400;
}

.newTeaserCTA > .ctaItem1
{
	padding-bottom: 3.5em;
}

.newTeaserCTA1 .ctaItem1
{
	grid-area: ctaItem1;
}

.ctaItem ul,
.ctaItem ol,
.ctaItem p,
.ctaItem label,
.ctaItem select
{
	font-size: inherit;
}
/*
.ctaItem2
{
	grid-area: ctaItem2;
}
*/
.newTeaserCTA1 .ctaItem3
{
	grid-area: ctaItem3;
}
/*
.ctaItem4
{
	grid-area: ctaItem4;
}
*/
.newTeaserCTA .textBody a.btn,
.newTeaserCTA .textBody a.btn:visited
{
	position: absolute;
	left: 50%;
	bottom: 0;
	width: fit-content;
	color: white;
	background-color: var(--turquise);
	text-transform: unset;
	font-weight: 400;
	white-space: nowrap;
	transform: translate(-50%, 0);
}

.newTeaserCTA .ctaItem:first-child .textBody a.btn,
.newTeaserCTA .ctaItem:first-child .textBody a.btn:visited
{
	background-color: var(--orange);
}

.newLandingPage #mainContent
{
	background-color: var(--lightGrey);
}

.newLandingPage #widget-preview
{
	display: none;
}

/****  powermail ****/
.tx-powermail fieldset
{
	border: none;
}

.tx-powermail legend
{
	display: none;
}

.tx-powermail input,
.tx-powermail textarea
{
	width: 100%;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	padding-left: 0.3em;
	padding-right: 0.3em;
	font-size: 1rem;

}

.tx-powermail input
{
	height: 2em;
}

.tx-powermail input::placeholder,
.tx-powermail textarea::placeholder
{
	padding-left: 0.5em;
	color: #000000;
	text-transform: uppercase;
	font-size: inherit;
}

.tx-powermail input[type=submit]
{
	width: auto;
	height: auto;
	padding-top: 0.6em;
	padding-bottom: 0.6em;
	padding-left: 2.2em;
	padding-right: 2.2em;
	color: #ffffff;
	background-color: var(--orange);
	text-align: center;
	text-transform: uppercase;
	border: none;
	border-radius: 0.5em;
}

.tx-powermail textarea,
.powermail_fieldwrap_type_textarea,
.powermail_fieldwrap_type_textarea .powermail_field
{
	height: 100%;
}

div.powermail_field
{
	position: relative;
}

.tx-powermail .container-fluid
{
	max-width: 98vw;
	padding-left: 0;
	padding-right: 0;
}

ul.powermail-errors-list
{
	position: absolute;
	left: 0;
	bottom: -1.2em;
	margin-left: 0;
	color: red;
	list-style: none;
	padding: 0;
	pointer-events: none;
}

form.nolabel
{
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	/*grid-template-areas: "cinfo cinfo cinfo controls"
                         "message message message controls"
                         "message message message controls";*/
	grid-auto-flow: column;
	grid-auto-columns: 1fr;
	grid-column-gap: 2.5em;
	grid-row-gap: 1em;
	max-width: var(--contentWidth);
	overflow: hidden;
}

form.nolabel > div,
form.nolabel > input
{
	display: none;
}

form.nolabel fieldset:nth-child(2)
{
	grid-area: cinfo;
	grid-column: 1 / 4;
	grid-row: 1;
	height: 2em;
}

form.nolabel fieldset:nth-child(3)
{
	grid-area: message;
	grid-column: 1 / 4;
	grid-row: 2 / 4;
}

form.nolabel fieldset:nth-child(4)
{
	grid-area: controls;
	grid-column: 4;
	grid-row: 1 / 4;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

form.nolabel fieldset:nth-child(4) > *
{
	max-width: calc(var(--contentWidth)/4 - 2em);
}

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

fieldset.layout3
{
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	grid-column-gap: 2em;
	grid-auto-columns: 1fr;
}

	/*  image menus */
#imageMenu
{
	display: grid;
	grid-template-areas: "header header header header"
	                     "item1 item2 item3 item4";
	grid-column-gap: var(--4colGap);
	grid-auto-flow: column;
	grid-auto-columns: 1fr;
	padding-top: var(--framespace);
	padding-bottom: var(--framespace);
}

#imageMenu .frame
{
	padding-top: 0;
	padding-bottom: 0;
}

#imageMenu .content
{
	position: relative;
	width: auto;
	height: 100%;
	padding-bottom: 3em;
}

#imageMenu > div:first-child
{
	grid-area: header;
}
#imageMenu > div:nth-child(2)
{
	grid-area: item1;
}
#imageMenu > div:nth-child(3)
{
	grid-area: item2;
}
#imageMenu > div:nth-child(4)
{
	grid-area: item3;
}
#imageMenu > div:nth-child(5)
{
	grid-area: item4;
}

#imageMenu .btn
{
	position: absolute;
	left: 0;
	bottom: 0;
}

.ce-textpic.ce-right.ce-intext .ce-gallery
{
	float: right;
	padding-left: var(--2colGap);
	text-align: center;
}

.frame-layout-4 .ce-textpic
{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: var(--2colGap);
}

.frame-layout-4 .ce-textpic.ce-right
{
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
}

.frame-layout-4 .ce-textpic .ce-gallery,
.frame-layout-4 .ce-textpic .ce-bodytext
{
	width: calc(var(--contentWidth)/2 - var(--2colGap));
	max-width: calc(var(--contentWidth)/2 - var(--2colGap));
}

div.category
{
	height: var(--catIconHeight);
	margin-bottom: 0.8em;
	background-position: 0 0;
	background-size: auto 95%;
	background-repeat: no-repeat;
}

.cat1
{
	background-image: url('/fileadmin/templates/images/certified.png');
}

.cat2
{
	background-image: url('/fileadmin/templates/images/shield.png');
}

.cat3
{
	background-image: url('/fileadmin/templates/images/worldwide.png');
}

.cat4
{
	background-image: url('/fileadmin/templates/images/contact.png');
}

.ce-row
{
	padding-bottom: 0.5em;
}

.ce-row:last-child
{
	padding-bottom: 0;
}

figure.image
{
	margin: 0;
}

img.image-embed-item
{
	max-width: 100%;
	height: auto;
}

figcaption
{
	text-align: center;
}

.twoCols
{
	display: grid;
	grid-template-columns: repeat(2,1fr);
	grid-column-gap: var(--2colGap);
}

.threeCols
{
	display: grid;
	grid-template-columns: repeat(3,1fr);
	grid-column-gap: var(--3colGap);
}

.fourCols
{
	display: grid;
	grid-template-columns: repeat(4,1fr);
	grid-column-gap: var(--4colGap);
}

/* general frame colour and spacing */
.frame-greyBG
{
	background-color: var(--grey);
}

.frame-lightGreyBG
{
	background-color: var(--lightGrey);
}

.textHeader
{
	display: block;
}

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

.frame-space-after-extra-small,
.frame-type-header
{
	padding-bottom: 0;
}

.frame-space-after-small
{
	padding-bottom: 1em;
}

.frame-space-after-medium
{
	padding-bottom: 1.5em;
}

.frame-space-after-large
{
	padding-bottom: 2em;
}

.frame-space-after-extra-large
{
	padding-bottom: 3em;
}

.frame-type-header + .frame,
.frame-space-before-extra-small
{
	padding-top: 0;
}

.landingPage .frame.frame-lightGreyBG + .frame:not(.frame-lightGreyBG)
{
	margin-top: var(--header1space);
}

.frame-space-before-small
{
	padding-top: 1em;
}

.frame-space-before-medium
{
	padding-top: 1.5em;
}

.frame-space-before-large
{
	padding-top: 2em;
}

.frame-space-before-extra-large
{
	padding-top: 3em;
}

/* ref slider definitins */
#references
{
	padding-top: var(--framespace);
	padding-bottom: var(--framespace);
}

.refImageWrapper
{
	position: relative;
}

.refImageInnerWrapper
{
	position: relative;
	height: 265px;
	overflow: hidden;
}

.refImages
{
	position: absolute;
	display: grid;
	grid-auto-flow: column;
	grid-column-gap: var(--sliderGap);
	left: 0;
	top: 0;
	width: auto;

	transition: left .5s ease-in-out;
}

.refItem
{
	display: flex;
	justify-content: center;
	align-items: stretch;
	width: calc((var(--contentWidth) - 2*var(--sliderGap))/4 - 6px);
}

img.refImg
{
	width: 95%;
	height: auto;
	border: 1px #000000 solid;
	border-radius: 5px;
}

.refImageControls
{
	position: absolute;
	top: 50%;
	left: -2.5em;
	width: calc(100% + 5em);
	display: flex;
	justify-content: space-between;
	align-items: center;
	transform: translate(0,-50%);
}

.refImageControl
{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 1.8em;
	height: 1.8em;
	background-color: var(--grey);
	border-radius: 0.9em;
	border: 1px white solid;
	cursor: pointer;
	transition: background-color 1s ease-in-out, border-color 1.5s ease-in-out;
}

.refImageControl:hover
{
	background-color: var(--lightGrey);
	border: 1px var(--darkGrey) solid;
}

/***** contact page *******/
#contactCertificates
{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 2.5em;
}

.contactCertificate a
{
	display: block;
	text-align: center;
}

.contactCertificate img
{
	width: 200px;
	max-width: 90%;
	height: auto;
	border: 2px silver solid;
	border-radius: 0.7em;
}

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

.contactCertificate .trustpilot-widget
{
	width: 200px;
	max-width: 90%;
	margin-left: auto;
	margin-right: auto;
	background-color: #000;
	padding-left: 1em;
	padding-top: 1.5em;
	padding-bottom: 1em;
	border-radius: 0.7em;
}

.teaserBadgeWrapper .ti-widget
{
	display: flex !important;
	justify-content: flex-end;
	width: fit-content !important;
	border-radius: 0.7em;
}

.teaserBadgeWrapper .ti-widget .ti-widget-container
{
	width: 144px;
	text-align: left;
}

.teaserBadgeWrapper .ti-widget .ti-widget-container > a
{
	display: block;
	max-width: 146px;
	padding-left: 11px !important;
	border-radius: 0.7em !important;
}

	/* footer definitions */
#footerWrapper
{
	background-color: var(--grey);
	padding-top: var(--framespace);
	padding-bottom: var(--framespace);
}

#footer
{
	display: grid;
	grid-auto-columns: minmax(0, 1fr);
	grid-auto-flow: column;
	grid-template-areas: "address badge1 badge2 menu";
	grid-column-gap: 2em;
}

#footer.hasTrustPilot
{
	grid-template-areas: "address badge1 badge3 badge2 menu";
}

#foooterAddress
{
	grid-area: address;
}

#footerBadge1
{
	grid-area: badge1;
}

#footerBadge2
{
	grid-area: badge2;
}

#footerBadge3
{
	grid-area: badge3;
}

#bottomMenuWrapper
{
	grid-area: menu;
}

#bottomMenu
{
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	padding-bottom: 0;
}

.footerBadge
{
	display: flex;
	justify-content: center;
	align-items: center;
}

.footerBadge img
{
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 180px;
	width: 100%;
	height: auto;
	text-align: center;
}

#bottomMenu a,
#bottomMenu a:visited
{
	text-decoration: none;
	text-transform: uppercase;
	color: var(--black);
}

#bottomMenu a:hover
{
	color: var(--darkGrey);
}

#copyRightWrapper
{
	background-color: var(--turquise);
	color: #ffffff;
}

#copyright strong
{
	color: inherit;
}

#copyright > div
{
	padding-block: 1em;
}

	/* pages menu definitions */
.frame-type-menu_subpages ul,
.frame-type-menu_pages ul
{
	display: grid;
	grid-template-columns: repeat(4,1fr);
	column-gap: var(--4colGap);
	row-gap: 2em;
	list-style-type: none;
	margin: 0;
}

.frame-type-menu_subpages ul a,
.frame-type-menu_pages ul a
{
	display: flex;
	justify-content: center;
	align-items: center;
}
.frame-type-menu_subpages ul a.btn,
.frame-type-menu_pages ul a.btn
{
	margin-top: 1em;
	margin-bottom: 1em;
	font-weight: 600;
	display: inline-block;
}

.frame-type-menu_subpages ul.layout0 a,
.frame-type-menu_pages ul.layout0 a,
.frame-type-menu_subpages ul.layout0 a:visited,
.frame-type-menu_pages ul.layout0 a:visited
{
	justify-content: flex-start;
	align-items: center;
	gap: 1.6em;
	padding-bottom: 2.2em;
	text-decoration: none;
	color: var(--black);

	transition: color 1s ease-in-out;
}

.frame-type-menu_subpages ul.layout0 a:hover,
.frame-type-menu_pages ul.layout0 a:hover
{
	color: var(--orange);
}

.frame-type-menu_subpages ul.layout6 a.btn,
.frame-type-menu_pages ul.layout6 a.btn
{
	display: flex;
	align-items: center;
	width: 100%;
	height: 3.5em;
	font-weight: 400;
}

.frame-type-menu_subpages ul.layout6 li,
.frame-type-menu_pages ul.layout6 li
{
	display: flex;
	align-items: stretch;
}

.landingPage:not(.newLandingPage) .frame-type-menu_subpages ul
{
	grid-template-columns: repeat(6,1fr);
	row-gap: 0.5em;
	padding-top: 2em;
	margin-left: 0;
}

.landingPage:not(.newLandingPage) .frame-type-menu_subpages .menuPageIconOuterWrapper
{
	display: none;
}

.landingPage:not(.newLandingPage) .frame-type-menu_subpages ul.layout0 a
{
	padding-bottom: 0;
}

ul.layout7 .menuPageTitle
{
	margin-top: 1em;
	font-weight: 600;
}

.menuPageIconOuterWrapper
{
	display: inline-block;
}

.menuPageIconWrapper
{
	/*display: flex;
	justify-content: flex-start;
	align-items: center;*/
	width: 60px;
	min-height: 40px;
}

ul.layout0 img.menuPageIcon,
ul.layout7 img.menuPageIcon
{
	width: 100%;
	height: auto;
}

ul.layout0 img.menuPageIcon
{
}



/* RTE classes definition */
.important
{
	color: var(--orange);
}

.loginItems > div
{
	display: flex;
	margin-bottom: 0.3em;
}

.loginItems > div > label
{
	min-width: 7.5em;
	margin-right: 1em;
	white-space: nowrap;
}

.changePassword .loginItems > div > label
{
	min-width: 12em;
}

.loginControls
{
	display: flex;
	gap: 3em;
	margin-top: 2em;
}

.femanager_edit legend
{
	display: none;
}

.femanager_gender > div
{
	display: flex;
	gap: 2em;
	align-items: center;
	margin-top: 0.5em;
}

p.information
{
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 3em;
	color: var(--exclamationRed);
	border-top: 1px var(--exclamationRed) solid;
	border-bottom: 1px var(--exclamationRed) solid;
	background-image: url("/fileadmin/templates/images/info.png");
	background-position: left 0.6em;
	background-size: 2em auto;
	background-repeat: no-repeat;
}

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

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

/***** assurance card ***/
div.ac-widget
{
	right: -55px;
	width: 175px;
	height: 60px;
	z-index: 100;
}

@media screen and (max-width: 1440px)
{
	:root
	{
		--contentWidth: calc(100vw - 3em);
	}
	.content
	{
		max-width: 96%;
	}
	.content .content
	{
		max-width: 100%;
		width: 100%;
	}
	#references
	{
		max-width: 94vw;
		margin-left: auto;
		margin-right: auto;
	}
	.refImageInnerWrapper
	{
		height: calc(var(--contentWidth)/4);
	}
	.refImages
	{
		top: 50%;
		transform: translate(0,-50%);
	}
	.refItem
	{
		width: calc((var(--contentWidth) - 2*var(--sliderGap))/4 - 10px);
	}
	.teaserBadgeWrapper
	{
		width: auto;
		left: auto;
		right: 2.5em;
		transform: translate(0,0);
	}
	.newTeaserCTA > *
	{
		font-size: 1.1rem;
	}
}

@media screen and (max-width: 1260px)
{
	.newTeaserCTA > *
	{
		padding-left: 1em;
		padding-right: 1em;
		font-size: 1rem;
	}
}

@media screen and (max-width: 1000px)
{
	#page:not(.newLandingPage) #greeting
	{
		padding-top: calc(var(--topSpacing)/2 + 3rem);
	}
	.newTeaserCTA
	{
		grid-template-columns: repeat(2,1fr);
	}
	.newTeaserCTA1
	{
		grid-template-columns: repeat(3,1fr);
		grid-template-areas: ". ctaItem3 ctaItem1";
	}
	.newTeaserCTA > *
	{
		padding-left: 2em;
		padding-right: 2em;
		padding-bottom: 3.5em;
		font-size: 1.2rem;
	}
	.newTeaserCTA .ctaItem3
	{
		padding-bottom: 0.5em;
	}
	.newTeaserCTA .ctaItem4
	{
		padding-bottom: 0.5em;
	}
	div#CookieBox
	{
		min-height: unset;
		zoom: 0.6;
	}
}

@media screen and (max-width: 960px)
{
	:root
	{
		--headerHeight: 8em;
		--langmenuWidth: 3em;
	}

	body#page.portalPage
	{
		--headerHeight: 60px;
	}
	.portalPage #logo,
	.portalPage #menuOuterWrapper
	{
		padding-top: 3em;
	}
	#languageMenu
	{
		position: absolute;
		right: 0;
		top: 50%;
		width: var(--langmenuWidth);
		max-width: var(--langmenuWidth);

		transform: translate(0,-50%);
		transition: right 0s ease-in-out, max-width 0.6s ease-in-out;
	}

	#languageMenu.opened
	{
		top: 0;
		right: -1.2em;
		width: auto;
		max-width: 90vw;
		transform: translate(0,0);
		transition: right 0.3s ease-in-out, max-width 1.4s ease-in-out;
	}
	.langMenuItem.active
	{
		padding-left: 0.55em;
		padding-top: 0.15em;
	}
	.teaserOrderInner
	{
		position: relative;
		padding-bottom: 3.5em;
	}
	.teaserOrderText
	{
	}
	.teaserOrderButtonWrapper
	{
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translate(-50%,0);
	}
	.teaserOrder strong,
	.teaserOrderButtonWrapper .btn
	{
		font-size: 1.2em;
	}
	.teaserOrder strong
	{
		font-weight: 600;
	}
	.teaserOrderButtonWrapper .btn
	{
		padding-left: 2.5em;
		padding-right: 2.5em;
		white-space: nowrap;
	}
	.frame-layout-4 .ce-textpic.ce-right
	{
		flex-direction: column-reverse;
		gap: 1.5em;
	}
	.frame-layout-4 .ce-textpic .ce-gallery,
	.frame-layout-4 .ce-textpic .ce-bodytext
	{
		width: auto;
		max-width: 100%;
	}
	form.nolabel
	{
		display: flex;
		flex-direction: column;
		gap: 1em;
	}
	form.nolabel fieldset:nth-child(4)
	{
		flex-direction: row;
		gap: 2em;
		align-items: center;
	}
	form.nolabel fieldset:nth-child(4) > *
	{
		max-width: unset;
	}
	.frame-type-menu_subpages ul,
	.frame-type-menu_pages ul
	{
		grid-template-columns: repeat(3,1fr);
	}
	#mainContent .frame:last-child
	{
		padding-bottom: 0;
	}
	#pe_badge_dcmskakt img
	{
		max-width: 90%;
		text-align: center;
	}
	.newTeaserCTA1
	{
		grid-template-columns: repeat(2,1fr);
		grid-template-areas: "ctaItem3 ctaItem1";
		padding-left: 0;
		padding-right: 0;
		grid-column-gap: 3em;
	}
	#footer.noTrustPilot
	{
		grid-template-areas: "address badge1 badge2 menu" "address badge1 . menu";
		grid-row-gap: 2em;
	}
	#footer.hasTrustPilot
	{
		grid-template-areas: "address badge1 badge3 menu" "address badge1 badge2 menu";
	}
}

@media screen and (max-width: 860px)
{
	body#page.normalPage:not(.landingPage)
	{
		--topSpacing: 10em;
	}
	.frame-type-menu_subpages .content,
	.frame-type-menu_pages .content
	{
		max-width: 100%;
	}
	.frame-type-menu_subpages ul,
	.frame-type-menu_pages ul
	{
		grid-template-columns: repeat(3,1fr);
	}
}

@media screen and (max-width: 760px)
{
	:root
	{
		--headerHeight: 5.5em;
		--header1space: 0.6em;
	}
	h1, h2
	{
		font-size: 1.6rem;
	}
	#header
	{
		position: relative;
	}
	#logo
	{
		position: absolute;
		left: 50%;
		top: calc(50% + 0.2em);
		transform: translate(-50%, -50%);
	}
	#companyLogo
	{
		width: calc(100vw/2 - 3em);
	}
	#langMenuWrapper
	{
		position: unset;
	}
	#languageMenu.opened
	{
		top: 1.2em;
	}
	.teaserOrder strong
	{
		font-size: 1em;
	}
	.teaserOrderButtonWrapper .btn
	{
		font-size: 1.1em;
		padding-left: 2em;
		padding-right: 2em;
	}
	#imageMenu
	{
		grid-template-areas: "header header"
                             "item1 item2"
	                         "item3 item4";
		grid-row-gap: 2em;
	}
	#footerWrapper
	{
		padding-bottom: 4em;
		padding-top: 2em;
	}
	#footer
	{
		grid-template-areas: "address badge1 badge3" "address badge1 badge2" "menu menu menu";
		grid-column-gap: 2em;
		grid-row-gap: 2em;
	}
	#footer.noTrustPilot
	{
		grid-template-areas: "address badge1 menu" "badge2 badge1 menu";
		grid-row-gap: 2em;
	}
	#footer.hasTrustPilot
	{
		grid-template-areas: "address badge1 badge3 menu" "address badge1 badge2 menu";
	}
	.footerAddress
	{
		display: flex;
		justify-content: center;
	}
	.hasTrustPilot #bottomMenu
	{
		display: flex;
		flex-wrap: wrap;
		gap: 1.5em;
		justify-content: center;
	}
	.noTrustPilot #cookieMessage > div
	{
		width: fit-content;
	}
	.noTrustPilot .footerBadge
	{
		align-items: flex-start;
	}
	#copyRightWrapper
	{
		padding-bottom: 1em;
	}
	.frame-type-menu_subpages ul,
	.frame-type-menu_pages ul
	{
		grid-template-columns: repeat(2,1fr);
		grid-row-gap: 0;
	}
	#cookieMessage .frameInner
	{
		margin-top: 0.4em;
		text-align: center;
	}
	div.ac-widget
	{
		right: -50px;
		width: 150px;
		height: 40px;
	}
}

@media screen and (max-width: 660px)
{

	.frame-type-menu_subpages ul,
	.frame-type-menu_pages ul
	{
		grid-template-columns: repeat(2,1fr);
	}
	.menuPageIconWrapper
	{
		width: 4em;
		min-height: 3em;
	}
	.frame-type-menu_subpages ul.layout0 a,
	.frame-type-menu_pages ul.layout0 a,
	.frame-type-menu_subpages ul.layout0 a:visited,
	.frame-type-menu_pages ul.layout0 a:visited
	{
		gap: 1.2em;
	}
	.fourCols
	{
		grid-template-columns: 1fr 1fr;
		grid-row-gap: 2em;
	}
	.fourCols figure.image
	{
		display: flex;
		justify-content: flex-end;
	}

	.fourCols figure.image img
	{
		max-width: 180px;
	}
}

@media screen and (max-width: 600px)
{
	:root
	{
		--teaserOrderImageWidth: 2em;
	}
	#teaserOrders
	{
		grid-template-columns: 1fr;
		grid-row-gap: 1em;
		bottom: calc(4em + var(--teaserOrderBottom));
	}
	#greeting
	{
		padding-top: calc(var(--topSpacing)/2 + 2rem);
	}
	#footer
	{
		grid-template-areas: "address address address"
		                     "badge1 badge3 badge2"
		                     "menu menu menu";
		grid-column-gap: 2em;
		grid-row-gap: 2em;
	}
	.teaserOrder
	{
		padding-top: 0.5em;
		padding-bottom: 0.2em;
		font-size: 1rem;
	}
	.teaserOrderText
	{
		padding-bottom: 1em;
		background-position: 1px 0.3em;
	}
	.teaserOrder strong
	{
		font-size: 1.2em;
	}
	.teaserOrderButtonWrapper
	{
		width: 100%;
	}
	.teaserOrderButtonWrapper .btn
	{
		font-size: 1rem;
	}
	.tx-powermail .container-fluid
	{
		padding-left: 0;
		padding-right: 0;
		padding-top: 1.5em;
	}
	fieldset.layout3
	{
		grid-template-columns: unset;
		grid-template-areas: "name name"
	                         "email web";
		grid-row-gap: 1em;
		height: auto !important;
	}
	fieldset.layout3 > div:nth-child(2)
	{
		grid-area: name;
	}
	fieldset.layout3 > div:nth-child(3)
	{
		grid-area: email;
	}
	fieldset.layout3 > div:nth-child(4)
	{
		grid-area: web;
	}
	.frame-layout-8 .textBody
	{
		column-count: 1;
	}
	.frame-type-menu_subpages.frame-layout-6 ul
	{
		grid-template-columns: 1fr;
	}
	.newTeaserCTA .ctaItem
	{
		padding-bottom: 2.5em;
		padding-left: 1em;
		padding-right: 1em;
	}
	.newTeaserCTA .textBody a.btn,
	.newTeaserCTA .textBody a.btn:visited
	{
		bottom: -0.55em;
	}
	.newTeaserCTA .ctaItem1
	{
		grid-area: ctaItem1;
		font-size: 1rem;
	}
	.miniPortal select
	{
		margin-bottom: 0.2em;
	}
	.newTeaserCTA .ctaItem2
	{
		grid-area: ctaItem2;
		font-size: 1rem;
	}
	.newTeaserCTA .ctaItem3
	{
		grid-area: ctaItem3;
		padding-bottom: 0.5em;
	}
	.newTeaserCTA .ctaItem4
	{
		grid-area: ctaItem4;
		padding-bottom: 0.5em;
	}
	.newTeaserCTA0
	{
		grid-template-areas: "ctaItem1 ctaItem2"
		                     "ctaItem3 ctaItem3"
		                     "ctaItem4 ctaItem4";
		padding-left: 0.5em;
		padding-right: 0.5em;
	}
	.newTeaserCTA1
	{
		grid-template-areas: "ctaItem3 ctaItem3" "ctaItem1 ctaItem1";
	}
	.newTeaserCTA1 .ctaItem1
	{
		padding-bottom: 3.6em;
	}
}

@media screen and (max-width: 500px)
{
	:root
	{
		--teaserOrderImageWidth: 0;
	}
	#imageMenu
	{
		grid-template-areas: "header"
                             "item1"
	                         "item2"
                             "item3"
	                         "item4";
		grid-row-gap: 2em;
	}
	.twoCols
	{
		grid-template-columns: 1fr;
	}
	.teaserOrderText p:first-child
	{
		text-align: center;
	}
	.teaserOrder strong
	{
		line-height: 1.1;
	}
	.teaserOrder
	{
		font-size: 0.6rem;
	}
	#greeting
	{
		padding-top: calc(var(--topSpacing) - 2rem);
	}
	form.nolabel fieldset:nth-child(4)
	{
		flex-direction: column;
	}
	.newTeaserCTA0
	{
		grid-template-areas: "ctaItem1 ctaItem1"
		                     "ctaItem2 ctaItem2"
		                     "ctaItem3 ctaItem3"
		                     "ctaItem4 ctaItem4";
		padding-left: 0.5em;
		padding-right: 0.5em;
	}

	.newTeaserCTA0 .ctaItem
	{
		padding-left: 2em;
		padding-right: 2em;
		font-size: 1rem;
	}
	.newTeaserCTA0 .ctaItem1
	{
		padding-bottom: 3.5em;
	}
	.ctaItem .textBody
	{
		padding-left: 3em;
	}
	#footer.hasTrustPilot
	{
		grid-template-areas: "address address"
		                     "badge1 badge3"
		                     "badge1 badge2"
		                     "menu menu";
		grid-column-gap: 2em;
		grid-row-gap: 2em;
	}
	#footer.noTrustPilot
	{
		grid-template-areas: "address badge1" "menu badge2";
		grid-row-gap: 2em;
	}
}

@media screen and (max-width: 420px)
{
	body#page.normalPage:not(.landingPage)
	{
		--topSpacing: 10em;
	}
	.frame-type-menu_subpages ul
	{
		grid-template-columns: 1fr;
	}
	.frame-type-menu_subpages ul,
	.frame-type-menu_pages ul
	{
		font-size: 0.8em;
	}
	fieldset.layout3
	{
		grid-template-areas: "name"
	                         "email"
		                     "web";
	}
	.fourCols
	{
		grid-template-columns: 1fr;
	}
	.fourCols figure.image
	{
		justify-content: center;
	}
	body:not(.newLandingPage) #greeting
	{
		padding-top: calc(var(--topSpacing)/2 + 1.5rem);
	}
}

@media screen and (max-width: 360px)
{
	.ctaItem .textBody
	{
		padding-left: 0;
	}
}