@font-face {
  font-family: 'lato';
  src: url('../fonts/Lato/lato-hairline-webfont.eot');
  src: url('../fonts/Lato/lato-hairline-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Lato/lato-hairline-webfont.woff') format('woff'),
       url('../fonts/Lato/lato-hairline-webfont.ttf') format('truetype'),
       url('../fonts/Lato/lato-hairline-webfont.svg#lato-light') format('svg');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'lato';
  src: url('../fonts/Lato/lato-light-webfont.eot');
  src: url('../fonts/Lato/lato-light-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Lato/lato-light-webfont.woff') format('woff'),
       url('../fonts/Lato/lato-light-webfont.ttf') format('truetype'),
       url('../fonts/Lato/lato-light-webfont.svg#lato-light') format('svg');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'lato';
  src: url('../fonts/Lato/lato-regular-webfont.eot');
  src: url('../fonts/Lato/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Lato/lato-regular-webfont.woff') format('woff'),
       url('../fonts/Lato/lato-regular-webfont.ttf') format('truetype'),
       url('../fonts/Lato/lato-regular-webfont.svg#lato-regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'lato';
  src: url('../fonts/Lato/lato-bold-webfont.eot');
  src: url('../fonts/Lato/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Lato/lato-bold-webfont.woff') format('woff'),
       url('../fonts/Lato/lato-bold-webfont.ttf') format('truetype'),
       url('../fonts/Lato/lato-bold-webfont.svg#lato-bold') format('svg');
  font-weight: bold;
  font-style: normal;
}


:root {
	--primary: #a06;
	--secondary: #323334;
	--tertiary: #98999a;
	--hilite: #323334;
	--hilite-on-primary: rgba( 255, 255, 255, .66 );
	--hilite-on-dark: rgba( 255, 255, 255, .33 );
	--fine-line: #dcddde;
}

*,
*:before, 
*:after {
	border: 0;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

/** /
* {
	outline: 1px dotted rgba( 0, 0, 0, .2 );
}
/**/

html {
	font-size: 62.5%;
	line-height: 1.333em;
	height: 100%;
}

body {
	background-color: #edeeef;
	color: #606060;
	font: 2rem/2.9rem 'lato', arial, sans-serif;
	min-height: 100%;
}

#content-wrapper {
	overflow: hidden;
}

main h1,
main h2,
main h3,
main h4,
main h5,
main h6,
main ul,
main ol,
main table,
main p {
	margin-bottom: 2rem;
}

#section-aktuell p {
	margin-bottom: 2rem;
}

h1 {
	font-size: 3rem;
	line-height: 3rem;
}

h2 {
	font-size: 2.4rem;
	line-height: 2.4rem;
}

h3 {
	font-size: 2rem;
	line-height: 2.1rem;
}

h4 {
	font-size: 1.6rem;
	line-height: 2.1rem;
}

th {
	padding-right: 1rem;
	text-align: left;
}

td p {
	margin-bottom: 0;
}

a {
	color: var(--primary);
}

img {
	max-width: 100%;
}

/* BEGIN HEADER */

header {
	
}

.simplesearch,
main,
.inner {
	margin: 0 auto;
	max-width: 100rem;
	padding: 0 1rem;
	position: relative;
}

/* nav#meta */

#mobile-nav-toggle {
	display: none;
}

@media ( max-width: 767px ) {
	#mobile-nav-toggle-label {
		color: #fff;
		cursor: pointer;
		position: fixed;
		right: 0;
		text-align: right;
		top: 0;
		width: 100%;
		z-index: 95;
	}
	
	#mobile-nav-toggle-label i {
		padding-right: 1rem;
	}
	
	#mobile-nav-toggle-label i:last-of-type {
		display: none;
	}
	
	#mobile-nav-toggle:checked ~ #mobile-nav-toggle-label {
		width: auto;
	}
	
	#mobile-nav-toggle:checked ~ #mobile-nav-toggle-label i:first-of-type {
		display: none;
	}
	
	#mobile-nav-toggle:checked ~ #mobile-nav-toggle-label i:last-of-type {
		display: inline-block;
	}
	
	nav#meta {
		background-color: var(--primary);
		height: 3.2rem;
		line-height: 3.2rem;
		overflow: hidden;
		position: fixed;
		width: 100%;
		z-index: 90;
	}
	
	nav#meta li {
		display: none;
	}
	
	nav#meta > div.inner > ul > li.active {
		display: block;
	}
	
	#mobile-nav-toggle:checked ~ #content-wrapper {
