
/***************************************************************\
	0: Reset CSS
\***************************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}

h1,h2,h3,h4,h5,h6 {
	margin-bottom:0.875rem;
}

p {
	margin-bottom:1rem;
}


/***************************************************************\
	1: HTML5 Boilerplate
\***************************************************************/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display: block;
}

audio, canvas, video {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

audio:not([controls]) {
	display: none;
}

[hidden] {
	display: none;
}

html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

html, button, input, select, textarea {
	font-family: 'Helvetica', Arial, sans-serif;
	font-weight:normal;
	font-style:normal;
	color: #9da6b0;
}

body {
	margin: 0;
	/*font-size:1rem;*/
	font-weight:normal;
	font-style:normal;
	line-height: 1.6;
	font-family: 'Helvetica', Arial, sans-serif;
	color: #3A3A3A;
}

html, body {
	height: auto;
	height: 100%;
	min-height: 100%;

}

::-moz-selection {
	background: rgba(255,255,255,0.5);
	color: #111;
	text-shadow: none;
}

::selection {
	background: rgba(255,255,255,0.5);
	color: #111;
	text-shadow: none;
}

a {
	color: #000;
	text-decoration: none;
}

a:visited {
	/*color: #3b3a41;*/
}

a:focus {
	outline: 0;
}

a:hover, a:active {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b, strong {
	font-weight: 700;
	font-family: 'Helvetica', Arial, sans-serif;
}

blockquote {
	margin: 1rem 40px;
}

dfn {
	font-style: italic;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1rem 0;
	padding: 0;
}

ins {
	background: #ff9;
	color: #000;
	text-decoration: none;
}

mark {
	background: #ff0;
	color: #000;
	font-style: italic;
	font-weight: 500;
}

pre, code, kbd, samp {
	font-family: monospace, serif;
	_font-family: 'courier new', monospace;
	font-size: 1rem;
}

pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

q {
	quotes: none;
}

q:before, q:after {
	content: "";
	content: none;
}

small {
	font-size: 85%;
}

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5rem;
}

sub {
	bottom: -0.25rem;
}

ul, ol {
	margin: 1rem 0 2rem 0.25rem;
	padding: 0 0 0 1.25rem;
}

ul ul, ol ol {
	margin: 0.5rem 0
}

dd {
	margin: 0 0 0 40px;
}

nav ul, nav ol {
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}

img {
	border: 0;
	-ms-interpolation-mode: bicubic;
	vertical-align: middle;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 0;
}

form {
	margin: 0;
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

label {
	cursor: pointer;
}

legend {
	border: 0;
	*margin-left: -7px;
	padding: 0;
	white-space: normal;
}

button, input, select, textarea {
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
	*vertical-align: middle;
}

button, input {
	line-height: normal;
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
	*overflow: visible;
}

button[disabled], input[disabled] {
	cursor: default;
}

input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
	*width: 13px;
	*height: 13px;
}

input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
	-webkit-appearance: none;
}

button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
	vertical-align: top;
	resize: vertical;
}

input:valid, textarea:valid {
}

input:invalid, textarea:invalid {
	background-color: #f0dddd;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td {
	vertical-align: top;
}

.chromeframe {
	margin: 0.2rem 0;
	background: #ccc;
	color: black;
	padding: 0.2rem 0;
}

.ir {
	display: block;
	border: 0;
	text-indent: -999rem;
	overflow: hidden;
	background-color: transparent;
	background-repeat: no-repeat;
	text-align: left;
	direction: ltr;
	*line-height: 0;
}

.ir br {
	display: none;
}

.hidden {
	display: none !important;
	visibility: hidden;
}

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

.invisible {
	visibility: hidden;
}

.cl:before, .cl:after {
	content: "";
	display: table;
}

.cl:after {
	clear: both;
}

.cl {
	*zoom: 1;
}

/***************************************************************\
	Colors

	lightblue: #F4F5F9  rgba(244,245,249,1)
	darkblue: #272C57  rgba(39,44,87,1)
	green: #95C11F  rgba(149,193,31,1)
	magenta: #AF1D59  rgba(175,29,89,1)
	middleblue: #DFE2EA  rgba(223,226,234,1)
	lightgrey: #A3A3A3 rgba(163,163,163,1)
	bodytext: #000  rgba(0,0,0,1)


\***************************************************************/
/***************************************************************\
	General styles
\***************************************************************/


.hide-mobile {
	display: none;
}

@media screen and (min-width: 30.0625em/*481*/) {
	.hide-mobile {
		display: block;
	}
}

.show-mobile {
	display: block;
}

@media screen and (min-width: 30.0625em/*480*/) {
	.show-mobile {
		display: none;
	}
}


.h {
    display: inline-block;
    text-indent: -9999em;
    width: 0;
} /* class for rpalcing Mail @ in Typo3 */


small,
.small {
	font-size: 85%;
}

::-moz-selection {
	background: #272C57;
	color: #fff;
	text-shadow: none;
}

::selection {
	background: #272C57;
	color: #fff;
	text-shadow: none;
}

body {
	color:#000;
	font-size:1rem;
/*
	font-family: 'FrutigerNextPro-LightCn', sans-serif;
	font-weight:300;
*/
	line-height: 1.4;
	font-family: 'FrutigerNextPro-Light', sans-serif;
/* 	font-weight:400; */
	font-weight: normal;
	font-style: normal;
	background:#F4F5F9;
	padding-top:4.625rem;
}

body.bg-white {
	background:#fff;
}

@media screen and (min-width: 80em/*1280*/) {
	body {
		padding-top:6.75rem;
	}
}

@media screen and (min-width: 100em/*1600*/) {
	body {
		padding-top:7.1875rem;
	}
}

img,
svg {
	width: auto;
	max-width: 100%;
	height: auto;
}

a {
	color:#fff;
	-webkit-transition: color 0.2s;
	-moz-transition: color 0.2s;
	-o-transition: color 0.2s;
	transition: color 0.2s;
}

.ce-bodytext a {
	color:#AF1D59;
}

.ce-bodytext a.btn {
	color: #fff;
} 

.ce-bodytext a:hover {
	color: #000;
	text-decoration: underline;
}


.ce-bodytext a:hover.btn {
	color: #fff;
	text-decoration: none;
} 



/*== IE Fix on anchor click ==*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	a:active {
		background-color:transparent;
	}
}


button, input, select, textarea {
	font-family:'FrutigerNextPro-Light', sans-serif;
/* 	font-weight: 400; */
	font-weight: normal;
	font-style: normal;
}


sup {
	vertical-align: super;
	font-size:0.5em;
}

b,
strong,
.bold {
/* 	font-weight: 700; */
	font-family:'FrutigerNextPro-BoldCn', sans-serif;
	font-weight: normal;
	font-style: normal;	
}

.upper {
	text-transform: uppercase;
}


.align-center,
.align-left {
	text-align: left;
}
@media screen and (min-width: 30em/*480*/) {
	.align-center {
		text-align: center;
	}	
}


h1,
h2,
h3 {
	color:#272c57;
	line-height:1.3;
	font-family: 'FrutigerNextPro-BoldCn', sans-serif;
/* 	font-weight:700; */
	font-weight: normal;
	font-style: normal;
}

h1 {
	font-size:1.5rem;
	margin-bottom:1.5rem;
	margin-bottom:1rem;
	font-family: 'FrutigerNextPro-LightCn', sans-serif;
/* 	font-weight:300; */
	font-weight: normal;
	font-style: normal;
}

h2 {
	font-size:1.25rem;
	margin-bottom:1rem;
}

h2.h2-alt {
	font-size:1.375rem;
	text-transform: none;
}	

h3 {
	font-size:1.25rem;
}

@media screen and (min-width: 30em/*480*/) {
	h1 {
		font-size:2rem;
		margin-bottom:1.5rem;
	}

	h2 {
		font-size:1.3125rem;
		margin-bottom:1.125rem;
	}
	
	h2.h2-alt {
		font-size:1.75rem;
	}	

	h3 {
		font-size:1.3125rem;
	}
}

@media screen and (min-width: 48em/*768*/) {
	h1 {
		font-size:2.25rem;
		margin-bottom:1.75rem;
	}

	h2 {
		font-size:1.4375rem;
		margin-bottom:1.125rem;
	}
	
	h2.h2-alt {
		font-size:2rem;
	}
		
	h3 {
		font-size:1.375rem;
	}
}

@media screen and (min-width: 64em/*1024*/) {
	h1 {
		font-size:2.5rem;
		margin-bottom:2rem;
	}

	h2 {
		font-size:1.75rem;
		margin-bottom:1.3125rem;
	}
	
	h2.h2-alt {
		font-size:2.25rem;
	}

	h3 {
		font-size:1.5rem;
	}
}

@media screen and (min-width: 80em/*1280*/) {
	h1 {
		font-size:3rem;
		margin-bottom:2.5rem;
	}

	h2 {
		font-size:1.875rem;
		margin-bottom:1.5rem;
	}
	
	h2.h2-alt {
		font-size:2.5rem;
	}

	h3 {
		font-size:1.675rem;
	}
}

@media screen and (min-width: 100em/*1600*/) {
	h1 {
		font-size:3.5rem;
		margin-bottom:3rem;
	}

	h2 {
		font-size:2.125rem;
		margin-bottom:1.75rem;
	}
	
	h2.h2-alt {
		font-size:2.75rem;
	}

	h3 {
		font-size:1.75rem;
	}
}

.no-margin {
	margin:0;
}

.row {
	width:100%;
	margin:0 auto;
	padding:3rem 0;
	text-align: left;
	background-color: #F4F5F9;
}



@media screen and (min-width: 30em/*480*/) {
	.row {
		padding:3.5rem 0;
	}
}
@media screen and (min-width: 40em/*640*/) {
	.row {
		padding:4rem 0;
	}
}

@media screen and (min-width: 48em/*768*/) {
	.row {
		padding: 4.5rem 0;
	}
}

@media screen and (min-width: 64em/*1024*/) {
	.row {
		padding:5.5rem 0;
	}
}

body.first-ce--closer .breadcrumbs-wrap + .row {
	padding-bottom: 0;
}

body.first-ce--closer .breadcrumbs-wrap + .row h1 {
	margin-bottom: 0;
}

/*
#content .row:first-child {
	padding-top:0;
}
*/

.row--green {
	background-color:#95C11F;
	color:#fff;
}

.row--middleblue {
	background-color:#DFE2EA;
}

.row--white {
	background-color:#fff;
}

.row--magenta {
	background-color:#af1d59;
	color:#fff;
}

.row.aligncenter {
	text-align: left;
}

.row.aligncenter p,
.row.aligncenter h1,
.row.aligncenter h2,
.row.aligncenter h3 {
	text-align:left;
}

@media screen and (min-width: 30em/*480*/) {
	.row.aligncenter,
	.row.aligncenter p,
	.row.aligncenter h1,
	.row.aligncenter h2,
	.row.aligncenter h3 {
		text-align: center;
	}
}


.row.aligncenter p.align-left,
.row.aligncenter h1.align-left,
.row.aligncenter h2.align-left,
.row.aligncenter h3.align-left {
	text-align: left;
}




.row--green h1,
.row--green h2,
.row--green h3,
.row--magenta h1,
.row--magenta h2,
.row--magenta h3 {
	color:#fff;
}

.row--padding-none {
	padding: 0;
}

.row--padding-medium {
	padding: 3rem 0;
}

.inner {
	width:100%;
	margin:0 auto;
	max-width:1920px;
	padding:0 1.25rem;
	box-sizing: border-box;
}

@media screen and (min-width: 48em/*768*/) {
	.inner {
		padding:0 2rem;
	}
}

@media screen and (min-width: 100em/*1600*/) {
	.inner {
		padding:0 5.9375rem;
	}
}


.text-blue {
	color:#272c57;
}

ol.list-bold {
	font-family: 'FrutigerNextPro-BoldCn', sans-serif;
}


/***************************************************************\
	Header
\***************************************************************/
#header {
	width:100%;
	background:#fff;
	margin:0 auto;
	height:4.625rem;
	position:fixed;
	top:0;
	z-index:500;
}

@media screen and (min-width: 80em/*1280*/) {
	#header {
		height:6.75rem;
	}
}

@media screen and (min-width: 100em/*1600*/) {
	#header {
		height:7.1875rem;
	}
}

#header .inner {
	max-width:1920px;
	position: relative;
	height:100%;
}

/*Hiding search nav slide from left behind buy-now button(.apofinder-toggle) */
@media screen and (min-width: 120em/*1920*/) {
	#header .inner:before {
		content: "";
		width: 100vw;
		height: 100%;
		display: block;
		position: absolute;
		background-color: #fff;
		left: 100%;
		z-index: 500;
	}
}

#logo {
	width:13.375rem;
	height:2.875rem;
	display:inline-block;
	position:relative;
	top:0.875rem;
	text-indent:-9999rem;
	float:left;
	background-image:url('../../fileadmin/template/assets/img/aroniaplus_logo.svg');
	background-position:center center;
	background-repeat:no-repeat;
	background-size:214px 46px;
}

.navigation--is-open #logo {
	width:3.125rem;
	background-position: left center;
}

@media screen and (min-width: 80em/*1280*/) {
	.navigation--is-open #logo,
	#logo {
		width:15.5125rem;
		height:3.453125rem;
		top:1.675rem;
		background-size:248px 55px;
	}
}

@media screen and (min-width: 100em/*1600*/) {
	.navigation--is-open #logo,
	#logo {
		width:18.25rem;
		height:4.0625rem;
		top:1.5625rem;
		background-size:292px 65px;
	}
}

/*IE EDGE FIX*/
@supports (-ms-ime-align: auto) {
	@media screen and (min-width: 100em/*1600*/) {
		.navigation--is-open #logo,
		#logo {
			background-size:292px 64px;
		}
	}
}

/***************************************************************\
	Navigation
\***************************************************************/
@media screen and (min-width: 80em/*1280*/) {
	.navigation {
		width:auto;
		display:inline-block;
		height:100%;

/*
		float:left;
		margin-left:2rem;
*/

		float:right;
/* 		margin-right:5rem; */
		margin-right:7.5rem;
		
	}
}

@media screen and (min-width: 100em/*1600*/) {
	.navigation {
/* 		margin-left:5rem; */
		margin-left:2rem;
		margin-right:8rem;
	}
}

.navigation-container {
	position:absolute;
	left:-100%;
	width:100%;
	top:100%;
	background-color:#fff;
	-webkit-transition: left 0.3s;
	-moz-transition: left 0.3s;
	-o-transition: left 0.3s;
	transition: left 0.3s;
	border-top:1px solid #272C57;
	box-sizing: border-box;
	padding:1rem 0;
}


.navigation--is-open .navigation-container {
	left:0;
}

@media screen and (min-width: 80em/*1280*/) {
	.navigation-container,
	.navigation--is-open .navigation-container {
		position: relative;
		left:auto;
		border-top:0;
		top:auto;
		height: 100%;
		padding:0;
	}
}

@media screen and (min-width: 80em/*1280*/) {
	.navigation-main__lvl1 {
		height:100%;
	}
}

.navigation-main__lvl2,
.navigation-main__lvl3 {
	width:100%;
	display:block;
	min-height:100%;
	position:absolute;
	left:-100%;
	background:#fff;
	-webkit-transition: left 0.3s;
	-moz-transition: left 0.3s;
	-o-transition: left 0.3s;
	transition: left 0.3s;
	top:0;
	box-sizing:border-box;
	z-index:5;
}

@media screen and (min-width: 80em/*1280*/) {
	.navigation-main__lvl2,
	.navigation-main__lvl3 {
		display:none;
	}
}

.submenu--is-open > .navigation-main__lvl2,
.submenu--is-open > .navigation-main__lvl3 {
	left:0;
}

.navigation-main__item {
	padding:0 1.25rem;
}

@media screen and (min-width: 48em/*768*/) {
	.navigation-main__item {
		padding:0 2rem;
	}
}

@media screen and (min-width: 80em/*1280*/) {
	.navigation-main__item {
		padding:0;
	}

	.navigation-main__lvl1 > .navigation-main__item {
		float:left;
		height:100%;
	}
}

.navigation-main__item.has--submenu > .navigation-main__link:before {
	content:"";
	display:block;
	width:1rem;
	height:1.5rem;
	position:absolute;
	right:1.25rem;
	background-size: 13px 19px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image:url('../../fileadmin/template/assets/img/arrow-menu--darkblue.svg');
}

.no-touch .navigation-main__item.has--submenu:hover > .navigation-main__link:before,
.navigation-main__item.has--submenu.is--active > .navigation-main__link:before{
	background-image:url('../../fileadmin/template/assets/img/arrow-menu--magenta.svg');
}

@media screen and (min-width: 48em/*768*/) {
	.navigation-main__item.has--submenu > .navigation-main__link:before {
		right:2rem;
	}
}

@media screen and (min-width: 80em/*1280*/) {
	.navigation-main__item.has--submenu > .navigation-main__link:before {
		right:-1.5rem;
		margin-top: -0.0625rem;
	}

	.navigation-main__lvl1 > .navigation-main__item.has--submenu > .navigation-main__link:before {
		display:none;
	}
}

.navigation-main__item.is--mobile {
	text-align:right;
	background-color:#AF1D59;
}

@media screen and (min-width: 80em/*1280*/) {
	.navigation-main__item.is--mobile,
	.navigation-main__item.show--mobile {
		display:none;
	}
}

.navigation-main__item.is--mobile a.navigation-main__link,
.navigation-main__item.is--mobile a.navigation-main__link:hover {
	color:#fff;
}

.navigation-main__item.is--mobile a.navigation-main__link:before {
	content:"";
	display:block;
	width:1rem;
	height:1.5rem;
	position:absolute;
	left:1.25rem;
	background-size: 13px 19px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image:url('../../fileadmin/template/assets/img/arrow-menu--white.svg');
	transform:rotate(180deg);
}

@media screen and (min-width: 48em/*768*/) {
	.navigation-main__item.is--mobile a.navigation-main__link:before {
		left:2rem;
	}
}

a.navigation-main__link {
	color:#272C57;
	width:100%;
	padding:0.9375rem 0;
	display:block;
	font-size:1.125rem;
	line-height: 1.2;
}

.navigation-main__item.is--active > a.navigation-main__link,
.no-touch a.navigation-main__link:hover {
	color:#AF1D59;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	-o-transition: color 0.3s;
	transition: color 0.3s;
}

@media screen and (min-width: 80em/*1280*/) {
	a.navigation-main__link {
		padding: 0.9375rem 1.25rem;
		box-sizing: border-box;
		font-size: 1.125rem;
	}
}

@media screen and (min-width: 90em/*1440*/) {
	a.navigation-main__link {
		font-size:1.25rem;
	}
}

@media screen and (min-width: 100em/*1600*/) {
	a.navigation-main__link {
		font-size:1.25rem;
	}
}

@media screen and (min-width: 80em/*1280*/) {
	.navigation-main__lvl1 > .navigation-main__item > .navigation-main__link {
		height: calc(100% - 2.8125rem);
		padding: 0 1rem;
		position: relative;
		top: 2.8125rem;
	}
}

@media screen and (min-width: 90em/*1440*/) {
	.navigation-main__lvl1 > .navigation-main__item > .navigation-main__link {
/* 		padding: 0 1.3125rem; */
		padding: 0 1.1875rem;
	}
}

@media screen and (min-width: 100em/*1600*/) {
	.navigation-main__lvl1 > .navigation-main__item > .navigation-main__link {
		height: calc(100% - 3rem);
		top: 3rem;
	}
}

@media screen and (min-width: 110em/*1760*/) {
	.navigation-main__lvl1 > .navigation-main__item > .navigation-main__link {
		padding: 0 1.25rem 0 1.5rem;
	}
}

@media screen and (min-width: 80em/*1280*/) {
	.navigation-main__lvl1 > .navigation-main__item:first-child > .navigation-main__link {
		padding-left:0;
	}
	.navigation-main__lvl1 > .navigation-main__item:last-child > .navigation-main__link {
		padding-right:0;
	}

	.navigation-main__lvl2 > .navigation-main__item > .navigation-main__link,
	.navigation-main__lvl3 > .navigation-main__item > .navigation-main__link {
		width:12rem;
		padding:0 1rem;
		margin:0 0 1.125rem 0;
		display:block;
	}

	.navigation-main__lvl2 > .navigation-main__item:last-child > .navigation-main__link,
	.navigation-main__lvl3 > .navigation-main__item:last-child > .navigation-main__link {
		margin-bottom:0;
	}

	.navigation-main__lvl1 > .navigation-main__item:first-child > .navigation-main__lvl2 > .navigation-main__item > .navigation-main__link {
		margin-left:-1rem;
	}

	.navigation-main__lvl3 > .navigation-main__item > a.navigation-main__link {
		color:#A3A3A3;
	}

	.navigation-main__lvl3 > .navigation-main__item.is--active > a.navigation-main__link,
	.no-touch .navigation-main__lvl3 > .navigation-main__item > a.navigation-main__link:hover {
		color:#AF1D59;
	}
}

@media screen and (min-width: 80em/*1280*/) {
/*
	.navigation-main__lvl1 > .navigation-main__item > .navigation-main__link:hover + .navigation-main,
	.navigation-main__lvl2:hover {
		display: block;
		top: 6.75rem;
		left: auto;
		width: auto;
		padding: 1.9375rem 0;
	}
*/
	
	html[lang="de"] .navigation-main__lvl1 > .navigation-main__item > .navigation-main__link:hover + .navigation-main,
	html[lang="de"] .navigation-main__lvl2:hover {
		display: block;
		top: 6.75rem;
		left: auto;
		width: auto;
		padding: 1.9375rem 0;
	}	
}

@media screen and (min-width: 90em/*1440*/) {
	.navigation-main__lvl2 > .navigation-main__item > .navigation-main__link,
	.navigation-main__lvl3 > .navigation-main__item > .navigation-main__link {
/* 		padding:0 1.3125rem; */
		padding: 0 1.1875rem;
	}

	.navigation-main__lvl1 > .navigation-main__item:first-child > .navigation-main__lvl2 > .navigation-main__item > .navigation-main__link {
/* 		margin-left:-1.3125rem; */
		margin-left:-1.1875rem;
	}
}

@media screen and (min-width: 100em/*1600*/) {
	html[lang="de"] .navigation-main__lvl1 > .navigation-main__item > .navigation-main__link:hover + .navigation-main,
	html[lang="de"] .navigation-main__lvl2:hover {
		top: 7.1875rem;
	}
}

@media screen and (min-width: 110em/*1760*/) {
	.navigation-main__lvl2 > .navigation-main__item > .navigation-main__link,
	.navigation-main__lvl3 > .navigation-main__item > .navigation-main__link {
		padding:0 1.5rem;
	}

	.navigation-main__lvl1 > .navigation-main__item:first-child > .navigation-main__lvl2 > .navigation-main__item > .navigation-main__link {
		margin-left:-1.5rem;
	}
}

@media screen and (min-width: 80em/*1280*/) {
	.navigation-main__lvl2 {
		background: transparent;
	}
	}


