/* Hintergund: #331F1B
   Schrift auf Kacheln/Bildern: #331F1B
	 Schrift im Menü oder auf brauner Fläche: #FFFFFF
	 aktiver Menüpunkt: #AB9201
	 Magenta: #E2007A
	 
	 Schriftgroessen:
	 - MetaNavi: 22px
	 - MainNavi: 24px
	 - Text auf Bild: 24px
	 - Fliesstext im Bild 24px
	 - Text auf brauner Fläche: 22px
	 
	 Dies CSS gilt in der Grundstruktur
	 fuer Tablet (Landscape) alle anderen
	 Anpassungen werden per Mediaqueries
	 erledigt.
	------------------------------------- */

/* Schriften einbinden */
@import url(https://fonts.googleapis.com/css?family=Oswald:300);
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:700);
@font-face {
  font-family: 'DKPI';
  src: url("../fonts/DK P_I_.ttf") format("truetype");
}

html, body {background-color:#331F1B}
html {
	font-size:100%; /* Pixelwert/16=rem-Wert (100% = Browserstandard 16px) */
}
body {
	color:#331F1B;
	font-family:DKPI, Arial, Helvetica, sans-serif;
	font-size:16px; /* fuer aeltere Browser */
	font-size:1rem; /* 16/16=1 */
}
a, a:active, a:focus, a:hover, a:link {color:#331F1B; outline:none; text-decoration:none}

h2,
#main-content #prod-left-col .prod-left-col-desc h1,
#main-content #prod-left-col p.prod-detail-price,
#main-content .bel-twocol-right-inner h1.csc-firstHeader,
#main-content .bel-twocol-reverse-left-inner h1.csc-firstHeader {font-family:DKPI, Arial, Helvetica, sans-serif;}

/* ------------
 *  NAVIGATION
   ------------ */
#meta-nav {
	color:#FFF;
	font-size:22px;
	font-size:1.375rem; /* 22/16=1,375 */
}
.navbar-inverse {
    background-color: #331F1B;
    border-color: #331F1B;
		color:#FFF
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {border:none;}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
	background-color:#331F1B;
	color:#9E9E1F
}
.navbar-inverse .navbar-toggle {border-color: #331F1B}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {background-color:#331F1B}

#logo {margin-top:14px; margin-bottom:14px}
#meta-nav .navbar {
	margin-top:8px;
	margin-bottom:0;
	text-align:center;
}
#meta-nav .navbar-default {border:none}
#meta-nav .navbar-default, #meta-nav .navbar-default .navbar-nav > .active > a,#meta-nav  .navbar-default .navbar-nav > .active > a:hover,#meta-nav  .navbar-default .navbar-nav > .active > a:focus {background-color:transparent}
#meta-nav ul.nav li {
	padding-top:15px;
	padding-bottom:15px;
}
.navbar-nav > li > a {line-height:15px}
#meta-nav ul.nav li a {border-right: 1px solid #FFF}
#meta-nav ul.nav li:last-child a {border-right: none}
#meta-nav #metanavbar a {padding-top:0; padding-bottom:0}
#main-nav a, #main-nav a:active, #main-nav a:focus, #main-nav a:hover, #main-nav a:link,
#meta-nav a, #meta-nav a:active, #meta-nav a:focus, #meta-nav a:hover, #meta-nav a:link {
	color:#FFF
}
#meta-nav li.active a {color:#9E9E1F}
#meta-nav ul.nav {text-align:left}

#social-media {
	font-size:0px;
	margin-top:42px;
	margin-bottom:40px;
	margin-left:1%;
	padding:0;
}
#social-media a {
	margin:0;
	padding:0;
}
#social-media img {
/*	display:block;*/
	margin-left:10px;
	margin-bottom:5px;
	max-width:none !important;
	width:39px;
	height:33px;
}