/*		height: 100vh;*/
		overflow: hidden;
	}
	
	#mobile-nav-toggle:checked ~ #content-wrapper nav#meta {
		height: 100vh;
		overflow: auto;
	}

	#mobile-nav-toggle:checked ~ #content-wrapper nav#meta li {
		display: block;
	}
	
	#mobile-nav-toggle:checked ~ #content-wrapper nav#meta > div.inner > ul {
		margin: 2rem;
	}
	
	#mobile-nav-toggle:checked ~ #content-wrapper nav#meta li li {
		margin-left: 2rem;
	}
	
	nav#meta a {
		color: #fff;
	}
	
	nav#meta > div > ul#meta-icons > li {
		margin: 0 .5rem;
	}

	#mobile-nav-toggle:checked ~ #content-wrapper nav#meta > div > ul#meta-icons {
		display: flex;
	}
	
}

@media ( min-width: 768px ) {
	#mobile-nav-toggle-label {
		display: none;
	}

	nav#meta {
		background-color: var(--primary);
	}

	nav#meta > div {
		display: flex;
		justify-content: flex-end;
	}

	nav#meta > div > ul {
		display: flex;
		list-style: none inside;
	}

	nav#meta > div > ul > li {
		margin: 0 1rem;
	}

	nav#meta > div > ul#meta-icons > li {
		margin: 0 .5rem;
	}

	nav#meta > div > ul:first-of-type > li:not(.meta),
	nav#meta > div > ul:first-of-type > li > ul {
		display: none;
	}


	nav#meta ul a {
		color: #fff;
		font-size: 1.6rem;
		text-decoration: none;
		text-transform: uppercase;
	}

	nav#meta ul a:hover,
	nav#meta ul a.active {
		color: var(--hilite-on-primary);
	}
}


/* nav#sub */

@media ( max-width: 767px ) {
	nav#sub {
		display: none;
	}
}

@media ( min-width: 768px ) {
	nav#sub {
		position: absolute;
		width: 100%;
		z-index: 10;
	}

	nav#sub > div > ul,
	nav#sub > div > ul > li > ul {
		display: flex;
		justify-content: center;
		list-style: none inside;
	}

	nav#sub > div > ul > li > ul > li {
		margin: 0 1rem;
	}

	nav#sub > div > ul > li > ul > li > a {
		font-size: 1.6rem;
		text-transform: uppercase;
	}
	nav#sub > div > ul > li > a,
	nav#sub > div > ul > li {
		display: none;
	}

	nav#sub > div > ul > li.meta.active {
		display: block;
	}

	nav#sub a {
		color: var(--secondary);
	}

	nav#sub a:hover,
	nav#sub a.active {
		color: var(--primary);
	}
}

/* #logo */

a#logo {
	display: inline-block;
	margin: 6rem 0 4rem;
	max-width: 90vw;
	padding: 1rem 0;
	width: 34rem;
}



/* nav#main */

@media ( max-width: 767px ) {
	nav#main {
		display: none;
	}
}

@media ( min-width: 768px ) {
	nav#main {
		padding-bottom: 2rem;
	/*	border-bottom: .1rem solid var(--fine-line);*/
	}

	nav#main > div > ul {
		display: flex;
		list-style: none inside;
	}

	nav#main > div > ul > li {
		margin: 0 1rem;
	}


	nav#main > div > ul > li:not(.main),
	nav#main ul ul {
		display: none;
	}

	nav#main > div > ul > li:nth-of-type(2) {
		margin-left: 0;
	}

	nav#main ul a {
		text-decoration: none;
		font-size: 2.4rem;
	}


	nav#main a:hover {
		border-bottom: .3rem solid rgba( 0, 0, 0, .1 );
	}
	nav#main a.active {
		border-bottom: .3rem solid var(--primary);
	}
}

/* END HEADER */

/* START CONTENT */

.simplesearch,
main {
	padding: 4rem 1rem;
}

@media ( min-width: 768px ) {
	main {
		min-height: calc( 100vh - 44rem );
	}
}

ul {
	list-style: none inside;
}

blockquote {
	color: var(--primary);
	font-weight: normal;
	font-style: italic;
}

ul#list > li {
	display: flex;
	justify-content: space-between;
	padding: 2rem 0;
}

ul#list > li > .cover {
	display: block;
	position: relative;
/*	width: 15%;*/
	width: 14.7rem;
}

ul#list > li > .cover.placeholder {
	background-color: rgba( 0, 0, 0, .05 );
	height: 14.7rem;
}

