@font-face {
    font-family: 'Akzidenz Grotesk';
    src: url('font/AkzidenzGroteskBE-Regular.woff') format('woff')/*, url('font/AkzidenzGroteskBE-Regular.woff2') format('woff2') */;
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Akzidenz Grotesk';
    src: url('font/AkzidenzGroteskBE-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Akzidenz Grotesk';
    src: url('font/AkzidenzGroteskBE-It.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'Akzidenz Grotesk';
    src: url('font/AkzidenzGroteskBE-BoldIt.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}
html {
	--color:#af0071;
	--color-area:#f0f0f0;
	--color-line:#e5e5e5;
}
html .qg-box {
	box-shadow:0 0 34px rgba(0,0,0,.8);
}
html .qg-box .-head {
	background:none;
	color:currentColor;
	font-size:1.5em;
	padding:26px
}
html .qg-box .-body {
	padding:26px;
}
html .qg-box .-head > .qg-close {
	width:30px;
	height:30px;
	background:url('/qg/cms.layout.custom.6/pub/img/x.svg') no-repeat 50%;
	background-size:cover;
	float:right;
	margin:-1px;
	margin-left:auto;
	cursor:pointer;
}
.qg-backdrop {
	background: rgba(0, 0, 0, 0.1) !important;
}


#container input, #container textarea, #container select {
    background-color: rgb(240, 240, 240);
    padding: 0.35em 0.5em;
    border-width: 0px;
}
/*#container button, #container input[type="submit"] {*/
html button, html input[type="submit"] {
    background-color: rgb(175, 0, 113);
	background-color: var(--color);
    background-image: none;
    color: rgb(255, 255, 255);
    xfont-weight: bold;
    padding: 0.35em 1.5em;
    border-width: 0px;
    border-radius: 0px;
}
#container select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image:url(/qg/cms.layout.custom.6/pub/img/dropdown.svg);
	background-repeat:no-repeat;
	background-position:97% 50%;
	background-size:32px 11px;
	background-position:top 50% right 5px;
	padding-right:2.7em;
}
#container [type=number] {
	-moz-appearance: textfield;
}
#container select::-ms-expand {
    display: none;
}


@media (max-width: 500px) {
	#head {
		position:fixed;
		top:0;
		left:0;
		right:0;
		z-index:2;
		background:#fff;
	}
	body #title_1 {
		font-size:34px;
	}
	html h2 {
		font-size:30px;
	}
	html .l1_width {
		padding:0 20px;
	}
}
@media (max-width: 580px) {
	body #intro {
		display:none;
	}
}
#mobHead, #mob_langs {
	display:none;
}

@media (max-width: 650px) {
	html #subnav > ul > li {
		display:none;
	}
	html #subnav > ul > li.cmsInside {
		display:block;
	}
}
@media (max-width: 1000px) {
	#mobHead {
		display:block;
	}
	html #mobHead {
		display:flex;
		align-items:center;
	}
	html #mobHead a.cmsLink20 {
		height: 25px;
		width: 25px;
		margin-right: 20px;
	}

	html #logo {
		flex:1;
	}
	html #logo > img {
		height:40px;
	}
	html #nav {
		position:fixed;
		background:#fff;
		z-index:2;
		top:0;
		right:auto;
		margin-top:0;
		padding:20px;
		overflow:auto;
		transform:translateX(-100%);
	}
	html #nav a {
		display:block;
	}
	html #nav > nav > ul {
		text-align:left;
	}
	html #nav > nav > ul > li {
		display:block;
		margin:20px 0;
	}
	html #nav > nav > ul > li > a {
		border-bottom-color: #e5e5e5;
		xborder-bottom-width: 1px;
	}
	html #nav > nav > ul > li > a.cmsInside {
		border-bottom-color: rgb(175, 0, 113);
		xborder-bottom-width: 6px;
	}
	html #nav > nav > ul > li ul {
		display:block;
		font-weight:normal;
		font-size:.8em;
		padding-top:10px;
		padding-left:0;
	}
	html #nav > nav > ul > li ul a {
		padding:3px 0;
	}
	html #nav > nav > ul > li ul a.cmsInside {
		color: rgb(175, 0, 113);
		font-weight:bold;
	}

	#service {
		display:none;
	}
	#mob_langs {
		display:block;
		font-size:19px;
		font-weight:normal;
	}
	#mob_langs > select {
		width:100%;
	}
}
@media (max-width: 1080px) {
	#stempel {
		display:none;
	}
}



