@font-face {
	font-family:'Merriweather';
	font-style:normal;
	font-weight:300;
	src:local('Merriweather Light'), local('Merriweather-Light'), url('../../fonts/Merriweather-Light.woff2') format('woff2'), url('../../fonts/Merriweather-Light.ttf') format('truetype');
}

@font-face {
	font-family:'Source Sans Pro';
	font-style:normal;
	font-weight:300;
    src:local('Source Sans Pro Light'), local('SourceSansPro-Light'), url('../../fonts/SourceSansPro-Light.woff2') format('woff2'), url('../../fonts/SourceSansPro-Light.ttf') format('truetype');
}

@font-face {
	font-family:'Source Sans Pro';
	font-style:normal;
	font-weight:400;
    src:local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url('../../fonts/SourceSansPro-Regular.woff2') format('woff2'), url('../../fonts/SourceSansPro-Regular.ttf') format('truetype');
}

@font-face {
	font-family:'Source Sans Pro';
	font-style:normal;
	font-weight:700;
    src:local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url('../../fonts/SourceSansPro-Bold.woff2') format('woff2'), url('../../fonts/SourceSansPro-Bold.ttf') format('truetype');
}

html, body {
	margin:0;
	padding:0;
	background-color:#ffffff;
}

img {
	border:none;
}

button, .newsletter-button {
	padding:10px 30px 10px 30px;
	font-size:12px;
	color:#000000;
	border-style:solid;
	border-width:1px;
	border-color:#aaaaaa;
	border-radius:0px;
	background-color:#ffffff;
	appearance:none;
	-webkit-appearance:none;
}

.newsletter-button-disabled {
	color:#dddddd;
	border-color:#dddddd;
	cursor:not-allowed;
}

.button-mobile {
	text-align:center;
	margin:5px 0 5px 0;
	padding:10px 30px 10px 30px;
	font-size:12px;
	color:#000000;
	text-decoration:none !important;
	border-style:solid;
	border-width:1px;
	border-color:#aaaaaa;
	border-radius:0px;
	background-color:#ffffff;
	cursor:pointer;
	display:inline-block;
}

@media screen and (max-width:700px) {
	button, .newsletter-button {
		width:100%;
		padding:15px;
		box-sizing:border-box;
	}
	
	.button-mobile {
		width:100%;
		padding:15px;
		box-sizing:border-box;
	}
}

#button_back {
	position:relative;
	margin-top:80px;
	padding:0;
	text-align:center;
	border:none;
}

.pointer {
	cursor:pointer;
}

.img-inline {
	width:100%;
	max-width:450px;
}

.warning {
	width:100%;
	margin:20px 0 40px 0;
	padding:15px;
	background-color:#eeeeee;
	box-sizing:border-box;
}


.hover {
	box-shadow:0px 0px 6px 1px rgba(0,0,0,0.4);
	-webkit-box-shadow:0px 0px 6px 1px rgba(0,0,0,0.4);
	-moz-box-shadow:0px 0px 6px 1px rgba(0,0,0,0.4);
	-ms-box-shadow:0px 0px 6px 1px rgba(0,0,0,0.4);
	-o-box-shadow:0px 0px 6px 1px rgba(0,0,0,0.4);
	transition:box-shadow 0.3s;
	-webkit-transition:box-shadow 0.3s;
	-moz-transition:box-shadow 0.3s;
	-ms-transition:box-shadow 0.3s;
	-o-transition:box-shadow 0.3s;
}

.hover:hover {
	box-shadow:0px 0px 2px 0px rgba(0,0,0,0.5);
	-webkit-box-shadow:0px 0px 2px 0px rgba(0,0,0,0.5);
	-moz-box-shadow:0px 0px 2px 0px rgba(0,0,0,0.5);
	-ms-box-shadow:0px 0px 2px 0px rgba(0,0,0,0.5);
	-o-box-shadow:0px 0px 2px 0px rgba(0,0,0,0.5);
	transition:box-shadow 0.3s;
	-webkit-transition:box-shadow 0.3s;
	-moz-transition:box-shadow 0.3s;
	-ms-transition:box-shadow 0.3s;
	-o-transition:box-shadow 0.3s;
}

.shadow-1 {
	box-shadow:0px 3px 5px 0px rgba(0,0,0,0.4);
	-webkit-box-shadow:0px 3px 5px 0px rgba(0,0,0,0.4);
	-moz-box-shadow:0px 3px 5px 0px rgba(0,0,0,0.4);
	-ms-box-shadow:0px 3px 5px 0px rgba(0,0,0,0.4);
	-o-box-shadow:0px 3px 5px 0px rgba(0,0,0,0.4);
}

.shadow-2 {
	/*
	box-shadow:0px 3px 10px 0px rgba(0,0,0,0.4);
	-webkit-box-shadow:0px 3px 10px 0px rgba(0,0,0,0.4);
	-moz-box-shadow:0px 3px 10px 0px rgba(0,0,0,0.4);
	-ms-box-shadow:0px 3px 10px 0px rgba(0,0,0,0.4);
	-o-box-shadow:0px 3px 10px 0px rgba(0,0,0,0.4);
	*/
}