.title-cover img,
.cover img {
	box-shadow: 0 0 .5rem rgba( 0, 0, 0, .5 );
}

ul#list > li > div {
	display: block;
/*	width: 80%;*/
	width: calc( 100% - 19.5rem );
}

@media ( max-width: 539px ) {
	ul#list > li {
		display: block;
	}
	ul#list > li > div {
		width: 100%;
	}
}

ul#list h2 {
	margin-bottom: .5rem;
}

ul#list h3 {
	font-weight: normal;
}


a {
	text-decoration: none;
}

.actions a {
	display: block;
}

.title-wrapper {
	display: flex;
	justify-content: space-between;
}

.title-cover {
	position: relative;
	width: 26rem;
}

.label {
	background-color: var(--primary);
	border-radius: .4rem;
	box-shadow: 0 0 .25rem rgba( 0, 0, 0, .5 );
	color: #fff;
	font-size: 1.3rem;
	line-height: 1.3rem;
	padding: .5rem 1rem;
	position: absolute;
	right: -1rem;
	text-transform: uppercase;
	top: -1rem;
}

.title-cover img {
	width: 100%;
}

.title-description {
	max-width: 64rem;
	position: relative;
	width: calc( 100vw - 36rem );
}

@media ( max-width: 639px ) {
	.title-wrapper {
		display: block;
	}
	.title-description {
		width: 100%;
	}
}


/* END CONTENT */


/* homepage */

body.home h2 {
	color: var(--primary);
	font-weight: normal;
	padding: 1rem 0;
	text-transform: uppercase;
}

body.home h3 {
	color: var(--primary);
	font-weight: normal;
}

body.home h4 {
	color: var(--tertiary);
	font-size: 1.3rem;
	font-weight: normal;
	text-transform: uppercase;
}

.banner-wrapper {
	background-image: url(../images/bg.jpg);
	background-position: center center;
	background-attachment: fixed;
	padding: 0;
	position: relative;
}

@media( min-width: 1216px ) {
	.banner-wrapper {
		padding: calc( ( 100vw - 1216px ) / 2 ) 0;
	}
}

@media( min-width: 1296px ) {
	.banner-wrapper {
		padding: 4rem 0;
	}
}

.slider {
	height: 50rem;
	margin: 0 auto;
	max-width: 121.6rem;
	position: relative;
	width: 100%;
}

body.home .slider {
	height: 41vw;
}

@media( min-width: 1216px ) {
	body.home .slider {
		height: 49.9rem;
	}
}

.slider .slide {
  display: none;
/*  height: 260px;*/
/*  max-height: 584px;*/
  left: 0;
  position: absolute;
  top: 0;
  z-index: 0;
}

.slider .slide img {
	box-shadow: 0 0 .5rem rgba( 0, 0, 0, .33 );
}

body:not(.home) .slide {
	/* background-color: aqua; */
	height: 100%;
	overflow: hidden;
	text-align: center;
	width: 100%;
}

body:not(.home) .slide.landscape {
	padding-top: 6rem;
}

body:not(.home) .slide img {
	object-fit: contain;
	max-height: 50rem;
}

body.home .slider .slide,
body.home .slider .slide img {
	width: 100%;
}

.slider .slide:first-child {
  display: block;
}

.slider .slide.next {
  z-index: 5;
}

.slider .slide.selected {
  z-index: 10;
}

#sldr-prv {
	background-color: rgba( 0, 0, 0, .1 );
	border-radius: .2rem;
	color: #fff;
	cursor: pointer;
	font-size: 3rem;
	left: -.5rem;
	padding: 2rem 1rem;
	position: absolute;
	top: calc( 50% - 3rem );
	z-index: 20;
}

#sldr-nxt {
	background-color: rgba( 0, 0, 0, .1 );
	border-radius: .2rem;
	color: #fff;
	cursor: pointer;
	font-size: 3rem;
	padding: 2rem 1rem;
	position: absolute;
	right: -.5rem;
	top: calc( 50% - 3rem );
	z-index: 20;
}

@media ( min-width: 1306px ) {
	body.home #sldr-prv {
		left: calc( ( 100vw - 1316px ) / 2 );
	}
	body.home #sldr-nxt {
		right: calc( ( 100vw - 1316px ) / 2 );
	}
}

@supports ( ( -webkit-backdrop-filter: blur(10px) ) or ( backdrop-filter: blur(10px) ) ) {
  #sldr-prv,
  #sldr-nxt {
    backdrop-filter: saturate(180%) blur(10px);
    -webkit-backdrop-filter: saturate(180%) blur(10px);
  }
}