.cd_cols_2 ,
.cd_cols_3 {
	display:flex;
	x_flex-wrap:wrap;
	margin:60px 0;
}
.cd_cols_2 > * ,
.cd_cols_3 > * {
	box-sizing:border-box;
	flex:0 1 auto;
	min-width:200px;
	width:37%;
	padding:0 3.6%;
}
.cd_cols_3.small_gap > * {
	padding: 0 1.4%;
}
.cd_cols_2 > :first-child ,
.cd_cols_3 > :first-child {
	padding-left:0;
}
.cd_cols_2 > :last-child ,
.cd_cols_3 > :last-child {
	padding-right:0;
}

.cd_cols_3 > * {
	box-sizing:content-box;
	padding: 0 2.9%;
}

@media (max-width: 860px) {
	.cd_cols_2 ,
	.cd_cols_3 {
		display:block;
	}
	.cd_cols_2.cd_cols_2 > * ,
	.cd_cols_3.cd_cols_3 > * {
		width:auto;
		padding:3.6% 0;
	}
	.cd_cols_2 > :first-child ,
	.cd_cols_3 > :first-child {
		padding-top:0;
	}
	.cd_cols_2 > :last-child ,
	.cd_cols_3 > :last-child {
		padding-bottom:0;
	}

	html #foot {
		background-image:url(/qg/cms.layout.custom.6/pub/img/footer_mobile.jpg);
	}

}


#container .c1-fieldTable {
    display:table;
    width: 100%;
}
#container .c1-fieldTable > *  {
    display:table-row-group;
}
#container .c1-fieldTable > * > *  {
    display:table-row;
}
#container .c1-fieldTable > * > * > * {
    display:table-cell;
    padding:6px;
    width:50%;
    vertical-align:top;
	font-weight:normal;
}
#container .c1-fieldTable > * > * > :first-child {
	padding-top:.67em;
	padding-left:0;
	width:37%;
}
#container .c1-fieldTable > * > * > :last-child {
	padding-right:0;
}
#container .c1-fieldTable input:not([type=checkbox]):not([type=radio]) ,
#container .c1-fieldTable textarea ,
#container .c1-fieldTable select ,
#container .c1-fieldTable button {
	width:100%;
    vertical-align:middle;
}
@media (max-width: 560px) {
	#container .c1-fieldTable {
		font-size:.9em;
	}
	#container .c1-fieldTable > * > * > * {
		padding:3px;
	}
}
@media (max-width: 400px) {
	#container .c1-fieldTable {
		font-size:.8em;
	}
}



.cd_checkboxes {
    padding: 0.46em 0px;
	margin: 18px 0px;
    border-style: solid;
    border-color: #E5E5E5;
    border-width: 1px 0px;

	-webkit-columns: 240px;
    -moz-columns: 240px;
    columns: 240px;
	-webkit-column-gap: 27px;
    -moz-column-gap: 27px;
    column-gap: 27px;
}
.cd_checkboxes > label {
    display: block;
}
.cd_checkboxes input + i {
	margin-right: .46em;
}
.cd_checkboxes input + i + span {
    color: rgb(151, 151, 151);
}
.cd_checkboxes input:checked + i + span {
    color: rgb(175, 0, 113);
}
.cd_checkboxes::after {
    display: block;
    content: "";
    clear: both;
}


input.c1-fakable {
    position:absolute;
    clip: rect(0 0 0 0);
}
input.c1-fakable + i {
	position:relative;
	display:inline-block;
    width :.68em;
    height:.68em;
    background-color:#fff;
    border:1px solid #979797;
	margin-right:.3em;
}
input[type=radio].c1-fakable + i {
	border-radius:50%;
}
input.c1-fakable:checked + i {
    xbackground-color:#555;
}
input.c1-fakable:checked + i:after {
	display:block;
    content:url(/qg/cms.layout.custom.6/pub/img/checkbox.svg);
	position:absolute;
	width:1.06em;
	height:1.0em;
	top:-.41em;
	right:-.44em;
}

#foot, #subnav > ul > li > a {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


.cd_img_1 > div {
	padding-bottom:100%;
	height:0;
	position:relative;
}
.cd_img_1 > div > div {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	display:flex;
	align-items:center;
}
.cd_img_1 > div > div > img {
	max-width:100%;
}
.cd_img_2 {
	flex:1;
	background-size:cover;
	background-position:50%;
	background-origin:content-box;
	background-repeat: no-repeat;
}

@media (max-width: 860px) {
	.cd_img_1 > div {
		padding-bottom:0;
		height:auto;
	}
	.cd_img_1 > div > div {
		position:static;
	}
	.cd_img_1 {
		padding-bottom:0 !important;
	}
	.cd_img_2 {
		display:none;
	}
}