.shadow-3 {
	box-shadow:-10px 0px 10px -10px rgba(0,0,0,0.4), 10px 0px 10px -10px rgba(0,0,0,0.4), 0px 10px 10px -5px rgba(0,0,0,0.4);
	-webkit-box-shadow:-10px 0px 10px -10px rgba(0,0,0,0.4), 10px 0px 10px -10px rgba(0,0,0,0.4), 0px 10px 10px -5px rgba(0,0,0,0.4);
	-moz-box-shadow:-10px 0px 10px -10px rgba(0,0,0,0.4), 10px 0px 10px -10px rgba(0,0,0,0.4), 0px 10px 10px -5px rgba(0,0,0,0.4);
	-ms-box-shadow:-10px 0px 10px -10px rgba(0,0,0,0.4), 10px 0px 10px -10px rgba(0,0,0,0.4), 0px 10px 10px -5px rgba(0,0,0,0.4);
	-o-box-shadow:-10px 0px 10px -10px rgba(0,0,0,0.4), 10px 0px 10px -10px rgba(0,0,0,0.4), 0px 10px 10px -5px rgba(0,0,0,0.4);
}

.shadow-0 {
	box-shadow:0px 0px 15px 3px rgba(0,0,0,0.4);
	-webkit-box-shadow:0px 0px 15px 3px rgba(0,0,0,0.4);
	-moz-box-shadow:0px 0px 15px 3px rgba(0,0,0,0.4);
	-ms-box-shadow:0px 0px 15px 3px rgba(0,0,0,0.4);
	-o-box-shadow:0px 0px 15px 3px rgba(0,0,0,0.4);
}

.shadow-01 {
	
}

#container {
	height:100%;
}



/**************/
/*   Header   */
/**************/

#header {
	position:static;
	width:100%;
	height:100px;
	margin:0;
	padding:0;
	background-color:#333333;
	overflow:hidden;
	z-index:1;
}

#head {
	position:static;
	width:100%;
	height:100px;
	margin:0 0 60px 0;
	padding:0;
	background-color:#333333;
	overflow:hidden;
	z-index:1;
}

.head {
	width:120%;
}

#logo {
	position:fixed;
	text-align:center;
	top:0;
	width:100%;
	margin:0;
	padding:0;
	z-index:4;
	
	transition:opacity 0.3s;
}

.logo {
	position:relative;
	width:132px;
}

#leiste-container {
	position:absolute;
	top:100px;
	width:100%;
	margin:0 0 0 0;
	padding:0;
	z-index:3;
	transform:translate3d(0px,0px,0px);
	-webkit-transform:translate3d(0px,0px,0px);
	-moz-transform:translate3d(0px,0px,0px);
	-ms-transform:translate3d(0px,0px,0px);
	-o-transform:translate3d(0px,0px,0px);
	
	transition:opacity 0.3s;
	
	box-shadow:0px 5px 12px 2px rgba(0,0,0,0.3);
	-webkit-box-shadow:0px 5px 12px 2px rgba(0,0,0,0.3);
	-moz-box-shadow:0px 5px 12px 2px rgba(0,0,0,0.3);
	-ms-box-shadow:0px 5px 12px 2px rgba(0,0,0,0.3);
	-o-box-shadow:0px 5px 12px 2px rgba(0,0,0,0.3);
}

#leiste {
	position:static;
	width:100%;
	height:60px;
	background-color:#b5123e;
}

#ubersicht {
	position:static;
	width:100%;
	margin:0;
	padding:0;
	overflow:hidden;
}

#ubersicht a {
	width:100%;
	padding:10px 5px;
	background-color:#dddddd;
	display:inline-block;
}

.ubersicht-icon {
	width:30px;
	height:30px;
	margin:0 10px 0 0;
	vertical-align:-9px;
	display:inline-block;
	background-image:url('../../img/dwb_icons.png');
	background-size:60px 150px;
	background-position:0px -60px;
	background-repeat:no-repeat;
}

.icon-nav {
	position:absolute;
	top:10px;
	left:15px;
	width:40px;
	height:40px;
}



/*****************/
/*   Listeners   */
/*****************/

#touchlistener {
	position:absolute;
	width:100%;
	height:100%;
	display:none;
	z-index:6;
}

#navlistener {
	position:absolute;
	top:100px;
	width:100%;
	height:60px;
	margin:0 0 0 0;
	padding:0;
	z-index:5;
}



/*****************/
/*   Transform   */
/*****************/

.transform {
	transform:translateX(260px);
	-webkit-transform:translateX(260px);
	-moz-transform:translateX(260px);
	-ms-transform:translateX(260px);
	-o-transform:translateX(260px);
	overflow:hidden;
}

.transition {
	transition:transform 0.5s ;
	-webkit-transition:-webkit-transform 0.5s;
    -moz-transition:transform 0.5s;
    -ms-transition:transform 0.5s;
    -o-transition:transform 0.5s;
}



/******************/
/*   Navigation   */
/******************/

#navigation {
	position:absolute;
	top:0;
	left:0;
	width:260px;
	min-height:100%;
	background-color:#ffffff;
	display:none;
}



#links {
	
}

.links {
	margin:0 0 0px 0;
	padding:15px 0 15px 0px;
	font:normal normal 14px arial;
	color:#000000;
	line-height:30px;
	text-decoration:none;
	list-style:none;
	border:none;
}

.links a {
	width:100%;
	padding:10px 0 10px 15px;
	font:normal normal 14px arial;
	color:#000000;
	line-height:40px;
	text-decoration:none;
	list-style:none;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#999999;
	display:inline-block;
}

.links a:hover {
	width:100%;
	padding:10px 0 10px 15px;
	font:normal bold 14px arial;
	color:#ec7a8d;
	line-height:40px;
	text-decoration:none;
	list-style:none;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#999999;
	display:inline-block;
}

.links #aktiv {
	width:100%;
	padding:10px 0 10px 15px;
	font:normal bold 14px arial;
	color:#ec7a8d;
	line-height:40px;
	text-decoration:none;
	list-style:none;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#999999;
	display:inline-block;
}