@media screen and (min-width: 80em/*1280*/) {
	html[lang="de"] .navigation-main__lvl1 > .navigation-main__item > .navigation-main__link:hover + .navigation-main:before,
	html[lang="de"] .navigation-main__lvl2:hover:before {
		content:"";
		width:200vw;
		left:-100vw;
		height:100%;
		display:block;
		position: absolute;
		background:#fff;
		background: rgba(255,255,255,0.9);
		z-index: -1;
		border-top:1px solid #272c57;
		box-sizing: border-box;
		top:0;
	}

	html[lang="de"] .navigation-main__lvl2 > .navigation-main__item.has--submenu > .navigation-main__link:hover + .navigation-main,
	html[lang="de"] .navigation-main__lvl3:hover {
		left: calc(100% + 1.5rem);
		display: block;
		background:transparent;
		z-index:-1;
	}

	html[lang="de"] .navigation-main__lvl2 > .navigation-main__item.has--submenu > .navigation-main__link:hover + .navigation-main:before,
	html[lang="de"] .navigation-main__lvl3:hover:before {
		content:"";
		display:block;
		width:200vw;
		height:100%;
		position:absolute;
		top:1px;
		background:#fff;
		z-index: -10;
		left:-100vw;
	}

	.navigation-main__lvl3 {
		padding: 1.9375rem 0;
	}
}


/***************************************************************\
	Navigation Toggle
\***************************************************************/
.nav-toggle {
	font-size:1rem;
	float:right;
/*
	width:2.25rem;
	height:2.25rem;
*/
	width:2rem;
	height:2rem;
	display:block;
	right:0;
	top: 1.6125rem;
	text-indent:-9999rem;
	position: relative;
	z-index: 20;
}

@media screen and (min-width: 80em/*1280*/) {
	.nav-toggle {
		display:none;
	}
}

.nav-toggle span:first-child {
	display:none;
}

.nav-toggle__line-one,
.nav-toggle__line-two,
.nav-toggle__line-three {
	width: 100%;
	margin-bottom: 8px;
	height:2px;
	clear: left;
	float: left;
	background-color: #272C57;
	display: inline;
	text-indent:-9999rem;
	-webkit-transition: background-color 0.2s, opacity 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: background-color 0.2s, opacity 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: background-color 0.2s, transform 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: background-color 0.2s, transform 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-webkit-transform: translateY(0) translateZ(0);
	transform: translateY(0) translateZ(0);
}

.navigation--is-open .nav-toggle {
/* 	margin-top: -0.375rem; */
	margin-top: -0.3125rem;
}

.navigation--is-open .nav-toggle:hover .nav-toggle__line-two {
	background-color:transparent;
}

.navigation--is-open .nav-toggle__line-one {
	-webkit-transform: translateY(15px) rotate(45deg);
	-ms-transform: translateY(15px) rotate(45deg);
	transform: translateY(15px) rotate(45deg);
}

.navigation--is-open .nav-toggle__line-two {
	background-color:transparent;
}

.navigation--is-open .nav-toggle__line-three {
	margin-top: 10px;
	-webkit-transform: translateY(-15px) rotate(-45deg);
	-ms-transform: translateY(-15px) rotate(-45deg);
	transform: translateY(-15px) rotate(-45deg)
}

/***************************************************************\
	Search Toggle and Search Navigation
\***************************************************************/
.search-toggle {
	font-size:1rem;
	float:right;
/*
	width:2.25rem;
	height:2.25rem;
*/
	width:1.625rem;
	height:1.625rem;	
	display:none;
/* 	right:4.25rem; */
	right: 9rem;
/* 	top: 1.1875rem; */
	top:1.4375rem;
	text-indent:-9999rem;
	position: absolute;
	background-image:url('../../fileadmin/template/assets/img/icon-search.svg');
/* 	background-size:36px 36px; */
	background-size:26px 26px;
	background-repeat:no-repeat;
	background-position: center center;
	cursor:pointer;
}

.navigation--is-open .search-toggle {
	display:block;
	-webkit-transition: right 0.3s;
	-moz-transition: right 0.3s;
	-o-transition: right 0.3s;
	transition: right 0.3s;
}

@media screen and (min-width: 48em/*768*/) {
	.search-toggle {
/* 		right:5rem; */
		right:10rem;
	}
}

@media screen and (min-width: 80em/*1280*/) {
	.search-toggle {
		display:block;
/* 		top: 2.4375rem; */
		top: 2.5rem;
/* 		right:2rem; */
		right:6.5rem;
		-webkit-transition: right 0.3s;
		-moz-transition: right 0.3s;
		-o-transition: right 0.3s;
		transition: right 0.3s;
	}
}

@media screen and (min-width: 90em/*1440*/) {
/*
	.search-toggle {
		right:2rem;
	}
*/
}

@media screen and (min-width: 100em/*1600*/) {
	.search-toggle {
/* 		right:6rem; */
		right:10.5rem;
		top: 2.75rem;
	}
}

@media screen and (min-width: 110em/*1760*/) {
/*
	.search-toggle {
		right:6rem;
	}
*/
}

.search--is-open .search-toggle {
	right: calc(100% - 7.25rem);
	cursor:default;
}

/*@media screen and (min-width: 30em) {*/
@media screen and (min-width: 48em/*768*/) {
	.search--is-open .search-toggle {
		right: calc(100% - 8.25rem);
	}
}

@media screen and (min-width: 80em/*1280*/) {
	.search--is-open .search-toggle {
/* 		right: calc(100% - 34.25rem); */
		right: calc(100% - 29.25rem);

	}
	.search--is-open .navigation {
		display:none;
	}
}

@media screen and (min-width: 100em/*1600*/) {
	.search--is-open .search-toggle {
/* 		right: calc(100% - 39.25rem); */
		right: calc(100% - 33.25rem);
		right: calc(100% - 34rem);
	}
}

.search-nav {
	display: block;
	position: absolute;
	width: calc(100% - 11.75rem);
	height: 100%;
	top: 0;
	left:calc(100vw + 7.75rem);
	background-color:#fff;
	-webkit-transition: left 0.3s;
	-moz-transition: left 0.3s;
	-o-transition: left 0.3s;
	-ms-transition: left 0.3s;
	transition: left 0.3s;
	z-index:1;
}

.navigation--is-open.search--is-open .search-nav {
	left:7.75rem;
}

@media screen and (min-width: 30em/*480*/) {
	.search-nav {
		left:calc(100vw + 8.75rem);
/* 		width: calc(100% - 13.75rem); */
		width:calc(100% - 11.75rem);
	}

/*
	.navigation--is-open.search--is-open .search-nav {
		left:8.75rem;
	}
*/
}

@media screen and (min-width: 48em/*768*/) {
	.search-nav {
		width: calc(100% - 13.75rem);
	}
	.navigation--is-open.search--is-open .search-nav {
		left:8.75rem;
	}
}


@media screen and (min-width: 80em/*1280*/) {
	.search-nav {
		left:calc(100vw + 22rem);
		width: calc(100% - 37rem)
	}

	.navigation--is-open.search--is-open .search-nav,
	.search--is-open .search-nav {
/* 		left:35.25rem; */
		left:30.25rem;
	}
}

@media screen and (min-width: 100em/*1600*/) {
	.search-nav {
		left:calc(100vw + 30rem);
		width: calc(100% - 45.875rem)
	}
	.navigation--is-open.search--is-open .search-nav,
	.search--is-open .search-nav {
/* 		left:40rem; */
		left:35rem;
	}
}

.search-nav #form_kesearch_pi1{
	height:100%;
	width:100%;
	display:block;
}

.search-nav #ke_search_sword {
	background:transparent;
	border:0;
	box-shadow: none;
	font-size:1.125rem;
	margin-top:1.75rem;
	color:#272C57;
	width: 100%;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius:0;
}

#ke_search_sword:focus,
#ke_search_sword:active {
	outline:0;
}

@media screen and (min-width: 30em/*480*/) {
	.search-nav #ke_search_sword {
/* 		width: auto; */
		width:calc(100% - 7rem);
		font-size:1.5rem;
		margin-top: 1.5rem;
	}
}

@media screen and (min-width: 40em/*640*/) {
	.search-nav #ke_search_sword {
		font-size:1.5rem;
	}
}

@media screen and (min-width: 80em/*1280*/) {
	.search-nav #ke_search_sword {
		margin-top:2.5rem;
		width:calc(100% - 12.125rem);
	}
}

@media screen and (min-width: 100em/*1600*/) {
	.search-nav #ke_search_sword {
		margin-top:2.75rem;
	}
}

.search-nav #kesearch_submit {
	background:transparent;
	border:1px solid #272C57;
	color:#272C57;
/* 	padding:0.375rem 1rem; */
/* 	padding:0.3125rem 1rem; */
	padding: 0.3125rem 1rem 0.1875rem 1rem;
	text-transform: uppercase;
	float:right;
/* 	margin-top:1.25rem; */
	margin-top:1.375rem;
	display:none;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius:0;
    line-height:1.3;
}

@media screen and (min-width: 30em/*480*/) {
	.search-nav #kesearch_submit {
		display:block;
	}
}

@media screen and (min-width: 80em/*1280*/) {
	.search-nav #kesearch_submit {
		margin-top:2.4375rem;
/* 		margin-right:1rem; */
		margin-right:3rem;
	}
}

@media screen and (min-width: 100em/*1600*/) {
	.search-nav #kesearch_submit {
		margin-top:2.6125rem;
	}
}

.no-touch #kesearch_submit:hover {
	background-color:#272C57;
	color:#fff;
}


.search-toggle--close {
	margin-top:1.25rem;
	margin-right:2rem;
	width:2rem;
	height:2rem;
	background:transparent;
	text-indent:-9999rem;
	float:right;
	border:0;
	box-shadow: none;
	position:relative;
	display:none;
}



@media screen and (min-width: 80em/*1280*/) {
	.search-toggle--close {
		position:absolute;
		top:0;
		right:0;
		
		margin-top:2.4375rem;
		margin-right:0;
		display:block;
	}
}

@media screen and (min-width: 100em/*1600*/) {
	.search-toggle--close {
		margin-top:2.6125rem;
	}
}

.search-toggle--close:before,
.search-toggle--close:after {
	content:"";
	display:block;
	width:100%;
	height:2px;
	background:#272c57;
	position:absolute;
}
.search-toggle--close:before {
	transform: rotate(45deg);
	left: 0;
	top: 0.9375rem;
}

.search-toggle--close:after {
	transform: rotate(-45deg);
	top: 0.9375rem;
	right: 0;
}



.search-toggle--close:active,
.search-toggle--close:focus,
.submitbutt .btn:active,
.submitbutt .btn:focus,
#kesearch_submit:focus,
#kesearch_submit:active {
	outline:none;
}


/***************************************************************\
	Language Selection 
\***************************************************************/

@media screen and (min-width: 80em/*1280*/) {
	.language {
		position:absolute;
		right: 2rem;
/* 		top: 2.5rem; */
		top: 2.5625rem;
	}
}

@media screen and (min-width: 100em/*1600*/) {
	.language {
		right: 6.125rem;
		top: 2.75rem;

	}
}

.language__select {
	line-height: 1.2;
	top: 1.4375rem;
	right: 4.5rem;
	position: absolute;
	opacity:0;
	display:block;
	
}

@media screen and (min-width: 48em/*768*/) {
	.language__select {
		right: 5.5rem;
	}
}

@media screen and (min-width: 80em/*1280*/) {
	.language__select {
		opacity:0;
		display:none;
	}
}

#language__overlay {
	display:none;
	font-size:1.125rem;
/* 	padding: 0.125rem 1.75rem 0rem 0.5rem; */
	padding: 0.25rem 1.75rem 0rem 0.5rem;
	border-left: 2px solid #b2b2b2;
	line-height: 1.2;

	color:#b2b2b2;
/* 	top:1.4375rem; */
	top:1.5625rem;
	right: 4.5rem;
	position: absolute;

}

#language__overlay:after {
	content:"";
	position:absolute;
	right:0;
	top:50%;
/* 	margin-top:-0.375rem; */
	margin-top: -0.25rem;
	width:1.25rem;
	height:0.75rem;		
	display:block;
	background-repeat:no-repeat;
/* 	background-size:18px 10px; */
	background-size:contain;
	background-position:center center;
	background-image:url('../../fileadmin/template/assets/img/down-arrow--grey.svg');
}

.navigation--is-open #language__overlay {
	display:block;	
}



@media screen and (min-width: 48em/*768*/) {
	#language__overlay {
		right:5.5rem;
	}
}

@media screen and (min-width: 80em/*1280*/) {
	#language__overlay {
		display:block;
		color:#272C57;
		top: auto;
		right:auto;
		position: relative;
	}
	#language__overlay:after {
/* 		background-size:20px 12px; */
	}
}

@media screen and (min-width: 90em/*1440*/) {
	#language__overlay {
		font-size: 1.25rem;
	}
}


/*IE EDGE FIX*/
@supports (-ms-ime-align: auto) {
	#language__overlay:after {
		margin-top: -0.125rem;
	}
}

/*IE10 + IE11 FIX*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#language__overlay {
		padding: 0.125rem 1.75rem 0.125rem 0.5rem;
	}
	
		
	#language__overlay:after {
		margin-top: -0.25rem;
	}
}
/*IE10 + IE11 FIX*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 80em/*1280*/){
	#language__overlay {
		padding: 0.125rem 1.75rem 0rem 0.5rem;
	}
	
		
	#language__overlay:after {
		margin-top: -0.125rem;
	}
}

.language__list,
.language.is--active .language__list {
	display:none;
	list-style:none;
	position:absolute;

	top: calc(100% + 0.3125rem);
	left: -3.25rem;
	
	background:#f6f6f6;
	border:1px solid #f9f9f9;
	margin:0;
	padding:0;
	font-size: 1.0625rem;
	min-width:7rem;
	-webkit-box-shadow: 0px 6px 17px -3px rgba(61, 61, 61, 0.65);
	-moz-box-shadow: 0px 6px 17px -3px rgba(61, 61, 61, 0.65);
	box-shadow: 0px 6px 17px -3px rgba(61, 61, 61, 0.65);
	z-index:100;
	
}


@media screen and (min-width: 80em/*1280*/) {
	.language.is--active .language__list {
		display:block;
	}
}

@media screen and (min-width: 90em/*1440*/) {
	.language__list,
	.language.is--active .language__list {
		font-size:1.125rem;		
	}	
}

@media screen and (min-width: 100em/*1600*/) {
	.language__list,
	.language.is--active .language__list {
		left:0.5rem;
	}
}

.language__list-link {
	padding:0.25rem 0.5rem;
	box-sizing:border-box;
	color:#b2b2b2;
	background-color:transparent;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

@media screen and (min-width: 80em/*1280*/) {

	.language__list-link {
		display:block;
		width:100%;

		
	}
	
	.language__list-link.is--active,
	.no-touch a.language__list-link:hover {
		background-color:#fff;
		color:#272C57;
	}
	
	.language__list-link.is--disabled {
		text-decoration: line-through;
	}

}



/***************************************************************\
	 Search results page
\***************************************************************/
.search-page__form .kesearchbox {
	float:left;
	width:100%;
}

.search-page__form #ke_search_sword {
	background:transparent;
	border:1px solid #272C57;
	box-shadow: none;
	font-size:1.25rem;
	color:#272C57;
	width: 100%;
	padding:0.75rem;
	float:left;
	box-sizing:border-box;
	margin:0 0 1.5rem 0;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius:0;
}


@media screen and (min-width: 48em/*768*/) {
	.search-page__form #ke_search_sword {
		width:60%;
		margin:0 40% 1.5rem 0;
		font-size:1.375rem;	
	}	
}

@media screen and (min-width: 64em/*1024*/) {
	.search-page__form #ke_search_sword {
		font-size:1.4375rem;
		width:50%;
		margin:0 50% 1.5rem 0;
	}	
}


@media screen and (min-width: 100em/*1600*/) {
	.search-page__form #ke_search_sword {
		font-size:1.6125rem;	
	}
}

.search-page__form .resetbutt,
.search-page__form .submitbutt {
	float:left;
	
}

.search-page__form .resetbutt a {
	color:#af1d59;
	display:block;
	padding: 0.6125rem 0;
	line-height:1.2;
}

.search-page__form .submitbutt input.btn {
	color:#fff;
	margin:0 0 0 1.5rem;
	line-height:1.2;
}

.no-touch .search-page__form .submitbutt input.btn:hover {
	color:#af1d59;
}

#content #kesearch_num_results p {
	font-size:1.5rem;
	color:#272c57;
	margin-bottom:1rem;
}

@media screen and (min-width: 40em/*640*/) {
	#content #kesearch_num_results p {
		font-size:1.875rem;
	}
}

@media screen and (min-width: 64em/*1024*/) {
	#content #kesearch_num_results p {
		font-size:2.125rem;
	}
}

@media screen and (min-width: 80em/*1280*/) {
	#content #kesearch_num_results p {
		font-size:2.6125rem;
	}
}


.result-title a {
	color:#af1d59;
}

.no-touch .result-title a:hover {
	text-decoration:underline;
}

.result-teaser {
	font-size: 0.875rem;
}

@media screen and (min-width: 30em/*480*/) {
	.result-teaser {
		font-size: 1rem;
	}	
}

.result-teaser .hit {
	font-family:'FrutigerNextPro-BoldCn', sans-serif;
/* 	font-weight:700; */
	font-weight: normal;
	font-style: normal;
}


.result-list-item {
	margin-bottom: 1.25rem
}

/* pager for search results */
#kesearch_pagebrowser_bottom .pages_total .kesearch_pagebrowser > ul {
	margin:0;
	list-style:none;
	padding:0;
}

#kesearch_pagebrowser_bottom .pages_total .kesearch_pagebrowser > ul > li { 
	display:inline-block;
	margin-top:1rem;
	margin-right:0.75rem;
}

#kesearch_pagebrowser_bottom .pages_total .kesearch_pagebrowser > ul > li:last-child {
	margin-right:0;
}

#kesearch_pagebrowser_bottom .pages_total .kesearch_pagebrowser > ul > li > a {
	background-color: #AF1D59;
	border: 1px solid #AF1D59;
	font-size: 1.125rem;
	padding: 0.875rem 1.25rem 0.75rem 1.25rem;
	border-radius: 0.675rem;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	display: inline-block;
	font-family: 'FrutigerNextPro-BoldCn', sans-serif;
	font-weight: normal;
	font-style: normal;
	line-height: 1.2;
}

.no-touch #kesearch_pagebrowser_bottom .pages_total .kesearch_pagebrowser > ul > li > a:hover,
#kesearch_pagebrowser_bottom .pages_total .kesearch_pagebrowser > ul > li > a.current {
	color:#af1d59;
	background-color:#fff;
}



/***************************************************************\
	 Apofinder Toggle
\***************************************************************/
.apofinder-toggle {
	display:none;
}

@media screen and (min-width: 48em/*768*/) {
	.apofinder-toggle {
		display:block;
/* 		padding:0.375rem 0.75rem 0.375rem 2.875rem; */
		padding:0.875rem 0.75rem 0.75rem 2.875rem;
		background-color:#AF1D59;
		color:#fff;
		font-size:1.0625rem;
		font-family: 'FrutigerNextPro-BoldCn', sans-serif;
/* 		font-weight: 700; */
		font-weight: normal;
		font-style: normal;
		border-radius: 0.5rem;
		position: absolute;
		right:8.5rem;
/* 		top:calc(50% - 1.25rem); */
		background-size:28px 28px;
		background-image:url('../../fileadmin/template/assets/img/apo-icon@3x.png');
		background-repeat:no-repeat;
		background-position: 11px center;
		line-height: 1;
		top: 0.9625rem;
	}
}

@media screen and (min-width: 80em/*1280*/) {
	.apofinder-toggle {
/* 		padding:0.5rem 0.75rem 0.5rem 2.875rem; */
		padding:0.875rem 0.75rem 0.75rem 2.875rem;
		font-size:1.1875rem;
		border-top-left-radius: 0.625rem;
		border-bottom-left-radius: 0.625rem;
		border-top-right-radius:0;
		border-bottom-right-radius:0;
		right:0;
/* 		top:2rem; */
		top:1.875rem; 
		z-index:5;
		left:auto;
	}
}

@media screen and (min-width: 100em/*1600*/) {
	.apofinder-toggle {
/* 		padding:0.5rem 1.75rem 0.5rem 3.875rem; */
		padding:0.875rem 1.75rem 0.75rem 3.875rem;
		font-size:1.375rem;
		background-size:32px 32px;
		background-position: 21px center;
		top:2rem;
	}
}

@media screen and (min-width: 120em/*1920*/) {
	.apofinder-toggle {
		border-radius: 0.625rem;
	}
}


/***************************************************************\
	 Breadcrumbs
\***************************************************************/
.breadcrumbs-wrap {
	width:100%;
}

.breadcrumbs {
	width:100%;
	max-width:1324px;
	list-style: none;
	padding: 1rem 2rem 0 2rem;
	margin:0 auto;
	box-sizing: border-box;
	font-size:0.9375rem;
	overflow: hidden;
	display:none;
}

@media screen and (min-width: 48em/*768*/) {
	.breadcrumbs {
		display:block;
	}
}

.breadcrumbs__item {
	float:left;
	margin-right:0.75rem;
	position:relative;
	color:#A3A3A3;
}

.breadcrumbs__item a {
	color:#A3A3A3;
}

.breadcrumbs__item.is--active,
.no-touch .breadcrumbs__item a:hover {
	color:#AF1D59;
}

.breadcrumbs__item:before {
	content:"/";
	position:absolute;
	display:block;
	right:-0.5rem;
	top:0;
}

.breadcrumbs__item:last-child:before {
	display:none;
}


/***************************************************************\
	 Buttons
\***************************************************************/
a.btn,
.btn {
	background-color:#AF1D59;
	border:1px solid #AF1D59;
	font-size: 1.125rem;
/* 	padding:0.6125rem 1.25rem; */
	padding:0.875rem 1.25rem 0.75rem 1.25rem;
	border-radius:0.675rem;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	display: inline-block;
	font-family:'FrutigerNextPro-BoldCn', sans-serif;
/* 	font-weight: 700; */
	font-weight: normal;
	font-style: normal;
	line-height:1;
}

.no-touch a.btn:hover,
.no-touch .btn:hover {
	background-color:#fff;
	color:#AF1D59;
	border-color:#AF1D59;
}

@media screen and (min-width: 64em/*1024*/) {
	a.btn,
	.btn {
		font-size:1.1875rem;
/* 		padding:0.6125rem 1.125rem; */
	}
}

@media screen and (min-width: 80em/*1280*/) {
	a.btn,
	.btn {
		font-size:1.25rem;
	}
}

.row .btn:last-child {
	margin-top:2rem;
}


/***************************************************************\
	 Content
\***************************************************************/
#content {
	font-size:1.0625rem;
}

@media screen and (min-width: 30em/*480*/) {
	#content {
		font-size: 1.1875rem;
	}
}

@media screen and (min-width: 48em/*768*/) {
	#content {
		font-size: 1.25rem;
	}
}

@media screen and (min-width: 64em/*1024*/) {
	#content {
		font-size: 1.3125rem;
	}
}

@media screen and (min-width: 80em/*1280*/) {
	#content {
		font-size: 1.375rem;
	}
}

@media screen and (min-width: 100em/*1600*/) {
	#content {
		font-size: 1.4375rem;
	}
}

#content p {
	margin-bottom:1.75rem;
}

#content .inner {
	max-width:1324px;
	width:100%;
	margin:0 auto;
	padding: 0 1.25rem;
	box-sizing: border-box;
}

