/* titillium-web-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/titillium-web-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('fonts/titillium-web-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/titillium-web-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/titillium-web-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/titillium-web-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/titillium-web-v15-latin-regular.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/* titillium-web-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/titillium-web-v15-latin-italic.eot'); /* IE9 Compat Modes */
  src: url('fonts/titillium-web-v15-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/titillium-web-v15-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/titillium-web-v15-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/titillium-web-v15-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/titillium-web-v15-latin-italic.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/* titillium-web-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/titillium-web-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: url('fonts/titillium-web-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/titillium-web-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/titillium-web-v15-latin-600.woff') format('woff'), /* Modern Browsers */
       url('fonts/titillium-web-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/titillium-web-v15-latin-600.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/* titillium-web-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 600;
  src: url('fonts/titillium-web-v15-latin-600italic.eot'); /* IE9 Compat Modes */
  src: url('fonts/titillium-web-v15-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/titillium-web-v15-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/titillium-web-v15-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/titillium-web-v15-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/titillium-web-v15-latin-600italic.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/* titillium-web-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/titillium-web-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: url('fonts/titillium-web-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/titillium-web-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/titillium-web-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/titillium-web-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/titillium-web-v15-latin-700.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/* titillium-web-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/titillium-web-v15-latin-700italic.eot'); /* IE9 Compat Modes */
  src: url('fonts/titillium-web-v15-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/titillium-web-v15-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/titillium-web-v15-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/titillium-web-v15-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/titillium-web-v15-latin-700italic.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/* lobster-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lobster';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/lobster-v28-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('fonts/lobster-v28-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/lobster-v28-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/lobster-v28-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/lobster-v28-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/lobster-v28-latin-regular.svg#Lobster') format('svg'); /* Legacy iOS */
}


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, font, 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 {
	border: 0 none;
	font-size: 100%;
	margin: 0;
	outline: 0 none;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none outside none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: none;
}
:focus {
	outline: 0 none;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
* {
	-webkit-text-size-adjust: none;
}
section, article, aside, hgroup, header, footer, nav {
	display: block;
}


/*##################################################
 * ################ Start  #########################
 * ############################################### */

html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}
 
body {
	background-image: url(_img/back.jpg);
	background-position: center;
	background-color: #f2f1e5;
	background-size: 100%;
	
	font-family: 'Titillium Web', sans-serif;
	font-size: 14px;
	color: #614636;
	
	overflow-x: hidden;
}

body a {
	text-decoration: underline;
	font-weight: 600;
	color: #72103f;
}
body a:hover {
	text-decoration: none;
}

/* begin default cms overwrites */

	.wcms-quote-box {
		background-color: #fdf5f8;
		border-radius: 6px;
	}
	
	.wcms-custom-button {
		background-color: #72103f;
	}
	.wcms-custom-button:hover {
		background-color: #b71563;
	}

/* end default cms overwrites */


.mm-menu {
	background: #72103f;
	color: #fff;
}

.mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu .mm-list > li.mm-selected > span {
	background: rgba(0, 0, 0, 0.3);
}

.cw-wrapper {
	max-width: 1150px;
	margin: auto;
	position: relative;
}

button, .button {
	display: inline-block;
	background-color: #72103f;
	font-weight: 600;
	color: #fff;
	padding: 10px 30px;
	border-radius: 4px;
	border: 0;
	cursor: pointer;
	margin: 8px 0;
	text-decoration: none;
}

#topalert {
	background-color: #b71563;
	padding: 15px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	display: none;
}

header {
	position: relative;
}	

	header .cw-wrapper {
		z-index: 1100;
		overflow: hidden;
	}
		#logo img {
			width: 320px;
			margin: 40px 0 40px 20px;
			
		}
		
		.header-card {
			background-color: #fff;
			box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
			padding: 15px;
			text-align: center;
			width: 200px;
			min-height: 150px;
			position: absolute;
			
			font-weight: 600;
			font-size: 15px;
			line-height: 130%; 
		}
			.header-card-1 {
				right: 410px;
				bottom: -50px;
				transform: rotate(1deg);
				z-index: 100;
			}
				.header-card-1 a {
					text-decoration: none;
				}
				.header-card-1 .fa-star {
					color: #dcab00;
					font-size: 18px;
					position: relative;
					top: -6px;
				}
				.header-card-1 .fa-facebook-square {
					color: #46629e;
					font-size: 35px;
				}
			.header-card-2 {
				right: 220px;
				bottom: -30px;
				transform: rotate(6deg);
				z-index: 90;
			}
			.header-card-3 {
				height: 180px;
				right: 20px;
				bottom: -30px;
				transform: rotate(10deg);
				z-index: 80;
			}
			.header-card h2 {
				font-family: 'Lobster', cursive;
				color: #432f22;
				margin: 0 0 15px 0;
				font-size: 17px;
			}
			
			
			

	nav {
		z-index: 110;
		background-color: #72103f;
		text-align: center;
		padding: 10px;
	}
	
		nav .mobile-button {
			display: none;
		}
		
		nav ul {
			position: relative;
			z-index: 1100;
		}
	
		nav ul li {
			display: inline-block;
		}
	
		nav ul li a {
			font-size: 16px;
			font-weight: 600;
			text-transform: uppercase;
			color: #fff;
			text-decoration: none;
			padding: 13px 8px;
		}
		
		nav ul li.act a, nav ul li a:hover {
			padding: 13px 8px;			
			background-color: #b71563;
		}
		
.short-info {
	display: none;
}

	
#banner {
	width: 100%;
	max-height: 600px;
	overflow: hidden;
}
	
	
article {
	background-color: #fff;
}

	article .content-column {
		background-color: #fff;
		padding: 5%;
		float: left;
		width: 50%;
		min-height: 500px;
		position: relative;
		
		line-height: 150%;
	}
	
	article .content-column-left {
		position: relative;
		top: -120px;
		z-index: 1001;
	}
		article .content-column-left .shadow {
			background-image: url(_img/content-column-left-shadow.png);
			width: 7px;
			height: 389px;
			position: absolute;
			right: -7px;
			top: 0;
		}
		article .content-column-left .flower {
			width: 173px;
			height: 333px;
			background-image: url(_img/flower-left.png);
			position: absolute;
			left: -150px;
			top: 140px;
		}
		
	article .content-column-right {
		border-top: 5px solid #72103f;
		position: relative;
		top: -30px;
		z-index: 1000;
		box-shadow: 10px 0 20px -10px rgba(0, 0, 0, 0.1);
	}
		article .content-column-right .flower {
			width: 209px;
			height: 314px;
			background-image: url(_img/flower-right.png);
			position: absolute;
			right: -142px;
			top: 200px;
		}	
	
	article h2, article h3, article h4 {
		font-size: 32px;
		color: #72103f;
		font-weight: 700;
		text-transform: uppercase;
		margin: 50px 0 30px 0;
		line-height: 0.95em;
	}
		article h2:first-child, article h3:first-child, article h3:first-child {
			margin: 0 0 30px 0;
		}
		
		article h2 span, article h3 span, article h4 span {
			display: inline-block;
			font-size: 24px;
			color: #614636;
			font-family: 'Lobster', cursive;
			text-transform: none;
			font-weight: normal;
			padding: 3px 55px 0px 30px;
			background-image: url(_img/headline-object.svg);
			background-position: right center;
			background-repeat: no-repeat;
		}
		
		article h3 {
			font-size: 26px;
		}
			article h3 span {
				font-size: 19px;
			}
		article h4 {
			font-size: 20px;
		}
			article h4 span {
				font-size: 15px;
				padding: 5px 55px 0px 30px;
			}
			
		article ul li {
			list-style-type: disc;
			margin: 3px 0 3px 25px;
		}
		
		article img {
			max-width: 100%;
			height: auto !important;
		}
	
	
	.gastro-cart-entry {
		margin: 25px 0;
	}
	
		.gastro-cart-entry .table-wrapper {
			display: table;
			width: 100%;
			table-layout:fixed;
		}
		.gastro-cart-entry .table-wrapper div {
			display: table-cell;
		}
		
			.gastro-cart-entry .title {
				font-weight: bold;
				position: relative;
			}
				.gastro-cart-entry .annotation {
					font-size: 70%;
					vertical-align: super;
					padding: 0 0 0 2px;
				}
				.gastro-cart-entry .veggy {
					width: 15px;
					position: absolute;
					left: -19px;
					top: 2px;
				}			
			.gastro-cart-entry .description {
				font-style: italic;
				width: 80%;
			}
				.gastro-cart-entry .description.variant {
					text-align: right;
				}
			.gastro-cart-entry .price {
				width: 26%;
				min-width: 100px;
				padding-left: 3%;
				text-align: right;
				vertical-align: bottom;
			}

	
	
