@media (max-width: 660px) {
	html[lang] {
		font-size: 15px;
	}
}




/*
@font-face {
	font-family: 'xxx';
	src: url('font/xxx.woff2') format('woff2'), url('font/xxx.woff') format('woff');
	font-weight: 400;
	font-style: normal;
	font-display: fallback;
}
@media (max-width: 1200px) {}
*/

/*! 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 iOS.
 */
html {
  font-family: sans-serif; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}
/**
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */
details, /* 1 */
main, /* 2 */
summary { /* 1 */
  display: block;
}
/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}
/**
 * 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;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 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 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;
}
/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}
/**
 * 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 */
}
/**
 * 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 */
}
/**
 * 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.
 */
button,
input { /* 1 */
  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.
 * 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 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}
/**
 * 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;
}

/* recommend.css | Copyright (c) 2016 Tobias Buschor https://goo.gl/gl0mbf | MIT License https://goo.gl/HgajeK */
body {
    word-break:   break-word; /* chrome, -firefox,  edge,  safari, -ie   exactly the save as: ? */
    word-wrap:    break-word; /* chrome,  firefox,  edge,  safari,  ie   w3c changed to: */
    overflow-wrap:break-word; /* chrome,  firefox, -edge, ?safari, -ie */
    -webkit-hyphens:auto;
    -ms-hyphens:auto;
    hyphens:auto;
}
body table {
    word-break:   initial;
    word-wrap:    initial;
    overflow-wrap:initial;
}
a { /* on buttons to, or * ? */
    -webkit-tap-highlight-color:transparent;
}
ul, ol {
	padding-left: 1.6em;
}
hr {
	color:currentColor;
	border:1px solid;
	opacity:.5;
	border-top-width:0 !important;
	border-left-width:0 !important;
	border-right-width:0 !important;
}

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

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

nav ul {
	margin:0;
	list-style:none;
	list-style-image:none;
	padding:0;
}
nav li {
	background-image:none;
	padding:0;
}
nav a, nav a:hover {
	text-decoration:none;
}

/* form http://jsfiddle.net/fs8njy1d/4/embedded/result/ */
label { cursor: pointer; }

input,
[type=search],
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;
}
/* overwritten after
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=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 {
	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;
	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] {
	background-image:linear-gradient(#fff,#ddd);
	border-radius:3px;
	padding-left:.8em;
	padding-right:.8em;
	cursor:pointer;
	color:inherit;
	text-align:center;
	text-decoration:none;
}
.c1-btn:hover,
button:hover,
input[type=submit]:hover,
input[type=reset]:hover,
input[type=button]:hover {
	border-color:#666;
	color: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],
input[type=submit][disabled],
input[type=reset][disabled],
input[type=button][disabled] {
	background-image:linear-gradient(#fff,#eee);
	border-color:#999;
	opacity:.9;
	color:#aaa;
}
a[href^=tel] {
    color:inherit;
    text-decoration:none;
}

/*
::-webkit-input-placeholder { color:#c6251e; }
:-ms-input-placeholder { color:#c6251e; }
::placeholder { color:#c6251e; }
*/


ul {
	padding:0;
	list-style:none;
	margin-top:.5em;
	margin-bottom:.5em;
}
li {
	padding-left: 2em;
	background-repeat: no-repeat;
	background-position: 1em .15em;
	background-image: url("/qg/cms.layout.custom.6/pub/img/rest.svg");
	background-size: .45em auto;
}
.q1Rst ul {
	padding-left: 1.6em;
	list-style-type: disc;
}
.q1Rst li {
	padding:0;
	background-image:none;
}

.cd-overview {
	display:flex;
	flex-wrap:wrap;
	margin:0 0 0 -.5rem;
	margin:0 -.5rem;
}
.cd-overview a {
	text-decoration:none;
}
.cd-overview > .-item-wrapper {
	width:33.33%;
	padding:.5rem;
	box-sizing:border-box;
}
.cd-overview .-item {
	z-index:0;
	position:relative;
	padding-bottom:100%;
	height:0;
	overflow:hidden;
	border-radius:1em;
}
.cd-overview .-date {
	line-height:1;
	font-size:.9rem;
	color:#fff;
	padding:.5rem;
	text-align:center;
	border-radius:50%;

	border-radius:1em;
	padding:.5rem .5rem .4rem .5rem;

	position:absolute;
	top:.5rem;
	right:.5rem;
	z-index:1;
}
.cd-overview .-text {
	position:absolute;
	bottom:0;
	left:0; right:0;
	background:rgba(0,0,0,0.7);
	color:white;
	font-size:1rem;
	text-align:center;
	text-transform:uppercase;
	padding:.4em;
	transform:translateY(0);
	transition:top .5s;
	transition-property:top, bottom, transform, background;
	will-change:bottom, transform;
	z-index:2;
}
.cd-overview a {
	color:inherit;
	font-weight:600;
}
.cd-overview .-item:hover .-text {
	bottom:50%;
	transform:translateY(50%);
	background:rgba(0,0,0,0.0);
}

/* abdunkeln */
.cd-overview .-item::after {
	content:'';
	position:absolute;
	top:0;
	left:0; right:0; bottom:0;
	background-color:rgba(0,0,0,.7);
	transition:opacity .8s;
	opacity:0;
	z-index:0;
}
.cd-overview .-item:hover::after {
	opacity:1;
}

@media (max-width: 785px) {
	.cd-overview > .-item-wrapper {
		width:33.333%;
	}
}
@media (max-width: 560px) {
	.cd-overview > .-item-wrapper {
		width:50%;
	}
}
@media (max-width: 390px) {
	.cd-overview > .-item-wrapper {
		width:100%;
	}
}