@media screen and (min-width: 48em/*768*/) {
	#content .inner {
		padding: 0 2rem;
	}
}

#content .headline-info {
	margin-bottom:0.5rem;
	line-height:1;
	color:#272c57;
	text-transform: uppercase;
	font-family:'FrutigerNextPro-LightCn', sans-serif;
	font-size: 1rem;
}


#content .row--green .headline-info {
	color: #fff;
}


@media screen and (min-width: 64em/*1024*/) {
	#content .headline-info {
		font-size: 1.25rem;
	}
}


@media screen and (min-width: 100em/*1600*/) {
	#content .headline-info {
		font-size: 1.375rem;
	}
}


p:last-child,
#content p:last-child {
	margin-bottom: 0;
}
.ce-bodytext p:last-of-type {
	margin-bottom:0 !important;
}


.ce-bodytext p + h2,
.ce-bodytext ul + h2 {
	margin-top: 4rem;
}

.ce-bodytext ol {
	margin: 1rem 0 2rem 1.25rem;
}

.ce-bodytext ol li + li  {
	margin-top: 4rem
}	

.ce-bodytext ol.content-list li + li {
   margin-top:0;
}


/***************************************************************\
	Cite
\***************************************************************/
.cite {
	color:#272c57;
	text-align: center;
	line-height: 1.3;
	font-size: 1.25rem;
	padding: 3rem 0 2rem 0;
	font-family:'FrutigerNextPro-LightCn', sans-serif;
}

@media screen and (min-width: 30em/*480*/) {
	.cite {
		font-size: 1.5rem;
	}
}

@media screen and (min-width: 48em/*768*/) {
	.cite {
		font-size: 1.675rem;
		padding: 4rem 0 2.75rem 0;
	}
}

@media screen and (min-width: 64em/*1024*/) {
	.cite {
		padding: 5rem 0 3.75rem 0;
	}
}

@media screen and (min-width: 80em/*1280*/) {
	.cite {
		font-size: 2.125rem;
	}
}

@media screen and (min-width: 100em/*1600*/) {
	.cite {
		font-size: 2.875rem;
	}
}

#content .cite .inner {
	max-width:964px;
}

#content .cite p {
/*
	font-family: 'FrutigerNextPro-BoldCn', sans-serif;
	font-weight:700;
*/
	margin-bottom:0.5rem;
}

#content .cite small {
	font-size:70%;
}

@media screen and (min-width: 100em/*1600*/) {
	#content .cite small {
		font-size:50%;
	}
}


/***************************************************************\
	Hero
\***************************************************************/
.hero {
	width:100%;
	height: 55.55555vh;
	display:block;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}

.hero--has-content {
	display:table;
	table-layout: fixed;
}

.hero--has-content .hero-content-wrap {
	display:table-cell;
	vertical-align: middle;
	text-align: center;
	padding: 2rem;
}

.hero-slider-wrap {
	position:relative;
}

.hero-slider {
	width:100%;
	height:100vh;
	display:block;
	list-style: none;
	padding:0;
	margin:0;
}

.hero-slider-wrap .bx-wrapper .bx-pager {
	top:calc(65% - 2rem);
	padding-top:0;
	bottom:auto;
}

@media screen and (min-width: 30em/*480*/) {
	.hero-slider-wrap .bx-wrapper .bx-pager {
		top:calc(75% - 2rem);
	}
}

@media screen and (min-width: 48em/*768*/) {
	.hero-slider-wrap .bx-wrapper .bx-pager {
		top:calc(70% - 2rem);
	}
}

@media screen and (orientation: landscape) and (max-width: 47.9375em/*767*/){
	.hero-slider-wrap .bx-wrapper .bx-pager {
		top:calc(60% - 2rem);
	}
}

@media screen and (min-width: 64em/*1024*/) {
	.hero-slider-wrap .bx-wrapper .bx-pager {
		bottom:1rem;
		top:auto;
	}
}

.hero-slider__item {
	width:100%;
	height:100%;
	background-color:#af1d59;
	overflow: hidden;
}

@media screen and (min-width: 64em/*1024*/) {
	.hero-slider__item {
		display: table;
		background-color:transparent;
	}
}

.hero-slider__item-image {
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}

.hero-slider:not(.hero-slider--image-only) .hero-slider__item-image {
	height:65%;
}

@media screen and (min-width: 30em/*480*/) {
	.hero-slider:not(.hero-slider--image-only) .hero-slider__item-image {
		height:75%;
	}
}

@media screen and (min-width: 48em/*768*/) {
	.hero-slider:not(.hero-slider--image-only) .hero-slider__item-image {
		height:70%;
	}
}

@media screen and (min-width: 64em/*1024*/) {
	.hero-slider__item-image {
		width:100%;
		height:100% !important;
		position:absolute;
		display:block;
		top: 0;
		left: 0;
		z-index: -1;
	}
}

@media screen and (max-width: 47.9375em/*767*/) and (orientation: landscape) {
	.hero-slider:not(.hero-slider--image-only) .hero-slider__item-image {
		height:60%;
	}
}

.hero-slider__content-wrap {
	width:100%;
}

@media screen and (min-width: 64em/*1024*/) {
	.hero-slider__content-wrap {
		width:100%;
		display:table-cell;
		height:auto !important;
		vertical-align: middle;
		background-color:transparent;
	}
}

.hero-slider__content {
	width: 100%;
	background-color:#af1d59;
	background-color:rgba(175,29,89,0.85);
	padding:1.25rem;
	color:#fff;
	font-size:1rem;
	line-height:1.3;
	overflow: hidden;
	box-sizing: border-box;
}

@media screen and (min-width: 30em/*480*/) {
	.hero-slider__content {
		font-size:1.125rem;
	}
}

@media screen and (min-width: 48em/*768*/) {
	.hero-slider__content {
		font-size:1.25rem;
	}
}

@media screen and (min-width: 64em/*1024*/) {
	.hero-slider__content {
		margin-left:6.5rem;
		width: calc(100% - 10.5rem);
		font-size:1.25rem;
		padding:1.5rem;
		max-width:400px;
	}
}

@media screen and (min-width: 80em/*1280*/) {
	.hero-slider__content {
		max-width:650px;
		font-size:1.375rem;
	}
}

@media screen and (min-width: 100em/*1600*/) {
	.hero-slider__content {
		width:38%;
		margin-left:11.5%;
		padding:2.625rem;
		font-size:1.4375rem;
	}
}

.hero-slider__headline {
/* 	font-size:1.25rem; */
	font-size:1.5rem;
	line-height:1.1;
	font-family: 'FrutigerNextPro-LightCn', sans-serif;
/* 	font-weight: 300; */
	font-weight: normal;
	font-style: normal;
	margin-bottom:1rem !important;
}

@media screen and (min-width: 30em/*480*/) {
	.hero-slider__headline {
		font-size:2rem;
	}
}

@media screen and (min-width: 48em/*768*/) {
	.hero-slider__headline {
		font-size:2.25rem;
	}
}

@media screen and (min-width: 64em/*1024*/) {
	.hero-slider__headline {
		font-size:2.5rem;
	}
}


@media screen and (min-width: 80em/*1280*/) {
	.hero-slider__headline {
		font-size:3rem;
	}
}

@media screen and (min-width: 100em/*1600*/) {
	.hero-slider__headline {
		font-size:3.5rem;
/* 		margin-bottom:1.25rem !important; */
	}
}

.hero-slider__content p:not(.hero-slider__headline) {
/* 	margin-bottom:1.25rem !important; */
	margin-bottom:1rem !important;
	display:none;
}

@media screen and (min-width: 48em/*768*/) {
	.hero-slider__content p:not(.hero-slider__headline) {
		display:block;
	}
}

@media screen and (orientation: landscape) and (max-width: 63.9375em/*1023*/){
	.hero-slider__content p:not(.hero-slider__headline) {
		display:none;
	}
}

.hero-slider__content .btn {
	float:left;
	margin:0;
	border-color:#fff;
/* 	font-size:0.75rem; */
	font-size:0.875rem;

/* 	padding: 0.5rem 0.75rem; */
	padding: 0.875rem 1rem 0.75rem 1rem;
	background: transparent;
}

@media screen and (min-width: 48em/*768*/) {
	.hero-slider__content .btn {
/*
		font-size:0.875rem;
		padding: 0.5625rem 0.8125rem;
*/
		float:right;
	}
}

@media screen and (min-width: 64em/*1024*/) {
	.hero-slider__content .btn {
		font-size:1.125rem;
/* 		padding: 0.6125rem 1.125rem; */
		padding: 0.75rem 1.125rem 0.6125rem 1.125rem;
	}
}

@media screen and (min-width: 100em/*1600*/) {
	.hero-slider__content .btn {
		font-size:1.25rem;
	}
}

@media screen and (orientation: landscape) and (max-width: 63.9375em/*1023*/){
	.hero-slider__content .btn {
		float:left;
	}
}

.slide-down {
	display:none;
	text-indent:-9999rem;
	width:3rem;
	height:3rem;
}

@media screen and (min-width: 64em/*1024*/) {
	.slide-down {
		display:block;
		bottom:3rem;
		left:calc(50% - 1.5rem);
		position:absolute;
		background-image:url('../../fileadmin/template/assets/img/down-arrow--white.svg');
		background-repeat:no-repeat;
		background-size:38px 14px;
		background-position:center center;
	}
}

@media screen and (min-width: 100em/*1600*/) {
	.slide-down {
		background-size:48px 18px;
	}
}


/***************************************************************\
	Product-Row
\***************************************************************/
.row--product {
	overflow: hidden;
	padding:0;
}

@media screen and (min-width: 48em/*768*/) {
	.row--product {
		padding:1rem 0 0 0;
		background-size:cover;
		background-repeat:no-repeat;
		background-position: center center;
	}
}

#content .row--product .inner {
	max-width:1694px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	position:relative;
}

@media screen and (max-width: 47.9375em/*767*/) {
	#content .row--product .inner {
		padding:0;
	}
}

.product-description {
	width:100%;
	box-sizing:border-box;
	padding:0;
	text-align: center;
	-ms-flex-order:2;
	order:2;
}

@media screen and (min-width: 48em/*768*/) {
	.product-description {
		padding: 2rem 1rem 0 0;
		width:40%;
		-ms-flex-order:1;
		order:1;
	}
}

@media screen and (min-width: 64em/*1024*/) {
	.product-description {
		padding:5rem 5.5% 0 5.5%;
	}
}

@media screen and (min-width: 80em/*1280*/) {
	.product-description {
		padding:4rem 5.5% 0 5.5%;
	}
}

@media screen and (min-width: 100em/*1600*/) {
	.product-description {
		padding:4.5rem 0 0 11%;
	}
}

.product-description__box {
	background-color:#af1d59;
	padding: 1.5rem 1.25rem 2rem 1.25rem;
	box-sizing: border-box;
	-ms-flex-order:2;
	order:2;
	width:100%;
}

@media screen and (min-width: 48em/*768*/) {
	.product-description__box {
		float:right;
		-ms-flex-order:1;
		order:1;
		padding: 1rem 1.5rem;
	}
}

@media screen and (min-width: 80em/*1280*/) {
	.product-description__box {
		padding: 1.5rem 2.675rem 1rem 2.675rem;
	}
}

.product-description h3{
	color:#fff;
	font-size:1.25rem;
	font-family: 'FrutigerNextPro-Light', sans-serif;
/* 	font-weight: 400; */
	font-weight: normal;
	font-style: normal;
	text-align:left;
}

@media screen and (min-width: 30em/*480*/) {
	.product-description h3{
		font-size:1.5rem;
	}
}

@media screen and (min-width: 48em/*768*/) {
	.product-description h3{
		font-size:1.3125rem
	}
}

@media screen and (min-width: 64em/*768*/) {
	.product-description h3{
		font-size:1.5rem
	}
}

@media screen and (min-width: 80em/*1280*/) {
	.product-description h3 {
		font-size:1.75rem
	}
}

@media screen and (min-width: 100em/*1600*/) {
	.product-description h3 {
		font-size:2rem;
	}
}

.product-description__image {
	display:none;
}

@media screen and (min-width: 48em/*768*/) {
	.product-description__image {
		margin:0 auto 2rem !important;
		display:block;
		max-width: 70%;
	}
}

/*IE10 + IE11 FIX*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.product-description__image[src*=".svg"] {
		width:100%;
	}
}

/* EDGE FIX */
@supports (-ms-ime-align: auto) {
	.product-description__image[src*=".svg"] {
		width:100%;
	}
}

@media screen and (min-width: 80em/*1280*/) {
	.product-description__image {
		margin:0 auto 3rem !important;
	}
}

@media screen and (min-width: 100em/*1600*/) {
	.product-description__image {
		margin:0 auto 4rem auto !important;
	}
}

.product-figure {
	width:100%;
	text-align: center;
}

@media screen and (max-width: 47.9375em/*767*/) {
	.product-figure {
		padding: 2rem 1.25rem 1rem 1.25rem;
		background-size:cover;
		background-repeat:no-repeat;
		background-position: center center;
	}
}

@media screen and (min-width: 48em/*768*/) {
	.product-figure {
		width:56%;
		text-align: right;
		-ms-flex-order:2;
		order:2;
	}
}

.product-figure img {
	max-width:70%;
}

@media screen and (min-width: 48em/*768*/) {
	.product-figure img {
		max-width:100%;
	}
}

.row--product a.btn{
	float:right;
	border-color:#fff;
	padding: 0.5rem 0.9375rem;
}

@media screen and (max-width: 47.9375em/*767*/) {
	.row--product a.btn{
		float:none;
	}
}

/***************************************************************\
	Product-Box
\***************************************************************/
.row--inner-box {
	padding:0;
	margin-bottom:1rem;
}

#content .row--inner-box .inner-box {
	width:100%;
	background-color:#fff;
	padding:0;
	text-align: center;
}

.inner-box--image,
.inner-box--content {
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	display:table;
	width:100%;
	height:100%;
	table-layout: fixed;
}

.inner-box__info {
	display:table-cell;
	vertical-align: middle;
	font-size:1.3125rem;
	font-family: 'FrutigerNextPro-BoldCn', sans-serif;
/* 	font-weight: 700; */
	font-weight: normal;
	font-style: normal;
}

@media screen and (min-width: 30em) {
	.inner-box__info {
		font-size:1.5rem;
	}
}

@media screen and (min-width: 48em) {
	.inner-box__info {
		font-size:1.875rem;
	}
}

@media screen and (min-width: 64em) {
	.inner-box__info {
		font-size:2rem;
	}
}

.inner-box__text {
	margin-bottom:0 !important;
}

.inner-box--image:not(.inner-box--content) .inner-box__info {
	opacity:0;
	background-color:rgba(39,44,87,0.85);
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.no-touch .inner-box--image:hover .inner-box__info {
	opacity:1;
}

.inner-box__icon {
	width: 2.125rem;
	height:2.125rem;
	border-radius:100%;
	border:2px solid #fff;
	left:calc(50% - 1.0625rem);
	margin-top: 0.3125rem;
	display:block;
	position:relative;
}

.inner-box__icon:before,
.inner-box__icon:after {
	content:"";
	width:1.5rem;
	height:2px;
	top:calc(50% - 1px);
	left:0.3125rem;
	position:absolute;
	display:block;
	background-color:#fff;
}

.inner-box__icon:after {
	transform:rotate(90deg);
}

@media screen and (min-width: 64em) {
	.inner-box__icon {
		width: 2.625rem;
		height:2.625rem;
		border-radius:100%;
		border:2px solid #fff;
		left:calc(50% - 1.3125rem);
		margin-top:0.6125rem;
	}

	.inner-box__icon:before,
	.inner-box__icon:after {
		content:"";
		width:1.875rem;
		height:2px;
		top:calc(50% - 1px);
		left:0.375rem;
		position:absolute;
		display:block;
		background-color:#fff;
	}
}

.inner-box--content {
	position:relative;
}

.row .inner-box--content .btn:last-child {
	margin-top:0;
}

#content .inner-box--content img {
	margin:0 auto 1rem auto;
	display:block;
}

.inner-box--content .inner-box__info {
	width:100%;
	text-align:center;
}


/***************************************************************\
	Icons
\***************************************************************/
.icons {
	list-style:none;
/* 	margin:4rem auto 4rem auto; */
	margin:4rem auto 0 auto;
	padding:0;
	width:100%;
	max-width:830px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	text-align: center;
	color: #272C57;
}

.icon {
	width:calc(((100% - 1rem) / 2) - 0.03125rem);
	float:left;
	padding:7rem 0 0 0;
	position: relative;
	font-size:1.125rem;
	font-family: 'FrutigerNextPro-BoldCn', sans-serif;
/* 	font-weight: 700; */
	font-weight: normal;
	font-style: normal;
	margin:2rem 1rem 0 0;
}

.icon:nth-child(1),
.icon:nth-child(2) {
	margin-top:0;
}

.icon:nth-child(even) {
	margin-right:0;
}

@media screen and (min-width: 40em/*640*/) {
	.icon {
		width:calc(((100% - 3rem) / 4) - 0.03125rem);
		margin: 0 1rem 0 0;
	}

	.icon:nth-child(even) {
		margin-right:1rem;
	}

	.icon:nth-child(4n) {
		margin-right:0;
	}
}

@media screen and (min-width: 64em/*1024*/) {
	.icon {
		padding:9rem 0 0 0;
	}
}

/*
.icon:before {
	content:"";
	position:absolute;
	top:0;
	left:calc(50% - 3.125rem);
	width:6.25rem;
	height:6.25rem;
	background-color:#272c57;
	display:block;
	border-radius:100%;
}


@media screen and (min-width: 64em/1024/) {
	.icon:before {
		left:calc(50% - 3.75rem);
		width:7.5rem;
		height:7.5rem;
	}
}
*/

.icon img {
	position:absolute;
	top:0;
	left:calc(50% - 3.125rem);
	width:6.25rem;
	height:6.25rem;
	display:block;
}

@media screen and (min-width: 64em/*1024*/) {
	.icon img {
		left:calc(50% - 3.75rem);
		width:7.5rem;
		height:7.5rem;
	}
}


/***************************************************************\
	Product Data
\***************************************************************/
.row--product-data {
	text-align: left;
	padding:3.75rem 0;
}

.row--product-data h2 {
	margin-bottom:0;
}

#content .row--product-data .headline-info {
	color:#fff;
}

#content .row--product-data .inner {
	position: relative;
}

.row--product-data .inner-wrap {
	width:100%;
}

@media screen and (min-width: 48em/*768*/) {
	.row--product-data .inner-wrap {
		width:60%;
		margin-right:40%;
	}

	#content .row--product-data .inner:before {
		content: "";
		position: absolute;
		width: 40%;
		right: 2rem;
		bottom: -3.75rem;
		display: block;
		height: calc(100% + 3.75rem);
		background-image: url('/fileadmin/daten/02_bilder/02_inhalt/yakari-tabelle.png');
		background-repeat: no-repeat;
		background-size: contain;
		background-position: bottom right;
	}
	
	#content .row--product-data.immun .inner:before {
		background-image: url('/fileadmin/daten/02_bilder/02_inhalt/ampulletabelle-min.png');
	}
	
}

.row--product-data small {
	font-size:60%;
	display:block;
	width:100%;
	margin:0;
}

.row--product-data a.btn {
	border:1px solid #fff;
	text-align: center;
	max-width:13.75rem;
	box-sizing: border-box;
	display:block;
	margin:2rem auto 0 auto;
}

@media screen and (min-width: 48em/*768*/) {
	.row--product-data a.btn {
		margin:2rem auto 0 auto;
		width:auto;
		display:inline-block;
	}
}

.product-table {
	width: calc(100% + 2.5rem);
	margin: 1rem auto 1rem -1.25rem;
}

@media screen and (min-width: 48em/*768*/) {
	.product-table {
		width:100%;
		margin:1rem auto;
	}
}

.product-table tr {
	border-bottom:1px solid #fff;
}

.product-table tr:first-child {
	border-top:1px solid #fff;
}

@media screen and (min-width: 48em/*768*/) {
	.product-table tr:first-child {
		border-top:0
	}
}

.product-table th {
	font-family:'FrutigerNextPro-LightCn', sans-serif;
	font-style: normal;
	font-weight: normal;
	vertical-align: top;
}



.product-table td:first-child,
.product-table th:first-child  {
	padding-left:1.25rem;
}

.product-table td:last-child,
.product-table th:last-child  {
	padding-right:1.25rem;
}

@media screen and (min-width: 30em/*480*/) {
	.product-table td:first-child {
/* 		width: 65%; */
		width: 55%;
	}

	.product-table td:nth-child(2),
	.product-table td:nth-child(3) {
/* 		width: 17.5%; */
		width: 22.5%;

	}
}

@media screen and (min-width: 48em/*768*/) {
	.product-table td:first-child,
	.product-table th:first-child {
		padding-left:0;
	}

	.product-table td:last-child {
		padding-right:0;
	}
}

@media screen and (min-width: 64em/*1024*/) {
	.product-table td:first-child {
/* 		width: 70%; */
		width: 50%;
	}

	.product-table td:nth-child(2),
	.product-table td:nth-child(3) {
/* 		width: 15%; */
		width:25%;
	}
}

.product-table td:nth-child(3),
.product-table th:nth-child(3){
	text-align: right;
}


/***************************************************************\
	FAQ
\***************************************************************/
.faq {
	list-style: none;
	padding:0;
	margin:0;
	width:100%;
	text-align: left;
}

.faq-item {
	width:calc(100% + 2.5rem);
	margin-left:-1.25rem;
	display:block;
	border-bottom:1px solid #272c57;
	padding:0 1.25rem;
	box-sizing: border-box;
}

.faq-item:first-child {
	border-top:1px solid #272c57;
}

@media screen and (min-width: 30em/*480*/) {
	.faq-item {
		width:100%;
		margin-left:auto;
		padding:0;
	}
}

a.faq-link {
	display:block;
	width:100%;
	padding:1.25rem 5rem 1.25rem 0;
	color:#272c57;
	position:relative;
	box-sizing: border-box;
}

.no-touch a.faq-link:hover {
	color:#af1d59;
}

.faq-content {
	display:none;
	padding:1.25rem 5rem 2.5rem 0;
}

.faq-item.is--active .faq-content {
	display:block;
}

.faq-link-btn {
	position:absolute;
	width:2.25rem;
	height:2.25rem;
	border:2px solid #272c57;
	border-radius:100%;
	box-sizing: border-box;
	margin-top: -1.125rem;
	right:0;
	top:50%;
	-webkit-transition: border 0.3s;
	-moz-transition: border 0.3s;
	-o-transition: border 0.3s;
	transition: border 0.3s;
}

.faq-link-btn:before,
.faq-link-btn:after {
	content:"";
	height:2px;
	width:1.25rem;
	left:0.375rem;
	top:calc(50% - 1px);
	position:absolute;
	display:block;
	background-color:#272c57;
	-webkit-transition: background-color 0.3s;
	-moz-transition: background-color 0.3s;
	-o-transition: background-color 0.3s;
	transition: background-color 0.3s;
}

