body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}.aspect--9\:16,.responsive.ratio-916{padding-bottom:177.7777%}.aspect--1\:1,.responsive.ratio-11{padding-bottom:100%}
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
@charset "utf-8";

html{
	margin:0;
	padding:0;
	height:100%
}

body{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	font:100% 'Poppins',Verdana,Arial,sans-serif;
}

#wrapper{
	width:100%;
	min-height:100%;
	margin:0 auto;
	position:relative;
}

.inside-wrapper,
.hauptkarte #main .inside{
	width:100%;
	max-width:1200px;
	margin:0 auto;
	padding: 4em 0
}

#header{
	position: relative;
	width:100%;
	top:0;
	z-index:99;
}

#header .inside{
	padding:40px 5%;
}

.header-logo{
	min-width: 120px;
	max-width: 160px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	z-index: 50;
}

.header-logo:after{
	content: url("../../files/docksnyder/theme/images/docksnyder.svg");
	display: block;
}

#header.smaller{
	position: fixed;
	box-shadow:0 2px 6px rgba(0,0,0,0.2);  
    padding:0;
    animation:slide-down 1s;
	background: rgba(255,255,255,0.9); 
}

#header.smaller .inside {
	padding:10px 5%;
}

#header.smaller .header-logo{
	max-width: 120px;
}

#container{
	width:100%;
	padding-bottom:700px
}

.hauptkarte #container{
	width: 90%;
	position:relative;
	margin:0 5%;
	padding-bottom: 5rem; 
	background: #000 url("../../files/docksnyder/theme/images/icons-speisekarte.jpg") repeat;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#footer{
	width:100%;
	bottom:0;
	position:absolute;
	margin: 0;
	padding:3rem 0;
	background-color:#00708c;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#footer .inside{
	max-width:1200px;
	margin:0 auto;
	padding:0 1.04166667%;
}

#footer p,
#footer h6{
	color:#fff;
}

#footer a,
#footer span,
#footer a.button:hover{
	color:#fff
}

#footer a:hover,
#footer a span:hover,
#footer li.active,
#footer a.button{
	color:#00a2bc;
}

#footer .button{
	margin-top: 1rem;
}

.toplink a{
	width:50px;
	height: 50px;
	position:relative;
	float:right;
	display:flex;
	justify-content: center;
	align-items: center;
	margin-top:-55px;
	-webkit-border-radius: 50%; 
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #fff;
}

.toplink a:hover{
	background-color:#e5e5e5;
}

/* Status */
li.status{
	margin: 0;
	padding: 0 0 0 20px;
	float: left;
	border:none;
}

li.status h2{
	margin: 0;	
	font:1rem 'Bebas Neue',Verdana,Arial,sans-serif;
	color:#fff;
	text-transform:uppercase;
}

.closed{
	padding:5px 10px;
	background-color:#c82828;
}

.open{
	padding:5px 10px;
	background-color:#30a671;
}

/* Hintergründe */
.box-grey{
	background-color: #e5e5e5;
}

.box-red{
	background-color:#c82828;
}

.corona{
	padding: 5em;
}

.corona h4,
.corona p,
.corona li{
	color: #fff;
}


/**************************
 * 960° Grid
 **************************/
*[class*="grid"]{float:left;display:inline;margin-right:1.04166667%;margin-left:1.04166667%}
.grid1{width:6.25%}
.grid2{width:14.5833333%}
.grid3{width:22.9166667%}
.grid4{width:31.25%}
.grid5{width:39.5833333%}
.grid6{width:47.9166667%}
.grid7{width:56.25%}
.grid8{width:64.5833333%}
.grid9{width:72.9166667%}
.grid10{width:81.25%}
.grid11{width:89.5833333%}
.grid12{width:97.916667%}
.offset1{margin-left:9.375%}
.offset2{margin-left:17.7083333%}
.offset3{margin-left:26.0416667%}
.offset4{margin-left:35.4166667%}
.offset5{margin-left:41.66666%}

/*RESPONSIVE*/
@media only all and (max-width:768px){
	*[class*="grid"] {float:none !important;display:block !important;width:auto !important;margin:0}
	*[class*="offset"] {margin:0}
}

/* Abstände */
.offset-top30{margin-top:30px;}
.offset-bottom30{margin-bottom:30px;}
.offset-top50{margin-top:50px;}
.offset-bottom50{margin-bottom:50px;}
.offset-top100{margin-top:100px;}
.offset-bottom100{margin-bottom:100px;}

/* Cookiebar */
.module-cookiebar-opener{
	margin-top:1rem;
	margin-bottom:2rem;	
	text-align: center;
}

/**************************
 * Allgemeines
 **************************/
h1{
	font:3.75rem/3.75rem 'Bebas Neue',Verdana,Arial,sans-serif;
	color:#00708c;
	text-transform:uppercase;
	margin-top: 1rem;
}