/* Main-Navigation ------------------------------------------------------------------------------------ */
div.main-nav {
	border-bottom: 1px solid #331F1B;
	font-size:24px;
	font-size:1.5rem /* 24/16=1,5 */
}
div.main-nav .first, div.main-nav .second ,div.main-nav .third,
div.main-nav .fourth, div.main-nav .fifth ,div.main-nav .sixth,
div.main-nav .seventh {border-right:1px solid #331F1B}

div.main-nav div.row div.first, div.main-nav div.row div.second,
div.main-nav div.row div.third, div.main-nav div.row div.fourth,
div.main-nav div.row div.fifth, div.main-nav div.row div.sixth,
div.main-nav div.row div.seventh {padding-top:7px; padding-bottom:7px}

div.main-nav div.row div {display:table-cell;}
div.main-nav div.row div a {display:block; text-align:center}
div.main-nav div.row div.first {background-color:#716B68}  /* 1. Menüpunkt grau */
div.main-nav div.row div.second {background-color:#614544} /* 2. Menüpunkt braun */
div.main-nav div.row div.third {background-color:#9E9E1F}  /* 3. Menüpunkt grün */
div.main-nav div.row div.fourth {background-color:#E0AB04} /* 4. Menüpunkt gelb */
div.main-nav div.row div.fifth {background-color:#573B81}  /* 5. Menüpunkt violett */
div.main-nav div.row div.sixth {background-color:#732953}  /* 6. Menüpunkt weinrot */
div.main-nav div.row div.seventh {background-color:#DC5674}  /* 7. Menüpunkt mittelpink */
div.main-nav div.row div a {color:#FFF}

/* Nav auf Smartphone */
#main-nav-xs .navbar-collapse {margin-top:10px}
#main-nav-xs ul.nav {margin-bottom:0px}
#main-nav-xs ul.smbar {margin-top:0px; margin-bottom:7.5px}

/* ---------------------------------------------------------------------------------------
 *  MAINCONTENT
	 ------------- */
/* verlinkungen unterstreichen */
#main-content .twocol-right-inner .jobs-single-item-inner a,
#main-content .restaurant-detail-right div.info div.text a,
#main-content .presse .right-col .lower .text a,
#main-content .info .twocol-left-inner .text ul li a,
#main-content .imprint .textlayer a,
#main-content .tx-chgallery-pi1 .thumbnail .caption a:link,
#main-content .bel-twocol-right-inner .news-list-item .more-link a:link {text-decoration:underline}

/* Ueberschriftlayer ueber Bildern z.B. bei Home */
.overlay {
	position:absolute;
	top:15px;
	left:15px;
	background-color:#FFF;
	font-size:20px;
	font-size:1.375rem; /* 22/16=1,5 */
	padding:1% 5%;
	text-align:center;
	min-width:35%;
	opacity:0.8;
  filter:alpha(opacity=80); /* For IE 8 and earlier */
	
	display:none;
}

/* Kategorieuebersicht */
#main-content .tl, #main-content .tm, #main-content .tr,
#main-content .bl, #main-content .bm, #main-content .br {
	border-right:1px solid #331F1B;
	border-bottom:1px solid #331F1B;
	padding:0;
}
#main-content .tx-dce-pi1 div.tl h3,
#main-content .tx-dce-pi1 div.tr h3,
#main-content .tx-dce-pi1 div.bl h3,
#main-content .tx-dce-pi1 div.br h3 {margin-top:15px;}

/* Produktuebersicht */
#main-content .bxslider div.bg-white {
	border-right:1px solid #331F1B;
	border-bottom:1px solid #331F1B;
}
#main-content .bxslider div.bg-white h3 {margin-top:15px}
#main-content .bxslider div.bg-white h3 small {color:#716B68}
/* ----------------- */
#main-content.container-fluid {padding-left:0; padding-right:0;}
#main-content div.row {margin-left:0; margin-right:0;}
/* Produktdetailseite */
#main-content #prod-left-col p.prod-detail-price {
	font-size:30px;
	font-size:1.875rem /* 30/16 */
}
#main-content .bel-twocol-right-inner .news-single-item .news-single-rightbox h1,
#main-content .twocol-right-inner .text .jobs-single-item-inner h2,
#main-content #prod-left-col, #main-content #prod-right-col,
#main-content .bxslider div.bg-white h3 small {
	font-family: "Open Sans Condensed", Arial, Helvetica, sans-serif;
}
#main-content #prod-left-col .prod-right-col-backbtn,
#main-content #prod-left-col .prod-left-col-desc,
#main-content #prod-left-col .prod-left-col-price,
#main-content #prod-right-col .prod-right-col-backbtn {position:absolute;}
#main-content #prod-left-col .prod-left-col-desc {top:1%; left:36px}
#main-content #prod-left-col .prod-left-col-desc h1 {
	font-size:30px;
	font-size:1.875rem; /* 30/16=*/
	margin-bottom:7px;
}
#main-content .wine #prod-left-col .prod-left-col-desc h1 {width:70%}
#main-content #prod-left-col .prod-left-col-desc p {
	color:#716B68;
	width:60%;
}
#main-content #prod-right-col p,
#main-content #prod-left-col .prod-left-col-desc p {line-height:1.3}
#main-content #prod-left-col .prod-left-col-price {bottom:-5px; right:18px;}
#main-content #prod-left-col {border-right:1px solid #331F1B}
#main-content #prod-right-col {
	background-color:#614544;
	color:#FFF;
}
#main-content .prod-right-col-inner {position:relative}
#main-content .prod-right-col-inner .textlayer {
	position:absolute;
	top:3px;
	left:36px;
	padding-right:36px;
}
#main-content #prod-left-col .prod-right-col-backbtn,
#main-content #prod-right-col .prod-right-col-backbtn {top:15px; right:15px; z-index:9999}
#main-content #prod-right-col h2 {
	font-size:22px;
	font-size:1.375rem; /* 22/16=1,375 */
	margin-top:30px;
	margin-bottom:7px;
}