.slidercontrol {
/*	background-color: rgba( 0, 0, 0, .2 );*/
	position: relative;
	margin: 0 auto;
	max-width: 100rem;
}

.slidercontrol .inner {
	padding: 0;
}

.slidercontrol .prev {
	background-color: rgba( 0, 0, 0, .1 );
/*	border: .1rem solid rgba( 0, 0, 0, .33 );*/
	border-radius: .2rem;
	color: #fff;
	cursor: pointer;
	font-size: 3rem;
	left: -4rem;
	padding: 2rem 1rem;
	position: absolute;
	top: calc( 50% - 5rem );
}

.slidercontrol .next {
	background-color: rgba( 0, 0, 0, .1 );
/*	border: .1rem solid rgba( 0, 0, 0, .33 );*/
	border-radius: .2rem;
	color: #fff;
	cursor: pointer;
	font-size: 3rem;
	padding: 2rem 1rem;
	position: absolute;
	right: -4rem;
	top: calc( 50% - 5rem );
}

@supports ( ( -webkit-backdrop-filter: blur(10px) ) or ( backdrop-filter: blur(10px) ) ) {
  .slidercontrol .prev,
  .slidercontrol .next {
    backdrop-filter: saturate(180%) blur(10px);
    -webkit-backdrop-filter: saturate(180%) blur(10px);
  }
}

@media ( max-width: 1080px ) {
	.slidercontrol .prev {
		left: -.5rem;
	}
	.slidercontrol .next {
		right: -.5rem;
	}
}

#section-aktuell .slidercontrol .next {
	left: auto;
	padding: .5rem 1rem;
	right: 0;
	top: -5rem;
}

#section-aktuell .slidercontrol .prev {
	left: auto;
	padding: .5rem 1rem;
	right: 4rem;
	top: -5rem;
}

#sldr-dots > .dots-wrapper {
	/* bottom: .2rem; */
	bottom: 0;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	left: 0;
	margin: 0 auto;
	max-width: 28rem;
	padding: .4rem 0;
	position: absolute;
	right: 0;
	width: calc( 100% - 2rem );
	z-index: 70;
}

#sldr-dots > .dots-wrapper > span {
	background-color: rgba( 0, 0, 0, .2 );
	box-shadow: 0 0 .5rem rgba( 255, 255, 255, .33 ); 
	cursor: pointer;
	height: 1rem;
	margin: .1rem;
	width: 100%;
}

#sldr-dots > .dots-wrapper > span.sliderpos {
	background-color: rgba( 0, 0, 0, .4 );
}

.section {
	border-top: .1rem solid var(--fine-line);
}

.section:not(#section-banner) {
	padding: 1rem 0 0;
}

.list-wrapper {
	display: block;
/*	height: 44rem;*/
	margin: 1rem auto;
/*	white-space: nowrap;*/
/*	max-width: 98rem;*/
	width: 100%;
}

.list-wrapper .items {
/*	background-color: rgba( 0, 0, 0, .1 );*/
	display: flex;
	overflow-x: scroll;
	overflow-y: hidden;
	/*
	overflow: -moz-scrollbars-none;
	margin-bottom: -2rem !important;
	padding-bottom: 2rem;
	*/
	-ms-overflow-style: none;
	/*
	scroll-padding-left: 1rem;
	scroll-padding-right: 1rem;
	*/
	scroll-behavior: smooth;
	scroll-snap-type: x mandatory;
	scrollbar-color: transparent transparent;
	scrollbar-height: 0;
}

.list-wrapper .items::-webkit-scrollbar { 
	color: transparent !important;
}

.list-wrapper .item {
	flex: 0 0 25%;
	scroll-snap-align: start;
	padding: 0 1rem;
	width: 25%;
}

.list-wrapper .item img {
	box-shadow: 0 0 .5rem rgba( 0, 0, 0, .5 );
}

@media ( max-width: 799px ) {
	.list-wrapper .item {
		flex: 0 0 33.3%;
		width: 33.3%;
	}
}

@media ( max-width: 639px ) {
	.list-wrapper .item {
		flex: 0 0 50%;
		width: 50%;
	}
}

/*
@media ( max-width: 414px ) {
	.list-wrapper .item {
		flex: 0 0 50vw;
		width: 50vw;
	}
}
*/

.list-wrapper .item:not(:first-of-type) {
/*	margin-left: 2rem;*/
}