.faq-link-btn:after {
	transform: rotate(90deg);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

@media screen and (min-width: 80em/*1280*/) {
	.faq-link-btn {
		width:2.5625rem;
		height:2.5625rem;
	}
	.faq-link-btn:before,
	.faq-link-btn:after {
		width:1.5625rem;
		left:0.375rem;
		top:calc(50% - 1px);
	}
}

.faq-item.is--active .faq-link-btn:after {
	transform: rotate(0deg);
}

.no-touch .faq-link:hover .faq-link-btn {
	border-color:#af1d59;
}

.no-touch .faq-link:hover .faq-link-btn:before,
.no-touch .faq-link:hover .faq-link-btn:after {
	background-color:#af1d59;
}


#content .faq-content .row {
	padding:0 !important;
}

#content .faq-content .inner {
	padding:0;
}

#content .faq-content .ce-gallery figcaption {
	text-align: left;
	font-size: 1rem;
	margin-top: 0.25rem;
}

/***************************************************************\
	Product Slider
\***************************************************************/
.row--product-slider {
	text-align: center;
	padding: 3rem 0 3.5rem 0;
}

@media screen and (min-width: 30em/*480*/) {
	.row--product-slider {
		padding:4rem 0 4.5rem 0;
	}
}

@media screen and (min-width: 64em/*1024*/) {
	.row--product-slider {
		padding: 6rem 0 8.5rem 0;
	}
}

.row--product-slider .product-slider {
	opacity:0;
}

.row--product-slider.is--loaded .product-slider {
	opacity:1;
	height:100%;
}

#content .row--product-slider .headline-info {
	margin-bottom:0.5rem;
	font-size:1.125rem;
}

.row--product-slider h2 {
	margin-bottom:2rem;
}

@media screen and (min-width: 30em/*480px*/) {
	#content .row--product-slider .headline-info {
		font-size:1.125rem;
	}

/*
	.row--product-slider h2 {
		margin-bottom:3rem;
	}
*/
}

@media screen and (min-width: 48em/*768px*/) {
	#content .row--product-slider .headline-info {
		font-size:1.125rem;
	}

/*
	.row--product-slider h2 {
		margin-bottom:4rem;
	}
*/
}

@media screen and (min-width: 64em/*1024px*/) {
	#content .row--product-slider .headline-info {
		margin-bottom:0.5625rem;
		font-size:1.25rem;
	}
/*

	.row--product-slider h2 {
		margin-bottom:5rem;
	}
*/
}

@media screen and (min-width: 80em/*1280px*/) {
	#content .row--product-slider .headline-info {
		margin-bottom:0.675rem;
		font-size:1.4375rem;
	}

/*
	.row--product-slider h2 {
		margin-bottom:6.5rem;
	}
*/
}


.product-slider {
	list-style: none;
	margin:0;
	padding:0;
}

.product-slider__item {
	text-align: center;
	color:#272c57;
	height:100%;
	display:table;
	table-layout: fixed;
}

@media screen and (min-width: 64em/*1024*/) {
	.product-slider__item {
		width: calc((100% - 3.75rem) / 3);
/* 		border: 2px solid #DFE2EA; */
	}

	#content .product-slider[data-product-slider-items="1"] .product-slider__item,
	#content .product-slider[data-product-slider-items="2"] .product-slider__item,
	#content .product-slider[data-product-slider-items="3"] .product-slider__item {
		display:inline-block;
	}
}

#content .product-slider__title {
	font-size:1.5rem;
	line-height: 1.1;
	float:left;
	text-align: center;
	width: 100%;
	margin-bottom: 2rem;
}

@media screen and (min-width: 30em/*480px*/) {
	#content .product-slider__title {
		font-size:1.6125rem;
	}
}

@media screen and (min-width: 48em/*768px*/) {
	#content .product-slider__title {
		font-size:1.875rem;
	}
}

@media screen and (min-width: 64em/*1024px*/) {
	#content .product-slider__title {
		font-size:2rem;
		width:100%;
		margin-bottom:2rem;
	}

	#content .product-slider[data-product-slider-items="1"] .product-slider__title,
	#content .product-slider[data-product-slider-items="2"] .product-slider__title,
	#content .product-slider[data-product-slider-items="3"] .product-slider__title {
		margin-bottom:0;
	}

}

@media screen and (min-width: 80em/*1280px*/) {
/*
	#content .product-slider__title {
		font-size:2.5rem;
	}
*/
}

.product-slider__content {
	padding:1rem;
	box-sizing: border-box;
	cursor:pointer;
	-webkit-transition: background-color 0.3s;
	-moz-transition: background-color 0.3s;
	-o-transition: background-color 0.3s;
	transition: background-color 0.3s;
	display:table-cell;
	vertical-align:bottom;
}

@media screen and (min-width: 30em/*480px*/) {
	.product-slider__content {
		padding:1rem;
	}
}

@media screen and (min-width: 40em/*640px*/) {
	.product-slider__content {
		padding:2rem;
	}
}

@media screen and (min-width: 64em/*1024px*/) {
	#content .product-slider[data-product-slider-items="1"] .product-slider__content,
	#content .product-slider[data-product-slider-items="2"] .product-slider__content,
	#content .product-slider[data-product-slider-items="3"] .product-slider__content {
		display:block;
	}
}

.no-touch .product-slider__content:hover {
	background-color:#DFE2EA;
	cursor:default;
}

#content .product-slider__subtitle {
	font-size:1.3125rem;
}

@media screen and (min-width: 30em/*480px*/) {
	#content .product-slider__subtitle {
		font-size:1.4375rem;
	}
}

@media screen and (min-width: 48em/*768px*/) {
	#content .product-slider__subtitle {
		font-size:1.6125rem;
	}
}

@media screen and (min-width: 64em/*1024px*/) {
	#content .product-slider__subtitle {
		font-size:1.875rem;
	}
}

@media screen and (min-width: 80em/*1280*/) {
	#content .product-slider__subtitle {
		font-size:2.125rem;
	}
}

/*
#content .product-slider__quantity {
	display: block;
	margin:0 auto 1.3125rem auto;
	width:4.5rem;
	height:4.5rem;
	line-height:4.5rem;
	background-color:#272c57;
	color:#fff;
	border-radius:1rem;
	font-size: 2.25rem;
	font-family:'FrutigerNextPro-BoldCn', sans-serif;
 	font-weight: 700; 
	font-weight: normal;
	font-style: normal;
}

@media screen and (min-width: 64em/1024/) {
	#content .product-slider__quantity {
		width:5rem;
		height:5rem;
		line-height:5rem;
		font-size: 2.5rem;
	}
}

@media screen and (min-width: 80em/1280/) {
	#content .product-slider__quantity {
		width:5.75rem;
		height:5.75rem;
		line-height:5.75rem;
		font-size: 3rem;
	}
}
*/

/* aus v05 */
#content .product-slider__quantity {
	display: block;
	margin:0 auto 1.3125rem auto;
	width:4.5rem;
	height:4.5rem;
	line-height:4.5rem;
	background-color:#272c57;
	color:#fff;
	border-radius:1rem;
	font-size: 2.25rem;
}

@media screen and (min-width: 64em/*1024*/) {
	#content .product-slider__quantity {
		width:5rem;
		height:5rem;
		line-height:5rem;
		font-size: 2.5rem;
	}
}

@media screen and (min-width: 80em/*1280*/) {
	#content .product-slider__quantity {
		width:5.75rem;
		height:5.75rem;
		line-height:5.75rem;
		font-size: 3rem;
	}
}




#content img.product-image {
/* 	width:70%; */
	width:90%;
	margin: 1.5rem auto 2rem auto;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

@media screen and (min-width: 40em/*640px*/) {
	#content img.product-image {
		margin: 2rem auto 2.75rem auto;
		width:auto;
	}
}

@media screen and (min-width: 64em/*1024px*/) {
/*
	#content img.product-image {
		margin:4rem auto;
	}
*/
}

.no-touch .product-slider__content:hover .product-image {
	transform:scale(1.15);
}

#content .product-slider__quantity-description {
	font-size:1.1875rem;
	font-family:'FrutigerNextPro-BoldCn', sans-serif;
}

@media screen and (min-width: 30em/*480px*/) {
	#content .product-slider__quantity-description {
		font-size:1.25rem;
	}
}

@media screen and (min-width: 64em/*1024px*/) {
	#content .product-slider__quantity-description {
		font-size:1.375rem;
	}
}

@media screen and (min-width: 80em/*1280*/) {
	#content .product-slider__quantity-description {
		font-size:1.6125rem;
	}
}

.product-slider__item a.btn {
	width:100%;
	box-sizing: border-box;
/* 	padding:0.6125rem 2.5rem; */
	padding:0.875rem 2.5rem 0.75rem 2.5rem;
	border-color: #fff;
	border-width:2px;
}

@media screen and (min-width: 30em/*480*/) {
	.product-slider__item a.btn {
		width:auto;
	}
}

@media screen and (min-width: 64em/*1024*/) {
	.product-slider__item a.btn {
/* 		padding:0.6125rem 3rem; */
	padding:0.875rem 3rem 0.75rem 3rem;
	}
}

@media screen and (min-width: 80em/*1280*/) {
	.product-slider__item a.btn {
		font-size:1.375rem;
/* 		padding:0.6125rem 3.5rem; */
		padding:0.875rem 3.5rem 0.75rem 3.5rem;
	}
}


/***************************************************************\
	Carousel Images Slider
\***************************************************************/
.row--carousel {
	padding:3rem 0;
}

.carousel__slider {
	list-style: none;
	padding:0;
	margin:0;
}

.carousel__slider-item {
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	text-indent: -9999rem;
	height:18rem;
}

.carousel__slider-link {
	display:block;
	width:100%;
	height:100%;
}

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
	content: "";
	width: 1.3125rem !important;
	height: 3.6875rem !important;
	background-image: url('../../fileadmin/template/assets/img/slider-arrow--white.svg') !important;
	background-position: center center !important;;
	background-size: 21px 59px !important;;
	background-repeat: no-repeat !important;
	top: 0.5rem !important;
	left: 0.8125rem !important;
	padding: 0.75rem;
}

.pswp__button--arrow--left:before {
	transform: rotate(180deg);
}

.pswp__top-bar {
	font-family: 'FrutigerNextPro-Light', sans-serif;
}


/***************************************************************\
	Row Image Left FROM TEMPLATE
\***************************************************************/
/*
.row--imageleft {
	text-align: left ;
	overflow: hidden;
	display:block;
	padding:3rem 0;
}

@media screen and (min-width: 40em) {
	.row--imageleft {
		display:table;
	}
}

.row--imageleft__image,
.row--imageleft__content {
	display:block;
	box-sizing:border-box;
	float:left;
	width:100%;
}

@media screen and (min-width: 40em) {
	.row--imageleft__image {
		width:33%;
		margin-right:5%;
		display:inline-block;
	}
}

.row--imageleft__content {
	box-sizing:border-box;
	margin-top:2rem;
}

@media screen and (min-width: 40em) {
	.row--imageleft__content {
		width:62%;
		margin-top:0;
		display:inline-block;
	}
}
*/

/********************************************************************************\
	Textmedia Element:
	- Bild neben dem Text RECHTS
	- Bild neben dem Text LINKS
\********************************************************************************/


.ce-textpic.ce-left.ce-intext,
.ce-textpic.ce-right.ce-intext {
	text-align: left ;
	overflow: hidden;
	display:block;
	width:100%;

}

.ce-textpic.ce-left.ce-intext .ce-gallery,
.ce-textpic.ce-right.ce-intext .ce-gallery {
	text-align: center;

}


@media screen and (min-width: 40em) {
	.ce-textpic.ce-left.ce-intext,
	.ce-textpic.ce-right.ce-intext {
		display:table;
	}
}



.ce-textpic.ce-left.ce-intext .ce-gallery,
.ce-textpic.ce-left.ce-intext .ce-bodytext,
.ce-textpic.ce-right.ce-intext .ce-gallery,
.ce-textpic.ce-right.ce-intext .ce-bodytext {
	display:block;
	box-sizing:border-box;
	float:left;
	width:100%;
}

@media screen and (min-width: 40em) {
	.ce-textpic.ce-left.ce-intext .ce-gallery,
	.ce-textpic.ce-right.ce-intext .ce-gallery {
		width:33%;
		margin-right:5%;
		display:inline-block;
	}
	.ce-textpic.ce-right.ce-intext .ce-gallery {
		float:right;
		margin-right:0;
		margin-left:5%;
	}
	
	body.has--icon-list .ce-textpic.ce-left.ce-intext .ce-gallery,
	body.has--icon-list .ce-textpic.ce-right.ce-intext .ce-gallery {
		width:15%;
	}
}

.ce-textpic.ce-left.ce-intext .ce-bodytext,
.ce-textpic.ce-right.ce-intext .ce-bodytext {
	box-sizing:border-box;
	margin-top:2rem;
}

@media screen and (min-width: 40em) {
	.ce-textpic.ce-left.ce-intext .ce-bodytext,
	.ce-textpic.ce-right.ce-intext .ce-bodytext {
		width:62%;
		margin-top:0;
		display:inline-block;
	}
	
	body.has--icon-list .ce-textpic.ce-left.ce-intext .ce-bodytext,
	body.has--icon-list .ce-textpic.ce-right.ce-intext .ce-bodytext {
		width:80%;
	}

}


/********************************************************************************\
	Textmedia Element:
	- Bild oben mittig 
\********************************************************************************/
.ce-textpic.ce-center.ce-above {
	overflow: hidden;
/* 	padding:2rem 0; */
	padding:0;
	box-sizing:border-box;
}

.ce-textpic.ce-center.ce-above .ce-gallery {
	width:100%;
	box-sizing:border-box;
	margin-bottom:2rem;
	text-align:center;
}

.row--padding-none .ce-textpic.ce-center.ce-above .ce-gallery {
	margin:0;
}


.ce-textpic.ce-center.ce-above .ce-gallery img {
	display:inline-block;
}

/*Grid Video element FIX*/
#content .grid-item__image .ce-textpic.ce-center.ce-above {
	padding:0;
}
/*Grid Video element FIX*/
#content .grid-item__image .ce-textpic.ce-center.ce-above .ce-gallery {
	margin-bottom:0;
}

/*Grid Video element FIX*/
#content .grid-item__image > div:first-child {
	width:100%;
	height:100%;
}

/********************************************************************************\
	Textmedia Element:
	- Bild unten mittig 
\********************************************************************************/
.ce-textpic.ce-center.ce-below {
	overflow: hidden;
	padding:0;
	box-sizing:border-box;
}

.ce-textpic.ce-center.ce-below .ce-gallery {
	width:100%;
	box-sizing:border-box;
	margin-top:2rem;
	text-align:center;
}

.row--padding-none .ce-textpic.ce-center.ce-below .ce-gallery {
	margin:0;
}


.ce-textpic.ce-center.ce-below .ce-gallery img {
	display:inline-block;
}

/*Grid Video element FIX*/
#content .grid-item__image .ce-textpic.ce-center.ce-below {
	padding:0;
}
/*Grid Video element FIX*/
#content .grid-item__image .ce-textpic.ce-center.ce-below .ce-gallery {
	margin-bottom:0;
}







/*
#c36 {
	background:#fabdbd
}

#c37 {
	background:#c4c8f7
}

#c38 {
	background:#4ffa8b
}
*/


/***************************************************************\
	Table definitions – TYPO3
\***************************************************************/


.contenttable {
	width:100%;
	display: block;
	}

.contenttable caption {
	text-indent: -9999em;
	margin:0;
	padding: 0;
	height:0;
	line-height:0;
}


.contenttable tr {
	margin: 0 0 1.5rem 0;
	display: block;
}

.contenttable td {
	width: 100%;
	display:block;
}

.contenttable tr td:first-child {
	font-family:'FrutigerNextPro-BoldCn', sans-serif;
	color:#272C57;
}


@media screen and (min-width: 48em/*768*/) {

	.contenttable td {
		display:inline-block;		
	}
	
	.contenttable tr td:first-child {
		padding: 0 1rem 0 0;
		width: 25%;
		box-sizing: border-box;
	}
	
	.contenttable td:not(:only-child){
		width:75%;
		}
	
}


/***************************************************************\
	Block - teaser
\***************************************************************/
.blocks-teaser {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width:calc(100% + 2.5rem);
	margin-left:-1.25rem;
	background-color:#AF1D59;
	color:#fff;
	font-family: 'FrutigerNextPro-Light', sans-serif;
}

@media screen and (min-width: 48em/*768*/) {
	.blocks-teaser {
		width:100%;
		margin-left:0;
/*
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
*/
		justify-content: center;
	}
}

.blocks-teaser--blue {
	background-color:#272C57;
}


.blocks-teaser .block-item--media {
	background-size:cover;
	background-position: center center;
	background-repeat:no-repeat;
	min-height: 20rem;
	width: 100%;
}

@media screen and (min-width: 48em/*768*/) {
	.blocks-teaser .block-item--media {
		min-height: auto;
		}
}



.blocks-teaser .block-item {
		padding:1.5rem;
		box-sizing: border-box;
	}
.blocks-teaser .block-item--media {
		padding:0;
	}




@media screen and (min-width: 48em/*768*/) {
	.blocks-teaser .block-item {
		width:50%;
		padding:1.5rem;
		box-sizing: border-box;
		position: relative;
	}

	.blocks-teaser .block-item--media {
		padding:0;
	}
}

@media screen and (min-width: 64em/*1024*/) {
	.blocks-teaser .block-item {
		padding: 2.5rem;
	}

	.blocks-teaser .block-item--media {
		padding:0;
	}
}

.blocks-teaser .block-item {
	-ms-flex-order:2;
	order:2;
}

.blocks-teaser .block-item--media {
	-ms-flex-order:1;
	order: 1;
	height:100%;
}

@media screen and (min-width: 48em/*768*/) {
	.blocks-teaser .block-item,
	.blocks-teaser .block-item--media {
		-ms-flex-order:1;
		order:1;
	}

	.blocks-teaser.media-right .block-item--media {
		-ms-flex-order:2;
		order:2;
	}
}

.blocks-teaser .block-item__header {
	color:#fff;
	margin-bottom:0;
	font-size: 1.75rem;
	line-height: 1.1;
	font-family: 'FrutigerNextPro-LightCn', sans-serif;
}


@media screen and (min-width: 48em/*768*/) {
	.blocks-teaser .block-item__header {
		font-size: 2rem;
	}

}

@media screen and (min-width: 64em/*1024*/) {
	.blocks-teaser .block-item__header {
		font-size: 2.75rem;
	}

}

@media screen and (min-width: 80em/*1280*/) {
	.blocks-teaser .block-item__header {
		font-size: 3.375rem;
	}

}



.blocks-teaser .btn {
	border-color:#ffffff;
	margin-top:2rem;
	display:inline-block;
/* 	padding:0.5rem 1rem 0.1875rem 1rem; */
	width:auto;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	background: transparent;
	
}

/*
@media screen and (min-width: 48em) {
	.blocks-teaser .btn {
		position: absolute;
		bottom: 2rem;
	}
}
*/

.no-touch .blocks-teaser .btn:hover {
	background-color:#fff;
	color:#e40046;
}

.no-touch .blocks-teaser--blue .btn:hover {
	background-color:#fff;
	color:#272C57;
	border-color: #272C57
}

.teaser .new {
	display: block;
}

.teaser ~ .teaser .new {
	display: none;
}



/***************************************************************\
	Social
\***************************************************************/
.social-wrap {
	width:100%;
}


.social {
	width:100%;
	max-width:1324px;
	padding:4rem 2rem 4.5rem 2rem;
	margin:0 auto;
	text-align: center;
	box-sizing: border-box;
	display:none;
}

@media screen and (min-width: 64em/*1024*/) {
	.social {
		padding:5.25rem 2rem 5.75rem 2rem;
	}
}

.social-list {
	display:inline-block;
	list-style: none;
	padding:0;
	margin:0;
}

.social-list__item {
	margin-right:0.125rem;
	display:inline-block;

}

@media screen and (min-width: 40em/*640*/) {
	.social-list__item {
		float:left;
	}
}

a.social-list__link {
	width:3.625rem;
	height:3.625rem;
	display:block;
	background-color:#af1d59;
	text-indent: -9999rem;
	background-size:45px 45px;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-transition: background-color 0.2s;
	-moz-transition: background-color 0.2s;
	-o-transition: background-color 0.2s;
	transition: background-color 0.2s;
}

@media screen and (min-width: 40em/*640*/) {
	a.social-list__link {
		width:2.75rem;
		height:2.75rem;
		background-size:34px 34px;
	}
}

/*
.social-list__item:last-child .social-list__link {
	background-color:#95c11f;
}
*/

.no-touch a.social-list__link:hover {
	background-color:#272c57;
}

.social-list__link {
	background-image:url('../../fileadmin/template/assets/img/social-icons/facebook-icon--white.svg');
}

a.social-list__link--youtube {
	background-image:url('../../fileadmin/template/assets/img/social-icons/youtube-icon--white.svg');
	background-size: 27px 26px;
}

#content .social p {
/* 	font-size:2.6125rem; */
	font-size:1.5rem;
	color:#272c57;
	margin-bottom:1rem;
}

@media screen and (min-width: 40em/*640*/) {
	#content .social p {
/* 		font-size:1.875rem; */
	}
}

@media screen and (min-width: 64em/*1024*/) {
	#content .social p {
/* 		font-size:2.125rem; */
	}
}

@media screen and (min-width: 80em/*1280*/) {
	#content .social p {
/* 		font-size:2.6125rem; */
	}
}


/*== Shariff styles ==*/
.shariff {
	float:left;
}

.shariff > ul {
	display:inline-block !important;
	float:left;
	margin:0;
	padding:0;
}

.shariff > ul > li{
	margin:0 0.125rem 0 0 !important;
	display:inline-block !important;
	min-width:auto !important;
	max-width:100% !important;
	height:auto !important;
}

@media screen and (min-width: 40em/*640*/) {
	.shariff > ul > li {
		float:left;
	}
}

.social-list .shariff li a {
	height:100%;
	width:3.625rem;
	height:3.625rem;
	text-indent:-9999rem;
	display:block;
	background-color:#af1d59;
	text-indent: -9999rem;
	background-size:45px 45px;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-transition: background-color 0.2s;
	-moz-transition: background-color 0.2s;
	-o-transition: background-color 0.2s;
	transition: background-color 0.2s;
}

@media screen and (min-width: 40em/*640*/) {
	.social-list .shariff li a {
		width:2.75rem;
		height:2.75rem;
		background-size:34px 34px;
	}
}


.social-list .shariff li.facebook a {
	background-image:url('../../fileadmin/template/assets/img/social-icons/facebook-icon--white.svg');
	background-position:right bottom;
}
.social-list .shariff li.whatsapp a {
	background-image:url('../../fileadmin/template/assets/img/social-icons/whatsapp-icon--white.svg');
}

.social-list .shariff li a:hover {
	background-color:#af1d59 !important;
}

.no-touch .social-list .shariff li a:hover {
	background-color:#272c57 !important;
}

/*== Shariff styles END ==*/

.social--footer {
	width: 100%;
	background-color: #af1d59;
	margin: 0;
	padding: 0;
	float: left;
	display:block;
}

.social--footer .social-list {
	width:100%;
	float:left;
}

.social--footer .social-list__item {
	margin-right:0;
	float:left;
	width:3rem;
	height:3rem;
	background-size:30px 30px;
	box-sizing:border-box;
	border-right:3px solid #F4F5F9;
}

.social--footer .social-list__item:last-child {
	border-right:0;
/* 	background-color:#95c11f; */
}


@media screen and (min-width: 30em/*480*/) {
	.social--footer .social-list__item {
		width: 3.25rem;
	}
}