/* - Restaurant-Uebersicht */
.restaurant-overview-left-col, .restaurant-overview-right-col {
	position:relative;
	border-right:1px solid #331F1B
}
/* - Restaurant-Detail */
#main-content .restaurant-detail-left {border-right:1px solid #331F1B}
#main-content .restaurant-detail-right {
	font-family: "Open Sans Condensed", Arial, Helvetica, sans-serif;
	padding:0;
}
#main-content .restaurant-detail-right div.info {
	border-bottom:1px solid #331F1B;
	position:relative;
}
#main-content .restaurant-detail-right div.info div.text {
	padding-right:10%;
	position:absolute;
	top:10%;
	left:10%;
	height:80%;
	width:90%;
	overflow:auto;
}
#main-content .restaurant-detail-right div.info div.text h2 {margin-top:0}
#main-content .restaurant-detail-right div.info div.text p {margin-bottom:0}
#main-content .restaurant-detail-right .map {
	position: relative;
	padding-bottom: 74%; // This is the aspect ratio
	height: 0;
	overflow: hidden;
}
#main-content .restaurant-detail-right .map iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
/* - Home */
#main-content .threecol-left,
#main-content .threecol-middle,
#main-content .threecol-right {border-right:1px solid #331F1B}
/* ------ */
#main-content .twocol-left,
#main-content .twocol-reverse-left,
#main-content .presse .left-col {border-right:1px solid #331F1B}
#main-content .twocol-reverse-left-inner,
#main-content .twocol-right-inner {position:relative}
#main-content .twocol-reverse-left-inner .text,
#main-content .twocol-right-inner .text{
	padding-right:12.5%;
	position:absolute;
	top:16%;
	left:12.5%;
	height:68%;
	width:87.5%;
	overflow:auto;
}
#main-content .twocol-right-inner h2,
#main-content .twocol-reverse-left-inner h2 {margin-top:0}

#main-content .presse .right-col .lower p,
#main-content .twocol-reverse-left,
#main-content .twocol-right {font-family: "Open Sans Condensed", Arial, Helvetica, sans-serif}