#section-aktuell .inner {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	width: 100%;
}

#section-aktuell .items {
/*	background-color: transparent;*/
}

#section-aktuell .inner .item {
	padding: 0 2rem 0 0;
}

#section-aktuell .inner .grp {
	width: calc( 50% - 1rem );
}

@media ( max-width: 599px ) {
	#section-aktuell .inner {
		display: block;
	}
	#section-aktuell .inner .grp {
		width: 100%;
	}
}

.grp .list-wrapper .item {
	flex: 0 0 100%;
	scroll-snap-align: start;
	width: 100%;
}



.info {
/*	background: #fff;*/
/*	border-radius: .4rem;*/
/*	box-shadow: 0 0 .5rem rgba( 0, 0, 0, .05 );*/
	border-top: .1rem solid var(--primary);
	font-size: 1.6rem;
	line-height: 2.1rem;
	margin: 1rem 0;
	padding-top: 1rem;
/*	padding: 1rem 1rem 0 1rem;*/
}

.container {
	margin: 0 auto;
	max-width: 108rem;
}

.cover {
	display: block;
	width: 24rem;
}

footer {
	background-color: var(--primary);
	background-color: #edeeef;
	background-color: #a9aaab;
/*	background-color: #babbbc;*/
	padding: 2rem 0 4rem;
}

/* nav#map */

nav#map > div > ul {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	list-style: none inside;
}

nav#map > div > ul > li {
	margin: 0;
	width: calc( 24% - 1rem );
}

nav#map > div > ul > li:not(.map),
nav#map ul ul ul {
	display: none;
}

nav#map ul a {
	color: #fff;
	font-size: 1.3rem;
	position: relative;
	text-decoration: none;
	text-transform: uppercase;
}

nav#map > div > ul > li > a {
	color: #000;
	color: var(--primary);
	font-weight: bold;
}

/*
nav#map > div > ul > li > ul > li > a:hover:before,
nav#map > div > ul > li > ul > li > a.active:before {
	background-color: var(--hilite-on-dark);
	content: '';
	display: block;
	height: 100%;
	left: -.7rem;
	position: absolute;
	top: 0;
	width: .3rem;
}
*/

@media ( max-width: 767px ) {
/*	nav#map {*/
	footer {
		display: none;
	}
}

/*#section-aktuell,
#section-demnaechst {
	display: none;
}
*/

.noselect {
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none;          /* Likely future */
}

.search-wrapper {
	margin: 2rem 0;
}

.search-input {
	font: 2rem/2.9rem 'lato', arial, sans-serif;
	max-width: 30rem;
	padding: .2rem .8rem;
}

.search-submit {
	background-color: #fff;
	border: 0;
	border-radius: 0;
	cursor: pointer;
	line-height: 2.9rem;
	margin-left: .1rem;
	padding: .2rem .8rem;
}

a.summary p {
	color: var(--secondary);
}

.search-row {
	min-height: 10rem;
}

.search-row:first-of-type {
	margin-top: 4rem;
}

ul.bulletlist li {
	padding-left: 2rem;
	position: relative;
}

ul.bulletlist li:before {
	content: '–';
	left: 0;
	position: absolute;
}

body.checkout form,
body.rezensionsexemplare form {
	border-top: .1rem solid #999;
	margin-top: 2rem;
	padding-top: 2rem;
}

body.checkout .form-field,
body.rezensionsexemplare .form-field {
	display: flex;
	margin-bottom: 2rem;
}

body.checkout .form-field .form-label,
body.rezensionsexemplare .form-field .form-label {
	width: 32rem;
}

@media ( max-width: 640px ) {
	body.checkout .form-field,
	body.rezensionsexemplare .form-field {
		display: block;
	}
	
	body.checkout .form-field .form-label,
	body.rezensionsexemplare .form-field .form-label {
		width: 100%;
	}
}


body.checkout input[type=text],
body.checkout input[type=email],
body.rezensionsexemplare input[type=text],
body.rezensionsexemplare input[type=email] {
	font: 2rem/2.9rem 'lato', arial, sans-serif;
	padding: .2rem .8rem;
}

body.rezensionsexemplare select {
	font: 2rem/2.9rem 'lato', arial, sans-serif;
	padding: .2rem .8rem;
}


body.checkout button[type=submit],
body.checkout button[type=reset],
body.rezensionsexemplare button[type=submit],
body.rezensionsexemplare button[type=reset] {
	font: 2rem/2.9rem 'lato', arial, sans-serif;
	cursor: pointer;
	padding: .2rem .8rem;
}