.social--footer .social-list__item:first-child {
	height:3rem;
}

.social--footer[data-items="1"] .social-list__item:first-child {
	width:100%;
}

.social--footer[data-items="2"] .social-list__item:first-child {
/* 	width: calc((100% - (2 * 3rem)) - 0.0625rem); */
	width: calc(100% - (2 * 3rem));
}

.social--footer[data-items="3"] .social-list__item:first-child {
/* 	width: calc((100% - (3 * 3rem)) - 0.0625rem); */
	width: calc(100% - (3 * 3rem));
}

.social--footer[data-items="4"] .social-list__item:first-child {
/* 	width: calc((100% - (4 * 3rem)) - 0.0625rem); */
	width: calc(100% - (4 * 3rem));
}

.social--footer[data-items="5"] .social-list__item:first-child {
/* 	width: calc((100% - (5 * 3rem)) - 0.0625rem); */
	width: calc(100% - (5 * 3rem));
}


@media screen and (min-width: 30em/*480*/) {
	.social--footer[data-items="2"] .social-list__item:first-child {
/* 		width: calc((100% - (2 * 3.25rem)) - 0.0625rem); */
		width: calc(100% - (2 * 3.25rem));
	}
	.social--footer[data-items="3"] .social-list__item:first-child {
/* 		width: calc((100% - (3 * 3.25rem)) - 0.0625rem); */
		width: calc(100% - (3 * 3.25rem));
	}
	.social--footer[data-items="4"] .social-list__item:first-child {
/* 		width: calc((100% - (4 * 3.25rem)) - 0.0625rem); */
		width: calc(100% - (4 * 3.25rem));
	}
	.social--footer[data-items="5"] .social-list__item:first-child {
/* 		width: calc((100% - (5 * 3.25rem)) - 0.0625rem); */
		width: calc(100% - (5 * 3.25rem));
	}
}

/*IE10 + IE11 FIX*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
/*
	.social--footer[data-items="1"] .social-list__item:first-child {
		width:100%;
	}
	
	.social--footer[data-items="2"] .social-list__item:first-child {
		width: calc((100% - (2 * 3rem)) - 0.0625rem);
	}
	
	.social--footer[data-items="3"] .social-list__item:first-child {
		width: calc((100% - (3 * 3rem)) - 0.09375rem);
	}
	
	.social--footer[data-items="4"] .social-list__item:first-child {
		width: calc((100% - (4 * 3rem)) - 0.125rem);
	}
	
	.social--footer[data-items="5"] .social-list__item:first-child {
		width: calc((100% - (5 * 3rem)) - 0.15625rem);
	}
*/
	.social--footer .social-list__item:last-child {
		width:2.9375rem;
	}
}

/*IE10 + IE11 FIX*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 30em/*480*/) {
/*
	.social--footer[data-items="2"] .social-list__item:first-child {
		width: calc((100% - (2 * 3.25rem)) - 0.0625rem);
	}
	.social--footer[data-items="3"] .social-list__item:first-child {
		width: calc((100% - (3 * 3.25rem)) - 0.09375rem);
	}
	.social--footer[data-items="4"] .social-list__item:first-child {
		width: calc((100% - (4 * 3.25rem)) - 0.125rem);
	}
	
	.social--footer[data-items="5"] .social-list__item:first-child {
		width: calc((100% - (5 * 3.25rem)) - 0.15625rem);
	}	
*/
	.social--footer .social-list__item:last-child {
		width:3.1875rem;
	}
}

@supports (-ms-ime-align: auto) {
	.social--footer .social-list__item:last-child {
		width:calc(3rem - 1px);
	}
	@media screen and (min-width: 30em/*480*/) {	
		.social--footer .social-list__item:last-child {
			width:calc(3.25rem - 1px);
		}
	}
}


.social--footer .social-list__item:first-child a.social-list__link {
/* 	background-image:url('../../fileadmin/template/assets/img/apo-icon@3x.png'); */
	background-image: none;
	background-position: calc(100% - 90px) center;
	background-repeat:no-repeat;
	background-size:28px 28px;
	box-sizing:border-box;
	vertical-align: middle;
	font-size: 1.25rem;
	padding:0.875rem 1rem 0 0;
	width: 100%;
	line-height: 1;
	text-indent: 0;
	text-align: right;
}

.social--footer a.social-list__link {
	width:100%;
	height:100%;
	background-size:30px 30px;
}

.social--footer .social-list__item a.social-list__link--youtube {
	background-size:27px 26px;
}

@media screen and (min-width: 48em/*768*/) {
	.social {
		display:block;
	}

	.social--footer {
		display:none;
	}
}

/*== Shariff styles ==*/
.social--footer .shariff > ul {
	float:left;
}

.social--footer .shariff > ul > li {
	margin:0 !important;
	float:left;
	width:3rem !important;
	height:3rem !important;
	background-size:30px 30px;
	box-sizing:border-box;
	border-right:3px solid #F4F5F9;
}


@media screen and (min-width: 30em/*480*/) {
	.social--footer .shariff > ul > li {
		width: 3.25rem !important;
	}
}

.social--footer .shariff li a {
	width:100%;
	height:100%;
	background-size:30px 30px;	
}

.social--footer .social-list .shariff li.facebook a {
	background-position:center center;
}

/*== Shariff styles END ==*/


/***************************************************************\
	Boxes
\***************************************************************/
.row--boxes {
/* 	padding: 3rem 0 10rem 0; */
	padding: 3rem 0 4rem 0;
	text-align: left;
}

.row--boxes h2 {
	text-align: center;
	margin-bottom:2rem;
}

@media screen and (min-width: 64em/*1024*/) {
	.row--boxes h2 {
		margin-bottom:3rem;
	}
}

.row--boxes .bx-viewport {
	height:auto !important;
}

.boxes {
	width:100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	list-style: none;
	margin:0;
	padding:0;
}

.box {
	width:100%;
	float:left;
	margin-top:1rem;
	position:relative;
	background:#fff;
}



@media screen and (min-width: 40em/*640*/) {
	.box {
		width:calc((100% - 2rem) / 3);
		margin-right:1rem;
		margin-top:1rem;
	}
}

@media screen and (min-width: 64em/*1024*/) {
	.box {
		width:calc((100% - 4rem) / 3);
		margin-right:2rem;
		margin-top:2rem;
	}
}

/*IE10 + IE11 FIX*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 40em/*640*/){
	.box {
		width:calc(((100% - 2rem) / 3)- 0.03125rem);
		margin-right:1rem;
		margin-top:1rem;
	}
}

/*IE10 + IE11 FIX*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 64em/*1024*/){
	.box {
		width:calc(((100% - 4rem) / 3)- 0.03125rem);
		margin-right:2rem;
		margin-top:2rem;
	}
}

/*IE EDGE FIX*/
@supports (-ms-ime-align: auto) {
	@media screen and (min-width: 40em/*640*/) {
		.box {
			width:calc(((100% - 2rem) / 3)- 0.03125rem);
		}
	}

	@media screen and (min-width: 64em/*1024*/) {
		.box {
			width:calc(((100% - 4rem) / 3)- 0.03125rem);
		}
	}
}

.box.box--has-link {
	cursor: pointer;
}

/*
.box:before {
	content:"";
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	left:0;
	top:0;
	opacity:0;
	background-color:rgba(39,44,87,0.75);
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s;
	z-index:5;
}

.no-touch .box.box--has-link:hover:before {
	opacity:1;
}
*/

.box:nth-child(3n) {
	margin-right:0;
}

.box:first-child {
	margin-top:0;
}

@media screen and (min-width: 40em/*640*/) {
	.box:first-child,
	.box:nth-child(2),
	.box:nth-child(3){
		margin-top:0;
	}
}

.bx-wrapper .box {
	margin-top:0;
}

.box-image {
	background-size:cover;
	background-position: center center;
	background-repeat:no-repeat;
}

.box-image--1,
.box-image--4,
.box-image--7,
.box-image--10,
.box-image--13 {
	background-image:url('../../fileadmin/template/assets/img/boxes/boxes-beeren.jpg');
}

.box-image--2,
.box-image--5,
.box-image--8,
.box-image--11{
	background-image:url('../../fileadmin/template/assets/img/boxes/boxes-hospital.jpg');
}

.box-image--3,
.box-image--6,
.box-image--9,
.box-image--12 {
	background-image:url('../../fileadmin/template/assets/img/boxes/boxes-crowd.jpg');
}

a.box-wrap {
	color:#000;
/*
	display: block;
	width: 100%;
	height:100%;
	position: relative;
	z-index:10;
*/
}
a.box-wrap:before {
	content:"";
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	left:0;
	top:0;
	opacity:0;
	background-color:rgba(39,44,87,0.75);
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s;
/* 	z-index:5; */
}

.no-touch .box.box--has-link a.box-wrap:hover:before {
	opacity:1;
}


.box-content {
	box-sizing: border-box;
	width:100%;
	padding:1.75rem;
	text-align: left;
}

#content .box-content h3 {
	color:#272c57;
	text-align: left !important;
	font-family: 'FrutigerNextPro-BoldCn', sans-serif;
/* 	font-weight: 700; */
	font-weight: normal;
	font-style: normal;
}

.row.aligncenter .box-content p {
	text-align: left;
}

.box-info {
	opacity:0;
	position:absolute;
	left:0;
	top:calc(50% - 3.5rem);
	color:#fff;
	font-family: 'FrutigerNextPro-BoldCn', sans-serif;
/* 	font-weight: 700; */
	font-weight: normal;
	font-style: normal;
	font-size:1.25rem;
	width:100%;
	display:block;
	text-align: center;
}

@media screen and (min-width: 64em/*1024*/) {
	.box-info {
		font-size:1.5rem
	}
}

@media screen and (min-width: 80em/*1280*/) {
	.box-info {
		font-size:1.75rem
	}
}

.no-touch .box.box--has-link:hover .box-info {
	opacity:1;
}

.box-info span {
	display:inline-block;
	width:100%;
}

.box-info span:last-child {
	position:relative;
	width:2.25rem;
	height:2.25rem;
	border:2px solid #fff;
	border-radius:100%;
	box-sizing: border-box;
	margin-top:0.9375rem;
}

.box-info span:last-child:before,
.box-info span:last-child:after {
	content:"";
	height:2px;
	width:1.25rem;
	left:0.375rem;
	top:calc(50% - 1px);
	position:absolute;
	display:block;
	background-color:#fff;
}

.box-info span:last-child:after {
	transform: rotate(90deg);
}

@media screen and (min-width: 80em/*1280*/) {
	.box-info span:last-child {
		width:2.5625rem;
		height:2.5625rem;
		margin-top:0.9375rem;
	}
	.box-info span:last-child:before,
	.box-info span:last-child:after {
		width:1.5625rem;
		left:0.375rem;
		top:calc(50% - 1px);
	}
}

.box-content .box-content__copy {
	font-size:0.875rem;
	text-align:left;
}


/***************************************************************\
	Footer
\***************************************************************/
#footer {
	background-color:#272C57;
	color:#fff;
	padding:1.5rem 0;
	width:100%;
	font-size:1rem;
	clear:both;
	display:table;
}

@media screen and (min-width: 64em/*1024*/) {
	#footer {
		font-size:1.125rem;
	}
}

@media screen and (min-width: 80em/*1280*/) {
	#footer {
		padding:3rem 0;
	}
}

#footer .inner {
	max-width: 1394px;
	width:100%;
	box-sizing:border-box;
	padding:0 1.25rem;
	position:relative;
	text-align: center;
	overflow: hidden;
}

@media screen and (min-width: 48em/*768*/) {
	#footer .inner {
		padding:0 2rem;
	}
}

@media screen and (min-width: 64em/*1024*/) {
	#footer .inner {
		text-align:left;
	}
}

@media screen and (min-width: 80em/*1280*/) {
	#footer .inner {
		text-align: center;
	}
}

.footer-logo {
	width:9.6875rem;
	height:1.75rem;
	display:block;
	margin-bottom:2rem;
	background-image:url('../../fileadmin/template/assets/img/logos/ursapharm-logo.svg');
	background-position:top left;
	background-repeat: no-repeat;
	background-size:100%;
	text-indent: -9999rem;
}

#footer address {
	font-style:normal;
	text-align: left;
	display:inline-block;
	line-height: 1.3;
}

@media screen and (min-width: 64em/*1024*/) {
	#footer address {
		text-align: left;
	}
}

@media screen and (min-width: 80em/*1280*/) {
	#footer address {
		display:block;
	}
}

.footer-contact {
	margin:1.5rem auto;
}

.footer-contact p {
	margin:0 auto;
	line-height: 1.3;
}

.footer-contact a {
	display:block;
	margin-top:1.375rem;
}

.no-touch .footer-contact a:hover {
	color:#af1d59;
}

.footer-left,
.footer-right {
	width:100%;
	float:left;
	text-align:left;
}

.footer-right {
	padding:4rem 0 4.5rem 0;
	display:none;
}

.footer-right--mobile {
	display:block;
}

@media screen and (min-width: 30em/*480*/) {
	.footer-right {
		padding:4rem 0 4.5rem 0;
	}
}

@media screen and (min-width: 48em/*768*/) {
	.footer-left {
		width:57%;
		margin-right:2.5%;
	}

	.footer-right {
		padding:0;
		width:40.5%;
		display:block;
	}

	.footer-right.footer-right--mobile {
		display:none;
	}
}

@media screen and (min-width: 64em/*1024*/) {
	.footer-left {
		width:48%;
		margin-right:19%;
	}

	.footer-right {
		font-size:1.125rem;
		width:33%;
	}
}

@media screen and (min-width: 80em/*1280*/) {
	.footer-left {
		width: 48%;
		margin-right: 19%;
	}
}

.footer-navigation__container {
	width:100%;
	display:block;
	text-align: left;
}

.footer-navigation {
	width:100%;
}

@media screen and (min-width: 30em/*480*/) {
	.footer-navigation {
		width:47.5%;
		float:left
	}
	.footer-navigation--left {
		margin-right:5%;
	}
}

@media screen and (min-width: 48em/*768*/) {
	.footer-navigation {
		min-height: 10.75rem;
	}
}

@media screen and (min-width: 64em/*1024*/) {
	.footer-navigation {
		min-height: 11.5rem;
	}
}

/*IE EDGE FIX*/
@supports (-ms-ime-align: auto) {
	@media screen and (min-width: 48em/*768*/) {
		.footer-navigation {
			min-height: 11rem;
		}
	}

	@media screen and (min-width: 64em/*1024*/) {
		.footer-navigation {
			min-height: 11.5rem;
		}
	}
}
/*IE 10 + IE 11  FIX*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 48em/*768*/){
	.footer-navigation {
		min-height: 11rem;
	}
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 64em/*1024*/){
	.footer-navigation {
		min-height: 11.5rem;
	}
}

.footer-navigation__item {
	width:100%;
	display:block;
	margin-bottom: 0.8125rem;
	line-height:1.15;
}

@media screen and (min-width: 48em/*768*/) {
	.footer-navigation__item {
		margin-bottom: 0.675rem;
	}
}

@media screen and (min-width: 64em/*1024*/) {
	.footer-navigation__item {
		font-size:1.125rem;
	}
}

.footer-navigation--right .footer-navigation__item:last-child {
	margin-bottom:0;
}

@media screen and (min-width: 48em/*768*/) {
	.footer-navigation--left .footer-navigation__item:last-child {
		margin-bottom:0;
	}
}

.footer-navigation__link {
	width:100%;
	display:block;
}

.no-touch a.footer-navigation__link:hover {
	color:#af1d59;
}

.legal__container {
	position: absolute;
	width:100%;
	left:0;
	box-sizing: border-box;
	padding:0 1.25rem;
	bottom:0;
}

@media screen and (min-width: 48em/*768*/) {
	.legal__container {
		position: relative;
		width: 100%;
		padding: 0;
		left: auto;
		bottom: auto;
		float: left;
		margin-top:3rem;
	}
}

.navigation-legal {
	display:block;
	margin:1rem auto;
	list-style:none;
	padding:0;
}

@media screen and (min-width: 48em/*768*/) {
	.navigation-legal {
		display:inline-block;
		margin: 0 5% 0 auto;
		width: 47.5%;
		float: left;
	}
}

@media screen and (min-width: 64em/*1024*/) {
	.navigation-legal {
		font-size:1.125rem;
	}
}

.navigation-legal__item {
	display:inline-block;
/* 	margin-right:0.75rem; */
/* 	margin-left:0.375rem; */
	position:relative;
	padding-right:1.125rem;

}

/*== IE10 + IE11 FIX ==*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.navigation-legal__item {
/* 		margin-left:0.4375rem; */
		padding-right:1.1875rem;
	}	
}
/*== EDGE FIX ==*/
@supports (-ms-ime-align: auto) {
	.navigation-legal__item {
/* 		margin-left:0.4375rem; */
		padding-right:1.1875rem;
	}		
}


.navigation-legal__item:after {
	content:"|";
	position:absolute;
/* 	right:-0.75rem; */
	right:0.375rem;
	top: 0;
}

.navigation-legal__item:first-child {
/* 	margin-left:0; */
}


.navigation-legal__item:last-child {
/* 	margin-right:0; */
}

.navigation-legal__item:last-child:after {
	content:"";
}

.no-touch a.navigation-legal__link:hover {
	color:#af1d59;
}



@media screen and (min-width: 48em/*768*/) {
	.copyright {
		width: 47.5%;
		display: inline-block;
		float:left;
	}
	.navigation-legal__item:nth-child(2):after {
	content:"";
	}
	.navigation-legal__item:last-child {
/* 		margin-left:0; */
	}
}


/***************************************************************\
	Brands
\***************************************************************/

.row--brands {
	padding: 0;
	padding: 1.25rem 0 1rem 0;
	background: #323760;
	float:left;	
	color: #fff:
}


@media screen and (min-width: 64em/*1024*/) {
	.row--brands {
		padding: 2rem 0 1.875rem 0;

	}
}


.row--brands .inner  {
	max-width: 1394px;
	padding: 0 2rem;
}



.footer-brands {
	width:100%;
/* 	float:left; */
	color: #fff;
/* 	margin-bottom: 2.75rem; */
}

@media screen and (min-width: 30em/*480*/) {
	.footer-brands {
/* 		margin-bottom: 3.25rem; */
	}
}

@media screen and (min-width: 64em/*1024*/) {
	.footer-brands {
/* 		margin-bottom: 4.25rem; */
	}
}

.footer-brands p {
	margin-bottom:0;
	font-size:0.8125rem;
	text-align: left ;
}

@media screen and (min-width: 30em/*480*/) {
	.footer-brands p {
		font-size:0.875rem;
	}
}

@media screen and (min-width: 48em/*768*/) {
	.footer-brands p {
		font-size:0.9375rem;
	}
}

@media screen and (min-width: 64em/*1024*/) {
	.footer-brands p {
		font-size:1rem;
	}
}

.footer-brands__list {
	padding:0;
	margin:0.75rem 0 0 0;
	width:100%;
	float:left;
	list-style: none;
}