#main-content .presse .right-col .upper {border-bottom:1px solid #331F1B}
#main-content .twocol-left .overlay,
#main-content .twocol-right .backLinkR,
#main-content .twocol-reverse-right .overlay,
#main-content .twocol-reverse-left .backLinkL {
	position:absolute;
}
/*#main-content .presse .right-col .upper .overlay,*/
#main-content .twocol-left .overlay,
#main-content .twocol-reverse-right .overlay,
/*#main-content .threecol-left .overlay, #main-content .threecol-middle .overlay,
#main-content .threecol-right .overlay*/ {
	background-color:#FFF;
	font-size:22px;
	font-size:1.375rem; /* 22/16=1,375 */
	line-height:24px;
	line-height:1.5rem; /* 24/16=1,5 */
	padding:2% 5%;
	text-align:center;
	min-width:35%;
	opacity:0.8;
  filter:alpha(opacity=80); /* For IE 8 and earlier */
}
#main-content .twocol-reverse-right .overlay {top:46%; left:31%}
#main-content .twocol-reverse-left .backLinkL,
#main-content .twocol-right .backLinkR {top:15px; right:15px}

#main-content .presse {
	background-image: -webkit-gradient(
		linear,
		left top,
		right top,
		color-stop(0, #FFF),
		color-stop(66.6%, #FFF),
		color-stop(66.6%, #331F1B),
		color-stop(100%, #331F1B)
	);   	
	background-image: -webkit-linear-gradient(
		left, 
		#331F1B, 
		#331F1B 66.6%,
		#FFF 66.6%,
		#FFF 100%
	);
	background-image: -moz-linear-gradient(
		left, 
		#331F1B, 
		#331F1B 66.6%,
		#FFF 66.6%,
		#FFF 100%
	);
	background-image: -ms-linear-gradient(
		left, 
		#331F1B, 
		#331F1B 66.6%,
		#FFF 66.6%,
		#FFF 100%
	);
	background-image: -o-linear-gradient(
		left, 
		#331F1B, 
		#331F1B 66.6%,
		#FFF 66.6%,
		#FFF 100%
	);
}
#main-content .presse .right-col .lower {
	background-color:#FFF;
	position:relative;
}

/* Bilddownload */
#main-content .tx-chgallery-pi1 {position:relative}
#main-content .tx-chgallery-pi1 .pagebrowser {
	color:#FFF;
	position:absolute;
	top:46%;
	z-index:9999;
}
#main-content .tx-chgallery-pi1 .pbleft {left:0px}
#main-content .tx-chgallery-pi1 .pbright {right:1px}
#main-content .tx-chgallery-pi1 .pagebrowser .prev,
#main-content .tx-chgallery-pi1 .pagebrowser .next {
	text-align:center;
	width:40px;
	height:40px;
}
#main-content .tx-chgallery-pi1 .pagebrowser a,
#main-content .tx-chgallery-pi1 .pagebrowser a:active,
#main-content .tx-chgallery-pi1 .pagebrowser a:focus,
#main-content .tx-chgallery-pi1 .pagebrowser a:hover,
#main-content .tx-chgallery-pi1 .pagebrowser a:link {
	background-color:#E2007A;
	color:#FFF;
	display:inline-block;
/*	font-family: "Open Sans Condensed", Arial, Helvetica, sans-serif;*/
	font-family: "Times New Roman", serif;
	font-size:35px;
	line-height:48px;
	position:relative;
	width:40px;
	height:40px;
}
#main-content .tx-chgallery-pi1 .pagebrowser .prev a span,
#main-content .tx-chgallery-pi1 .pagebrowser .next a span {
	padding:0;
	position:absolute;
	top:-5px;
}
#main-content .tx-chgallery-pi1 .pagebrowser .prev a span {left:9px}
#main-content .tx-chgallery-pi1 .pagebrowser .next a span {left:12px}
#main-content .tx-chgallery-pi1 .single {
	background:none;
	border-right:1px solid #331F1B;
	border-bottom:1px solid #331F1B;
	padding:0;
}
#main-content .tx-chgallery-pi1 .thumbnail {
	background-color:#FFF;
	border:none;
	border-radius:0;
	margin-bottom:0;
	padding:0;
}
#main-content .tx-chgallery-pi1 .thumbnail .img .align img {
	width:100%;
	height:auto;
}
#main-content .tx-chgallery-pi1 .thumbnail .caption {
	background-color:#FFF;
	padding:10px 0px;
	text-align:center;
}
#main-content .tx-chgallery-pi1 .thumbnail .caption small {display:none}
#main-content .tx-chgallery-pi1 .thumbnail .caption a,
#main-content .tx-chgallery-pi1 .thumbnail .caption a:active,
#main-content .tx-chgallery-pi1 .thumbnail .caption a:focus,
#main-content .tx-chgallery-pi1 .thumbnail .caption a:hover,
#main-content .tx-chgallery-pi1 .thumbnail .caption a:link {font-family: "Open Sans Condensed", Arial, Helvetica, sans-serif}