.unterlinks {
	margin:0px 0px 0px 0px;
	padding:0px 0 0px 0;
	font:normal normal 14px arial;
	color:#000000;
	line-height:40px;
	text-decoration:none;
	list-style:none;
	border:none;
	background-color:#eeeeee;
}

.unterlinks a {
	width:100%;
	margin:0px 0px 0px 0px;
	padding:5px 0 5px 50px;
	font:normal normal 14px arial;
	color:#000000;
	line-height:40px;
	text-decoration:none;
	list-style:none;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#999999;
	display:inline-block;
}

.unterlinks a:hover {
	width:100%;
	margin:0px 0px 0px 0px;
	padding:5px 0 5px 50px;
	font:normal bold 14px arial;
	color:#ec7a8d;
	line-height:40px;
	text-decoration:none;
	list-style:none;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#999999;
	display:inline-block;
}

.unterlinks #aktiv {
	width:100%;
	margin:0px 0px 0px 0px;
	padding:5px 0 5px 50px;
	font:normal bold 14px arial;
	color:#ec7a8d;
	line-height:40px;
	text-decoration:none;
	list-style:none;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#999999;
	display:inline-block;
}



#social-container {
	text-align:center;
	padding:0 15px 65px 15px;
}

.social-icons {
	padding:15px;
	display:inline-block;
}

.social-icons img {
	width:40px;
}




/***************/
/*   Content   */
/***************/

#main {
	position:static;
	width:100%;
	height:100%;
	box-shadow: 0px 0px 10px 0px #333333;
	-webkit-box-shadow: 0px 0px 10px 0px #333333;
	-moz-box-shadow: 0px 0px 10px 0px #333333;
	-ms-box-shadow: 0px 0px 10px 0px #333333;
	-o-box-shadow: 0px 0px 10px 0px #333333;
}



#content {
	/*position:absolute;*/
	width:100%;
	min-height:100%;
	background-color:#ffffff;
	z-index:2;
}



#inhalt {
	position:static;
	min-height:460px;
	margin:0px 0 0 0;
	padding:40px 15px 25px 15px;
	background-color:#ffffff;
	z-index:2;
}


#noscript-hint {
	width:100%;
	margin:20px 0 40px 0;
	padding:15px;
	background-color:#ff9999;
	box-sizing:border-box;
	text-align:center;
}


#zeiten {
	max-height:90px;
	margin:0 0 30px 0;
	overflow:hidden;
	
	transition:max-height 0.5s;
}

#zeiten-pfeil {
	width:15px;
	height:15px;
	margin:5px 0px 0 0;
	display:inline-block;
	background-image:url('../../img/dwb_icons.png');
	background-size:30px 75px;
	background-position:0px -60px;
	background-repeat:no-repeat;
	
	transform:rotate(0deg);
	
	transition:transform 0.5s;
}

.zeiten-pfeil-aktiv {
	transform:rotate(-180deg) !important;
}

#zeiten-detail {
	margin:20px 0 0 0;
	text-align:left;
}

#indicator {
	position:static;
	text-align:center;
	padding:25px 15px 25px 15px;
	background-color:#f0f0f0;
}

.open {
	background-color:#d2f5be !important;
}

.close {
	background-color:#f3c4d1 !important;
}


.what3words span {
	color:#e11f26;
}

.what3words a {
	text-decoration:none !important;
	cursor:pointer;
}

.what3words a:hover {
	color:#0A3049 !important;
}


.liste {
	margin:10px 0 10px 0;
	list-style:square;
	color:#b5123e;
}

.liste li span {
	color:#000000;	
}


.bild-event {
	text-align:center;
	width:100%;
	padding:15px 0 15px 0;
	display:inline-block;
}

.bild-event img {
	max-width:100%;
	max-height:800px;
}


.news-container {
	clear:both;
	width:100%;
	margin:0 0 30px 0;
	padding:0px 0 30px 0;
	overflow:auto;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#aaaaaa;
}

.news-container:last-child {
	clear:both;
	width:100%;
	margin:0 0 30px 0;
	padding:0px 0 30px 0;
	overflow:auto;
	border-bottom-style:none;
}

.news-pic {
	float:left;
	width:30%;
}

.news-text {
	float:left;
	width:70%;
	padding:0 0 0 15px;
	box-sizing:border-box;
}

.news-pic img {
	width:100%;
}

@media only screen and (max-width: 500px) {
	.news-pic {
		clear:both;
		width:100%;
		margin:0 0 10px 0;
		box-sizing:border-box;
	}
	
	.news-text {
		width:100%;
		padding:0;
	}
}



#home-container {
	margin:0 0 0 0px;
	padding:50px 0 50px 0;
	overflow:auto;
	background-color:#f0f0f0;
}

.home-column-3 {
	position:relative;
	width:31.333%;
	margin:0 3% 0 0;
	float:left;
}

.home-column-3:last-child {
	position:relative;
	width:31.333%;
	margin:0 0 0 0;
	float:left;
}

.home-column-3 img {
	width:100%;
}

.home-column-3 a {
	text-decoration:none !important;
}

.home-column-text {
	position:static;
    opacity:1.0;
    top:0;
    left:0;
    width:100%;
    height:100%;
    margin:0;
    padding:20px 20px 30px 20px;
    box-sizing:border-box;
    text-decoration:none !important;
}

@media screen and (max-width:700px) {
	#home-container {
		width:100%;
	}

	.home-column-3 {
		width:100%;
		max-width:250px;
		margin:0 0 25px 50%;
		clear:left;
		transform:translate(-50%,0);
		-webkit-transform:translate(-50%,0);
		-moz-transform:translate(-50%,0);
		-ms-transform:translate(-50%,0);
		-o-transform:translate(-50%,0);
	}

	.home-column-3:last-child {
		width:100%;
		max-width:250px;
		margin:0 0 0 50%;
		clear:left;
		transform:translate(-50%,0);
		-webkit-transform:translate(-50%,0);
		-moz-transform:translate(-50%,0);
		-ms-transform:translate(-50%,0);
		-o-transform:translate(-50%,0);
	}
	
	.home-column-text {
		padding:20px 0px 30px 0px;
	}
}