h2{
	font:1.875rem/2.188rem 'Poppins',Verdana,Arial,sans-serif;
	color:#00a2bc;
	font-weight:700
}

h3{
	padding: 1em 0;
	font:1.875rem/2.188rem 'Poppins',Verdana,Arial,sans-serif;
	color:#00a2bc;
	font-weight:700;
	text-transform: uppercase;
	text-align: center;
	border-top: 1px #00a2bc solid;
	border-bottom: 1px #00a2bc solid;
}

h4{
	font:1.875rem/2rem 'Cabin Sketch',Verdana,Arial,sans-serif;
	font-weight:700;
	text-transform: uppercase;
	color:#00708c;
	margin-top: 1rem;
	margin-bottom: .5em;
}


h5{
	font:1.375rem/1.563rem 'Bebas Neue',Verdana,Arial,sans-serif;
	color:#000;
}

h6{
	font:1rem/1.5rem 'Poppins',Verdana,Arial,sans-serif;
	font-weight:700;
}

p{
	font:1rem/1.5rem 'Poppins',Verdana,Arial,sans-serif;
	font-weight:400;
	color:#000;
}

.intro p{
	font: 1.375rem/2rem 'Poppins',Verdana,Arial,sans-serif;
	font-weight:400;
	color:#a5a5a5;
}

.hauptkarte h1, 
.hauptkarte h2,
.hauptkarte h3,
.hauptkarte h4,
.hauptkarte h5, 
.hauptkarte h6,
.hauptkarte p{
	color:#fff;
}

.hauptkarte .contao-cookiebar h4 {
	color: #00708c;
}

.hauptkarte .contao-cookiebar p {
	color: #868686;
}

a,
span{
	color:#333;
	text-decoration:none;
}

a.two,
.beschreibung a,
#datenschutz a{
	border-bottom:2px solid #eee;
}

a:hover,
a.focus{
	text-decoration:none;
	color:#888;
	/*cursor:crosshair*/
}

strong{
	font-weight:700;
}

/* Listen */
ul{
	margin:0;
	padding:0;
	list-style-type: none;
	border-top: 1px #e5e5e5 solid;
}

li{
	margin: 0;
	padding:10px 0;
	list-style-type: none; 
	border-bottom: 1px #e5e5e5 solid;	
}

ol li {
	counter-increment: dock
}

ol li:before {
	content: counter(dock) ". ";
	color: #00708c;
	font-weight: 700;
	padding-right: 1rem;
}

ol {
	margin:0;
	padding: 0;
	list-style: none;
	counter-reset: dock;
}

#footer ul,
#footer li{
	border-color: #00a2bc;
}


/* Sweep To Left */
button,
.button,
.kontakt .submit{
    display: inline-block;
    padding: 1em;
	border:2px solid #00a2bc;
	border-radius: 8px;;
    text-decoration: none;
    color: #00a2bc;
	font-family: 'Poppins',Verdana,Arial,sans-serif;
	font-size: 1rem;
	font-weight:700;
	cursor: pointer;
}

.hvr-sweep-to-left,
.kontakt .submit{
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
	color: #00a2bc
}
.hvr-sweep-to-left:before,
.kontakt .submit:before{
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #00a2bc;
	color:#fff;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-left:hover, 
.hvr-sweep-to-left:focus, 
.hvr-sweep-to-left:active,
.kontakt .submit:hover, 
.kontakt .submit:focus, 
.kontakt .submit:active{
  color: white;
}
.hvr-sweep-to-left:hover:before, 
.hvr-sweep-to-left:focus:before, 
.hvr-sweep-to-left:active:before,
.kontakt .submit:hover:before, 
.kontakt .submit:focus:before, 
.kontakt .submit:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

::selection{
	background:#00a2bc;
	color:#fff
}

::-moz-selection{
	background:#00a2bc;
	color:#fff
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
	clear: both;
}

/* Tagline */
#tagline{
	position:relative;
	margin:0 5%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	z-index:90;
}

#tagline .tagline_home_intro{
	padding: 5em;
	background-color:#00a2bc;
}

#tagline .tagline_home_intro p{
	font:1.375rem/2rem 'Poppins',Verdana,Arial,sans-serif;
	font-weight:400;
	color: #fff;
}

#tagline .tagline_home_intro h4 span{
	margin-bottom: 0.75em;
	color:#fff;
}

#tagline .tagline_home_intro li{
	border-bottom: 1px #fff solid;
	font:1.375rem/2rem 'Poppins',Verdana,Arial,sans-serif;
	color: #fff;
}

#tagline .tagline_home_intro li a{
	color:#fff;
}

#tagline .tagline_home_intro li a:hover{
	color:#00708c;
}

#tagline .intro{
	display: flex;
	align-items: center;
	width: 100%;
}

#tagline .intro h2#status,
#tagline .elmnts h2#status{
	display: none;
}

#tagline .nav-tagline{
	position: absolute;
	padding: 0 10rem 100px;
	display: flex;
    flex-direction: column;
	align-items: center;
}