/* Impressum */
#main-content .imprint .threecol-left,
#main-content .imprint .threecol-middle,
#main-content .imprint .threecol-right {
	border-right:1px solid #331F1B;
}
#main-content .imprint .threecol-left {
	background-color:#FFF;
}
#main-content .presse .right-col .lower .text ul li a,
#main-content .info .twocol-left-inner,
#main-content .imprint .threecol-left-inner {
	font-family: "Open Sans Condensed", Arial, Helvetica, sans-serif;
	position:relative;
}
#main-content .presse .right-col .lower .text,
#main-content .info .twocol-left-inner .text,
#main-content .imprint .threecol-left-inner .textlayer {
	padding-right:10%;
	position:absolute;
	top:7%;
	left:10%;
	height:86%;
	width:90%;
	overflow:auto;
}
#main-content .imprint .threecol-left-inner h2 {margin-top:0}
#main-content .imprint .threecol-left-inner h3 {
	font-size:20px;
	font-size:1.25rem; /* 20/16 = 1,25 */
}

/* Backend Layout 2-Spaltig (1-2) z.B. Konzept, Homemade, Jobs */
#main-content .bel-twocol-left,
#main-content .bel-twocol-reverse-left {border-right:1px solid #331F1B}
#main-content .bel-twocol-right,
#main-content .bel-twocol-reverse-left {
	background-color:#FFF;
	padding:7.75% 0 7.75% 7.75%;
}
#main-content .bel-twocol-right-inner,
#main-content .bel-twocol-reverse-left-inner {
	font-family: "Open Sans Condensed", Arial, Helvetica, sans-serif;
	overflow:auto;
	padding-right:13.5%;
	max-height:377px;
}
#main-content .bel-twocol-right-inner h1,
#main-content .bel-twocol-reverse-left-inner h1 {margin-top:0}
#main-content .bel-twocol-reverse-left-inner ul {margin-bottom:0}
#main-content .bel-twocol-right-inner .news-list-container,
#main-content .bel-twocol-right-inner .news-list-item,
#main-content .bel-twocol-right-inner .news-single-item {padding:0}
#main-content .bel-twocol-right-inner .news-single-item {margin-bottom:0;}
#main-content .bel-twocol-right-inner .news-list-item {padding-bottom:15px;}
#main-content .bel-twocol-right-inner .news-list-item h3 {
	border-bottom:1px solid #331F1B;
	font-size:22px;
	font-size:1.375rem /* 22/16 */
}
#main-content .bel-twocol-right-inner .news-single-item .news-single-rightbox,
#main-content .bel-twocol-right-inner .news-list-item .news-list-date {
	font-size:12px;
	padding-top:8px;
}
#main-content .bel-twocol-right-inner .news-list-item p,
#main-content .bel-twocol-right-inner .news-single-item p {
	margin-bottom:0;
	padding:0 50px;
}
#main-content .bel-twocol-right-inner .news-list-item .more-link {text-align:right; width:100%}
#main-content .bel-twocol-right-inner .news-list-item .more-link a,
#main-content .bel-twocol-right-inner .news-list-item .more-link a:active,
#main-content .bel-twocol-right-inner .news-list-item .more-link a:focus,
#main-content .bel-twocol-right-inner .news-list-item .more-link a:hover,
#main-content .bel-twocol-right-inner .news-list-item .more-link a:link {font-size:14px}
#main-content .bel-twocol-right-inner .news-single-item h1 {
	border-bottom:1px solid #331F1B;
	font-size:22px;
	font-size:1.375rem; /* 22/16 =*/
}
#main-content .bel-twocol-right-inner .news-single-item p {margin-bottom:10px;}
#main-content .bel-twocol-right-inner .news-single-item .news-single-backlink {
	border-top:1px solid #331F1B;
	padding-right:0;
	text-align:right;
}
/* Jobs ohne tt_news */
#main-content .twocol-right-inner .jobs-single-item {position:relative}
#main-content .twocol-right-inner .jobs-single-item-inner {padding-bottom:45px}
#main-content .twocol-right-inner .jobs-single-item-inner .jobs-single-rightbox {
	font-size:12px;
	position:absolute;
	top:8px;
	right:0px;
}
#main-content .twocol-right-inner .jobs-single-item-inner .jobs-single-rightbox p {
	padding:0
}
#main-content .twocol-right-inner .jobs-single-item-inner h2 {
	border-bottom:1px solid #331F1B;
	font-size:22px;
	font-size:1.375rem; /* 22/16 */
}
#main-content .twocol-right-inner .jobs-single-item-inner p {
	margin-bottom:0;
	padding:0 50px;
}