.cd_next {
	cursor:pointer;
	position:absolute;
	bottom:20px;
	left:0;
	right:0;
	width:200px;
	margin:auto;
	text-align:center;
	font-size:18px;
	line-height:1.1;
	z-index:1;
}
.cd_next > img {
	margin-top:20px;
}

.cd_back {
	height:34.5px;
	margin-bottom:24px;
}



.cd_acc > .-handle {
	cursor:pointer;
	text-decoration:none;
	font-weight:bold;
	-webkit-tap-highlight-color: transparent;
	border-top:1px solid #e5e5e5;
	padding:.5em 0;
	background:url(/qg/cms.layout.custom.6/pub/img/open.svg) no-repeat 100% 50%;
	background-position:top 12px right 8px;
	background-size:24px 20px;
	padding-right:40px;
}
.cd_acc > .-handle:focus {
	outline:none;
}
.cd_acc > .-handle.-active {
	background-image:url(/qg/cms.layout.custom.6/pub/img/close.svg);
	color:#af0071;
}
.cd_acc > .-content {
	xpadding:10px;
	display:none;
}

.cd_acc > .-handle::-moz-selection { color:inherit; background: rgba(51, 143, 255,.2); }
.cd_acc > .-handle::selection      { color:inherit; background: rgba(51, 143, 255,.2); }


.cd-list {
	margin:1.3em 0;
	padding:0;
	list-style:none;
	line-height:1-m-cms-cont-shp3-category-cd3;
	line-height:1.3;
}
.cd-list > li {
	border:1px solid #e5e5e5;
	border-width:1px 0 0 0;
	padding:.36em 0;
}
.cd-list > li:last-child {
	border-bottom-width:1px;
}

.-m-cms-cont-shp3-category-cd ul {
	margin:1.3em 0;
	padding:0;
	list-style:none;
	line-height:1.3;
}
.-m-cms-cont-shp3-category-cd li {
	border:1px solid #e5e5e5;
	border-width:1px 0 0 0;
	padding:.36em 0;
}
.-m-cms-cont-shp3-category-cd li:last-child {
	border-bottom-width:1px;
}
html .-m-cms-cont-video-youtube2 {
  margin: 0 auto;
}

#subnav > ul > li.cmsLink_909 {
	display:none;
}



.cd_presseLink {
	position:fixed;
	bottom:11px;
	right:11px;
	background:#af0071;
	color:#fff;
	font-weight:bold;
	z-index:3;
	-webkit-font-smoothing: antialiased;
	text-decoration:none;
	padding:5px 14px;
	white-space:nowrap;
}
.cd_presseLink .-text {
	display:inline-block;
}
.cd_presseLink > .-arrow {
	margin-left:4px;
	display:inline-block;
}

@media (max-width: 1200px) {
	.cd_presseLink {
		font-size:14px;
	}
}




.b1-up-down-input input {
	margin:0 2px;
}
.b1-up-down-input button {
	background-color: var(--color-area);
	color: var(--color);
}
.b1-up-down-input button:active,
.b1-up-down-input button:focus,
.b1-up-down-input button:hover {
	background-color: hsl(0, 0%, 91.1%);
}
.b1-up-down-input button > svg {
	width:1em;
	height:1em;
}


#cd_country_chooser,
#cd_cart_added {
	width:29rem;
}
#cd_country_chooser select {
	width:100%;
}

/*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */

article,
aside,
details, /* 1 */
figcaption,
figure,
footer,
header,
main, /* 2 */
menu,
nav,
section,
summary { /* 1 */
  display: block;
}

/**
 * Add the correct display in IE 9-.
 */

audio,
canvas,
progress,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */

template, /* 1 */
[hidden] {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */

a:active,
a:hover {
  outline-width: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
  font-style: italic;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Add the correct background and color in IE 9-.
 */

mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10-.
 */

img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct margin in IE 8.
 */

figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/* Forms
   ========================================================================== */

/**
 * Change font properties to `inherit` in all browsers (opinionated).
 */

button,
input,
select,
textarea {
  font: inherit;
}

/**
 * Restore the font weight unset by the previous rule.
 */

optgroup {
  font-weight: bold;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 * 2. Show the overflow in Edge, Firefox, and IE.
 */

button,
input, /* 1 */
select { /* 2 */
  overflow: visible;
}

/**
 * Remove the margin in Safari.
 * 1. Remove the margin in Firefox and Safari.
 */

button,
input,
select,
textarea { /* 1 */
  margin: 0;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Change the cursor in all browsers (opinionated).
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  cursor: pointer;
}

/**
 * Restore the default cursor to disabled elements unset by the previous rule.
 */

[disabled] {
  cursor: default;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS.
 */

button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
input:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * Correct the odd appearance of search inputs in Chrome and Safari.
 */

[type="search"] {
  -webkit-appearance: textfield;
}

/**
 * Remove the inner padding and cancel buttons in Chrome on OS X and
 * Safari on OS X.
 */

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

html {
	font-family:Arial, sans serif;
}
a {
    -webkit-tap-highlight-color:transparent;
	background: transparent; /* ie10 */
}
ul, ol {
	padding-left: 1.6em;
}
hr {
	border:1px solid;
	border-width:0 0 1px 0;
	opacity:.3;
}

:focus:not(a) { outline:0; }
a:hover { text-decoration:underline; outline: 0; }
a:active { outline: 0; }

tbody { vertical-align: top; }
th { text-align:left; }

nav ul {
	margin:0;
	list-style:none;
	list-style-image:none;
}
nav > ul {
	padding:0;
}

nav a, nav a:hover {
	text-decoration:none;
}

/* form http://jsfiddle.net/fs8njy1d/4/embedded/result/ */
form { margin:0; } /* ie6/7 */

label { cursor: pointer; }

input,
input[type=search], /* overwrite normalize.css */
textarea,
select,
button,
.c1-inp,
.c1-btn {
	box-sizing:border-box;
	padding:3px 4px;
	font-size:inherit;
	max-width:100%; /* todo: neu ok?*/
}
input,
textarea {
	width:170px;
	border-radius:0;
}
select {
	padding:3px 3px 3px 4px;
}
input[type=button],
input[type=submit],
input[type=reset],
button {
	padding-left:1em;
	padding-right:1em;
}
xinput[type=file],
input[type=range],
input[type=checkbox],
input[type=radio] {
	padding:0;
	border:0;
}
input[type=file] {
	padding-left:0;
	border-color:transparent;
	border-left-width:0;
}
body input[type=checkbox],
body input[type=radio],
input[type=button],
input[type=submit],
input[type=reset],
input[type=file],
button {
	width:auto;
}
[type=checkbox],
[type=radio] {
	cursor:pointer;
}
[type=number] {
	text-align:right;
}
/*
input[type=search] {
    -webkit-appearance: none; // needed?
    -moz-appearance: none;
}
*/

input[type=text],
input[type=password],
input[type=number],
input[type=search],
/*input[type=date], not good on ios */
input[type=email],
input[type=tel],
input:not([type]) {
	-webkit-appearance: none;
}

/* overwrite styles */
select, input, textarea, .c1-inp, button, .c1-btn {
	padding:.2em;
	border:1px solid #999;
	font-family:inherit;
	line-height:1.4;
	margin:0;
	color:inherit;
}
.c1-inp {
	display:inline-block;
	background-color:#fff;
	border:1px solid #999;
	min-height:1.9em;
	width:170px;
	display:inline-flex; /* was flex */
}
html body .c1-inp > * {
	margin:0;
	border-width:0 0 0 1px;
	border-radius:0;
	-webkit-flex:1 1 auto;
	flex:1 1 auto;
}
.c1-inp > *:first-child {
	border-left-width:0;
}
.c1-inp > input {
	flex:100 1 auto;
}
.c1-btn,
button,
input[type=submit],
input[type=reset],
input[type=button] {
	border-radius:3px;
	padding-left:.5em;
	padding-right:.5em;
	cursor:pointer;
	color:inherit;
	text-align:center;
	text-decoration:none;
}

.c1-btn:focus,
button:focus,
input[type=submit]:focus,
input[type=reset]:focus,
input[type=button]:focus ,
.c1-btn:active,
button:active,
input[type=submit]:active,
input[type=reset]:active,
input[type=button]:active ,
.c1-btn:hover,
button:hover,
input[type=submit]:hover,
input[type=reset]:hover,
input[type=button]:hover {
	background-color:hsl(321.3, 100%, 24.3%); /* original: hsl(321.3, 100%, 34.3%)*/
	xcolor:inherit; /* a-tag */
	text-decoration:none; /* a-tag */
}

/*
.c1-btn:active,
button:active,
input[type=submit]:active,
input[type=reset]:active,
input[type=button]:active {
	background-image:linear-gradient(#ddd,#fff);
}
*/
.c1-btn[disabled],
button[disabled],
button.-disabled,
input[type=submit][disabled],
input[type=reset][disabled],
input[type=button][disabled] {
	opacity:.4;
}

a[href^=tel] {
    color:inherit;
    text-decoration:none;
}
iframe[seamless], iframe[seamless="*"]:not([seamless="false"]):not([seamless="no"]) {
	border:none;
	background-color: transparent;
}