#tagline .logo-tagline{
	width: 40%;
}

#tagline .intro ul{
	padding: 0;
    margin: 0;
    border: none;
    float: left;
    width: 100%;
    text-align: center;
}

#tagline .intro li{
	/*float:left;*/
	position: relative;
    display: inline-block;
	list-style-type: none;
    border: none;
    margin: 5px;
    text-align: center;
}

#tagline .intro li a{
	padding: 10px 20px;
	background-color: #fff;
	font:2rem/2.5rem 'Bebas Neue',Verdana,Arial,sans-serif;
	text-transform:uppercase;
}

#tagline .intro li a:hover{
	color:#000;
	background-color: #e5e5e5;
}

#tagline .elmnts{
	display: flex;
}

#tagline .elmnt-left{
    width: 25%;
	display: flex;
	background: url("../../files/docksnyder/theme/images/background-wood.jpg") no-repeat center center / cover;
	padding:1rem;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#tagline .elmnt-left img{
	align-self: center;
}

#tagline .elmnt-right{
    width: 75%;
}

#tagline .elmnt-right img{
	object-fit: cover;
    height: 100%;
    width: 100%;
	display: block;
}

.sections {
	border-bottom: 1px solid #e5e5e5;
}

.sections:last-child {
	border:none;
}

/* Karte */
.karte{
	position:relative;
	margin:0 5%;
	padding-top: 3rem; 
	padding-bottom: 6rem; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.karte img{
	width: 100%;
}

/* Speisekarte */
.speisekarte{
	position:relative;
	margin:0 5%;
	padding-bottom: 15rem; 
	background: #000 url("../../files/docksnyder/theme/images/background-chalkboard.jpg") repeat;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.speisekarte h3,
.hauptkarte h3{
	border-color: #fff;
	text-align: center;
	color:#fff;
}

.speisekarte h4,
.speisekarte p{
	color:#fff;
}

.speisekarte .content-image{
	margin-top:5rem;
	margin-bottom:5rem;
}

.slider-karte{
	margin-top: -12rem;
}

/* Hauptkarte */
.hauptkarte .onepage_article{
	margin-bottom: 4rem;
}

.speisekarteneintrag{
    width: 100%;
	margin-bottom: 1rem;
	clear: both;
	display: flex;
	flex-direction: column;
}

.speisekarteneintrag p.titel{
	font-size: 1.375rem;
	font-weight:700;
	margin-bottom: 0.2rem;
}

.speisekarteneintrag p.beschreibung{
	margin-top: 0;
}

.speisekarteneintrag p.preis{
	width: 25%;
	margin-top: 0;
	float: left;
}

.speisekarteneintrag p.zusatz{
	width: 75%;
	margin-top: 0;
	padding-left: 1rem;
	border-left: 2px solid #fff;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.hauptkarte #specials {
	border: 3px dotted #fff;
	border-radius: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.hauptkarte #footer{
	position: fixed;
	padding: 1rem;
}

.hauptkarte #footer .inside {
	display: flex;
	align-items: center;
	column-gap: 2rem;
}

.hauptkarte #footer .button {
	margin: 0;
}

/* Bookmark-Funktion */
.bookmark-toggle {
    border: 0;
    background: #fff;
    cursor: pointer;
    font-size: 24px;
}

button.bookmark-toggle {
	padding: 0.5rem 1rem;
	width: fit-content;
}

.bookmark-toggle span {
	padding: 0 1rem;
}

.bookmark-toggle.active {
    color: red;
}

.bookmark-counter {
    font-weight: bold;
	color: #fff;
}

.bookmark-list .speisekarteneintrag {
    margin-bottom: 20px;
}

.bookmark-list .controls {
	display: flex;
	column-gap: 0.75rem;
}

.bookmark-list span.qty-badge{
	background: #fff;
	padding: 0.5rem 2rem;
	border-radius: 8px;
	font-size: 24px;
} 

.bookmark-list button {
	padding: 0.5rem 1rem;
	border: 8px;
    background: #fff;
    cursor: pointer;
    font-size: 24px;
	color: #000;
}

/* Infobox */
.infobox{
	margin-top:5rem;
	margin-bottom: 5rem;
	padding:4rem 4rem 4rem 20rem;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #00a2bc;
	border-top-right-radius: 25px;
	border-bottom-left-radius: 25px;
	overflow: initial;
}

.infobox:before{
	display: block;
	content: "";
	background: transparent url("../../files/docksnyder/theme/images/infobox-icon.png") no-repeat left top;
	position: absolute;
	width: 240px;
	height:248px;
	margin-left: -18rem;
	margin-top: -6rem;
}

.infobox img{
}

.infobox h4{
	margin: 0 0 1rem;
}

.infobox h4,
.infobox p,
.infobox a,
.infobox li{
	color:#fff;
}

.infobox a:hover{
	color: #e5e5e5;
}