body.checkout button[type=submit],
body.rezensionsexemplare button[type=submit] {
	background-color: var(--primary);
	color: #fff;
}

body.checkout textarea,
body.rezensionsexemplare textarea {
	font: 2rem/2.9rem 'lato', arial, sans-serif;
	min-height: 16rem;
	padding: .2rem .8rem;
}

#fullorder,
body.checkout div.form-field:nth-of-type(10) {
	outline: .1rem dashed green;
	display: none;
}

body.checkout .form-honeybear {
	display: none;
}

button.add-to-cart {
	background-color: var(--primary);
	color: #fff;
	font: 2rem/2.9rem 'lato', arial, sans-serif;
	cursor: pointer;
	margin: 2rem 0;
	padding: .2rem .8rem;
/*	transition: box-shadow .2s ease-in-out;*/
	width: 100%;
}

/*
button.add-to-cart:hover {
	box-shadow: 0 0 .5rem rgba( 0, 0, 0, .5 );
}
*/

.cart-actions form {
	display: inline-block;
}

.cart-actions input.quantity {
	font: 1.5rem/2.1rem 'lato', arial, sans-serif;
	cursor: pointer;
	margin: 2rem 0;
	padding: .2rem;
	text-align: center;
}

.cart-actions button {
	background-color: var(--primary);
	color: #fff;
	font: 1.5rem/2.1rem 'lato', arial, sans-serif;
	cursor: pointer;
	margin: 2rem 0;
	padding: .2rem .4rem;
}

#order {
/*	background-color: transparent;*/
	font: 1.5rem/2.1rem 'lato', arial, sans-serif;
	height: 20rem;
	width: 100%;
}

#tags {
	font: 1.3rem/2.1rem 'lato', arial, sans-serif;
	position: absolute;
	top: 0;
}

#tags li {
	display: inline-block;
	padding: 0 .5rem 0 0;
}

#tags li a:hover {
	border-bottom: .2rem solid rgba( 0, 0, 0, .1 );
}

#tags li a.active {
	border-bottom: .2rem solid var(--primary);
}

@media ( max-width: 767px ) {
	#tags {
		top: -4rem;
	}
}

ul.werbemittel {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin-left: -1rem;
	width: calc( 100% + 2rem );
}

ul.werbemittel > li {
	margin: 1rem;
	width: 23rem;
}

ul.werbemittel > li .image-wrapper {
	align-items: center;
	display: flex;
	min-height: 35.5rem;
}

ul.werbemittel > li img {
	box-shadow: 0 0 .5rem rgba( 0, 0, 0, .5 );
	height: 100%;
	width: 100%;
}

body.veranstaltungen main ul li,
body.archiv main ul li {
	border-bottom: .1rem solid var(--fine-line);
	margin-bottom: 1rem;
	padding-bottom: 1rem;
}

body.veranstaltungen main ul li h2,
body.archiv main ul li h2 {
	margin: 1rem 0;
}

body.veranstaltungen main ul li p,
body.archiv main ul li p {
	margin-bottom: 0;
}

body.archiv main a.archive-link {
	display: none;
}

small {
	font-size: 1.6rem;
	line-height: 2.1rem;
}

/* BEGIN COOKIEBANNER */

#cookiebanner {
	background-color: rgba( 0, 0, 0, .8 );
	bottom: 0;
	color: #fff;
	font-size: 13px;
	left: 0;
	padding: 8px 8px 0;
	position: fixed;
	text-align: center;
	width: 100%;
	z-index: 20000;
}

#cookiebanner p {
	color: #fff;
	margin-bottom: 8px;
}

#cookiebanner a {
	color: var(--primary);
	text-decoration: underline;
}

#cookiebanner a.btn {
/*	background-color: #369;*/
	background-color: var(--primary);
	border-radius: 4px;
	color: #fff;
	padding: 4px;
	text-decoration: none;
	white-space: nowrap;
}

/* END COOKIEBANNER */


.awards {
	display: block;
	position: absolute;
	right: 0;
	top: 7rem;
	width: 16rem;
}

#dvp20 {
	right: 36rem;
}

#dvp21 {
	right: 18rem;
}




@media( max-width: 899px ) {
	.awards {
		right: 1rem;
		top: 12rem;
		width: 10rem;
	}
	
	#dvp20 {
		right: 24rem;
	}

	#dvp21 {
		right: 12rem;
	}
}