.footer-brands__item {
	float:left;
	text-indent:-9999rem;
	margin-bottom:1.25rem;
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

.no-touch .footer-brands__item:hover  {

	opacity:0.8;
}

@media screen and (max-width: 29.9375em/*479*/) {
	.footer-brands__item {
		width: 40%;
		margin-right: 20%;
	}

	.footer-brands__item:nth-child(2n) {
		margin-right:0;
	}
}

@media screen and (max-width: 22em/*360*/) {
	.footer-brands__item {
		width: 45%;
		margin-right: 10%;
	}

	.footer-brands__item:nth-child(2n) {
		margin-right:0;
	}
}

@media screen and (min-width: 30em/*480*/) {
	.footer-brands__item {
		width: 25%;
		margin-right: 12.5%;
	}

	.footer-brands__item:last-child {
		margin-right:0;
	}

	.footer-brands__item:nth-child(3),
	.footer-brands__item:nth-child(6) {
		margin-right:0;
	}
}

@media screen and (min-width: 40em/*640*/) {
	.footer-brands__item {
		width: 22.5%;
		margin-right: 16.25%;
	}
}

@media screen and (min-width: 64em/*1024*/) {
	.footer-brands__item {
/* 		width: 10%; */
		width:9%;
/* 		margin-right: 5%; */
		margin-right:4%;
		margin-bottom:0;
	}

	.footer-brands__item:nth-child(3),
	.footer-brands__item:nth-child(6) {
/* 		margin-right:5%; */
		margin-right:4%;
	}
}

.footer-brands__link {
	width:100%;
	background-size:contain;
	background-repeat:no-repeat;
	background-position: left bottom;
	display:block;
}

@media screen and (min-width: 64em/*1024*/) {
	.footer-brands__link {
		background-position: center bottom;
	}
}

.footer-brands__item.bromelain .footer-brands__link {
	background-image:url('../../fileadmin/template/assets/img/logos/ursapharm-brands/logo_bromelain_pos.png');
}

.footer-brands__item.evotears .footer-brands__link {
	background-image:url('../../fileadmin/template/assets/img/logos/ursapharm-brands/logo_evotears.png');
	background-size:60%;
}

.footer-brands__item.posiforlid .footer-brands__link {
	background-image:url('../../fileadmin/template/assets/img/logos/ursapharm-brands/posiforlid-logo.png');
	margin-top: 0.35rem;
}

.footer-brands__item.zinkorotat .footer-brands__link {
	background-image: url('../../fileadmin/template/assets/img/logos/ursapharm-brands/zinkorotat.png');
}

.footer-brands__item.retaron .footer-brands__link {
	background-image:url('../../fileadmin/template/assets/img/logos/ursapharm-brands/logo_retaron.png');
	background-size:55%;
}
.footer-brands__item.hysan .footer-brands__link {
	background-image:url('../../fileadmin/template/assets/img/logos/ursapharm-brands/logo_hysan.png');
	margin-top:0.25rem;
	background-size:40%;
}

.footer-brands__item.hyloeyecare .footer-brands__link {
	background-image:url('../../fileadmin/template/assets/img/logos/ursapharm-brands/hylo-eye-care-ohne-claim.png');
}

.footer-brands__item.polli .footer-brands__link {
	background-image: url('../../fileadmin/template/assets/img/logos/ursapharm-brands/polli-logo.svg');
	background-size: contain;
	background-position: left bottom;	
	height:1.75rem;
}

@media screen and (min-width: 22.5em/*360*/) {
	.footer-brands__item.hysan .footer-brands__link {
		margin-top:0.3125rem;
	}
}

@media screen and (min-width: 30em/*480*/) {
	.footer-brands__item.hysan .footer-brands__link {
		margin-top:0.35rem;
		background-position-x: center;
	}

	.footer-brands__item.retaron .footer-brands__link {
		background-position-x: center;
	}
	.footer-brands__item.polli .footer-brands__link {
		background-position: center bottom;			
	}	
}

@media screen and (min-width: 48em/*768*/) {
	.footer-brands__item .footer-brands__link {
		background-size:70%;
	}

	.footer-brands__item.retaron .footer-brands__link,
	.footer-brands__item.evotears .footer-brands__link {
		background-size:45%;
	}

	.footer-brands__item.hysan .footer-brands__link {
/* 		background-size:35%; */
		background-size:30%;
	}
	.footer-brands__item.posiforlid .footer-brands__link {
		background-size:contain;
	}
	.footer-brands__item.polli .footer-brands__link {
		background-size:35%;
	}	
}

@media screen and (min-width: 57.5em/*920*/) {
	.footer-brands__item.polli .footer-brands__link {
		background-size:contain;
	}	
}

@media screen and (min-width: 64em/*1024*/) {
	.footer-brands__item.bromelain .footer-brands__link,
	.footer-brands__item.posiforlid .footer-brands__link,
	.footer-brands__item.zinkorotat .footer-brands__link,
	.footer-brands__item.hyloeyecare .footer-brands__link {
		background-size:contain;
	}

	.footer-brands__item.evotears .footer-brands__link {
		background-size:60%;
	}
	.footer-brands__item.retaron .footer-brands__link {
		background-size:55%;
	}

	.footer-brands__item.hysan .footer-brands__link {
		background-size:40%;
	}
	
	.footer-brands__item.polli .footer-brands__link {
		height: auto;
		margin-top: 0.3125rem;		
		background-size:contain;
	}	
}

@media screen and (min-width: 80em/*1280*/) {
	.footer-brands__item.polli .footer-brands__link {
		height: 1.5rem;
		margin-top: 0.1875rem;					
	}
}

/***************************************************************\
	Grid
\***************************************************************/
.grid-container {
	width:100%;
	overflow: hidden;
}

.grid-item {
	width:100%;
	margin:1rem 0 0 0;
	text-align: left;
	box-sizing: border-box;
	position: relative;
	float:left;
}

@media screen and (min-width: 40em/*640*/) {
	.grid-item {
		margin:1rem 0 0 1rem;
	}
}

@media screen and (min-width: 64em/*1024*/) {
	.grid-item {
		margin:2rem 0 0 2rem;
	}
}

a.grid-item-link {
	display:block;
	color:#000;
	position:relative;
}

.no-touch a.grid-item-link:before {
	content:"";
	background-color: rgba(39, 44, 87, 0.75);
	opacity:0;
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s;
	
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;

}

.no-touch a.grid-item-link:hover:before {
	content: "";
	opacity: 1;
}

.no-touch a.grid-item-link:hover .grid-item-link__info {
	opacity:1;
}

.grid-item-link__info {
	opacity: 0;
	position: absolute;
	left: 0;
	top: calc(50% - 3.5rem);
	color: #fff;
	font-family: 'FrutigerNextPro-BoldCn', sans-serif;
/* 	font-weight: 700; */
	font-weight: normal;
	font-style: normal;
	font-size: 1.25rem;
	width: 100%;
	display: block;
	text-align: center;
}

@media screen and (min-width: 64em/*1024*/) {
	.grid-item-link__info {
		font-size:1.5rem;
	}
}

@media screen and (min-width: 80em/*1280*/) {
	.grid-item-link__info {
		font-size:1.75rem;
	}	
}


.grid-item-link__info span {
	display:inline-block;
	width:100%;
}

.grid-item-link__info span:last-child {
	position:relative;
	width:2.25rem;
	height:2.25rem;
	border:2px solid #fff;
	border-radius:100%;
	box-sizing: border-box;
	margin-top:0.9375rem;
}

.grid-item-link__info span:last-child:before,
.grid-item-link__info span:last-child:after {
	content:"";
	height:2px;
	width:1.25rem;
	left:0.375rem;
	top:calc(50% - 1px);
	position:absolute;
	display:block;
	background-color:#fff;
}

.grid-item-link__info span:last-child:after {
	transform: rotate(90deg);
}

@media screen and (min-width: 80em/*1280*/) {
	.grid-item-link__info span:last-child {
		width:2.5625rem;
		height:2.5625rem;
		margin-top:0.9375rem;
	}
	.grid-item-link__info span:last-child:before,
	.grid-item-link__info span:last-child:after {
		width:1.5625rem;
		left:0.375rem;
		top:calc(50% - 1px);
	}
}

.row.aligncenter .grid-item h3,
.row.aligncenter .grid-item p {
	text-align: left;
}

.grid-item__content {
	padding:1rem;
	box-sizing: border-box;
}

@media screen and (min-width: 30em/*480*/) {
	.grid-item__content {
		padding:1.25rem;
	}
}

@media screen and (min-width: 64em/*1024*/) {
	.grid-item__content {
		padding:1.5rem;
	}
}

@media screen and (min-width: 80em/*1280*/) {
	.grid-item__content {
		padding:2rem;
	}
}

.grid-item:first-child {
	margin-left:0;
}

#content .grid-item__content h3 {
	font-family: 'FrutigerNextPro-BoldCn', sans-serif;
/* 	font-weight: 700; */
	font-weight: normal;
	font-style: normal;

}


.grid-item-30,
.grid-item-60 {
	width: 100%;
}

@media screen and (min-width: 40em/*640*/) {
	.grid-item-30 {
		/*IE FIX*/
		width: calc(((100% - 2rem) * (1 / 3)) - 0.03125rem);
	}

	.grid-item-60 {
		/*IE FIX*/
		width: calc(((((100% - 2rem) * (1 / 3)) * 2) + 1rem) - 0.03125rem);
	}
}

@media screen and (min-width: 64em/*1024*/) {
	.grid-item-30 {
		/*IE FIX*/
		width: calc(((100% - 4rem) * (1 / 3)) - 0.03125rem);
	}

	.grid-item-60 {
		/*IE FIX*/
		width: calc(((((100% - 4rem) * (1 / 3)) * 2) + 2rem) - 0.03125rem);
	}
}

.grid-item-100 {
	width:100%;
	margin-left:0;
	margin-right:0;
}

.grid-item-30.end-row + .grid-item,
.grid-item-60.end-row + .grid-item,
.grid-item-100 + .grid-item {
	margin-left:0;
	clear:both;
}

.grid-item__image {
	background-repeat: no-repeat;
	background-size:cover;
	background-position:center center;
}

.grid-item__content {
	background:#fff;
}


/***************************************************************\
	Online Apotheken
\***************************************************************/
.stores__online {
	list-style:none;
	width:100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding:0;
	overflow: hidden;
/* 	margin:4rem 0 0 0; */
	margin: 0;
}

.stores__online-item {
	width:41%;
	margin:6% 18% 0 0;
}

.stores__online-item:nth-child(even) {
	margin-right:0;
}

.stores__online-item:first-child,
.stores__online-item:nth-child(2){
	margin-top:0;
}

@media screen and (min-width: 30em/*480*/) {
	.stores__online-item {
		width:26%;
/* 		margin:1rem 11% 0 0; */
		margin:1.25rem 11% 1.25rem 0;

	}

	.stores__online-item:nth-child(even) {
		margin-right:11%;
	}

	.stores__online-item:nth-child(3){
		margin-top:0;
	}

	.stores__online-item:nth-child(3n) {
		margin-right:0;
	}
}

@media screen and (min-width: 48em/*768*/) {
	.stores__online-item {
		width:16%;
		margin:1.375rem 12% 1.375rem 0;
	}

	.stores__online-item:nth-child(even),
	.stores__online-item:nth-child(3n) {
		margin-right:12%;
	}

	.stores__online-item:nth-child(4){
		margin-top:0;
	}

	.stores__online-item:nth-child(4n) {
		margin-right:0;
	}
}

.stores__online-link {
	width:100%;
	padding-bottom:50%;
	height:0;
	box-sizing: border-box;
	display:block;
	text-indent: -9999rem;
	background-repeat: no-repeat;
	background-position: center center;
	background-size:contain;
	position:relative;
	cursor:pointer;
}

.stores__online-link:before {
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	display:block;
	background-repeat: no-repeat;
	background-position: center center;
	background-size:contain;
	top:0;
	left:0;
	opacity:0;
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.stores__online-link:hover:before {
	opacity:1;
}

/*
.stores__online-logo--aponeo {
	background-image:url('../../fileadmin/template/assets/logos/online-apotheken/aponeo-sw.png');
}

.no-touch .stores__online-logo--aponeo:before {
	background-image:url('../../fileadmin/template/assets/logos/online-apotheken/aponeo.png');
}
*/


/***************************************************************\
	Stationary Apotheken
\***************************************************************/
#stores-response {
	clear:both;
	max-width:100%;
	overflow:hidden;
}

#stores-response p.has--error,
#stores-response .tx-enf-apofinder > p:first-child {
	color:#af1d59;
}

#stores-errors {
	color:#af1d59;
	text-align:center;
}

.stores-list {
	list-style:none;
	width:100%;
	margin: 3rem auto 6rem auto;
	padding:0;
	font-size: 1rem;
	max-width:100%;
	float:left;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

@media screen and (min-width: 30em/*480*/) {
	.stores-list {
		font-size:1.125rem;
		margin: 4rem auto 8rem auto;
	}
}

@media screen and (min-width: 64em/*1024*/) {
	.stores-list {
		font-size: 1.25rem;
	}
}

.store {
	margin:2rem auto 0 auto;
	text-align:left;
	box-sizing:border-box;
	max-width:100%;
	width: calc(95% - 3.75rem);
	margin-left: 3.75rem;
	margin-right:5%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction:column;
	flex-direction: column;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.store:last-child {
	margin-bottom:0;
}

@media screen and (min-width: 25em/*400*/) {
	.store {
		width:50%;
		margin:4.5rem 0 0 0;
		padding:0 1.5rem;
	}

	.store:nth-child(odd) {
		padding-left:0;
	}

	.store:nth-child(even) {
		padding-right:0;
	}

	.store:nth-child(1),
	.store:nth-child(2) {
		margin-top:0;
	}
}

@media screen and (min-width: 48em/*768*/) {
	.store {
		width:33%;
		padding:0 1.5rem;
	}

	.store:nth-child(odd) {
		padding-left:1.5rem;
	}
	.store:nth-child(even) {
		padding-right:1.5rem;
	}

	.store:first-child,
	.store:nth-child(1n+4){
		padding:0 1.5rem 0 0;
	}

	.store:nth-child(2),
	.store:nth-child(3n+2) {
		padding:0 0.75rem;
	}
	.store:nth-child(3n) {
		padding:0 0 0 1.5rem;
	}

	.store:nth-child(1),
	.store:nth-child(2),
	.store:nth-child(3){
		margin-top:0;
	}
}

.store span {
	display:block;
	width:100%;
	line-height:1.35;
}

.store .store-name {
	font-size:1.2em;
	color:#272c57;
	margin-bottom: 1em;
}
@media screen and (min-width: 30em/*480*/) {
	.store .store-name {
		font-size:1.12em;
	}
}

@media screen and (min-width: 64em/*1024*/) {
	.store .store-name {
		font-size:1.25em;
	}
}

/* TEMP ist auskommentiert */
/*
.store.store--is-partner .store-name {
	margin-bottom: 0;	
}

.store .store-partner {
	width:100%;
	height:1.3125rem;
	display:block;
	background-image:url('../../fileadmin/template/assets/img/aroniaplus_partnerapotheke.svg');
	background-repeat:no-repeat;
	background-size:contain;
	background-position:left center;
	margin-bottom: 1em;
	margin-top:0.125em;
}
*/


.store .btn {
	margin-top:1.5rem;
	font-size: 0.9375em;
	text-transform: none;
/* 	padding:0.4375rem 2.125rem 0.4375rem 1.6125rem; */
	padding:0.875rem 2.125rem 0.875rem 2.125rem;

	display:table;
}

.store .btn:hover {
	cursor:pointer;
}

.stores-response__text {
	margin: 2rem auto 0 auto;
}

.stores-response__text--error {
	color:#d8200e;
}


/***************************************************************\
	Apofinder
\***************************************************************/
#map {
	position: relative;
	overflow: hidden;
	height: 40rem;
	width: 100%;
	background-image:url('../../fileadmin/template/assets/img/map.jpg');
	background-size:cover;
	background-position: center center;
	background-repeat: no-repeat;
	margin-top:4rem;
}

button#apofinder-submit {
	text-transform: none;
	color:#fff;
	float:left;
	margin:1rem 0 0 0;
	display:inline-block;
	padding:0.75rem 2rem 0.675rem 2rem;
	clear:both;
	width:80%;
	box-sizing: border-box;
	cursor:pointer;
	line-height:1;
}

@media screen and (min-width: 48em/*768*/) {
	button#apofinder-submit {
		padding: 1.025rem 2.25rem 0.875rem 2.25rem;
		width:80%;
	}
}

@media screen and (min-width: 64em/*1024*/) {
	button#apofinder-submit {
		clear:none;
		margin:0;
		width:auto;
	}
}


/*== IE EDGE FIX ==*/
@supports (-ms-ime-align: auto) {
	@media screen and (min-width: 64em/*1024*/) {
		button#apofinder-submit {
			padding: 1rem 2.25rem 0.9375rem 2.25rem;
		}		
	}
}

/*== IE10 + IE11 FIX ==*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 64em/*1024*/) {
	button#apofinder-submit {
		padding: 0.9375rem 2.25rem;
	}
}



.no-touch button#apofinder-submit:hover {
	color:#af1d59;
	cursor:pointer;
}

button#apofinder-submit:active,
button#apofinder-submit:focus {
	outline:none;
}

label[for="plz"] {
	position:absolute;
	text-indent: -9999rem;
	width:2.8125rem;
	height:4.25rem;
	background-image:url('../../fileadmin/template/assets/img/icon-geo.png');
	background-size:45px 68px;
	background-repeat:no-repeat;
	background-position:center center;
	top:-0.75rem;
	left:0;
}

@media screen and (min-width: 30em/*480*/) {
	label[for="plz"] {
		left:-4.0625rem;
	}
}

@media screen and (min-width: 48em/*768*/) {
	label[for="plz"] {
		width:3.75rem;
		height:5.6875rem;
		top:-1.25rem;
		left:-5rem;
		background-size:60px 91px;
	}
}

#plz {
	color:#272c57;
	display:block;
	outline:0;
	border:1px solid transparent;
	box-shadow: none;
	background-color:#fff;
	width:100%;
	margin:0 auto;
	padding:0.8125rem 0.9375rem;
	box-sizing: border-box;
	border-radius:0;
	/* Font size must be 16px to prevent iOS page zoom on focus */
	font-size:1rem;
}



/*== IE EDGE FIX ==*/
@supports (-ms-ime-align: auto) {
	#plz {
		border-width:2px;
	}
}

/*== IE10 + IE11 FIX ==*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#plz {
		border-width:2px;
	}
}

@media screen and (min-width: 30em/*480*/) {
	#plz {
		margin:0 1rem 0 auto ;
		padding:0.8125rem 1rem;
	}
}

@media screen and (min-width: 48em/*768*/) {
	#plz {
		padding:0.875rem 1rem;
		font-size:inherit; /* Zoom on IOS - we don't need font-size anymore, we inherit from body now */
	}
}

@media screen and (min-width: 64em/*1024*/) {
	#plz {
		width:calc(100% - 1rem);		
	}
}

#plz:focus,
#plz:active {
	outline:0;
/* 	border:0; */
}

.form-block__search {
	position:relative;
	float:left;
	width: 100%;
	margin: 3.25rem 0 3.25rem 0;
	padding-left:3.75rem;
	box-sizing: border-box;

}

@media screen and (min-width: 30em/*480*/) {
	.form-block__search {
		width: 80%;
		margin: 3.25rem 10% 3.25rem 15%;
		padding-left:0;
	}
}

@media screen and (min-width: 40em/*640*/) {
	.form-block__search {
		width:60%;
		margin:3.25rem 15% 3.25rem 25%;
	}
}


@media screen and (min-width: 48em/*768*/) {
	.form-block__search {
		width: 50%;
		margin: 3.25rem 20% 3.25rem 30%;
	}
}



@media screen and (min-width: 64em/*1024*/) {
	.form-block__search {
		width: 75%;
		margin: 3.75rem 8% 3.75rem 17%;
	}
}

@media screen and (min-width: 80em/*1280*/) {
	.form-block__search {
		width:55%;
		margin:3.75rem 18% 3.75rem 27%;
	}
}


.form-block {
	float:left;
	display:inline-block;
	width:80%;
}

@media screen and (min-width: 30em/*480*/) {
	.form-block {
/* 		width:60%; */
	}
}


@media screen and (min-width: 48em/*768*/) {
	.form-block {
		width:80%;
	}
}

@media screen and (min-width: 64em/*1024*/) {
	.form-block {
/* 		width:70%; */
		width:49%
	}
	
	.form-block--radius {
		width:21%;
	}
}

.search-radius__wrap {
	position: relative;
}

.search-radius__wrap:after {
	content: " ";
	position: absolute;
	top: 50%;
	right: 1rem;
	z-index: 2;
	/* These hacks make the select behind the arrow clickable in some browsers */
	pointer-events: none;
	width: 0;
	height: 0;

	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 7px solid #272c57;
	margin-top: 2px;
}

@media screen and (min-width: 64em/*1024*/) {
	.search-radius__wrap:after {
		content: " ";
		margin-top: -3px;
		right: 2rem;
	}
}

#search-radius {
	width: 100%;
	padding: 0.875rem 2rem 0.875rem 1rem;
	margin-top:0.75rem;
	/* inside @supports so that iOS <= 8 display the native arrow */
	background: #fff;
	/* inside @supports so that Android <= 4.3 display the native arrow */
	border: 1px solid transparent;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
	outline: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #272c57;
	/* Font size must be 16px to prevent iOS page zoom on focus */
	font-size: 1rem;
	
	
}

@media screen and (min-width: 48em/*768*/) {
	#search-radius {
		font-size:inherit;
	}
}

@media screen and (min-width: 64em/*1024*/) {
	#search-radius {
		width: calc(100% - 1rem);
		margin-top:0;	
	}
}


#search-radius:focus,
#search-radius:active {
	outline:none;
}

#search-radius::-ms-expand {
    display: none;
}


h1.firstHeading {
	font-size:1.125rem;
	margin-bottom:0.5rem;
}

#content #bodyContent p {
	font-size:1rem;
}

#content #bodyContent p:first-child {
	margin-bottom:0.5rem;
}

#content #bodyContent p:last-child a {
	color:#AF1D59;
}

#content #bodyContent p:last-child a:hover {
	text-decoration: underline;
	color:#AF1D59;
}

#content #bodyContent p.store-phone {
	margin-bottom:0;
}

#content #bodyContent p.store-fax {
	margin-top:0;
	margin-bottom:0.5rem;
}


/***************************************************************\
	Modals
\***************************************************************/
body.modal--is-open {
	overflow:hidden;
}

.modal {
	display:block;
	position:fixed;
	top:100%;
	left:0;
	width:100%;
	height:100%;
	z-index:-100;
	background:rgba(39, 44, 87, 0.87);
	-webkit-transform: translate(0);
	-moz-transform: translate(0);
	-ms-transform: translate(0);
	-o-transform: translate(0);
	transform: translate(0);
	-webkit-transition: 400ms;
	-moz-transition: 400ms;
	-o-transition: 400ms;
	transition: 400ms;
	opacity:0;
}

body.modal--is-open .modal.modal--is-open {
	z-index:10000;
	top:0;
	left:0;
	overflow:hidden;
	opacity:1;
	overflow-y: scroll;
}

.modal .inner {
	width:100%;
	height:100%;
	box-sizing: border-box;
	max-width:1200px;
	margin:0 auto;
	padding:0 5.729166666666667%;
	position: relative;
	display: table;
}

.modal .modal-inner {
	display:table-cell;
	color:#413d4b;
	vertical-align: middle;
	height:50%;
}

.modal .modal-content {
	padding:2rem;
	background: #e7eaf3;
	position: relative;
	border:0.625rem solid #fff;
	box-sizing: border-box;
	width:100%;
	margin:0 auto;
	z-index:1;
}

@media screen and (min-width: 48em/*768*/) {
	.modal .modal-content {
		width:80%;
	}
}

@media screen and (min-width: 64em/*1024*/) {
	.modal .modal-content {
		width:65%;
	}
}

.modal-content h2 {
	margin-bottom:2rem;
	float:left;
	width:100%;
	padding-right: 3rem;
	box-sizing: border-box;
	font-size:1.25rem;
	line-height:1.25;
}

@media screen and (min-width: 48em/*768*/) {
	.modal-content h2 {
		font-size:1.5rem;
	}
}

@media screen and (min-width: 64em/*1024*/) {
	.modal-content h2 {
		font-size:1.75rem;
	}
}

.apofinder-modal_link {
	width:calc(50% - 0.75rem);
	display:inline-block;
	height:12rem;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
	box-sizing:border-box;
	float:left;
	cursor:pointer !important;
	text-indent: -9999rem;
}

.apofinder-modal_link--immun {
	margin-right:0.75rem;
	margin-bottom:2rem;
	background-image:url('../../fileadmin/template/assets/img/products/apofinder-packshot-immun-min.png');
}

.apofinder-modal_link--kids {
	margin-left:0.75rem;
	margin-bottom:2rem;
	background-image:url('../../fileadmin/template/assets/img/products/apofinder-packshot-kids-min.png');
}

.disclaimer-modal {
	margin-bottom:0 !important;
	clear: both;

}
.disclaimer-modal small {
	color:#a3a3a3;
	font-size: 80%;
	line-height: 1.25;
	display: block;
}

.modal .modal-btn {
	position:absolute;
	top: 1.5rem;
	right: 1rem;
	text-indent: -9999rem;
	cursor:pointer;
	width: 2.875rem;
	height: 2.875rem;
	-webkit-transition: background-color 0.2s;
	-moz-transition: background-color 0.2s;
	-o-transition: background-color 0.2s;
	transition:background-color 0.2s;
}

/*
.modal .modal-btn:before,
.modal .modal-btn:after {
	content: "";
	width: 2rem;
	position: absolute;
	height: 2px;
	display: block;
	background-color:#272c57;
	-webkit-transition: background-color 0.2s;
	-moz-transition: background-color 0.2s;
	-o-transition: background-color 0.2s;
	transition:background-color 0.2s;
}

.modal .modal-btn:before {
	margin-top:0.4375rem;
	margin-left:0.4375rem;
	-webkit-transform: translateY(12px) rotate(45deg);
	-ms-transform: translateY(12px) rotate(45deg);
	transform: translateY(12px) rotate(45deg);
}

@media screen and (min-width: 48em) {
	.modal .modal-btn:before {
		margin-top:0.675rem;
	}
}

@media screen and (min-width: 64em) {
	.modal .modal-btn:before {
		margin-top:0.875rem;
	}
}

@media screen and (min-width: 80em) {
	.modal .modal-btn:before {
		margin-top:0.9375rem;
	}
}
*/

/*
.modal .modal-btn:after {
	margin-top: 0.8125rem;
	margin-left: 0.43755rem;
	-webkit-transform: translateY(-18px) rotate(-45deg);
	-ms-transform: translateY(-18px) rotate(-45deg);
	transform: translateY(-18px) rotate(-45deg)
}

@media screen and (min-width: 30em) {
	.modal .modal-btn:after {
		margin-top: 0.75rem;
	}
}
*/

.modal .modal-btn:before, .modal .modal-btn:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 33px;
  width: 2px;
  background-color: #333;
}
.modal .modal-btn:before {
  transform: rotate(45deg);
}
.modal .modal-btn:after {
  transform: rotate(-45deg);
}

.no-touch .modal .modal-btn:hover:before,
.no-touch .modal .modal-btn:hover:after {
	background-color: #af1d59;
	cursor:pointer;
}







/***************************************************************\
	Kontakt
\***************************************************************/
.tx-powermail form {
	font-size: 1rem;
	color:#272C57;
/* 	margin-bottom:3rem; */
}

