@import url("../fonts/MaterialIcons/materialicons.css");
@import url("../fonts/WireOne/wireone.css");
@import url("../fonts/YanoneKaffeesatz/yanonekaffeesatz.css");
/* CSS Document */

html {
	font-size:100%;
	height:100%;
}

body {
	height:100%;
	
	line-height:1.5em;
	background:none;
	font-family:"Yanone Kaffeesatz","Droid Sans","PT Sans", Verdana, Arial, sans-serif;
	font-weight:300;
    font-size:1.5rem;
    line-height:1.5em;
    text-rendering:optimizelegibility;
	color:#ccc;
}


h1, h2, h3, h4, h5, h6 {
	font-family:"Wire One","Droid Sans","PT Sans", Verdana, Arial, sans-serif;
	line-height:1em;
	margin-top:1em;
	margin-bottom:0.5em;
	color:rgba(255,255,255,0.8);
}
h1 {
	font-size:3em;
}
h2 {
	font-size:3em;
	margin-bottom:0.5em;
}

p {
	margin-bottom:0.8em;
}

a {
	color:#900;
	background-color:rgba(255,255,255,0.5);
	padding:0.2em;
	border-radius:0.2em;
}

.table {
	display:table;
	table-layout:auto;
	border-collapse:collapse;
}
.tr {
	display:table-row;
}
.td {
	display:table-cell;
	vertical-align:top;
}

.td p {
	margin-bottom:0px;
}

a.linkonly {
	margin:0px !important;
	padding:0px !important;
	text-transform:none;
	display:inline;
	height:auto !important;
	overflow:hidden !important;
	background:none;
	border-radius:0px;
}
a.linkonly *, a.linkonly .row, a.linkonly .col {
	text-transform:none;
}

a.linkonly .tr {
	width:100% !important;
}

a[id].anchor, a[name].anchor {
	font-size:0px;
}

dl dt {
	font-weight:bold;
}
dl dd, ul li {
	margin-left:2em;
}

main ul, main ul li {
	list-style-type:disc;
}

.bbottom {
	border:1px solid #eee;
	margin-bottom:1em;
	padding-bottom:1em;
}

.smaller {
	font-size:80%;
}
.ptop {
	padding-top:2em !important;
}


.fullwidth, .fullwidth .container, .fullwidth .container .row {
	width:auto;
}

.halfheight {
	position:relative;
	min-height:50vh;	
}

.fullheight {
	position:relative;
	min-height:100vh;
}

.grey {
	color:#8e8777;
}
.hg_grey {
	background-color:#8e8777;
}
.green {
	color:#acaa00;
}

.hg_white {
	background-color:#fff;
	color:#8e8777;
	color:#333;
}
.hg_white h1, .hg_white h2 {
	color:#8e8777;
	color:#333;
}
#H0, #H2 {
	box-sizing:border-box;
}

#H2 {	
	position:fixed;
	height:auto;
	left:0px;
	top:0px;
	width:100%;
	z-Index:999;
	background:none;
	pointer-events: none;
	
	text-align:left;
	
}
	#H2 .table {
		width:auto;
		pointer-events: visiblePainted;
	}
	#H2 .td {
		text-align:left;
		width:auto;
		padding:1rem;
	}

#H0 {
	background-color:#000;
	background-image:url(../images/hg_seeeck1.jpg);
	background-position:top center;
	background-size:cover;
	background-repeat:no-repeat;
	
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100vh;
	z-Index:-1;
}

main {
	margin-top:100vh;
	box-shadow:0px -5em 5em #000, 0px 5em 5em #000;
	border-top:1px solid #fff;
}

#F0 {
	background-color:#f9f9f9;
	background-color:#000;
	text-shadow:none;
	text-align:center;
}
#F0 a {
	font-size:80%;
	color:#666;
	background:none;
}
#F0 #LogoSYNE {
	max-width:30rem;
	height:auto;
	display:block;
	margin:auto;
	margin-top:2rem;
	margin-bottom:2rem;	
}


#CHome {
	background-color:#000;
	text-shadow:none;
	box-shadow:0px 5em 5em #000;
}
#CNews {
	/*
	background-color:#f5f3f1;
	*/
	background-color:#eee;
	border-top:3px solid #ccc;
	border-bottom:3px solid #ccc;
}
#CSeeeck {
	margin-top:50vh;
	box-shadow:0px -5em 5em #000;
	background-color:#fff;
	color:#333;
}
#CLieferanten {
	background-color:#f3f3f3;
	border-top:1px solid #ccc;
	color:#333;
}

#CWeinkarte, #CSpeisekarte {
	color:#333;
	background-color:#ddd;
}

#CImpressionen {
	color:#fff;
	background-color:#000;
}