.bild-top {
	position:relative;
	float:right;
	width:300px;
	transform:rotate(6deg);
	-webkit-transform:rotate(6deg);
	-moz-transform:rotate(6deg);
	-ms-transform:rotate(6deg);
	-o-transform:rotate(6deg);
}

.text-top {
	float:right;
	width:270px;
	margin:20px 0 111px 0;
	padding:25px;
	transform:rotate(6deg);
	-webkit-transform:rotate(6deg);
	-moz-transform:rotate(6deg);
	-ms-transform:rotate(6deg);
	-o-transform:rotate(6deg);
}

@media screen and (min-width:600px) and (max-width:800px) {
	.bild-top {
		position:static;
		width:50%;
		margin:0 0 25px 25px;
		transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-o-transform:rotate(0deg);
	}
	
	.text-top {
		float:right;
		width:48%;
		margin:0px 0 131px 0px;
		padding:25px;
		box-sizing:border-box;
		transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-o-transform:rotate(0deg);
	}
}

@media screen and (max-width:600px) {
	.bild-top {
		position:static;
		width:100%;
		margin:0px 0 25px 25px;
		transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-o-transform:rotate(0deg);
	}
	
	.text-top {
		float:left;
		width:95%;
		margin:0px 0 25px 25px;
		box-sizing:border-box;
		transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-o-transform:rotate(0deg);
	}
}



#leistungen {
	margin:0px 0 0px 0;
}

.leistungen-container {
	clear:both;
	overflow:auto;
	background-color:#f0f0f0;
	margin-top:15px;
	min-height:300px;
}

.leistungen-left {
	float:left;
	width:50%;
	overflow:auto;
}

.leistungen-right {
	float:right;
	width:50%;
	overflow:auto;
}

.leistungen-text {
	padding:25px;
	box-sizing:border-box;
}

.leistungen-image {
	position:relative;
	width:100%;
	min-height:400px;
	overflow:hidden;
}

.leistungen-image img {
	position:absolute;
	max-height:100%;
	
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
}


@media screen and (max-width: 540px) {
	.leistungen-left {
		float:left;
		width:100%;
	}
	
	.leistungen-right {
		float:left;
		width:100%;
	}
	
	.leistungen-image {
		height:100%;
		max-height:250px !important;
		min-height:unset;
	}
	
	.leistungen-image img {
		min-width:100%;
		max-height:unset;
		height:100%;
		object-fit:cover;
	}
}




.definition {
	width:100%;
	padding:10px 25px 10px 25px;
	box-sizing:border-box;
	background-color:#eeeeee;
}


#reservierung {
	margin-top:60px;
}

#reservieren {
	text-align:center;
	margin-top:25px;
}

#reservieren-form {
	max-width:339px;
	margin:25px auto;
}

.grecaptcha-badge {
	margin:20px auto 0px auto;
}




#footer {
	/*position:absolute;*/
	bottom:0;
	width:100%;
	margin:0px 0 0 0;
	padding:30px 15px 50px 15px;
	background-color:#b5123e;
	box-sizing:border-box;
	text-align:center;
	clear:left;
}

.footer-button {
	padding:10px 40px 10px 40px;
	box-sizing:border-box;
	color:#ffffff;
	border-style:solid;
	border-width:1px;
	border-color:#ffffff;
	border-radius:0px;
	background-color:#b5123e;
	appearance:none;
	-webkit-appearance:none;
}

@media screen and (max-width:700px) {
	.footer-button {
		width:100%;
		padding:15px;
	}
}



/*****************/
/*   Sortiment   */
/*****************/

.sortiment-pic {
	position:relative;
	width:100%;
	height:300px;
}

.sortiment-text {
	padding:55px 0 15px 0;
}

.sortiment-text-first {
	padding:15px 0 15px 0;
}

.sortiment-text-last {
	padding:55px 0 30px 0;
}

.sortiment-background {
	position:absolute;
	width:100%;
	height:100%;
	background-size:cover;
	background-repeat:no-repeat;
    background-position:center center;
}

#sortiment-0 {
	background-image:url('../../img/produkte/wein.jpg');
}

#sortiment-1 {
	background-image:url('../../img/produkte/champagner.jpg');
}

#sortiment-2 {
	background-image:url('../../img/produkte/spirituosen.jpg');
}

#sortiment-3 {
	background-image:url('../../img/produkte/feinkost.jpg');
}

#sortiment-4 {
	background-image:url('../../img/produkte/pralinen.jpg');
}

@media screen and (min-width: 750px) {
	#sortiment-0 {
		background-size:80% auto;
	}
	
	#sortiment-3 {
		background-size:80% auto;
	}
}




/**************/
/*   Bilder   */
/**************/

.bilder-container {
	float:left;
	width:100%;
	max-width:205px;
	padding:15px;
}

.bilder-preview {
	width:100%;
	margin:0px 0px 0px 0px;
	padding:0;
	display:block;
	overflow:hidden;
	line-height:0;
}

.bilder-preview img {
	width:100%;
}

.bilder-preview-text {
	height:40px;
}

@media only screen and (max-width: 500px) {
	.bilder-container {
		clear:both;
		max-width:100%;
		box-sizing:border-box;
	}
}



/***************/
/*   Gallery   */
/***************/