/* Teaser 50-50 */
.teaser_50-50{
	display: flex;
	margin: 4rem 5%;
	clear: both;
}

.t50-left{
    width: 50%;
}

.t50-left figure{
	height: 100%
}

.t50-left img{
	object-fit: cover;
    height: 100%;
    width: 100%;
	display: block;
}

.t50-right{
    width: 50%;
	display: flex;
	flex-direction: column;
	align-items: center;
	background: url("../../files/docksnyder/theme/images/background-chalkboard.jpg") no-repeat center center / cover;
	padding:3rem;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.t50-right h4{
	margin-top: 0;
	text-align: center;
	font-size: 3.75rem;
	line-height: 3.75rem;
	color: #fff;
}

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

/*MENU BUTTON*/
.menu-btn {
	position: relative;
	padding-top: 5px;
	float: right;
	z-index: 99999;
	display: inline;
}

.menu-btn a {
	display: inline-block;
	text-decoration: none;/* safari hack */
}

.btn-open:after {
	content:url("../../files/docksnyder/theme/images/menu.png");
	-webkit-transition: all .2s linear 0s;
	-moz-transition: all .2s linear 0s;
	-o-transition: all .2s linear 0s;
	transition-property: all .2s linear 0s;
}

.btn-open:hover:after {
	-webkit-filter: brightness(1.2);
    filter: brightness(1.2);
}

.btn-close:after {
	content:url("../../files/docksnyder/theme/images/menu-close.png");
	-webkit-transition: all .2s linear 0s;
	-moz-transition: all .2s linear 0s;
	-o-transition: all .2s linear 0s;
	transition-property: all .2s linear 0s;
}

.btn-close:hover:after {
	-webkit-filter: brightness(1.2);
    filter: brightness(1.2);
}

/* OVERLAY */
.overlay {
	position: fixed;
	top: 0;
	right: 0;
	display: none;
	overflow: auto;
	width: 33%;
	height: 100%;
	background: #00708c;
	-webkit-box-shadow: -8px -2px 20px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: -8px -2px 20px 0px rgba(0,0,0,0.4);
	box-shadow: -8px -2px 20px 0px rgba(0,0,0,0.4);
	z-index: 80;
}

.table{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: table;
	width: 100%;
	height: 100%
}

.table .table-cell{
	position: relative;
	display: table-cell;
	width: 100%;
	padding: 15%;
	vertical-align: middle;
	text-align: center
}

#navigation{}

#navigation .mainnav{
	display: inline-block;
	width: 100%;
}

#navigation .mainnav ul{
	padding:0;
	font:2.5rem/2.5rem 'Bebas Neue',Verdana,Arial,sans-serif;
	text-transform:uppercase;
	list-style-type:none;
	border: none;
}

#navigation .mainnav li{
	padding:10px 0;
	border-bottom:1px #00a2bc solid;
	text-align: left;
}

#navigation .mainnav a,
#navigation .mainnav span{
	color:#fff;
	text-decoration:none;
}

#navigation .mainnav li span:hover,
#navigation .mainnav a:hover{
	color: #e5e5e5;
}

#navigation .mainnav li strong{
	font-weight: normal;
}

#navigation .mainnav a.focus,
#navigation .mainnav li.active,
#navigation .mainnav .trail{
	text-decoration:none;
	color:#00a2bc;
}

/* Navigation Footer */
.meta-footer{
	margin-top:4rem;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
}

.meta-footer ul{
	border:none;
	float: none;
}

.meta-footer li{
	border:none;
	float: left;
	color:#fff;
}

.meta-footer li:before{
	content: "|";
	color: #fff;
	padding:0 0.8rem;
}

.social-media-footer li:before,
.meta-footer li:first-child:before{
	content:none;
}

/* Artikelnavigation */
.artikelnav{
	width: 100%;
	padding: 1rem 0;
	clear: both;
	background-color: #00708c;
	font:1.375rem 'Bebas Neue',Verdana,Arial,sans-serif;
	text-transform:uppercase;
	z-index: 9;
	display: flex;
}

.artikelnav:before{
	display: block;
	content: "";
	background: transparent url("../../files/docksnyder/theme/images/wave-bottom-blue-nav.png") repeat-x left bottom / contain;
	position: absolute;
	height: 41px;
	left: 0;
	width: 100%;
	bottom: 56px;
	z-index: 12;
	pointer-events: none;
}

.artikelnav ul{
	max-width:1200px;
	margin:0 auto;
	padding:0;
	list-style-type: none;
	border:none;
}

.artikelnav ul > li{
	float: left;
	padding:0 1rem;
	display: inherit;
	border:none;
} 

.hauptkarte .artikelnav:before{
	display: none;
}
/*
.hauptkarte .artikelnav ul{
	margin:0 auto;
	padding:0;
	list-style-type: none;
	border:none;
	white-space: nowrap;
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
	-ms-touch-action: auto;
	-ms-overflow-style: none;
}

.hauptkarte .artikelnav ul::-webkit-scrollbar{
	display: none;
}
	
.hauptkarte .artikelnav ul > li{
	float: none;
	display: inline-block;
} */