/* -----------------
 *  bxslider overide
   ----------------- */
.bx-wrapper .bx-viewport {
	background-color:#331F1B;
	border-color:#331F1B;
	box-shadow:none;
	left:0;
}
.bx-viewport {
	border-width:0px !important;
}
.bx-wrapper .bx-next,
.bx-wrapper .bx-next:hover {
	background-position:-50px 0;
	right:1px
}
.bx-wrapper .bx-prev,
.bx-wrapper .bx-prev:hover {
	background-position:0 0;
	left:-3px}
.bx-wrapper .bx-controls-direction a {
	margin-top:-20px;
	width:40px;
	height:40px;
}
/* für Slider bei Locations */
.locations .bx-wrapper .bx-controls-direction a {margin-top: -21px}
.locations .bx-wrapper .bx-next, .bx-wrapper .bx-next:hover {right: 0}

/* ------------------
 *  TYPO3 anpassungen
 * ------------------ */
/* flexible Medien*/
img, embed, object, video {
 max-width: 100%;
 height: auto;
 width: auto;
}
/* CSS Styled Content Regeln überschreiben */
DIV.csc-textpic .csc-textpic-imagewrap FIGURE,
DIV.csc-textpic FIGURE.csc-textpic-imagewrap,
FIGCAPTION.csc-textpic-caption {
 display: block;
}
DIV.csc-textpic-left .csc-textpic-imagewrap {
 float: none;
}
DIV.csc-textpic DIV.csc-textpic-imagecolumn {
 display: inline-block;
 float: none;
 vertical-align: top;
}
.csc-default {clear: both;}
/* Bilder Fluid darstellen */
#main-content .csc-textpic-image img {
   max-width: 100%;
   height: auto;
}
#main-content .csc-textpic-imagerow .csc-textpic-image {max-width: 100%}
div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {margin-bottom:0}