.gallery {
	position:relative;
	width:100%;
	height:100%;
	padding:20px;
	box-sizing:border-box;
}

.gallery-nav-prev {
	position:absolute;
	top:45%;
	left:50px;
	width:40px;
	display:none;
}

.gallery-nav-next {
	position:absolute;
	top:45%;
	right:50px;
	width:40px;
}

.gallery-mask {
	overflow:hidden;
}

.gallery-pictures {

}

.picture {
	position:relative;
	
 	max-height:100%;
 	
 	float:left;
	text-align:center;
}

.picture img {
	max-width:100%;
	
}

.pic_animation {
	transition:transform 0.2s;
	-webkit-transition:-webkit-transform 0.2s;
	-moz-transition:-moz-transform 0.2s;
	-ms-transition:-ms-transform 0.2s;
	-o-transition:-o-transform 0.2s;
}



/****************/
/*   Produkte   */
/****************/

#produkte {
	width:100%;
	overflow-x:scroll;
	background-color:#ffffff;
}

#products {
	width:100%;
}

.products_titel {
	padding:5px;
	background-color:#dddddd;
	
	font-size:18px;
	font-weight:bold;
}

.products_spalten {
	background-color:#dddddd;
}

.products_row {
	min-height:50px;
	background-color:#ffffff;
}

.products_img {
	width:10px;
	height:20px;
}

.cell_border {
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#c8c7cc;
}

.table_space {
	height:30px;
	background-color:#efeff4;
}


.icon-select {
	position:static;
	float:left;
	width:165px;
	margin:0 0px 0px -15px;
	padding:0 15px 15px 15px;
}
	
.icon-select img {
	width:100%;
}

@media only screen and (max-width: 749px) {
	.icon-select {
		position:static;
		float:left;
		text-align:center;
		width:25%;
		margin:0 0px 0px 0px;
		padding:0 0px 15px 0px;
	}
	
	.icon-select img {
		width:93%;
	}
}

@media only screen and (max-width: 570px) {
	.icon-select {
		position:static;
		float:left;
		text-align:center;
		width:33%;
		margin:0 0px 0px 0px;
		padding:0 0px 15px 0px;
	}
	
	.icon-select img {
		width:93%;
	}
}

@media only screen and (max-width: 480px) {
	.icon-select {
		position:static;
		float:left;
		text-align:center;
		width:50%;
		margin:0 0px 0px 0px;
		padding:0 0px 15px 0px;
	}
	
	.icon-select img {
		width:93%;
	}
}



/***********************/
/*   Veranstaltungen   */
/***********************/

#events {
	
}

.events-select-ctr {
	margin:15px 0 30px -25px;
}

.events-select-ctr::after {
	content:"";
	display:block;
	clear:both;
}

.events-select-ctr > div {
	width:50%;
	margin:0 0 0px 0px;
	padding:0 0px 0px 25px;
	box-sizing:border-box;
	float:left;
}

.events-select {
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	
	width:100%;
	height:40px;
	margin:15px 0 0 0;
	padding:5px 30px 5px 10px;
	border-style:solid;
	border-width:1px;
	border-color:#aaaaaa;
	border-radius:0;
	background-color:#ffffff;
	background-image:url('../../img/dropdown.png');
	background-size:30px 30px;
	background-position:right;
	background-repeat:no-repeat;
	
	font-size:16px;
}

.events-select:focus {
	outline:none;
	-moz-outline:none;
	outline-width:unset;
    -moz-outline-width:unset;
}

.events {
	margin-left:-25px;
	padding:10px 0 0 0;
}

.events-months {
	margin:0px 0 0 25px;
	padding:20px 0 10px 0;
	clear:left;
}

.events-months:first-child {
	margin:0px 0 0 25px;
	padding:0px 0 10px 0;
	clear:left;
}

.events-trennung {
	margin:0px 0 0 0;
	padding:35px 0 0 0;
	clear:left;
}

.event-container {
	float:left;
	width:50%;
	height:145px;
	margin:0 0 0px 0px;
	padding:0 0px 25px 25px;
	box-sizing:border-box;
}

.event {
	position:relative;
	width:100%;
	height:120px;
	margin:0px 0px 0px 0px;
	padding:0;
	background-color:#eeeeee;
	display:block;
}

@media screen and (max-width: 600px) {
	.event-container {
		width:100%;
	}
	
	.events-select-ctr > div {
		width:100%;
	}
}

.new {
	float:left;
	width:20px;
	height:100%;
	background-color:#449900;
}

.old {
	float:left;
	width:20px;
	height:100%;
	background-color:#aaaaaa;
}

.event-text {
	width:100%;
	height:100%;
	margin:0;
	padding:20px 55px 20px 40px;
	box-sizing:border-box;
}



.event-logo {
	position:absolute;
	top:20px;
	right:15px;
	width:40px;
	height:40px;
	overflow:hidden;
}

.event-kneipenabend {
	display:inline-block;
	background-image:url('../../img/event_icons.png');
	background-size:80px auto;
	background-position:0px 0px;
	background-repeat:no-repeat;
}

.event-eintopf {
	display:inline-block;
	background-image:url('../../img/event_icons.png');
	background-size:80px auto;
	background-position:-40px 0px;
	background-repeat:no-repeat;
}

.event-verkostung {
	display:inline-block;
	background-image:url('../../img/event_icons.png');
	background-size:80px auto;
	background-position:0px -40px;
	background-repeat:no-repeat;
}

.event-lounges {
	display:inline-block;
	background-image:url('../../img/event_icons.png');
	background-size:80px auto;
	background-position:-40px -40px;
	background-repeat:no-repeat;
}