.artikelnav ul > li a{
	color:#fff;
}

.artikelnav ul > li a:hover{
	color:#e5e5e5;
}

.artikelnav ul > li.active a,
.artikelnav ul > li.focus a,
.artikelnav ul > li.trail a{
	border-bottom:4px solid #00a2bc;
} 

.top-fixed {
}

.top-fixed.scrolled {
	position: fixed;
	top: 54px;
	left: 0;
	right: 0;
	margin: 0;
	background: rgba(0,112,140,0.9);
	z-index:9;
}

/* Social Media */
.social-media-header,
.social-media-footer{
	position: relative;
	float: left;
	z-index: 3;
	display: inline;
}

.social-media-footer{
	margin-bottom:0.5rem;
}

.social-media-header ul,
.social-media-footer ul{
	padding:0;
	border:none;
}

li.fb,
li.ig{
	width: 28px;
	list-style-type: none;	
	float:left;
	padding: 0 10px 0 0;
	cursor: pointer;
	border: none;
}

.facebook a,
.instagram a{
	display: inline-block;
	text-decoration: none;/* safari hack */
}

.facebook:after{
	content: url(../../files/docksnyder/theme/images/facebook.svg);
	-webkit-transition: all .2s linear 0s;
	-moz-transition: all .2s linear 0s;
	-o-transition: all .2s linear 0s;
	transition-property: all .2s linear 0s;
}

.facebook:hover:after {
	content: url(../../files/docksnyder/theme/images/facebook-hover.svg);
	-webkit-transition: all .2s linear 0s;
	-moz-transition: all .2s linear 0s;
	-o-transition: all .2s linear 0s;
	transition-property: all .2s linear 0s;
}

.instagram:after {
	content: url(../../files/docksnyder/theme/images/instagram.svg);
	-webkit-transition: all .2s linear 0s;
	-moz-transition: all .2s linear 0s;
	-o-transition: all .2s linear 0s;
	transition-property: all .2s linear 0s;
}

.instagram:hover:after {
	content: url(../../files/docksnyder/theme/images/instagram-hover.svg);
	-webkit-transition: all .2s linear 0s;
	-moz-transition: all .2s linear 0s;
	-o-transition: all .2s linear 0s;
	transition-property: all .2s linear 0s;
}

.social-media-footer .facebook:after{
	content: url(../../files/docksnyder/theme/images/facebook-light.svg);
	-webkit-transition: all .2s linear 0s;
	-moz-transition: all .2s linear 0s;
	-o-transition: all .2s linear 0s;
	transition-property: all .2s linear 0s;
}

.social-media-footer .facebook:hover:after {
	content: url(../../files/docksnyder/theme/images/facebook-light-hover.svg);
	-webkit-transition: all .2s linear 0s;
	-moz-transition: all .2s linear 0s;
	-o-transition: all .2s linear 0s;
	transition-property: all .2s linear 0s;
}

.social-media-footer .instagram:after {
	content: url(../../files/docksnyder/theme/images/instagram-light.svg);
	-webkit-transition: all .2s linear 0s;
	-moz-transition: all .2s linear 0s;
	-o-transition: all .2s linear 0s;
	transition-property: all .2s linear 0s;
}

.social-media-footer .instagram:hover:after {
	content: url(../../files/docksnyder/theme/images/instagram-light-hover.svg);
	-webkit-transition: all .2s linear 0s;
	-moz-transition: all .2s linear 0s;
	-o-transition: all .2s linear 0s;
	transition-property: all .2s linear 0s;
}

.metanav{
	float:left;
	clear: both;
	margin-top: 20px;
	margin-bottom: 20px;	
	list-style-type:none;
}

/**************************
 * Inhaltselemente
 **************************/
 
/* Slider/Startbild */
.slickslider-intro{
	position: relative;
	height: calc(100vh - 124px);
	width: 100%;
	display: -webkit-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.slickslider-intro:before{
	display: block;
	content: "";
	background: transparent url("../../files/docksnyder/theme/images/wave-bottom-blue.png") repeat-x left bottom / contain;
	position: absolute;
	height: 100px;
	left: 0;
	width: 100%;
	bottom: 0;
	z-index: 12;
	pointer-events: none;
}

.slickslider-intro .slick-container{
	width: 100%;
}

.slickslider-intro figure{
	width: 100%;
	height: 100%;
}

.slickslider-intro img{
	width:100%;
	height: 100vh;
	object-fit: cover;
}

.slick-prev:before,
.slick-next:before{
	font-size: 30px;
}

.slick-prev:before{
	margin-left: 5rem;
}

.slick-next:before{
	margin-left: -5rem;
}

.slick-dotted.slick-slider {
	margin-bottom: 30px;
}

.slick-dots,
.slick-dots li{
	border:none;
}

.slick-dots {
	position: absolute;
	bottom: -25px;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
}

.slick-dots li {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer;
}

.slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 20px;
	height: 20px;
	padding: 5px;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background: transparent;
}

