@media screen 
{
	body
	{
		font:400 14px/24px 'Lato', sans-serif;
		color: #6d3d1c;
		background: url(../images/bg-body.jpg) top center repeat;
	}

	::selection {background: #d19894; }
	::-moz-selection {background: #d19894;  }

	.image {
		float: left;
		margin: 0 15px 20px 0;
	}

	.product {
		height: 210px;
		margin-bottom: 10px;
	}

	.margin {
		margin-bottom: 30px;
	}

	.padTop {
		margin-top: 46px;
	}
	a img {
        -webkit-backface-visibility:hidden;
	}

	a[rel=lightbox] > img{
		opacity: 1.0;
		-webkit-transition: 300ms;
		   -moz-transition: 300ms;
		    -ms-transition: 300ms;
		     -o-transition: 300ms;
		        transition: 300ms;
	}
	
	a[rel=lightbox]:hover > img{
		opacity: 0.7;

	}

	.round {
		border-radius: 50%; 
		-webkit-border-radius: 50%; 
		-moz-border-radius: 50%; 
		-ms-border-radius: 50%; 
		-o-border-radius: 50%; 
	}

	#header #main, section, article, footer {
		width: 100%;
		float: left;
	}

	article {
		margin-bottom: 30px;
	}

	a {
		text-decoration: underline;
		color: #6d3d1c;
		-webkit-transition: 300ms;
		   -moz-transition: 300ms;
		    -ms-transition: 300ms;
		     -o-transition: 300ms;
		        transition: 300ms;
	}

	a:hover {
		color: #ff869d;
	}

	.file {
			font-size: 1.143em;
			float: left;
			box-shadow: none;
			border: 0;
			display: inline-block;
			height: 44px;
			color: #fff;
			font-style: italic;
			text-align: left;
			background: #d19894;
		-webkit-transition: 300ms;
		   -moz-transition: 300ms;
		    -ms-transition: 300ms;
		     -o-transition: 300ms;
		        transition: 300ms;
		    cursor: pointer;
		}
		.file:hover
		{
			background-color: #ff869d;
		}

	.container
	{
		width:960px;
		margin:0 auto;
	}

	h1 {
		font-size:4.615em;
		background: url(../images/bg-h1.png) center center no-repeat;
		width: 100%;
		float: left;
		min-height: 60px;
		line-height: 1em;
		margin: 60px 0;
		text-align: center;
		padding: 0 25%;
	}

	#formNotice h1 {
		font-size:2.5em!important;
		float: none!important;
		background-position: center 0px;
		margin: 30px auto 0!important;
		width: auto !important;
		line-height: 1.2em;
	}

	h2 {
		font-size:1.6em;
		line-height: 1.5em;
		font-family: 'Lato', sans-serif !important;
	}
	h3 {
		font-size:1.6em;
		font-family: 'Lato', sans-serif !important;
		line-height: 1.5em;
		font-weight: 400 !important;
	}
	
	h4 {
		font-size:2.769em;
		line-height: 1.5em;
		color: #d19894;
	}
	h5 {font-size:1.2em}
	h6 {font-size:1em}
	h1, h2, h3, h4, h5, h6 
	{
		font-family: 'italiannoregular';
		margin-bottom:0.5em;
		font-weight: 400;
		text-rendering: optimizeLegibility;/* optimize text kerning */
	}

	/*=HEADER */
	#header {
		min-height: 100px;
		display: block;
		margin: 0;
		position: relative;
		background: url(../images/border-top.png) top center repeat-x;
	}

	#header > .container > nav {
		margin-bottom: 55px;
	}

	.call {
		font-size: 1.286em;
		line-height: 1.5em;
		font-family: Times, Georgia, serif;
	}

	.call.floatRight {
		text-align: right;
	}
	
	/*=TEASER HEAD */
	#teaserContainer {
		margin-top: 50px;
	}

	a.teaser {
		border: 1px solid #fff;
		padding: 10px 10px 10px;
		width: 220px;
		height: 220px;
		float: left;
		text-align: center;
		margin-left: 26px;
		position: relative;
		text-decoration: none;
	}
		a.teaser:first-child {
			margin-left: 0;
		}

	a.teaser > span {
		width:195px;
		font-family: 'italiannoregular';
		font-size: 2.923em;
		text-align: center; 
		position: absolute;
		top: 157px;
		left: 11px;
		z-index: 10;
		-webkit-transition: 300ms;
		   -moz-transition: 300ms;
		    -ms-transition: 300ms;
		     -o-transition: 300ms;
		        transition: 300ms;
	}
		a.teaser:hover > span {
			color: #ff869d
		}
	a.teaser > .bgText {
		background: #fff;
		opacity: .8;
		width:195px;
		z-index: 2;
		margin: 0 auto;
		height: 50px;
		left: 11px;
		position: absolute;
		bottom: 25px;
	}

	div.category {
		border: 1px solid #fff;
		padding: 10px 10px 10px;
		width: 220px;
		height: 220px;
		float: left;
		text-align: center;
		margin-right: 0;
		margin-bottom: 20px;
		position: relative;
		text-decoration: none;
	}
		div.category.margin {
			margin-right: 26px;
		}
		div.category > a > img {
			opacity: 1;
			cursor: default;
		-webkit-transition: 300ms;
		   -moz-transition: 300ms;
		    -ms-transition: 300ms;
		     -o-transition: 300ms;
		        transition: 300ms;
		}
		div.category:hover > a > img {
			opacity: 0.6;
		}

	div.category > span {
		width:195px;
		font-size: 1.2em;
		text-align: center; 
		position: absolute;
		top: 157px;
		left: 12px;
		z-index: 10;
		cursor: pointer;
		-webkit-transition: 300ms;
		   -moz-transition: 300ms;
		    -ms-transition: 300ms;
		     -o-transition: 300ms;
		        transition: 300ms;
	}
		div.category > span > a{
			text-decoration: none;
		}
		div.category:hover > span > a,
		div.category > span > a:hover{
			color: #ff869d
		}

	div.category > .bgText {
		background: #fff;
		opacity: .8;
		width:196px;
		z-index: 2;
		margin: 0 auto;
		height: 50px;
		left: 11px;
		position: absolute;
		bottom: 25px;
	}

	/* ALL NAVIGATIONS */
	nav ul,	.navi
	{
		list-style:none;
	}
	.navi a
	{
		display:block;
	}

	/*=NAVIGATION MAIN */
	.naviMain {
		width: auto;
		float: left;
		position: relative;	
		z-index: 1000;
	}
		.naviMain > li {
			float: left;
			margin: 30px 12px 0 0;
			width: auto;
			height: 30px;
			position: relative;
		}
			.naviMain > li > a {
				font-family: Times, Georgia, serif;
				color: #664436;
				text-transform: uppercase;
				text-decoration: none;
				font-size: 1.1em;
			}
			.naviMain > li > a:hover, 
			.naviMain > li > a.active,
			.naviMain > li.active > a {
				color: #ff869d;
			}
			.naviMain > li > ul {
				display: none;
				background: #fff;
				padding: 10px 20px;
				position: absolute;
				z-index: 100;
				top: 30px;
				left: -22px;
			}
			.naviMain > li:hover > ul {
				display: block;
			}
				.naviMain > li > ul > li {
					display: block;
					width: 100%;
					margin-bottom: 3px;
				}
				.naviMain > li > ul > li > a {
					color: #664436;
					text-transform: none;
					font-family: 'Lato', sans-serif;

				}
				.naviMain > li > ul > li > a:hover,
				.naviMain > li > ul > li > a.active {
					text-decoration: none;
					color: #ff869d !important;
				}

	/*=NAVIGATION ADDITIONAL */
	#naviAdd {
		float: left;
		width: auto;
		margin-top: 42px;
	}
		#naviAdd > li {
			width: 100%;
			float: left;
		}
		#naviAdd > li:before {
			content: "» ";
			float: left;
			margin-right: 3px;
		}
			#naviAdd > li > a {
				color: #6d3d1c;
				text-decoration: none;
			}
			#naviAdd > li > a:hover,
			#naviAdd > li > a.active {
				color: #ff869d;
			}

	/*=CONTENT */
	#content {
		margin-bottom: 100px;
		position: relative;
		z-index: 50;
	}

	#content p, #content ul, #content ol, #content dl, #content table, .floatList
	{
		margin-bottom:1.5em;
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
	}

	#content ul {
		list-style: none;
	}

	#content li {
		background: url(../images/list.png) 0 7px no-repeat;
		padding-left: 15px;
	}

	a.teaserContent {
		border: 1px solid #fff;
		padding: 15px;
		width: 100%;
		height: 100%;
		float: left;
		text-align: center;
		opacity: 1;
		margin-top: 20px;
	}
	a.teaserContent img{
		-webkit-backface-visibility: initial;	
	}
	a.teaserContent:hover {
		opacity: 0.7;
		border-color: #ff869d;
	}

	.gallery {
		height: 295px;
		margin-bottom: 20px;
		overflow: hidden;
	}

		.cmsbackend .gallery {
			height: auto;
		}

	#newsletter-info {
		background: #fff;
		padding: 5%;
	}

}


	/*=FOOTER */
	footer {
		min-height: 300px;
		display: block;
		padding: 90px 0 50px;
		margin: 0;
		background: url(../images/border-bottom.png) top center repeat-x;

	}

}


/*---------- Mobile Link ----------*/
#mobile-link {
	background: #FF869D;
	clear: both;
	display:none;
}

#mobile-link .btn-mobile {
	background:url(../images/mobile/icon-mobile.png) no-repeat 5% center;
	font: bold 16px/normal Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	margin: 0 auto;
	padding: 50px 10px;
}



dl.floatList dt {
    min-width: 27%;
    padding-right: 0.5rem;
}
dl.floatList dt, dl.floatList dd {
    display: inline-block;
    vertical-align: top;

}

.openingtimes {
	display: none;
}

.openingDesktop >.floatList {
	display: block;
	width:240px;
	float:right;
}

.padding {
	margin-right:19px;
}
.datenschutzerklaerung h5{
	font-size: 2rem;
}
.datenschutzerklaerung h6{
	font-size: 1.8rem;
}