.event-kaese {
	display:inline-block;
	background-image:url('../../img/event_icons.png');
	background-size:80px auto;
	background-position:0px -80px;
	background-repeat:no-repeat;
}

.event-probe15 {
	display:inline-block;
	background-image:url('../../img/event_icons.png');
	background-size:80px auto;
	background-position:0px -160px;
	background-repeat:no-repeat;
}

.event-weinwissen {
	display:inline-block;
	background-image:url('../../img/event_icons.png');
	background-size:80px auto;
	background-position:-40px -120px;
	background-repeat:no-repeat;
}

.event-verkaufsoffen {
	display:inline-block;
	background-image:url('../../img/event_icons.png');
	background-size:80px auto;
	background-position:-40px -80px;
	background-repeat:no-repeat;
}

.event-sommerfest {
	display:inline-block;
	background-image:url('../../img/event_icons.png');
	background-size:80px auto;
	background-position:0px -120px;
	background-repeat:no-repeat;
}

.event-kaerwa {
	display:inline-block;
	background-image:url('../../img/event_icons.png');
	background-size:80px auto;
	background-position:0px -200px;
	background-repeat:no-repeat;
}

.event-maerkte {
	display:inline-block;
	background-image:url('../../img/event_icons.png');
	background-size:80px auto;
	background-position:-40px -160px;
	background-repeat:no-repeat;
}

.event-kulinarischerabend {
	display:inline-block;
	background-image:url('../../img/event_icons.png');
	background-size:80px auto;
	background-position:-40px -200px;
	background-repeat:no-repeat;
}

.event-gewuerz {
	display:inline-block;
	background-image:url('../../img/event_icons.png');
	background-size:80px auto;
	background-position:0px -240px;
	background-repeat:no-repeat;
}

.event-weinmusik {
	display:inline-block;
	background-image:url('../../img/event_icons.png');
	background-size:80px auto;
	background-position:-40px -240px;
	background-repeat:no-repeat;
}

.event-alpaka {
	display:inline-block;
	background-image:url('../../img/event_icons.png');
	background-size:80px auto;
	background-position:0px -280px;
	background-repeat:no-repeat;
}


.veranstaltung-logo {
	float:right;
	width:120px;
	padding:0 0 10px 10px;
}




/******************/
/*   Newsletter   */
/******************/

#newsletter {
	text-align:center;
	margin-top:60px;
}

#newsletter-news {
	text-align:center;
	margin-top:60px;
}

#newsletter form {
	max-width:339px;
	margin:60px auto;
}

.newsletter-input-container {
	position:relative;
	width:100%;
	text-align:left;
}

.newsletter-input-container select {
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	
	width:100%;
	height:30px;
	margin:15px 0 0px 0;
	padding:0;
	border:none;
	border-radius:0;
	background-color:#ffffff;
	background-image:url('../../img/dropdown.png');
	background-size:30px 30px;
	background-position:right;
	background-repeat:no-repeat;
	
	font-family:"Source Sans Pro", sans-serif;
	font-size:20px;
	font-weight:300;
	color:#a9a9a9;
}

.newsletter-input-container select+div {
	width:calc(100% - 35px);
	max-width:304px;
	height:1px;
	margin:0px 0 15px 0;
	border-radius:0;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#cccccc;
}

.newsletter-input-container select:focus {
	outline:none;
	-moz-outline:none;
	outline-width:unset;
    -moz-outline-width:unset;
}

.newsletter-input-container select option:first-child {
	color:#b5123e;
}

.newsletter-input-container textarea {
	width:calc(100% - 35px);
	height:80px;
	max-width:304px;
	font-size:18px;
	margin:15px 0 15px 0;
	padding:0;
	border:none;
	border-radius:0;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#cccccc;
	
	font-family:"Source Sans Pro", sans-serif;
	font-size:20px;
	font-weight:300;
}

.newsletter-input-container textarea:focus {
	outline:none;
    outline-width:unset;
}

.newsletter-input-container > input {
	width:calc(100% - 35px);
	max-width:304px;
	height:30px;
	margin:15px 0 15px 0;
	padding:0;
	border:none;
	border-radius:0;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#cccccc;
	
	font-family:"Source Sans Pro", sans-serif;
	font-size:20px;
	font-weight:300;
}

.newsletter-input-container input:focus {
	outline:none;
    outline-width:none;
}

.input-checkbox-container {
	margin:15px 0 15px 0;
}

.input-checkbox-label {
	padding:0 0 0 35px;
	
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}

.input-checkbox-label input {
	position:absolute;
	opacity:0;
}

.input-checkbox-box {
	position:absolute;
	top:2px;
	left:0;
	width:25px;
	height:25px;
	border-style:solid;
	border-width:1px;
	border-color:#cccccc;
}

.input-checkbox-box:after {
  content:"";
  position:absolute;
  display:none;
}

.input-checkbox-label input:checked ~ .input-checkbox-box:after {
	display:block;
}

.input-checkbox-label .input-checkbox-box:after {
	left:7px;
	top:2px;
	width:8px;
	height:14px;
	border-style:solid;
	border-width:0 3px 3px 0;
	border-color:#b5123e;
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
}

.input-checkbox-text {
	display:inline-block;
	width:calc(100% - 35px);
}

.newsletter-input-container-recaptcha {
	width:calc(100% - 35px);
	max-width:304px;
	margin:15px 0 15px 0;
	padding:0;
}

.newsletter-input-container-recaptcha-label {
	text-align:left;
	font-family:"Source Sans Pro", sans-serif;
	font-size:20px;
	font-weight:300;
	color:#b5123e;
	
	padding:0 0 5px 0;
}

.required {
	color:#b5123e !important;
}