.slick-dots li button:before {
	font-family: 'slick';
	font-size: 16px;
	line-height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	content: '•';
	text-align: center;
	opacity: .25;
	color: black;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
	opacity: 1;
}

.slickslider-food {
	padding-bottom: 2rem;
	width: 100%;
	max-width: 780px;
}

.rsts-nav li.rsts-nav-item {
	border: 0;
	
}

.flexbox{
	display: flex;
	justify-content: center;
}

.food{
	background: url("../../files/docksnyder/theme/images/background-slider-food.jpg") no-repeat center center;
	background-size: 90%;
	max-width: 1600px;
	margin-left:auto;
	margin-right: auto;
}

.events{
	background: url("../../files/docksnyder/theme/images/background-slider-food.jpg") no-repeat center center;
	background-size: 90%;
	max-width: 1600px;
	margin-left:auto;
	margin-right: auto;
}

.slickslider-speisekarte{
	position: relative;
}

.slickslider-partner h5{
	text-align: center;
}

.slickslider-partner ul {
	border: 0;
}

.slickslider-partner li{
	width: 25%;
	border: 0;
}

/* CTA */
.cta{
	position: relative;
	max-width: 1200px;
	margin:4rem auto;
	padding: 2rem 2rem 6rem;
	border: 2px solid #00a2bc;
	-webkit-border-radius: 25px; 
	-moz-border-radius: 25px;
	border-radius: 25px;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.cta:after{
	display: block;
	content: "";
	background: transparent url("../../files/docksnyder/theme/images/wave-bottom-blue.png") repeat-x left bottom / contain;
	position: absolute;
	height: 100px;
	left: 0;
	width: 100%;
	bottom: 0;
	z-index: 12;
	pointer-events: none;
	-webkit-border-bottem-left-radius: 23px;
	-webkit-border-bottom-right-radius: 23px;
	-moz-border-bottom-left-radius: 23px;
	-moz-border-bottom-right-radius: 23px;
	border-bottom-left-radius: 23px;
	border-bottom-right-radius: 23px;
}

/* Teaser Bildlinks */
.bildlinks_container{
	margin-bottom: 5em;
	width: 100%;
	height: auto;
	display: grid;
}

.bildlinks {
	margin: 0;
	padding:0;
	max-width: 1200px;
	border:none;
}

.bildlinks li {
	display: inline-block;
	margin-bottom:20px;	
	border:none;	
}

.bildlinks figure {
	overflow: hidden;
	position: relative;
	width: 100%;
}

.bildlinks figcaption{
	position: relative;
	background-color: #00708c;
	padding: 1em;	
}

.bildlinks figcaption p{
	padding:0;
	margin:0;
	color: #fff;
	text-transform: uppercase;
	font: 1.875rem/1.75rem 'Bebas Neue',Verdana,Arial,sans-serif;
}

.bildlinks li:hover figcaption {
	opacity: 1;
	-webkit-filter: brightness(90%);
	filter: brightness(90%);
}

.bildlinks img {
	display: block;
	height: auto;
	-webkit-transition: all 300ms;
	-moz-transition: all 300ms;
	transition: all 300ms;
	width: 100%;
}

.bildlinks li:hover img {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	transform: scale(1.2);
}

/* Map */

.google-map{
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding:0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #e5e5e5;
}

.cc-module{
	text-align: center;
}

/* Kontakt – Formulare */
.kontakt .ce_form{
	margin-bottom: 6em;
}

.kontakt.formbody{
	width:100%;
	margin-top:20px;
}

.mod_login .formbody{
	width:100%;
}

.kontakt table,
.mod_login table{
	width:100%;
}

tr.even,
tr.odd,
.mod_login tr{
	display:block;
	margin:0 0 1em;
	padding:0;
	border:1px solid #333;
}

tr.row_6{
	height:180px;
}

tr.row_7,
.mod_login tr.row_last{
	border:none;
}

tr.row_7 td.col_0,
.mod_login tr.row_2 td.col_0{
	display:none;
}

.widget{
	width:100%;
	margin-bottom:1em;
}

input,textarea{
	width:100%;
	margin:0;
	padding:2%;
	background-color:transparent;
	font:1rem/1.375rem 'Poppins',Verdana,Arial,sans-serif;
	color:#000;
	border:1px solid #fff;
	border-radius:5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

input:focus,
textarea:focus{
	background-color:rgba(51,51,51,0.2);
	outline:none;
}

.submit_container{
	height:30px;
	left:0;
	float:left;
	display:block;
	background-color:none;
}

.submit{
	text-align:left;
	background-color:transparent;
	font-size: 100%;
	font-weight:700;
	border:none;
	cursor:pointer;
	margin-top: 1em;
}

p.error{
	position:relative;
	color:#b6102c;
	font-weight:700;
	z-index:99;
}

input.error,
textarea.error{
	border:1px solid #b6102c;
}

/* Datenschutz */
.datenschutz .content-text ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.datenschutz .content-text li{
	border-top:1px solid #dedede;
	padding: 1em;
	color:#333;
}

/* Sitemap */
.mod_sitemap{
	margin-top:0.5em
}

.mod_sitemap li{
	padding:0.5em 0;
	border-bottom: 1px solid #eee
}

.mod_sitemap ul.level_1{
	margin:0;
	padding:0;
	list-style-type:none;
}

.mod_sitemap ul.level_2{
	margin-left:0;
	padding-left:20px;
	list-style-type:none;
}

.mod_sitemap li.active,
.mod_sitemap li span{
	color:#888
}

/* Downloads */
.content-downloads ul{
	margin:0;
	padding:0;
	list-style-type:none;
}

.content-downloads li{
	width:100%;
	float:left;
	display:block;
	padding-top:1em;
	padding-bottom:1em;
	border-bottom:1px solid #333;
}

.content-downloads img.mime_icon{
	float:left;
	margin-right:10px;
}

/* Newsletter */
.newsletter-image{
	width:100%;
	height:auto;
	margin:0 0 25px;
	padding:0;
}

/* MEDIA */

@media only all and (max-width:1200px){
	.hauptkarte #specials {
		padding:1em;
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
}

@media only all and (max-width:1024px){
	
	.inside-wrapper,
	.hauptkarte #main .inside{
		width:90%;
	}
	
	h1{
		font:3rem/3rem 'Bebas Neue',Verdana,Arial,sans-serif;
	}
	
	.cta{
		width: 90%;
	}
	
}

@media only all and (max-width:768px){
	
	#container{
		padding-bottom:5rem
	}
	
	.inside-wrapper{
		width: 80%
	}
	
	#footer{
		position: relative;
		width: 100%;
		margin: 0;
	}
	
	#footer .inside{
		width: 90%
	}
	
	#footer .logo-footer{
		display: none !important;
	}
	
	#tagline{
		margin: 0;
	}
	
	#tagline .logo-tagline {
	    width: 80%;
	}
	
	#tagline .elmnt-left{
		display: none;
	}
	
	#tagline .elmnt-right{
		width: 100%
	}
	
	.overlay {
		width: 50%
	}
	
	.bildlinks li{
		width: 50% !important;
    	box-sizing: border-box;
	    float: left !important;
    	padding: 0 10px
	}
	
	.artikelnav:before{
		bottom:59px;
	}
	
	.slickslider-food {
		width: 100% !important;
	}
	
	.speisekarte{
		margin:0;
	}
	
	.speisekarte .intro,
	.speisekarte .content-text{
		padding: 2rem 2rem 0;
	}
	
	.speisekarte .content-image {
    	margin-top: 3rem;
    	margin-bottom: 2rem;
    	width: 33% !important;
    	float: left !important;
	}
	
	.box-grey {
    	padding: 4rem;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	.sections img{
		width: 100%;
		margin: 2rem 0;
	}
	
	.infobox{
		padding: 16rem 4rem 4rem 4rem;
	}
	
	.infobox:before {
    	margin-left: -2rem;
    	margin-top: -18rem;
	}
	
	.catering .content-image{
		width: 80% !important;
    	margin: 0 auto;
	}
	
	.catering .content-image img{
		width: 100%;
		margin:10px 0;
	}
	
	.teaser_50-50{
		flex-direction: column;
		margin: 0 10%
	}
	
	.t50-left,
	.t50-right{
		width: 100%
	}
	
	.kontakt .ce_form {
    	margin-bottom: 4rem;
	}
	
	.toplink a {
    	float: none;
		margin: 1rem auto;
	}
	
	.hauptkarte h3{
		margin-bottom: 4rem;
	}
	
	.ce_rsce_speisekartenelement{
		width: 80% !important;
		margin: 2rem auto;
	}
}