footer {
	border-top: 5px solid #42291c;
	background-color: rgba(66, 41, 28, 0.9);
}

	footer .logo {
		background-image: url(_img/footer-logo.png);
		width: 218px;
		height: 87px;
		margin: auto;
		position: relative;
		top: -45px;
		z-index: 1000;
	}
	
	footer .cw-wrapper {
		background-color: #9b144f;
		min-height: 350px;
		
		
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ae165a+0,690e2d+100 */
		background: #ae165a; /* Old browsers */
		background: -moz-radial-gradient(center, ellipse cover,  #ae165a 0%, #690e2d 100%); /* FF3.6+ */
		background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ae165a), color-stop(100%,#690e2d)); /* Chrome,Safari4+ */
		background: -webkit-radial-gradient(center, ellipse cover,  #ae165a 0%,#690e2d 100%); /* Chrome10+,Safari5.1+ */
		background: -o-radial-gradient(center, ellipse cover,  #ae165a 0%,#690e2d 100%); /* Opera 12+ */
		background: -ms-radial-gradient(center, ellipse cover,  #ae165a 0%,#690e2d 100%); /* IE10+ */
		background: radial-gradient(ellipse at center,  #ae165a 0%,#690e2d 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ae165a', endColorstr='#690e2d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}
	
	footer .block {
		width: 25%;
		padding: 0 5%;
		float: left;
		color: #EFE3E7;
		font-size: 15px;
		font-family: 'Lobster', cursive;
		line-height: 140%;
	}
	
	footer a {
		color: #EFE3E7;
		text-decoration: underline;
		font-weight: normal;
	}
	footer a:hover {
		text-decoration: none;
	}

	footer #styled_by_wildweiss {
		background-image: url(_img/styled_by_wildweiss.svg);
		background-size: 100% 100%;
		width: 90px;
		height: 20px;
		position: absolute;
		right: 2px;
		bottom: 2px;
		opacity: 0.6;
		transition: opacity 0.6s;
	}
	footer #styled_by_wildweiss:hover {
		opacity: 1;
	}


/* ==========================================================================
   Media Queries
   ========================================================================== */

	
@media only screen and (max-width : 1100px) {  
	
	nav ul li a {
		font-size: 13px;
		padding: 9px 6px;
	}
	
	nav ul li.act a, nav ul li a:hover {
		padding: 9px 6px;
	} 

}   
   
@media only screen and (max-width : 970px) {  

	.header-card-1 {
		right: 200px;
	}
	.header-card-2 {
		right: 20px;
	}
	.header-card-3 {
		display: none;
	}
	
	nav {
		text-align: left;
		padding: 0;
	}
		nav .mobile-button {
			border-right: 1px solid #fff;
			padding: 9px 20px 12px 20px;
			display: inline-block;
			color: #fff;
			text-decoration: none;
			font-size: 15px;
		}
			nav .mobile-button.align-right {
				display: none;
			}
		
			nav .mobile-button i {
				font-size: 20px;
				position: relative;
				top: 2px;
			}
	
		.mobile-nav-caller-button {
			font-weight: bold;
			text-transform: uppercase;
			
			background-color: #c6005f;
		}
		
		nav ul {
			display: none;
		}

	
	article .content-column {
		float: none;
		width: 100%;
		position: static;
		min-height: 0;
	}
	.shadow {
		display: none;
	}
	
	article .content-column-left {
		padding: 100px 15% 0 15%;
	}
	
	article .content-column-right {
		padding: 50px 15% 100px 15%;
		border: 0;
	}
	
	
	footer .block {
		padding: 0 2%;
	}
	
	
}


@media only screen and (max-width : 750px) {  

	.header-card-1 {
		display: none;
	}
	
	nav .mobile-button.align-right {
		display: inline-block;
		float: right;
		border: 0;
	}
	
	
	footer .block {
		width: 50%;
		padding: 0 5% 5% 5%;
	}
	
}


@media only screen and (max-width : 650px) {  
	
	.header-card-2 {
		right: 10px;
		width: 180px;
	}


	
	article h2 {
		font-size: 28px;
	}
	article h2 span {
		font-size: 20px;
	}
	article h3 {
		font-size: 22px;
	}
	article h3 span {
		font-size: 18px;
	}
	article h4 {
		font-size: 16px;
	}
	article h4 span {
		font-size: 14px;
		padding: 5px 55px 0px 30px;
	}
	
	article .content-column-left {
		padding: 50px 5% 0 5%;
	}
	
	article .content-column-right {
		padding: 30px 5% 50px 5%;
	}
	
	.flower {
		display: none;
	}
	
}

@media only screen and (max-width : 550px) {  


	body {
		background-image: none;
	}

	#topalert {
		padding: 5px;
		color: #fff;
		font-weight: bold;
		text-align: center;
		display: none;
	}
	
	.header-card-2 {
		display: none;
	}
	
	#logo {
		display: block;
		width: 100%;
		text-align: center;
	}
	
	#logo img {
		margin: 10px 0;
		width: 260px;
	}
	
	nav .mobile-button.xs-hide {
		display: none;
	}
	
	.short-info {
		display: block;
		background-color: #f2f1e5;
		padding: 10px 15px 1px 28px;
		color: #303030;
		position: relative;
	}
		
		.short-info .aside {
			font-weight: bold;
		}
		/*
		.short-info .aside-wrapper {
			background-color: #9b144f;
			position: absolute;
			left: 0;
			top: 1px;
			width: 22px;
			height: 124px;
		}
		.short-info .aside {
			position: absolute;
			width: 124px;
			height: 124px;
			color: #fff;
			text-transform: uppercase;
			transform: rotate(270deg);
			text-align: center;
			left: 4px;
			letter-spacing: 2px;
			font-size: 11.5px;
		}
		*/
		.short-info span {
			display: block;
			margin: 15px 0;
		}
	
	article .content-column-left {
		padding: 15px 5% 0 5%;
	}
	
	
	footer .block {
		width: 100%;
		float: none;
		text-align: center;
		padding: 0 10% 5% 10%;
	}

}


@media only screen and (max-width : 440px) {  
	

	
	.gastro-cart-entry .description {
		width: 100%;
	}
	
	#logo img {
		margin: 5px 0;
		width: 60%;
	}

	
}



@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

		  
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

   
   
.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;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}