#CDSGVO {
	background-color:#eee;
	font-size:80%;
	border-top:1px solid #ccc;
}
#CDSGVO h1 {
	font-size:1.5em;
	color:#333;
}
#CDSGVO h2 {
	font-size:1.35em;
	color:#333;
}
#CDSGVO h3 {
	font-size:1.2em;
	color:#333;
}
#btnNav {
	position:relative;
	display:block;
	
	font-size:1rem;
	
	width:5rem;
	height:5rem;
	
	padding:1rem;
	background:none;
	background-color:rgba(0,0,0,0.5);	
	border-radius:0.5rem;
	border:none;
	box-sizing:border-box;
	color:#fff;
}
#btnNav:hover {
	color:#900;
}
#btnNav i {
	font-size:3rem;
}

#nav0 {
	display:none;
}

#nav0 ul {
	list-style-type:none;
	text-align:center;
	margin:0px;
	padding:0px;
	background-color:rgba(0,0,0,0.5);
}

#nav0 ul ul {
	display:none;
	position:absolute;
	left:0px;
	top:1.5em;
	min-width:100%;
	height:auto;
	z-index:2;
	
	background-color:rgba(255,255,255,0.9);
}

#nav0 li {
	position:relative;
	font-size:1.5rem;
	line-height:1em;
	margin:0px;
	padding:0px;
}

#nav0 ul ul li {
	font-size:1rem;
}

#nav0 li:hover>ul {
	display:block;
}

#nav0 a {
	margin:0px;
	padding:0.4em;
	
	text-decoration:none;
	color:#fff;
	
	display:block;
	width:100%;
	height:100%;
	
	text-align:center;
	text-transform:uppercase;
	
	font-weight:300;
	
	background:none;
}

#nav0 a:hover {
	-webkit-transition:background-color 0.5s;
	transition:background-color 0.5s;
}
ul.lightbox {
	list-style-type:none;
	margin:0px;
	padding:1rem;
	background-color:#000;
	box-sizing:border-box;
	
	font-size:0px;
	white-space-collapse:collapse;
}
.fancybox-title {
	display:none !important;
}
ul.lightbox li {
	box-sizing:border-box;
	box-shadow:none;
	border:none;
	margin:0;
	list-style-type:none;
	display:inline-block;
	width:10%;
}

ul.lightbox li a {
	display:inline;
	font-size:0px;
}
ul.lightbox li img {
	border:1px solid #111;
	padding:2px;
	width:100%;
	height:auto;
}

ul.lightbox li:hover {
	box-shadow:none;
}

ul.lightbox li:hover img {
    box-shadow: 0px 0px 5px #fff;
}
ul.lightbox li button, ul.lightbox li a.menu {
	display:block;
	font-size:90%;
	color:#900;
	padding:0.1em;
}

#SEO {
	background-color:#eee;
	border-bottom:1px solid #c6c6c6;
	padding-bottom:1em;
}

.BOBtn2FS {
	display:none;
}

#CMsg_Kontakt {
	padding:1em;
	display:none;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	margin:1em;
}

.SMFacebook {
	background-color:#333;
	background-image:url(../../../svg/icons/icon_facebook.svg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:2rem 2rem;
	background-origin:padding-box;
	line-height:2rem;
	width:2.5rem;
	height:2.5rem;
	padding:0.25rem;
	font-size:0px;
	display:block;
	box-sizing:border-box;
	
	border-radius:0.5rem;
}

img.SMFacebook {
	background:none;
	display:inline-block;	
}
img.SMFacebook #facebook[fill] {
	color:#000;
	background-color:#000;
}

.b {
	border-bottom: 1px solid #585751;
}
.teaser {
	font-size:1.8em;
	line-height:1.2em;
}
	.teaser .anf {
		font-family:sans-serif;
		display:block;
		float:left;
		font-size:8em;
		color:#acaa00;
		margin-right:0.5rem;
		margin-bottom:0.5rem;
		line-height:1em;
	}

/* ---- Home: ---- */
#Slogan ul, #Slogan li {
	list-style-type:none;
	margin:0px;
	padding:0px;
}
#Slogan {
	font-family:"Wire One","Droid Sans";
	font-size:3vw;
	color:#fff;
	
	position:absolute;
	bottom:4rem;
	left:1rem;
	height:auto;
	width:auto;
	
	text-shadow:none;
	text-transform:uppercase;
}

.colteaser {
	padding-top:10rem;
}

#Slogan h1 {
	font-family:"Wire One","Droid Sans";
	font-size:7vw;
	margin-bottom:0.5em;
	color:#fff;
	text-shadow:0px 0px 3px #333;
}
#Slogan li {
	margin-top:0.25em;
	margin-bottom:0.15em;
	margin-left:0px;
	line-height:1em;
	box-sizing:border-box;
	display:block;
}
#Slogan li span {
	/*
	padding:0.1em;
	padding-right:1.5em;
	background-color:#000;
	color:#fff;
	*/
}