.required::-webkit-input-placeholder {
	color:#b5123e;
}

.required:-moz-placeholder {
	color:#b5123e;
}

.required::-moz-placeholder {
	color:#b5123e;
}

.required:-ms-input-placeholder {
	color:#b5123e;
}


#newsletter-button {
	margin-top:35px;
}



.input-check-true {
	position:absolute;
	top:15px;
	right:0px;
	width:30px;
	height:30px;
	display:inline-block;
	
	background-image:url('../../img/dwb_icons.png');
	background-size:60px 150px;
	background-position:-30px -90px;
	background-repeat:no-repeat;
}

.input-check-false {
	position:absolute;
	top:15px;
	right:0px;
	width:30px;
	height:30px;
	display:inline-block;
	
	background-image:url('../../img/dwb_icons.png');
	background-size:60px 150px;
	background-position:0px -90px;
	background-repeat:no-repeat;
}

#input-error {
	visibility:hidden;
	margin-top:10px;
}

#newsletter-fussnote {
	text-align:center;
	margin:60px 0 30px 0;
	
	font-family:"Source Sans Pro", sans-serif;
	font-size:11px;
	font-weight:400;
	color:#b5123e;
}

.meldung {
	text-align:center;
	font-weight:300;
}



/******************/
/*   Thumbnails   */
/******************/

.thumbnails {
	width:100%;
	margin:60px 0 60px -25px;
}

.thumbnail-img-container {
	width:20%;
	height:100px;
	padding:0 0 25px 25px;
	overflow:hidden;
	box-sizing:border-box;
	display:inline-block;
	vertical-align:middle;
	text-align:center;
}

.thumbnail-img-container img {
	max-width:100%;
	max-height:100%;
}

@media only screen and (max-width: 500px) {
	.thumbnail-img-container {
		width:140px;
	}
}


#thumb-fullscreen {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(255,255,255,0.95);
	z-index:30;
	display:none;
	opacity:0.0;
	
	transition:opacity 0.5s;
	-webkit-transition:opacity 0.5s;
	-moz-transition:opacity 0.5s;
	-ms-transition:opacity 0.5s;
	-o-transition:opacity 0.5s;
}

#thumb-fullscreen-container {
	position:absolute;
	top:50%;
	left:50%;
	width:90%;
	height:80%;
	padding:60px 0 0 0;
	transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
}

#thumb-fullscreen-picture {
	width:100%;
	height:100%;
	position:relative;
}

#thumb-fullscreen-picture img {
	max-width:100%;
	max-height:100%;
	
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
}

#thumb-fullscreen-tooltip {
	display:none;
	position:fixed;
	padding:4px 10px 4px 10px;
	color:#ffffff;
	background-color:rgba(181, 18, 62, 0.7);
}

#thumb-fullscreen-close {
	position:absolute;
	top:60px;
	left:0px;
	width:40px;
	height:40px;
	overflow:hidden;
	
	background-image:url('../../img/dwb_icons.png');
	background-size:80px 200px;
	background-position:-40px -80px;
	background-repeat:no-repeat;
}




/*****************/
/*   Geschenke   */
/*****************/

#geschenke {
	
}

.geschenke-cta-container {
	padding:30px 0 50px 0;
}

.geschenke-product-container {
	position:relative;
	height:410px;
	margin:60px 0 60px 0;
}

.geschenke-product-img-container {
	width:100%;
	height:100%;
}

.geschenke-product-img {
	width:100%;
	height:100%;
	
	background-size:auto 400px;
	background-position:center center;
	background-repeat:no-repeat;
}

#geschenke-product-korb {
	background-image:url('../../img/geschenke_korb.jpg');
}

#geschenke-product-lebkuchen {
	background-image:url('../../img/geschenke_lebkuchen.jpg');
}

#geschenke-product-lebkuchen-2 {
	display:none;
	
	background-image:url('../../img/geschenke_lebkuchen.jpg');
}

#geschenke-product-whisky {
	background-image:url('../../img/geschenke_whisky.jpg');
}

#geschenke-product-nudeln {
	background-image:url('../../img/geschenke_nudeln.jpg');
}

#geschenke-product-nudeln-2 {
	display:none;
	
	background-image:url('../../img/geschenke_nudeln.jpg');
}

#geschenke-product-wein {
	background-image:url('../../img/geschenke_wein.jpg');
}

#geschenke-product-gewuerze {
	background-image:url('../../img/geschenke_gewuerze.jpg');
}

#geschenke-product-pralinen {
	background-image:url('../../img/geschenke_pralinen.jpg');
}

#geschenke-product-kiste {
	background-image:url('../../img/geschenke_kiste.jpg');
}

@media screen and (max-width: 760px) {
	.geschenke-product-container {
		height:100%;
		margin:50px 0 50px 0;
	}
	
	.geschenke-product-img-container {
		text-align:center;
	}
	
	.geschenke-product-img {
		display:inline-block;
		margin:20px 0 20px 0;
	}
	
	#geschenke-product-korb {
		width:320px;
		height:290px;
		
		background-size:auto 300px;
		background-position:96% top;
	}
	
	#geschenke-product-lebkuchen {
		width:310px;
		height:290px;
		
		background-size:auto 290px;
		background-position:left center;
	}
	
	#geschenke-product-lebkuchen-2 {
		display:inline-block;
		width:310px;
		height:230px;
		
		background-size:auto 360px;
		background-position:90% 100%;
	}
	
	#geschenke-product-whisky {
		width:270px;
		height:290px;
		
		background-size:auto 290px;
		background-position:85% center;
	}

	#geschenke-product-nudeln {
		width:300px;
		height:275px;
		
		background-size:auto 290px;
		background-position:1% center;
	}
	
	#geschenke-product-nudeln-2 {
		display:inline-block;
		width:310px;
		height:285px;
		
		background-size:auto 340px;
		background-position:91% bottom;
	}
	
	#geschenke-product-wein {
		width:320px;
		height:283px;
		
		background-size:auto 250px;
		background-position:left center;
	}

	#geschenke-product-gewuerze {
		width:320px;
		height:180px;
		
		background-size:auto 237px;
		background-position:97% 88%;
	}
	
	#geschenke-product-pralinen {
		width:320px;
		height:100px;
		
		background-size:auto 260px;
		background-position:17% 74%;
	}
	
	#geschenke-product-kiste {
		width:320px;
		height:240px;
		
		background-size:auto 252px;
		background-position:97% center;
	}
}