/* ----------------------- 
 Responsive Webdesign
----------------------- */
/* Smartphones (portrait and landscape) */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
#meta-nav div.row {position:relative}
#logo {
	position:absolute;
	top:0;
	left:0;
	margin:8px 0 0 8px;
	padding:0;
	height:55px; width:55px;
	z-index:9999;
}
#main-nav-xs {
	font-size:24px;
	font-size:1.5rem;
	padding-top:10px;
	padding-bottom:10px
}
#main-nav-xs .navbar-nav > li > a {
	padding-bottom: 12px;
	padding-top: 12px
}
#main-nav-xs .navbar-collapse {
  border-top:none;
  box-shadow:none
}
#main-nav-xs li a {color:#FFF}
#main-nav-xs li.active a,
#main-nav-xs li a:active {color:#9E9E1F}
#main-content {margin-top:71px;}
#main-content .twocol-reverse-left-inner .text, #main-content .twocol-right-inner .text {top:40px}
#main-content #prod-left-col .prod-left-col-desc {
	left:9px;
	top:11px
}
#main-content #prod-left-col .prod-left-col-desc h1 {
	line-height:0.9;
	margin-top:0
}
#main-content #prod-left-col .prod-left-col-price {
  bottom:-12px;
  right:9px
}
}
/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}
/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
#main-content .presse .right-col .lower img.bg-sm {width:640px; height:285px}
#main-content .visible-xs .twocol-right-inner img.bg-sm,
#main-content .twocol-reverse-left-inner img.bg-sm {width:640px; height:755px}
}
/* Tablet (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
#social-media {
	margin-top:25px;
}
div.main-nav div.row div.first, div.main-nav div.row div.second,
div.main-nav div.row div.third, div.main-nav div.row div.fourth,
div.main-nav div.row div.fifth, div.main-nav div.row div.sixth
{padding-top:8px; padding-bottom:6px}
/* Produktdetail */
#main-content #prod-right-col {padding:0px 24px 7px 24px}
#main-content .prod-right-col-inner .textlayer {left:10px}
}
/* Tablet (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
#meta-nav .navbar {margin-top:37px}
#info_bar {height:190px}
#meta-nav ul.nav li {
    padding-bottom: 5px;
    padding-top: 5px
}
#social-media {margin-left:0}
#main-content .visible-sm .restaurant-detail-right div.info {border-right:1px solid #331F1B}
#main-content .visible-sm .restaurant-detail-right div.map {padding-bottom:36.5%;}
#main-content .presse {
	background-image: -webkit-gradient(
		linear,
		left top,
		right top,
		color-stop(0, #FFF),
		color-stop(49%, #FFF),
		color-stop(49%, #331F1B),
		color-stop(100%, #331F1B)
	);   	
	background-image: -webkit-linear-gradient(
		left, 
		#331F1B, 
		#331F1B 49%,
		#FFF 49%,
		#FFF 100%
	);
	background-image: -moz-linear-gradient(
		left, 
		#331F1B, 
		#331F1B 49%,
		#FFF 49%,
		#FFF 100%
	);
	background-image: -ms-linear-gradient(
		left, 
		#331F1B, 
		#331F1B 49%,
		#FFF 49%,
		#FFF 100%
	);
	background-image: -o-linear-gradient(
		left, 
		#331F1B, 
		#331F1B 49%,
		#FFF 49%,
		#FFF 100%
	);
}
#main-content .home .threecol-left,
#main-content .home .threecol-middle,
#main-content .imprint .threecol-left,
#main-content .sitemap .twocol-reverse-left,
#main-content .presse .right-col {border-bottom:1px solid #331F1B}
#main-content .presse .right-col .upper {
	border-right:1px solid #331F1B;
	border-bottom:0
}
#main-content .visible-sm .twocol-right-inner img.bg-sm,
#main-content .twocol-reverse-left-inner img.bg-sm {width:768px; height:755px}
/* Produktdetail */
#main-content #prod-left-col {potision:relative}
#main-content #prod-left-col .prod-left-col-desc {left:30px}
/* Konzept/Datenschutz */
#main-content .two-col-b-w {background-image:none !important}
/* Ambiente/Bildnachweis */
#main-content .two-col-reverse-b-w {background-image:none !important}
}
/* Tablet (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
#meta-nav .navbar {margin-top:37px}
#social-media {margin-left:25%}
/* Kategorieuebersicht */
.overlayTextBL {bottom:0}
.overlayTextBR {bottom:0}
.bx-wrapper .bx-next,
.bx-wrapper .bx-next:hover {right:2px}
/* Produktdetail */
#main-content #prod-left-col .prod-left-col-desc {left:27px}
}
/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
#meta-nav .navbar {margin-top:37px}
/* Bilddownload */
#main-content .tx-chgallery-pi1 .pagebrowser {top:47.75%}
}
/* Large screens ----------- */
@media only screen 
and (min-width : 1900px) {
#meta-nav .navbar {margin-top:37px}
#social-media {margin-left:60%}
}