.tx-powermail a {
	color: #AF1D59;
}

@media screen and (min-width: 48em/*768*/) {
	.tx-powermail form {
		font-size: 1.125rem;
/* 		margin-bottom:5rem; */
	}	
}

@media screen and (min-width: 64em/*1024*/) {
	.tx-powermail form {
		font-size: 1.25rem;
/* 		margin-bottom:6rem; */
	}	
}

.powermail_legend,
.powermail_fieldwrap_type_textarea label,
.powermail_fieldwrap_type_input label,
.tx-powermail form h3 {
	display:none;
}

.tx-powermail input:focus,
.tx-powermail input:active,
.tx-powermail textarea:active,
.tx-powermail textarea:focus {
	outline:0;
}

.powermail_fieldwrap_type_textarea,
.powermail_fieldwrap_type_radio,
.powermail_fieldwrap_type_input,
.powermail_fieldwrap_type_submit {
	float:left;
	width:100%;
}

.powermail_fieldwrap_type_textarea textarea {
	width: 100%;
	height: 12rem;
	padding: 2rem 1rem;
	display: block;
	float: left;
	margin: 0 auto;
	box-sizing: border-box;
	font-size: 1.25rem;
	line-height: 1.3;
	border: 1px solid #272C57;
	background: transparent;
	border-radius: 0;
	-webkit-appearance: none;
	font-family: 'FrutigerNextPro-Light', sans-serif;
/* 	font-weight: 400; */
	font-weight: normal;
	font-style: normal;
	text-align: center;
	color:#272C57;
}

@media screen and (min-width: 30em/*480*/) {
	.powermail_fieldwrap_type_textarea textarea {
		font-size: 1.5rem;
		padding:2.5rem;	
	}
}

@media screen and (min-width: 40em/*640*/) {
	.powermail_fieldwrap_type_textarea textarea {
		font-size: 1.675rem;
		padding:3rem;	
	}	
}

@media screen and (min-width: 48em/*768*/) {
	.powermail_fieldwrap_type_textarea textarea {
		font-size: 1.8125rem;		
		height:15rem;
		padding:4rem;
	}	
}

@media screen and (min-width: 64em/*1024*/) {
	.powermail_fieldwrap_type_textarea textarea {
		height:19rem;
		font-size:2.3125rem;
		padding: 5rem;

	}	
}

@media screen and (min-width: 80em/*1280*/) {
	.powermail_fieldwrap_type_textarea textarea {
		height:24rem;
		font-size:3.3125rem;

	}	
}

@media screen and (min-width: 100em/*1600*/) {
	.powermail_fieldwrap_type_textarea textarea {
		height:30rem;
		font-size:3.8125rem;
		text-align: center;
		padding: 6.5rem 9rem;
	}	
}


.powermail_fieldwrap_type_check .checkbox {
	padding-top: 1rem	
}

.powermail_fieldwrap_type_check .checkbox label {
	position:relative;
/* 	padding:0.5rem 1.5rem 0.5rem 0.5rem; */
	padding: 0.3125rem 0 0.5rem 0;
	width: 100%;
	display: block;		
}
.powermail_fieldwrap_type_check .checkbox label:before {
	content: "";
	width: 1.875rem;
	height: 1.875rem;
	left: 0;
	top: 2px;
	position: absolute;
	box-sizing: border-box;
	border: 2px solid #272C57;

}

.powermail_fieldwrap_type_check .checkbox label.is--checked:after {
	content: "\2713";
	position: absolute;
	left: 0.25rem;
	top: -0.75rem;
	font-size: 2.5rem;
}

/* Checkmark styles for touch devices - tested on iphone and ipad */
.touch .powermail_fieldwrap_type_check .checkbox label.is--checked:after {
	left: -0.25rem;	
	top:-0.5rem;
}

/*== IE10 and IE11 fix ==*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.powermail_fieldwrap_type_check .checkbox label.is--checked:after {
		left: 0;	
		top:-1rem;
	}
}

.powermail_fieldwrap_type_check .checkbox label input[type="checkbox"] {
	opacity:0;
	position: absolute;
	left: 0;	
}

.powermail_fieldwrap_type_check .checkbox-option-text {
	display: inline-block;
	margin-left: 2.5rem;
}

.powermail_fieldwrap_type_radio {
/* 	margin:2.75rem auto 1.75rem auto; */
	margin:0 auto 1.75rem auto;

}

.powermail_fieldwrap_type_radio .powermail_label {
	margin-bottom:0.75rem;
	float:left;
	width:100%;
}

.powermail_fieldwrap_type_radio .radio {
	display:inline-block;
	float:left;
}

.powermail_fieldwrap_type_radio .radio input {
	display:none;
}

.powermail_fieldwrap_type_radio .radio label {
	position:relative;
	padding:0.5rem 1.5rem 0.5rem 2.5rem;	
}


.powermail_fieldwrap_type_radio .radio label:before {
	content: "";
	width: 1.875rem;
	height: 1.875rem;
	left: 0;
	top: 2px;
	position: absolute;
	box-sizing: border-box;
	border: 2px solid #272C57;
	border-radius: 100%;
}
/*

.powermail_fieldwrap_type_radio .radio.is--active label:after {
	content: "";
	width: 1rem;
	height: 1rem;
	border: 1px solid transparent;
	border-radius: 100%;
	background: #272C57;
	position: absolute;
	top: 9px;
	left: 7px;
	box-sizing: border-box;
}
*/



.radio-status {
	width: 1rem;
	height: 1rem;
	border: 1px solid transparent;
	border-radius: 100%;
	background: #272C57;
	position: absolute;
	top: 9px;
	left: 7px;
	box-sizing: border-box;
	opacity:0;
}

.powermail_fieldwrap_type_radio .radio input[type="radio"]:checked + .radio-status {
	opacity:1;
}


.powermail_fieldwrap_type_input,
.powermail_fieldwrap_type_textarea {
	margin:0 auto 1.8125rem auto;
}

.powermail_fieldwrap_type_input .powermail_field input {
	width: 100%;
	display: block;
	box-sizing: border-box;
	border: 1px solid #272C57;
	background: transparent;
	padding: 0.6125rem 1rem 0.675rem 1rem;
	color: #191e31;
	border-radius: 0;
}

.powermail_fieldwrap_type_input .powermail_field input[type="text"],
.powermail_fieldwrap_type_input .powermail_field input[type="email"] {
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.powermail_fieldwrap_type_check {
	float:left;
	width:100%;
}

@media screen and (min-width: 40em/*640*/) {
	.powermail_fieldwrap_vorname,
	.powermail_fieldwrap_name {
		width:48%;

	}

	.powermail_fieldwrap_vorname {
		margin-right:4%;
	}
}


@media screen and (min-width: 48em/*768*/) {
	.powermail_fieldwrap_e_mail,
	.powermail_fieldwrap_betreff {
		width:48%;
	}
	.powermail_fieldwrap_e_mail,
	.powermail_fieldwrap_type_check {
		margin-right:4%;
	}
	
	.powermail_fieldwrap_type_check{
		width:78%;
	}
	
	.powermail_fieldwrap_type_submit {
		width:18%;
	}
	
	.powermail_fieldwrap_type_input .powermail_field input {
		padding: 0.75rem 1.25rem 0.8125rem 1.25rem;
/* 		font-size:1.125rem; */
	}
}

@media screen and (min-width: 64em/*1024*/) {
	.powermail_fieldwrap_type_input .powermail_field input {
		padding: 0.8125rem 1.375rem 0.875rem 1.375rem;
	}	
}


.powermail_fieldwrap_type_submit .powermail_field input {
	width:100%;
	background-color:#af1d59;
	border:1px solid #af1d59;
	color:#fff;
	padding:0.6125rem 1.5rem;
	border-radius: 0.675rem;
	text-transform: uppercase;
	margin: 1.875rem 0 0 0;
}

@media screen and (min-width: 30em/*480*/) {
	.powermail_fieldwrap_type_submit .powermail_field input {
		width:50%;
	}
}

@media screen and (min-width: 40em/*640*/) {
	.powermail_fieldwrap_type_submit .powermail_field input {
		width:auto;
	}
}

@media screen and (min-width: 48em/*640*/) {
	.powermail_fieldwrap_type_submit .powermail_field input {
		float:right;			
	}
}

.no-touch .powermail_fieldwrap_type_submit .powermail_field input:hover {
	background-color:#fff;
	color:#af1d59;
	-webkit-transition: background-color 0.2s, color 0.2s;
	-moz-transition: background-color 0.2s, color 0.2s;
	-o-transition: background-color 0.2s, color 0.2s;
	transition: background-color 0.2s, color 0.2s;
}




/*== Errors ==*/
.parsley-errors-list {
	list-style: none;
	color: #af1d59;
	padding-left: 0;
	float: left;
	margin-bottom:0;
}

.powermail_field_error_container_anrede .parsley-errors-list {
	width:100%;;
}

@media screen and (min-width: 40em/*640*/) {
	.powermail_field_error_container_anrede .parsley-errors-list {
		margin-top:0;
		width:auto;
	}	
}

.powermail_message.powermail_message_error {
	color: #af1d59;	
}

/*== Progress bar für powermail ORIGINAL von powermail ==*/
.tx-powermail .powermail_progressbar{width:100%;height:5px;float:right;border:1px solid #EEEEEE;clear:both}.tx-powermail .powermail_progressbar.disable{display:none}.tx-powermail .powermail_progressbar>.powermail_progress{background:#1E5799;width:0%;max-width:100%;-webkit-animation:progress 5s 1 forwards;-moz-animation:progress 5s 1 forwards;-ms-animation:progress 5s 1 forwards;animation:progress 5s 1 forwards}.tx-powermail .powermail_progressbar>.powermail_progress>.powermail_progess_inner{height:5px;width:100%;overflow:hidden;background:url("/typo3conf/ext/powermail/Resources/Public/Image/icon_loading.gif") repeat-x;-moz-opacity:0.25;-khtml-opacity:0.25;opacity:0.25;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=25);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=25);filter:alpha(opacity=25)}
@-webkit-keyframes progress{from{}to{width:100%}}@-moz-keyframes progress{from{}to{width:100%}}@-ms-keyframes progress{to{width:100%}}@keyframes progress{from{}to{width:100%}}

/*== Progress bar für powermail changes ==*/
.tx-powermail .powermail_progressbar {
	border-color: #af1d59;
    margin-top: 1.8125rem;

}
.tx-powermail .powermail_progressbar>.powermail_progress {
	background:#af1d59;
}


/***************************************************************\
	Newsletter
\***************************************************************/


.tx-enf-cleverreach {
	overflow: hidden;
	clear:both;
}

.tx-enf-cleverreach form {
	font-size: 1rem;
	color:#272C57;
	float:left;
	clear: both;
	width: 100%;
}

@media screen and (min-width: 48em/*768*/) {
	.tx-enf-cleverreach form {
		font-size: 1.125rem;
	}	
}

@media screen and (min-width: 64em/*1024*/) {
	.tx-enf-cleverreach form {
		font-size: 1.25rem;

	}	
}

.cleverreach__field-wrap input:focus,
.cleverreach__field-wrap input:active {
	outline:0;
}

.cleverreach__type-input,
.cleverreach__type-radio,
.cleverreach__type-checkbox,
.cleverreach__type-submit {
	float:left;
	width:100%;
}

.cleverreach__type-input .cleverreach__label {
	display:none;
}

.cleverreach__type-radio {
	margin:0 auto 1.75rem auto;

}

.cleverreach__type-radio .cleverreach__label {
	margin-bottom:0.75rem;
	float:left;
	width:100%;
}


.cleverreach__type-checkbox .checkbox {
	padding-top: 1rem	
}

.cleverreach__type-checkbox .checkbox label {
	position:relative;
/* 	padding:0.5rem 1.5rem 0.5rem 0.5rem; */
	padding: 0.3125rem 0 0.5rem 0;
	width: 100%;
	display: block;		
}
.cleverreach__type-checkbox .checkbox label:before {
	content: "";
	width: 1.875rem;
	height: 1.875rem;
	left: 0;
	top: 2px;
	position: absolute;
	box-sizing: border-box;
	border: 2px solid #272C57;

}

.cleverreach__type-checkbox .checkbox label.is--checked:after {
	content: "\2713";
	position: absolute;
	left: 0.25rem;
	top: -0.75rem;
	font-size: 2.5rem;
}

/* Checkmark styles for touch devices - tested on iphone and ipad */
.touch .cleverreach__type-checkbox .checkbox label.is--checked:after {
	left: -0.25rem;	
	top:-0.5rem;
}

/*== IE10 and IE11 fix ==*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.cleverreach__type-checkbox .checkbox label.is--checked:after {
		left: 0;	
		top:-1rem;
	}
}

.cleverreach__type-checkbox .checkbox label input[type="checkbox"] {
	opacity:0;
	position: absolute;
	left: 0;	
}

.cleverreach__type-checkbox .checkbox-option-text {
	display: inline-block;
	margin-left: 2.5rem;
}






.cleverreach__type-radio .radio {
	display:inline-block;
	float:left;
}

.cleverreach__type-radio .radio input {
	display:none;
}

.cleverreach__type-radio .radio label {
	position:relative;
	padding:0.5rem 1.5rem 0.5rem 2.5rem;
	float:left;	
}


.cleverreach__type-radio .radio label:before {
	content: "";
	width: 1.875rem;
	height: 1.875rem;
	left: 0;
	top: 2px;
	position: absolute;
	box-sizing: border-box;
	border: 2px solid #272C57;
	border-radius: 100%;
}


.cleverreach__type-radio .radio-status {
	width: 1rem;
	height: 1rem;
	border: 1px solid transparent;
	border-radius: 100%;
	background: #272C57;
	position: absolute;
	top: 9px;
	left: 7px;
	box-sizing: border-box;
	opacity:0;
}

.cleverreach__type-radio .radio input[type="radio"]:checked + .radio-status {
	opacity:1;
}


.cleverreach__type-input {
	margin:0 auto 1.8125rem auto;
}

.cleverreach__type-input .cleverreach__field input {
	width: 100%;
	display: block;
	box-sizing: border-box;
	border: 1px solid #272C57;
	background: transparent;
	padding: 0.6125rem 1rem 0.675rem 1rem;
	color: #191e31;
	border-radius: 0;
}

.cleverreach__type-input .cleverreach__field input[type="text"] {
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

@media screen and (min-width: 40em/*640*/) {

	.cleverreach__field-wrap--firstName,
	.cleverreach__field-wrap--lastName {
		width:48%;

	}

	.cleverreach__field-wrap--firstName {
		margin-right:4%;
	}
}


@media screen and (min-width: 48em/*768*/) {
	/*
	.powermail_fieldwrap_e_mail,
	.powermail_fieldwrap_betreff {
		width:48%;
	}
	.powermail_fieldwrap_e_mail {
		margin-right:4%;
	}
	*/
	
	.cleverreach__type-checkbox {
		margin-right:4%;
	}
	
	
	.cleverreach__type-checkbox{
		width:78%;
	}
	
	.cleverreach__type-input .cleverreach__field  input {
		padding: 0.75rem 1.25rem 0.8125rem 1.25rem;
	}
	
}

@media screen and (min-width: 64em/*1024*/) {
	.cleverreach__type-input .cleverreach__field  input {
		padding: 0.8125rem 1.375rem 0.875rem 1.375rem;
	}	
}


.cleverreach__type-submit .cleverreach__field input {
	width:100%;
	background-color:#af1d59;
	border:1px solid #af1d59;
	color:#fff;
	padding:0.6125rem 1.5rem;
	border-radius: 0.675rem;
	text-transform: uppercase;
	margin: 1.875rem 0 0 0;
}

@media screen and (min-width: 30em/*480*/) {
	.cleverreach__type-submit .cleverreach__field input {
		width:50%;
	}
}

@media screen and (min-width: 40em/*640*/) {
	.cleverreach__type-submit .cleverreach__field input {
		width:auto;
	}
}

@media screen and (min-width: 48em/*768*/) {
	.cleverreach__type-submit .cleverreach__field input {
/* 		float:right;			 */
	}
}

.no-touch .cleverreach__type-submit .cleverreach__field input:hover {
	background-color:#fff;
	color:#af1d59;
	-webkit-transition: background-color 0.2s, color 0.2s;
	-moz-transition: background-color 0.2s, color 0.2s;
	-o-transition: background-color 0.2s, color 0.2s;
	transition: background-color 0.2s, color 0.2s;
}




/*== Errors ==*/
@media screen and (min-width: 40em/*640*/) {
	.cleverreach__field-wrap--gender .cleverreach-error {
		margin-top:0.5rem;
		width:auto;

	}
}


.cleverreach-error {
	margin:1rem 0 0 0.25rem;
	color: #af1d59;	
	float: left;
	display:block;
}

.cleverreach__type-checkbox .cleverreach-error {
	display:none;
}

.cleverreach__type-checkbox.cleverreach__field-wrap--has-error .cleverreach-error {
	display:block;
}

.checkbox-option-text a {
	color: #af1d59;	
}
.no-touch .checkbox-option-text > a:hover {
	text-decoration: underline;
}



/*== Cancellation Form excepitons==*/

.cleverreach-form--cancel {
	margin: 3rem auto;
}

.cleverreach__type-checkbox {
	margin-top:0.75rem;
}

.cleverreach-form--cancel .cleverreach__type-submit .cleverreach__field input {
	width:100%;
}


@media screen and (min-width: 30em/*480*/) {
	.cleverreach-form--cancel .cleverreach__type-submit .cleverreach__field input {
		width:auto;
	}
}


@media screen and (min-width: 48em/*768*/) {
	.cleverreach-form--cancel {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin: 5rem auto 3rem auto;
	}
	
	.cleverreach-form--cancel .cleverreach__field-wrap--email {
		width:48%;
		-ms-flex-order: 1;
		order: 1;
		margin-left:0;
		margin-right:4%;
	}
	
	.cleverreach-form--cancel .cleverreach__type-submit {
		-ms-flex-order: 2;
		order: 2;
		margin-left:0;
		width:48%;
	}
	
	.cleverreach-form--cancel .cleverreach__type-submit .cleverreach__field input {
		margin-top:0;
	}

	.cleverreach-form--cancel .cleverreach__type-checkbox {
		-ms-flex-order: 3;
		order: 3;
	}
}



.cleverreach__field--hp {
	display:none;
}

.cleverreach-error--hp,
.cleverreach__field--hp-error,
.cleverreach__field--hp-error .cleverreach-error {
	width:100%;
}


.cleverreach-form--cancel .cleverreach__field--hp-error {
	-ms-flex-order: 10;
	order: 10;
}


.cleverreach-text-link {
	color:#af1d59;
}


/*== Registartion Form excepitons==*/
.cleverreach--salutation {
	margin-top:3rem;
	width:100%;
	float:left;
}

.tx-enf-cleverreach h1 {
	margin-bottom: 0.875rem;
	line-height: 1.1;
}

.tx-enf-cleverreach .h2-style {
	font-size:1.25rem;
	margin-bottom:1rem;
	color:#272c57;
	line-height:1.3;
	font-family: 'FrutigerNextPro-BoldCn', sans-serif;
	font-weight: normal;
	font-style: normal;
}

@media screen and (min-width: 30em/*480*/) {
	.tx-enf-cleverreach .h2-style {
		font-size:1.3125rem;
		margin-bottom:1.125rem;
	}
}

@media screen and (min-width: 48em/*768*/) {
	.tx-enf-cleverreach .h2-style {
		font-size:1.4375rem;
		margin-bottom:1.125rem;
	}	
}

@media screen and (min-width: 64em/*1024*/) {
	.tx-enf-cleverreach .h2-style {
		font-size:1.75rem;
		margin-bottom:1.3125rem;
	}	
}

@media screen and (min-width: 80em/*1280*/) {
	.tx-enf-cleverreach .h2-style {
		font-size:1.875rem;
		margin-bottom:1.5rem;
	}	
}

@media screen and (min-width: 100em/*1600*/) {
	.tx-enf-cleverreach .h2-style {
		font-size:2.125rem;
		margin-bottom:1.75rem;
	}	
}

#cleverreach-registration-form {
	padding-left:0;
	box-sizing:border-box;
}

.cleverreach__type-checkbox .checkbox-option-text {
	margin-left: 0;
	margin-top: 3rem;
}

/*== Checkmark styles==*/
.checkmark-list {
	margin-left: 0;
	list-style: none;
	padding: 0;
	box-sizing: border-box;
}
.checkmark-list li {
	padding:0.25rem 0 0.25rem 2.25rem;
	margin-bottom:0.25rem;
	background-image:url('../../fileadmin/template/assets/img/haken.svg');
	background-size:30px 30px;
	background-position:left top;
	background-repeat: no-repeat;
}


/***************************************************************\
	Exceptions
\***************************************************************/
#content img {
	margin-bottom:3rem;
}

#content img:last-child {
	margin-bottom:0;
}

.row--imageleft .btn:last-child,
.row--product-slider .btn:last-child,
.row--product .btn:last-child {
	margin-top:0;
}






/***************************************************************\
	Placeholders
\***************************************************************/

.powermail_fieldwrap_type_textarea textarea::placeholder,
.powermail_fieldwrap_type_input .powermail_field input::placeholder,
#ke_search_sword::placeholder {
	color:#A3A3A3;
}

.powermail_fieldwrap_type_textarea textarea::-webkit-input-placeholder,
.powermail_fieldwrap_type_input .powermail_field input::-webkit-input-placeholder,
#ke_search_sword::-webkit-input-placeholder {
	color:#A3A3A3;
}

.powermail_fieldwrap_type_textarea textarea:-moz-placeholder,
.powermail_fieldwrap_type_input .powermail_field input:-moz-placeholder,
#ke_search_sword:-moz-placeholder {
	opacity: 1;
	color:#A3A3A3;
}

.powermail_fieldwrap_type_textarea textarea::-moz-placeholder,
.powermail_fieldwrap_type_input .powermail_field input::-moz-placeholder,
#ke_search_sword::-moz-placeholder {
	opacity: 1;
	color:#A3A3A3;
}

.powermail_fieldwrap_type_textarea textarea:-ms-input-placeholder,
.powermail_fieldwrap_type_input .powermail_field input:-ms-input-placeholder,
#ke_search_sword:-ms-input-placeholder {
	color:#A3A3A3;
}



#plz::placeholder {
	color:#272c57;
}

#plz::-webkit-input-placeholder {
	color:#272c57;
}

#plz:-moz-placeholder {
	opacity: 1;
	color:#272c57;
}

#plz::-moz-placeholder {
	opacity: 1;
	color:#272c57;
}

#plz:-ms-input-placeholder {
	color:#272c57;
}




/***************************************************************\
		BX - SLIDER
\***************************************************************/
/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 */
/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	/*margin: 0 auto 60px;*/
	margin: 0 auto;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/
.bx-wrapper .bx-viewport {
	/*	-moz-box-shadow: 0 0 5px #ccc;
		-webkit-box-shadow: 0 0 5px #ccc;
		box-shadow: 0 0 5px #ccc;
		border:  5px solid #fff;
		left: -5px;
		background: #fff;
	*/
	/*fix other elements on the page moving (on Chrome)*/
	/*	-webkit-transform: translatez(0);
		-moz-transform: translatez(0);
			-ms-transform: translatez(0);
			-o-transform: translatez(0);
			transform: translatez(0);
	*/
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	/*bottom: 20%;*/
	/*bottom:2em;*/
	bottom:1rem;
	width: 100%;
}