@media only all and (max-width:600px){
	
	#header .inside{
		padding: 20px 5%;
	}
	
	#header .social-media-header li.status{
		display: none;
	}
	
	.header-logo{
		max-width: 120px;
	}
	
	.overlay {
		width: 100%
	}
	
	#tagline .intro,
	#tagline .elmnts{
		flex-direction: column;
	}
	
	#tagline .intro ul{
		display: none;
	}
	
	#tagline .nav-tagline {
        padding: 2rem 0;
	}
	
	#tagline .intro h2#status,
	#tagline .elmnts h2#status{
		display: block;
		margin: 0;	
		font:1rem 'Bebas Neue',Verdana,Arial,sans-serif;
		color:#fff;
		text-transform:uppercase;
		text-align: center;
	}
	
	.closed{
		width: 100%;
		padding:10px 0;
		background-color:#c82828;
	}

	.open{
		width: 100%;
		padding:10px 0;
		background-color:#30a671;
	}
	
	#tagline .tagline_home_intro,
	.corona{
    	padding: 3rem;
	}
	
	.slickslider-intro{
		height: 50vh;
	}
	
	.slickslider-partner li{
		width: 50%;
	}
	
	#tagline .elmnt-right {
    	width: 100%;
    	height: 25vh;
	}
	
	#tagline .google-map{
		height: 35vh;
	}
	
	#tagline .elmnt-right figure {
		height: 100%
	}
	
	.artikelnav{
		padding:0;
	}
	
	.artikelnav ul {
    	margin: 0 auto;
    	padding: 1rem 0;
		white-space: nowrap;
		overflow: scroll;
		-webkit-overflow-scrolling: touch;
		-ms-touch-action: auto;
		-ms-overflow-style: none;
	}
	
	.artikelnav ul::-webkit-scrollbar{
		display: none;
	}
	
	.artikelnav ul > li{
		float: none;
		display: inline-block;
	}
	
	#container {
    	padding-bottom: 2rem;
	}
	
	.inside-wrapper, 
	.hauptkarte #main .inside {
    	padding: 3em 0;
	}
	
	#footer .inside {
    	width: 80%;
	}
	
	.meta-footer ul.-nav > li{
		float: none;
		text-align: center;
	}
	
	.meta-footer li::before {
    	content: "";
    	padding: 0;
	}
	
	.infobox{
		padding: 16rem 2rem 2rem 2rem;
	}
	
	.infobox:before {
    	margin-left: 0;
    	margin-top: -18rem;
	}
	
	.speisekarte{
		padding-bottom: 3rem;
	}
	
	.speisekarte .content-image {
    	margin-top: 1rem;
    	margin-bottom: 1rem;
    	width: 100% !important;
	}
	
	.slider-karte {
    	margin-top: -6rem;
	}
	
	.hauptkarte #container{
		width: 100%;
		margin:0;
	}
	
	.hauptkarte #footer .inside {
		flex-direction: column;
		row-gap: 1rem;
	}
	
	.cta {
    	width: 80%;
		padding: 2rem 2rem 3rem;
	}
	
	.catering .content-image {
    	width: 100% !important;
	}
	
	.teaser_50-50{
		margin:0;
	}
	
	.bildlinks_container {
    	margin-bottom: 2rem;
	}
	
	.bildlinks li {
    	width: 100% !important;
	}
	
	.box-grey{
		padding: 1rem;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	
}
@charset "UTF-8";
/* CSS Document */