.teaser2 {
	text-align:center;
}
/* ENDE Home: ---- */


/* ---- News: ---- */
#CNews article {
	padding:1em;
	box-sizing:border-box;
	border:1px solid rgba(255,255,255,0);
	color:#666;
	margin-bottom:1em;
	border-radius:0.2em;
}
#CNews article:nth-of-type(even) {
	background-color:#eee;
}
#CNews article:nth-of-type(odd) {
	background-color:#fff;
}
#CNews article:hover {
	border:1px solid #ccc;
}

#CNews h2 {
	margin-top:0px;
}
#CNews h1, #CNews h2 {
	color:#333;
}
	#CNews  article h2 {
		font-size:3em;
		margin-top:0px;
	}

#CNews  time {
	border-radius:3em;
	background-color:rgba(255,255,255,0.9);
	background-color:#900;
	box-shadow:0px 0px 5px #999;
	color:#fff;
	text-align:center;
	display:block;
	width:6em;
	height:6em;
	padding:0.75em;
	box-sizing:border-box;
}
#CNews time span {
	display:block;
}
#CNews time .tag {
	font-size:2em;
	line-height:1em;
}
#CNews time .monat {
	font-size:0.8em;
	line-height:1em;
}
#CNews time .jahr {
	font-size:0.8em;
	line-height:1em;
}

#CNews .archiv {
	display:none;
}
/* ENDE News: ---- */



/* ---- See-Eck: ---- */
#CSeeeck h2 {
	color:rgba(0,0,0,0.8);
}
#CSeeeck i {
	font-size:8rem;
	margin:auto;
	margin-top:0.75em;
	color:rgba(0,0,0,0.2);
	display:block;
}
/* ENDE See-Eck: ---- */


/* ---- Lieferanten: ---- */
#CLieferanten h1 {
	color:#900;
}
#CLieferanten ul, #CLieferanten ul li {
	list-style-type:none;
	margin:0px;
	padding:0px;
}

#CLieferanten ul li {
	margin-bottom:0.8em;
}
#CLieferanten ul li a {
	display:block;
}
.lieferanten_descr {
	font-size:90%;
}
/* ENDE Lieferanten: ---- */


/* ---- Weinkarte: ---- */
.weinkarte {
	display:block;
	margin-bottom:1em;
}
/* ENDE Weinkarte: ---- */


/* ---- Speisekarte: ---- */
#CSpeisekarte h1 {
	color:#900;
}

.speisekarte {
	margin-left:2em;
	margin-right:2em;
}
.speisekarte li .td {
	padding-bottom:0.5em;
	padding-top:0.5em;
	border-bottom:3px double #fff;
	
}
/* ENDE Speisekarte: ---- */
label, input, select, textarea {
	display:block;
}

label {
	margin-top:0.4em;
	margin-bottom:0.1em;
	font-weight:normal;
}
label[required] {
	font-weight:bold;
}

input:not([type=button]):not([type=submit]):not([type=reset]), textarea {
	border:1px solid #ccc;
	padding:0.2em;
	border-radius:0.2em;
	width:100%;
	box-sizing:border-box;
}

button, input[type=button], input[type=submit], input[type=reset] {
	margin-top:1em;
	margin-bottom:1em;
	border-radius:0.35em;
	padding-left:1em;
	padding-right:1em;
	
	border:1px solid #fff;
	box-shadow:0px 0px 3px #585751;
	color:#585751;

	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 50%, #cccccc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#ffffff), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 50%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 50%,#cccccc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 50%,#cccccc 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 50%,#cccccc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
}

button:hover {
	color:#c79810;
}
@media only screen and (min-width: 992px) {
}


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

/* ---- Tablet, etc.: ---- */
@media only screen and (max-width: 992px) {
}

@media only screen and (min-width: 600px) {
}
/* ENDE Tablet, etc.: ---- */


/* ---- Smartphones, etc. ---- */
@media handheld, only screen and (max-width: 600px) {
	.row ul, .row ol, .row dl, .row ul li, .row dl dd {
		margin-left:0px;
	}
	
	#H0 {
		background-size:cover;
	}
	#Slogan {
		font-size:12vw;
		bottom:4rem;
	}
	#imgErnaehrung {
		float:none;
		max-width:100%;
	}
	
	.colteaser {
		padding-top:2rem;
	}
	.teaser .anf {
		font-size:4em;
	}
	
	h1, h2, h3, h4, h5, h6 {
		margin-top:0.5em;
		margin-bottom:0.3em;
	}
	a {
	}
	
	#CHome .row .fullheight {
		min-height:auto;
	}
	
	#CErnaehrung, #CBewegung, #CLifesyle {
		border-bottom:1px solid #8e8777;
	}
}
/* ENDE Smartphones, etc. ---- */