@media screen and (max-width: 350px) {
	.geschenke-product-img {
		margin:20px 0 20px -15px;
	}
}

.geschenke-product-text-container {
	position:absolute;
	top:50%;
	left:50%;
	width:100%;
	max-width:800px;
	transform:translate(-50%, -50%);
}

.geschenke-product-text-left {
	text-align:left;
}

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

.geschenke-product-text-both {
	text-align:center;
}

.geschenke-product-text {
	display:inline-block;
	text-align:center;
	width:400px;
}

@media screen and (max-width: 760px) {
	.geschenke-product-text-container {
		position:static;
		transform:translate(0,0);
	}
	
	.geschenke-product-text-left {
		text-align:center;
	}

	.geschenke-product-text-right {
		text-align:center;
	}
}

@media screen and (max-width: 480px) {
	.geschenke-product-text {
		width:100%;
	}
}




/************/
/*   Text   */
/************/

h1 {
	font-family:"Source Sans Pro", sans-serif;
	font-size:44px;
	font-weight:300;
	line-height:42px;
	color:#000000;
	text-decoration:none;
	
	margin:0;
	padding:0px 0 20px 0;
}

h2 {
	font-family:"Source Sans Pro", sans-serif;
	font-size:27px;
	font-weight:400;
	line-height:30px;
	color:#b5123e;
	text-decoration:none;
	
	margin:0;
	padding:0px 0 10px 0;
}

#corona-info h2 {
	padding:10px 0 0px 0;
}

h3 {
	font-family:"Source Sans Pro", sans-serif;
	font-size:18px;
	font-weight:bold;
	line-height:24px;
	color:#000000;
	text-decoration:none;
	
	margin:0;
	padding:5px 0 5px 0;
}

h4 {
	font-family:"Source Sans Pro", sans-serif;
	font-size:26px;
	font-weight:400;
	line-height:30px;
	color:#b5123e;
	text-decoration:none;
	
	margin:0;
	padding:0px 0 10px 0;
}

.headline-sortiment {
	padding:35px 15px 15px 15px;
}

.light {
	font-weight:300;
}

.bold {
	font-weight:400;
}


.text {
	font-family:"Source Sans Pro", sans-serif;
	font-size:15px;
	font-weight:400;
	line-height:20px;
	color:#000000;
}

.text a {
	font-family:"Source Sans Pro", sans-serif;
	font-size:15px;
	font-weight:400;
	line-height:20px;
	color:#000000;
	text-decoration:underline;
}

.text a:hover {
	font-family:"Source Sans Pro", sans-serif;
	font-size:15px;
	font-weight:400;
	line-height:20px;
	color:#b5123e;
	text-decoration:none;
}

.text_fuss {
	font-family:"Source Sans Pro", sans-serif;
	font-size:13px;
	font-weight:400;
	line-height:16px;
	color:#000000;
}

.text_news {
	font-family:"Source Sans Pro", sans-serif;
	font-size:18px;
	font-weight:400;
	line-height:22px;
	color:#000000;
}

.text_news a {
	font-family:"Source Sans Pro", sans-serif;
	font-size:18px;
	font-weight:400;
	line-height:22px;
	color:#000000;
	text-decoration:underline;
}

.text_news a:hover {
	font-family:"Source Sans Pro", sans-serif;
	font-size:18px;
	font-weight:400;
	line-height:22px;
	color:#b5123e;
	text-decoration:none;
}

.text_ubersicht a {
	font-family:"Source Sans Pro", sans-serif;
	font-size:17px;
	font-weight:600;
	line-height:22px;
	color:#000000;
	text-decoration:none;
}


#text_login {
	position:relative;
	top:80px;
	text-align:center;
	border:none;
}

.text-note {
	font-size:12px;
	line-height:16px;
	font-weight:300;
	color:#999999;
	text-decoration:none;
}


.text-events a {
	text-decoration:none;
}

.text-bilder a {
	text-decoration:none;
}


.text-privacy {
	font-family:"Source Sans Pro", sans-serif;
	font-size:15px;
	line-height:20px;
	font-weight:300;
	color:#b5123e;
	text-decoration:none;
}

.text-privacy a {
	font-family:"Source Sans Pro", sans-serif;
	font-size:15px;
	line-height:20px;
	font-weight:300;
	color:#b5123e;
	text-decoration:underline;
}

.text-privacy a:hover {
	font-family:"Source Sans Pro", sans-serif;
	font-size:15px;
	line-height:20px;
	font-weight:300;
	color:#b5123e;
	text-decoration:none;
}


.text-geschenke {
	text-align:center;
	
	font-family:"Source Sans Pro", sans-serif;
	font-size:17px;
	line-height:23px;
	color:#555555;
}

.text-geschenke a {
	color:#555555;
	text-decoration:underline;
}

.text-geschenke a:hover {
	color:#b5123e;
	text-decoration:none;
}