/* LOADER */
.bx-wrapper .bx-loading {
	min-height: 50px;
	/*background: url('../../fileadmin/template/assets/img/bx_loader.gif') center center no-repeat #fff;*/
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */
.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	/*background: #eee;*/
	background-color:rgba(255,255,255,0.5);
	text-indent: -9999px;
	display: block;
	width: 12px;
	height: 12px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	/*border: 1px solid #fff;*/
	-webkit-transition: background-color 0.3s;
	-moz-transition: background-color 0.3s;
	-o-transition: background-color 0.3s;
	transition: background-color 0.3s;

}

.no-touch .bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	/*background: #e9c538;*/
	background-color: #fff;
}

/* DIRECTION CONTROLS (NEXT / PREV) */
/*.bx-wrapper .bx-prev {*/
/*left: 10px;*/
/*background: url('../../fileadmin/template/assets/img/controls.png') no-repeat 0 -32px;*/
/*}*/

/*.bx-wrapper .bx-next {*/
/*right: 10px;*/
/*background: url('../../fileadmin/template/assets/img/controls.png') no-repeat -43px -32px;*/
/*}*/

/*.bx-wrapper .bx-prev:hover {*/
/*background-position: 0 0;*/
/*}*/

/*.bx-wrapper .bx-next:hover {*/
/*background-position: -43px 0;*/
/*}*/

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	/*z-index: 9999;*/
	z-index:10;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	/*background: url('../../fileadmin/template/assets/css/img/controls.png') -86px -11px no-repeat;*/
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	/*background: url('../../fileadmin/template/assets/img/controls.png') -86px -44px no-repeat;*/
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666 \9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}


/*******************************************************************************************\
	Slider Arrows General / Common
\********************************************************************************************/
.bx-wrapper .bx-controls-direction a {
	width:2.25rem;
	height:6.55rem;
	margin-top:-3.275rem;
	background-size:32px 93px;
	background-position:center center;
	background-repeat: no-repeat;
	overflow: hidden;
	background-image:url('../../fileadmin/template/assets/img/slider-arrow--blue.svg');
}

.bx-wrapper .bx-controls-direction a.bx-prev {
	transform: rotate(180deg);
}

/*******************************************************************************************\
	Hero Slider Arrows
\********************************************************************************************/
.hero-slider-wrap .bx-wrapper .bx-controls-direction a {
	background-image:url('../../fileadmin/template/assets/img/slider-arrow--white.svg');
	width:2rem;
	height:5.8125rem;
	margin-top:-2.90625rem;
}

.hero-slider-wrap .bx-wrapper .bx-controls-direction a.bx-prev,
.hero-slider-wrap .bx-wrapper .bx-controls-direction a.bx-next {
	display:none;
}

@media screen and (min-width: 64em/*1024*/) {
	.hero-slider-wrap .bx-wrapper .bx-controls-direction a.bx-prev {
		left:2rem;
		display:block;
	}

	.hero-slider-wrap .bx-wrapper .bx-controls-direction a.bx-next {
		right:2rem;
		display:block;
	}
}

@media screen and (min-width: 100em/*1600*/) {
	.hero-slider-wrap .bx-wrapper .bx-controls-direction a {
		width:2.75rem;
		height:8rem;
		margin-top:-4rem;
		background-size:44px 128px;
	}

	.hero-slider-wrap .bx-wrapper .bx-controls-direction a.bx-prev {
		left:3.64%;
	}

	.hero-slider-wrap .bx-wrapper .bx-controls-direction a.bx-next {
		right:3.64%;
	}
}


/*******************************************************************************************\
	Carousel Slider Arrows
\********************************************************************************************/
/*
.row--carousel .bx-wrapper .bx-controls-direction a {
	width:2.75rem;
	height:8rem;
	margin-top:-4rem;
}

.row--carousel .bx-wrapper .bx-controls-direction a.bx-prev {
	left:-3.25rem;
}

.row--carousel .bx-wrapper .bx-controls-direction a.bx-next {
	right:-3.25rem;
}

*/






.row--carousel .bx-wrapper .bx-controls-direction a.bx-prev {
	left: calc((((100% / 65) * 17.5) * -1) + 0.5rem);
}

.row--carousel .bx-wrapper .bx-controls-direction a.bx-next {
	right:calc((((100% / 65) * 17.5) * -1) + 0.5rem);
}

@media screen and (min-width: 30em/*480*/) {
	.row--carousel .bx-wrapper .bx-controls-direction a.bx-prev {
		left: calc((((100% / 75) * 12.5) * -1) + 0.5rem);
	}

	.row--carousel .bx-wrapper .bx-controls-direction a.bx-next {
		right:calc((((100% / 75) * 12.5) * -1) + 0.5rem);
	}
}





@media screen and (min-width: 40em/*640*/) {
	.row--carousel .bx-wrapper .bx-controls-direction a.bx-prev {
		left:-3.25rem;
	}
	
	.row--carousel .bx-wrapper .bx-controls-direction a.bx-next {
		right:-3.25rem;
	}	
}



@media screen and (min-width: 64em/*1024*/) {
	.row--carousel .bx-wrapper .bx-controls-direction a.bx-prev {
		left:-4.125rem;
	}

	.row--carousel .bx-wrapper .bx-controls-direction a.bx-next {
		right:-4.125rem;
	}
}

@media screen and (min-width: 100em/*1600*/) {
	.row--carousel .bx-wrapper .bx-controls-direction a {
		background-size:44px 128px;
			width:2.75rem;
			height:8rem;
			margin-top:-4rem;
	}

	.row--carousel .bx-wrapper .bx-controls-direction a.bx-prev {
		left:-9.625rem;
	}

	.row--carousel .bx-wrapper .bx-controls-direction a.bx-next {
		right:-9.625rem;
	}
}


/*******************************************************************************************\
	Product Slider Arrows
\********************************************************************************************/
.row--product-slider .bx-wrapper .bx-controls-direction a.bx-next {
	right:-17.142857142857143%;
}

.row--product-slider .bx-wrapper .bx-controls-direction a.bx-prev {
	left:-17.142857142857143%;
}

@media screen and (min-width: 30em/*480*/) {
	.row--product-slider .bx-wrapper .bx-controls-direction a.bx-prev {
		left:-43.887147335423197%;
	}

	.row--product-slider .bx-wrapper .bx-controls-direction a.bx-next {
		right:-43.887147335423197%;
	}
}

@media screen and (min-width: 40em/*640*/) {
	.row--product-slider .bx-wrapper .bx-controls-direction a.bx-next {
		right:-9.288537549407115%;
	}

	.row--product-slider .bx-wrapper .bx-controls-direction a.bx-prev {
		left:-9.288537549407115%;
	}
}

@media screen and (min-width: 48em/*768*/) {
	.row--product-slider .bx-wrapper .bx-controls-direction a.bx-next {
		right:-6.839622641509434%;
	}

	.row--product-slider .bx-wrapper .bx-controls-direction a.bx-prev {
		left:-6.839622641509434%;
	}
}

@media screen and (min-width: 64em/*1024*/) {
	.row--product-slider .bx-wrapper .bx-controls-direction a.bx-prev {
		left:-7.344632768361582%;
	}

	.row--product-slider .bx-wrapper .bx-controls-direction a.bx-next {
		right:-7.344632768361582%;
	}
}

@media screen and (min-width: 100em/*1600*/) {
	.row--product-slider .bx-wrapper .bx-controls-direction a {
		width:2.75rem;
		height:8rem;
		margin-top:-4rem;
		background-size:44px 128px;
	}

	.row--product-slider .bx-wrapper .bx-controls-direction a.bx-prev {
		left:-9.625rem;
	}

	.row--product-slider .bx-wrapper .bx-controls-direction a.bx-next {
		right:-9.625rem;
	}
}


/*******************************************************************************************\
	Boxes Slider Arrows
\********************************************************************************************/
.row--boxes .bx-wrapper .bx-controls-direction a.bx-prev {
	left: calc((((100% / 65) * 17.5) * -1) + 0.5rem);
}

.row--boxes .bx-wrapper .bx-controls-direction a.bx-next {
	right:calc((((100% / 65) * 17.5) * -1) + 0.5rem);
}

@media screen and (min-width: 30em/*480*/) {
	.row--boxes .bx-wrapper .bx-controls-direction a.bx-prev {
		left: calc((((100% / 75) * 12.5) * -1) + 0.5rem);
	}

	.row--boxes .bx-wrapper .bx-controls-direction a.bx-next {
		right:calc((((100% / 75) * 12.5) * -1) + 0.5rem);
	}
}

@media screen and (min-width: 40em/*640*/) {
	.row--boxes .bx-wrapper .bx-controls-direction a.bx-prev {
		left: calc((((100% / 80) * 10) * -1) + 1.25rem);
	}

	.row--boxes .bx-wrapper .bx-controls-direction a.bx-next {
		right:calc((((100% / 80) * 10) * -1) + 1.25rem);
	}
}

@media screen and (min-width: 48em/*768*/) {
	.row--boxes .bx-wrapper .bx-controls-direction a.bx-next {
		right:-3.25rem;
	}

	.row--boxes .bx-wrapper .bx-controls-direction a.bx-prev {
		display:block;
	}
}

@media screen and (min-width: 64em/*1024*/) {
	.row--boxes .bx-wrapper .bx-controls-direction a.bx-prev {
		left:-4.125rem;
	}

	.row--boxes .bx-wrapper .bx-controls-direction a.bx-next {
		right:-4.125rem;
	}
}

@media screen and (min-width: 100em/*1600*/) {
	.row--boxes .bx-wrapper .bx-controls-direction a {
		width:2.75rem;
		height:8rem;
		margin-top:-4rem;
		background-size:44px 128px;
	}

	.row--boxes .bx-wrapper .bx-controls-direction a.bx-prev {
		left:-9.625rem;
	}

	.row--boxes .bx-wrapper .bx-controls-direction a.bx-next {
		right:-9.625rem;
	}
}



/* use this */

#cookie-warning-container {
	font-size: 0.9rem;
	float:left;
	display:none;
	text-align: center;
	background: #fff;
	padding: 1rem 0 0.75rem 0;
	color: #272C57;
}

#cookie-warning-container a {
	color: #af1d59;
}

#cookie-warning-container a:hover {
	color: #272C57;
}

#cookie-warning-container a.cookie-button {
	background: #af1d59;
	color: #fff;
	padding: 0.35rem 0.55rem;
	display: inline-block;
	margin: 0 0 0 0.5rem;
}

#cookie-warning-container a.cookie-button:hover {
	background: #272C57;
}




/* delete later */
.grid-item__image .row,
#content .grid-item__image .row .inner {
	padding:0;
	height:100%;
} 


#content .grid-item__image .row .inner div {
	height: 100%;
}

#content .grid-item__image .row .inner div.ce-bodytext {
	height: auto;
}

.grid-item__image .ce-media iframe {
	width:100%;
	height:100%;
}

.responsive-video {
  position: relative;
  padding-bottom: 55%;
  padding-top: 15px;
  height: 0;
  overflow: hidden;
}

.responsive-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


.grid-item__image .ce-media .responsive-video {
	padding:0;
	height:100%;
	overflow:visible;
}

.h2-alt--light {
	font-family:'FrutigerNextPro-LightCn', sans-serif;
	font-weight: 300;
}


/***************************************************************\
	Contest
\***************************************************************/


.tx-enf-contest {
	overflow: hidden;
	clear:both;
	padding-bottom:3rem;
}

.tx-enf-contest form {
	font-size: 1rem;
	color:#272C57;
	float:left;
	clear: both;
	width: 100%;
}

@media screen and (min-width: 48em/*768*/) {
	.tx-enf-contest form {
		font-size: 1.125rem;
	}
}

@media screen and (min-width: 64em/*1024*/) {
	.tx-enf-contest form {
		font-size: 1.25rem;

	}
}

.contest__field-wrap input:focus,
.contest__field-wrap input:active {
	outline:0;
}

.contest__type-input,
.contest__type-radio,
.contest__type-checkbox,
.contest__type-submit {
	float:left;
	width:100%;
}

.contest__type-input .contest__label {
	display:none;
}

.contest__type-radio {
	margin:0 auto 1.75rem auto;

}

.contest__type-radio .contest__label {
	margin-bottom:0.75rem;
	float:left;
	width:100%;
}


.contest__type-checkbox .checkbox {
	padding-top: 1rem
}

.contest__type-checkbox .checkbox label {
	position:relative;
	/* 	padding:0.5rem 1.5rem 0.5rem 0.5rem; */
	padding: 0.3125rem 0 0.5rem 0;
	width: 100%;
	display: block;
}
.contest__type-checkbox .checkbox label:before {
	content: "";
	width: 1.875rem;
	height: 1.875rem;
	left: 0;
	top: 2px;
	position: absolute;
	box-sizing: border-box;
	border: 2px solid #272C57;

}

.contest__type-checkbox .checkbox label.is--checked:after {
	content: "\2713";
	position: absolute;
	left: 0.25rem;
	top: -0.75rem;
	font-size: 2.5rem;
}

/* Checkmark styles for touch devices - tested on iphone and ipad */
.touch .contest__type-checkbox .checkbox label.is--checked:after {
	left: -0.25rem;
	top:-0.5rem;
}

/*== IE10 and IE11 fix ==*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.contest__type-checkbox .checkbox label.is--checked:after {
		left: 0;
		top:-1rem;
	}
}

.contest__type-checkbox .checkbox label input[type="checkbox"] {
	opacity:0;
	position: absolute;
	left: 0;
}

.contest__type-checkbox .checkbox-option-text {
	display: inline-block;
	margin-left: 2.5rem;
}






.contest__type-radio .radio {
	display:inline-block;
	float:left;
}

.contest__type-radio .radio input {
	display:none;
}

.contest__type-radio .radio label {
	position:relative;
	padding:0.5rem 1.5rem 0.5rem 2.5rem;
	float:left;
}


.contest__type-radio .radio label:before {
	content: "";
	width: 1.875rem;
	height: 1.875rem;
	left: 0;
	top: 2px;
	position: absolute;
	box-sizing: border-box;
	border: 2px solid #272C57;
	border-radius: 100%;
}


.contest__type-radio .radio-status {
	width: 1rem;
	height: 1rem;
	border: 1px solid transparent;
	border-radius: 100%;
	background: #272C57;
	position: absolute;
	top: 9px;
	left: 7px;
	box-sizing: border-box;
	opacity:0;
}

.contest__type-radio .radio input[type="radio"]:checked + .radio-status {
	opacity:1;
}


.contest__type-input {
	margin:0 auto 1.8125rem auto;
}

.contest__type-input .contest__field input {
	width: 100%;
	display: block;
	box-sizing: border-box;
	border: 1px solid #272C57;
	background: transparent;
	padding: 0.6125rem 1rem 0.675rem 1rem;
	color: #191e31;
	border-radius: 0;
}

.contest__type-input .contest__field input[type="text"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

@media screen and (min-width: 40em/*640*/) {

	.contest__field-wrap--firstName,
	.contest__field-wrap--lastName,
	.contest__field-wrap--plz,
	.contest__field-wrap--town,
	.contest__field-wrap--street,
	.contest__field-wrap--email {
		width:48%;

	}

	.contest__field-wrap--firstName,
/* 	.contest__field-wrap--plz, */
	.contest__field-wrap--town,
	.contest__field-wrap--street {
		margin-right:4%;
	}
}

@media screen and (min-width: 64em/*1024*/) {
	.contest__field-wrap--firstName,
	.contest__field-wrap--lastName,
	.contest__field-wrap--plz,
	.contest__field-wrap--town,
	.contest__field-wrap--street,
	.contest__field-wrap--email {
		width:32%;

	}
	
	.contest__field-wrap--firstName,
	.contest__field-wrap--lastName,
	.contest__field-wrap--plz,
	.contest__field-wrap--town {
		margin-right:2%;
	}
	
	.contest__field-wrap--street,
	.contest__field-wrap--email {
		margin-right:0;
	}
}


@media screen and (min-width: 48em/*768*/) {
	/*
	.powermail_fieldwrap_e_mail,
	.powermail_fieldwrap_betreff {
		width:48%;
	}
	.powermail_fieldwrap_e_mail {
		margin-right:4%;
	}
	*/

	.contest__type-checkbox {
		margin-right:4%;
	}


	.contest__type-checkbox{
		width:78%;
	}

	.contest__type-input .contest__field  input {
		padding: 0.75rem 1.25rem 0.8125rem 1.25rem;
	}

}

@media screen and (min-width: 64em/*1024*/) {
	.contest__type-input .contest__field  input {
		padding: 0.8125rem 1.375rem 0.875rem 1.375rem;
	}
}


.contest__type-submit .contest__field input {
	width:100%;
	background-color:#af1d59;
	border:1px solid #af1d59;
	color:#fff;
	padding:0.6125rem 1.5rem;
	border-radius: 0.675rem;
	text-transform: uppercase;
	margin: 1.875rem 0 0 0;
	white-space: normal;
}

@media screen and (min-width: 30em/*480*/) {
	.contest__type-submit .contest__field input {
		width:50%;
	}
}

@media screen and (min-width: 40em/*640*/) {
	.contest__type-submit .contest__field input {
		width:auto;
	}
}

@media screen and (min-width: 48em/*768*/) {
	.contest__type-submit .contest__field input {
		/* 		float:right;			 */
	}
}


.no-touch .contest__type-submit .contest__field input:hover {
	background-color:#fff;
	color:#af1d59;
	-webkit-transition: background-color 0.2s, color 0.2s;
	-moz-transition: background-color 0.2s, color 0.2s;
	-o-transition: background-color 0.2s, color 0.2s;
	transition: background-color 0.2s, color 0.2s;
}




/*== Errors ==*/
@media screen and (min-width: 40em/*640*/) {
	.contest__field-wrap--gender .contest-error,
	.contest__field-wrap--answer .contest-error {
/* 		margin-top:0.5rem; */
		margin-top:0;
		width:auto;

	}
}


.contest-error {
	margin:1rem 0 0 0.25rem;
/* 	color: #af1d59; */
	float: left;
	display:block;
	background-color:#e6192c;
	color:#fff;
	padding:0.25rem 0.5rem;
}

.contest__type-checkbox .contest__field .contest-error {
	margin-left:3rem;
}

.contest__field .contest-error {
	margin-left:0;
}

.contest__type-checkbox .contest-error,
.contest__field-wrap--plz .contest-error,
.contest__field-wrap--town .contest-error,
.contest__field-wrap--street .contest-error,
.contest__field-wrap--firstName .contest-error,
.contest__field-wrap--lastName .contest-error,
.contest__field-wrap--email .contest-error,
.contest__field-wrap--gender .contest-error {
	display:none;
}

.contest__type-checkbox.contest__field-wrap--has-error .contest-error,
.contest__field-wrap--plz.contest__field-wrap--has-error .contest-error,
.contest__field-wrap--town.contest__field-wrap--has-error .contest-error,
.contest__field-wrap--street.contest__field-wrap--has-error .contest-error,
.contest__field-wrap--firstName.contest__field-wrap--has-error .contest-error,
.contest__field-wrap--lastName.contest__field-wrap--has-error .contest-error,
.contest__field-wrap--email.contest__field-wrap--has-error .contest-error,
.contest__field-wrap--gender.contest__field-wrap--has-error .contest-error {
	display:block;
}

.checkbox-option-text a {
	color: #af1d59;
}
.no-touch .checkbox-option-text > a:hover {
	text-decoration: underline;
}





/*== Cancellation Form excepitons==*/

.contest-form--cancel {
	margin: 3rem auto;
}

.contest__type-checkbox {
	margin-top:0.75rem;
}

.contest-form--cancel .contest__type-submit .contest__field input {
	width:100%;
}


@media screen and (min-width: 30em/*480*/) {
	.contest-form--cancel .contest__type-submit .contest__field input {
		width:auto;
	}
}


@media screen and (min-width: 48em/*768*/) {
	.contest-form--cancel {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin: 5rem auto 3rem auto;
	}

	.contest-form--cancel .contest__field-wrap--email {
		width:48%;
		-ms-flex-order: 1;
		order: 1;
		margin-left:0;
		margin-right:4%;
	}

	.contest-form--cancel .contest__type-submit {
		-ms-flex-order: 2;
		order: 2;
		margin-left:0;
		width:48%;
	}

	.contest-form--cancel .contest__type-submit .contest__field input {
		margin-top:0;
	}

	.contest-form--cancel .contest__type-checkbox {
		-ms-flex-order: 3;
		order: 3;
	}
}



.contest__field--hp {
	display:none;
}

.contest-error--hp,
.contest__field--hp-error,
.contest__field--hp-error .contest-error {
	width:100%;
}


.contest__field--hp-error .contest-error {
	width:auto;
	clear: left;
}


.contest-form--cancel .contest__field--hp-error {
	-ms-flex-order: 10;
	order: 10;
}


.contest-text-link {
	color:#af1d59;
}


/*== Registartion Form excepitons==*/
.contest--salutation {
	margin-top:3rem;
	width:100%;
	float:left;
}

.tx-enf-contest h1 {
	margin-bottom: 0.875rem;
	line-height: 1.1;
}

.tx-enf-contest .h2-style {
	font-size:1.25rem;
	margin-bottom:1rem;
	color:#272c57;
	line-height:1.3;
	font-family: 'FrutigerNextPro-BoldCn', sans-serif;
	font-weight: normal;
	font-style: normal;
}

@media screen and (min-width: 30em/*480*/) {
	.tx-enf-contest .h2-style {
		font-size:1.3125rem;
		margin-bottom:1.125rem;
	}
}

@media screen and (min-width: 48em/*768*/) {
	.tx-enf-contest .h2-style {
		font-size:1.4375rem;
		margin-bottom:1.125rem;
	}
}

@media screen and (min-width: 64em/*1024*/) {
	.tx-enf-contest .h2-style {
		font-size:1.75rem;
		margin-bottom:1.3125rem;
	}
}

@media screen and (min-width: 80em/*1280*/) {
	.tx-enf-contest .h2-style {
		font-size:1.875rem;
		margin-bottom:1.5rem;
	}
}

@media screen and (min-width: 100em/*1600*/) {
	.tx-enf-contest .h2-style {
		font-size:2.125rem;
		margin-bottom:1.75rem;
	}
}

#contest-registration-form {
	padding-left:0;
	box-sizing:border-box;
}

.contest__type-checkbox .checkbox-option-text {
/* 	margin-left: 0; */
/* 	margin-top: 3rem; */
	margin-left: 3rem;
	margin-top: 0
}

/*== Checkmark styles==*/
.checkmark-list {
	margin-left: 0;
	list-style: none;
	padding: 0;
	box-sizing: border-box;
}
.checkmark-list li {
	padding:0.25rem 0 0.25rem 2.25rem;
	margin-bottom:0.25rem;
	background-image:url('../../fileadmin/template/assets/img/haken.svg');
	background-size:30px 30px;
	background-position:left top;
	background-repeat: no-repeat;
}

.contest__helper-wrap {
	width:100%;
	float:left;
	margin:3rem auto;
}

.ce-bodytext ol.contest-list li + li {
	margin-top:0;
}

.contest-success-message {
	margin-bottom:3rem;
}

.contest-success-message:last-child {
	margin-bottom:0;
}