/* bebas-neue-regular - latin */
@font-face {
  font-family: 'Bebas Neue';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/docksnyder/theme/fonts/bebas-neue-v2-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/docksnyder/theme/fonts/bebas-neue-v2-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/docksnyder/theme/fonts/bebas-neue-v2-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/docksnyder/theme/fonts/bebas-neue-v2-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../files/docksnyder/theme/fonts/bebas-neue-v2-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/docksnyder/theme/fonts/bebas-neue-v2-latin-regular.svg#BebasNeue') format('svg'); /* Legacy iOS */
}
/* poppins-regular - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/docksnyder/theme/fonts/poppins-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/docksnyder/theme/fonts/poppins-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/docksnyder/theme/fonts/poppins-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/docksnyder/theme/fonts/poppins-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../files/docksnyder/theme/fonts/poppins-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/docksnyder/theme/fonts/poppins-v15-latin-regular.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-700 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url('../../files/docksnyder/theme/fonts/poppins-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/docksnyder/theme/fonts/poppins-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/docksnyder/theme/fonts/poppins-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/docksnyder/theme/fonts/poppins-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../../files/docksnyder/theme/fonts/poppins-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/docksnyder/theme/fonts/poppins-v15-latin-700.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* cabin-sketch-regular - latin */
@font-face {
  font-family: 'Cabin Sketch';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/docksnyder/theme/fonts/cabin-sketch-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/docksnyder/theme/fonts/cabin-sketch-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/docksnyder/theme/fonts/cabin-sketch-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/docksnyder/theme/fonts/cabin-sketch-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../files/docksnyder/theme/fonts/cabin-sketch-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/docksnyder/theme/fonts/cabin-sketch-v14-latin-regular.svg#CabinSketch') format('svg'); /* Legacy iOS */
}
/* cabin-sketch-700 - latin */
@font-face {
  font-family: 'Cabin Sketch';
  font-style: normal;
  font-weight: 700;
  src: url('../../files/docksnyder/theme/fonts/cabin-sketch-v14-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/docksnyder/theme/fonts/cabin-sketch-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/docksnyder/theme/fonts/cabin-sketch-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/docksnyder/theme/fonts/cabin-sketch-v14-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../../files/docksnyder/theme/fonts/cabin-sketch-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/docksnyder/theme/fonts/cabin-sketch-v14-latin-700.svg#CabinSketch') format('svg'); /* Legacy iOS */
}