@font-face {
    font-family: 'Fredericka the Great';
    src: url('fonts/FrederickatheGreat-Regular.woff2') format('woff2'),
        url('fonts/FrederickatheGreat-Regular.woff') format('woff'),
        url('fonts/FrederickatheGreat-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Happy Monkey';
    src: url('fonts/HappyMonkey-Regular.woff2') format('woff2'),
        url('fonts/HappyMonkey-Regular.woff') format('woff'),
        url('fonts/HappyMonkey-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}






html,body{font-family:'Happy Monkey',cursive;background:#000;height:100%;margin:0;padding:0;color:#aaa;cursor:auto;}
h1,h2,h3,h4,h5,h6,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-family:'Fredericka the Great',cursive;color:#85b472;font-size:20px;}
h2,h2 a{font-size:30px;}
h3,h3 a{font-size:16px;}
h4,h4 a{font-size:16px;}
h5,h5 a{font-size:14px;}
h6,h6 a{font-size:14px;}
p,em{font-size:14px;line-height:24px;text-align:justify;}
em,strong{color:#fff;}
a{text-decoration:none;}
ul{margin:0;padding:0;}
hr{border:0;min-height:1px;height:1px;background:url(img/22.png);margin:20px 0 35px 0;padding:0;width:200px;clear:both;float:left;}
*+html hr{margin-bottom:0;}
.hidden{display:none;}

/* header */
header{background:url(img/header-bg.jpg) repeat-y;height:100%;width:180px;position:fixed;left:0px;top:0px;text-align:center;z-index:7;}
header .logo{margin:20px 0 0 0;display:block;}
header img{border:0 none;outline:0;}
header ul{position:absolute;top:50%;left:0px;margin-top:-120px;width:180px;}
header li{list-style:none;}
header li a{color:#ddd;text-shadow:1px 1px #000;text-transform:uppercase;font-size:14px;font-family:'Fredericka the Great',cursive;display:block;line-height:48px;font-weight:bold;letter-spacing:2px;}
header li:hover a,header li.active a{color:#85b472;}

/* footer */
footer{position:fixed;left:0px;bottom:0px;width:180px;text-align:center;z-index:8;}
.facebook{display:block;width:26px;height:26px;clear:both;text-indent:-9999px;background:url(img/sprite.png);background-position:-198px 0px;margin:0 auto;}
.facebook:hover{background-position:-198px -26px;}
.footer{clear:both;color:#999;font-size:10px;margin:7px 0 14px 0;display:block;}
.footer:hover{color:#85b473;text-decoration:underline;}
.rnav{display:none;}

/* slideshow */
.fixit{position:fixed;right:0px;top:0px;height:100%;width:100%;}
.wrapper{width:auto;height:100%;margin-left:460px;position:relative;overflow:hidden;background:url(img/loader.gif) center center no-repeat;}
.weiterlinks{margin-left:180px;background:0;}
#slide{height:100%;width:100%;}
.wrapper .next,.wrapper .prev{position:absolute;right:50%;top:0px;z-index:9;height:100%;display:block;text-indent:-9999px;width:50%;background:url(img/bild-zurueck.gif) center center no-repeat;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.wrapper .next{right:0%;background:url(img/bild-vor.gif) center center no-repeat;}
.wrapper .prev:hover,.wrapper .next:hover{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
#thumbs a{display:block;border:0 none;background:#000;}
#thumbs img{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;border:0 none;}
#thumbs .activeslide img,#thumbs img:hover{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}

/* captions */
.caption *{text-align:center;color:#fff;}
.caption h1,.caption h2{margin:0;text-transform:uppercase;}
/* tischreservierung */
.haelftebreit .caption{position:absolute;top:50%;left:50%;width:50%;height:82px;margin-top:-41px;margin-left:-25%;z-index:21;}
.haelftebreit .caption{border:1px solid #aaa;}
.haelftebreit .caption:hover{background:#85b472;border:1px solid #85b472;}
.haelftebreit .caption a{width:100%;display:block;line-height:82px;}
/* kontaktdaten */
.haelftehoch .caption{position:absolute;top:50%;left:50%;width:50%;margin-left:-25%;height:60px;margin-top:-30px;z-index:21;}
.haelftehoch .caption a:hover{color:#85b472;text-decoration:underline;}
/* startseite */
.caption.gruen,.caption.schwarz{width:362px;padding-top:20px;height:111px;position:absolute;bottom:50px;left:50%;display:block;z-index:33;}
.caption.gruen{bottom:211px;margin-left:-181px;background:#85b472;border:solid 1px #a0c491;outline:5px solid #85b472;}
.caption.gruen p{margin:0;}
.caption.gruen *:hover{text-decoration:underline;}
.caption.schwarz{margin-left:14px;background:#2e2e2e;border:solid 1px #444;outline:5px solid #2e2e2e;}
.caption.schwarz a:hover{text-decoration:underline;color:#85b472;}
.caption.mitterechts{left:auto;right:50%;margin-right:14px;}

/* speisekarten fuenfer */
.fuenf,.vier{height:100%;}
.eins{height:20%;width:100%;display:block;text-align:center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity:0.3;opacity:0.3;}
.eins:hover{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
.eins a{display:block;float:left;width:100%;height:100%;font-size:30px;line-height:30px;font-family:'Fredericka the Great',cursive;text-transform:uppercase;color:#fff;position:relative;}
.eins a:hover{background-color:#85b473;}
.eins a span{position:absolute;left:0px;display:block;width:100%;top:50%;margin-top:-15px;z-index:22;}
.eins a span:hover{cursor:pointer;}
.eins a:hover span{color:#fff;}
.vier .eins{height:25%;}

/* kontakt */
.haelftebreit,.haelftehoch{width:50%;height:100%;float:left;display:block;position:relative;margin:0;padding:0;
-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}
.haelftehoch{height:50%;}
*+html .haelftehoch{width:49.99%;}
.schatten{width:100%;height:100%;
background:-moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,1)));
background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);background:-o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);background:-ms-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#000000',GradientType=0);}

/* content */
section{left:180px;top:0px;width:280px;padding:0;background:url(img/content-bg.jpg) repeat-y;min-height:100%;position:absolute;z-index:6;}
.padding40{padding:40px;width:200px;float:left;}
section img{max-width:100%;display:block;margin-top:20px;}
section a{color:#fff;text-decoration:underline;}
section a:hover{color:#85b473;text-decoration:none;}
.kasten{display:block;padding:10px;font-size:14px;line-height:24px;text-transform:uppercase;font-family:'Fredericka the Great',cursive;border:solid 1px #4f4c4a;text-align:center;text-decoration:none;margin:0 0 10px 0;}
.kasten:hover{border:solid 1px #85b473;}

/* breiter content */
.breit{width:500px;background:url(img/wood.jpg);-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}
.wrapper.schmaler{margin-left:680px;}
.breit .padding40{padding:40px;width:420px;float:left;}

table{border-collapse:collapse;width:100%;margin-bottom:24px;}
table td{padding:20px 0;border-bottom:dotted 1px #666;}
table td:first-child{padding-right:20px;}

/* events */
.event{display:block;text-transform:uppercase;text-decoration:none;border:solid 1px #4f4c4a;margin:0 0 20px 0;padding:13px 10px 20px 10px;}
.event p,.event h3{margin:0;text-align:center;}
.event p{color:#aaa;}
.event h3{font-family:'Fredericka the Great',cursive;color:#fff;margin:2px 0 9px 0;}
.event:hover{background:#85b473;border:solid 1px #85b473;}
.event:hover *{color:#fff;}
.event span{display:block;width:43px;height:14px;background:url(img/sprite.png);background-position:-274px 0px;margin:0 auto;}
.event:hover span{background-position:-274px -14px;}
.event span.anders{background-position:0px 0px;width:58px;}
.event:hover span.anders{background-position:0px -14px;}

/* modal formular */
.overlay{background:#191919;position:fixed;width:100%;height:0;top:0px;right:0px;z-index:44;background:url(img/wood.jpg);overflow:hidden;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}
.height100 {height:100%;}
.close{position:absolute;top:50px;right:50px;font-family:'Fredericka the Great',cursive;font-size:30px;color:#ccc;border:solid 1px #333;padding:8px 18px;}
.close:hover{cursor:pointer;color:#85b473;border:solid 1px #85b473;}
.modal{width:400px;height:520px;position:absolute;left:50%;top:50%;margin-left:-200px;margin-top:-260px;}
.modal p{margin:0;}
input,textarea{width:96%;padding:0 2%;background:#262626;height:38px;line-height:38px;border:0;margin:0 0 10px 0;font-family:'Happy Monkey',cursive;font-size:14px;color:#bbb;}
textarea{height:150px;padding:2%;line-height:24px;}
input.button{background:#85b473;color:#fff;padding:0;width:100%;}
input.button:hover{background:#fff;cursor:pointer;color:#000;}
.syco_tooltip p{margin:0 0 10px 0;}
input:hover,textarea:hover{background:#444;}
input:focus,textarea:focus{background:#fff;color:#000;}
.zwei input{width:45%;float:left;}
.zwei input:first-child{margin-right:2%;}
.form_needed{background:url(img/pflicht.png) center right no-repeat #262626;}
.form_ok,.form_ok:hover,.form_ok:focus{background:#fff;color:#000;}
.form_error,.form_error:hover,.form_error:focus{background:#b47373;color:#fff;}

/* css3 */
header,section,#thumbs img:hover
{-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.35);-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.35);box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.35);}
.wrapper a,.facebook,header li a,.footer,#thumbs img,.kasten,.eins,.eins a span,.eins a,.haelftebreit .caption,.event,.event span,input,textarea,.close,.error,.newsletter
{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
input:focus,textarea:focus
{-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);}

/* progression */
.percent{display:block;color:#fff;font-size:12px;margin-left:5px;height:auto;position:absolute;top:2px}.triangle_right{width:0;height:0;border-style:solid;border-width:7.5px 10px 7.5px 0;border-color:transparent rgba(255,255,255,.3) transparent transparent;display:block;position:absolute;left:-10px;top:10px}.triangle_left{width:0;height:0;border-style:solid;border-width:7.5px 0 7.5px 10px;border-color:transparent transparent transparent rgba(255,255,255,.3);display:block;position:absolute;right:-10px;top:10px}.tooltip p{color:white;margin-bottom:10px;font-size:14px}.percentagebarinner{width:0;background:#FFF;height:20px;background:#6ea5e1;position:relative}.percentagebar{width:100%;position:relative;background:#FFF;height:20px}

/* newsletter formular */
.rex_375_error *{color:red;}
.xform *{border:0 !important;}
.xform table{border-collapse:collapse;}
.xform td{clear:both;float:left;width:100%;}
.xform input{background:#fff;margin:0;border:0 !important;}
.xform tr:last-child td:first-child{height:0;}
.xform input[type="submit"],#abmelden input[type="submit"]{padding:0;width:100%;background:#85b473;cursor:pointer;color:#fff;}
#abmelden p{margin:0;}
#abmelden input[type="submit"]{background:#444;color:#aaa;}

.xform table{margin:0;}
.xform table td{padding:0;border:0 none;}
.xform table input,.xform table label{margin-bottom:10px;display:block;}

/* newsletter */
.newsletter{position:fixed;top:0px;right:28px;background:#2e2e2e;height:20px;line-height:20px;padding:5px 11px 4px 10px;color:#aaa;font-size:12px;text-transform:uppercase;z-index:66;border:solid 1px #444;outline:5px solid #2e2e2e;}
.newsletter:hover{background:#85b472;border:solid 1px #a0c491;outline:5px solid #85b472;color:#fff;}

.message{position:absolute;left:50%;top:50%;width:300px;margin-left:-190px;margin-top:-85px;background:#85B472;z-index:43;padding:20px 40px;border:solid 1px #a0c491;outline:5px solid #85b472;}
.message p{text-align:center;color:#fff;}

.blackoverlay{background:#191919;position:fixed;width:100%;height:100%;top:0px;right:0px;z-index:42;background:url(img/77.png);}

@media(max-width:1220px)
{
	.schatten h1 a{font-size:14px;}
}

@media screen and (max-width:945px),screen and (max-height:530px)
{
	html,body{overflow:visible !important;}
	h1,h2,h3,h4,h5,h6{text-align:center;}
	hr{clear:both;float:left;width:100%;display:block;}
	
	header{background:#000;height:auto;width:100%;position:relative;left:auto;top:auto;text-align:center;float:left;background:url(img/schiefer-muster.jpg);}
	header .logo{margin:20px auto;display:block;}
	header nav{position:relative;width:100%;display:block;float:left;height:0px;overflow:hidden;}
	header ul{position:relative;top:auto;left:auto;margin:0;width:100%;margin-bottom:20px;}
	header li a{border-bottom:solid 1px #333;}
	.rnav{background:url(img/sprite.png) -5px -28px no-repeat #85B472;position:absolute;right:20px;top:20px;display:block;width:50px;height:50px;z-index:55;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
	.rnav:hover{cursor:pointer;background-color:#fff;background-position:-5px -128px;}
	
	footer{position:relative;left:auto;bottom:auto;width:100%;text-align:center;clear:both;float:left;display:block;padding:20px 0;margin:0 auto;border-top:solid 1px #333;}
	.footer{margin:0 auto;font-size:14px;margin-top:10px;}
	
	#thumbs img{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
	
	.fixit{position:relative;right:auto;top:auto;display:block;float:left;width:100%;height:auto;}
	.wrapper,.wrapper.schmaler{width:100%;margin:0px;position:relative;overflow:hidden;height:auto;}
	.weiterlinks{margin:0;}
	#slide{display:block;float:left;width:100%;min-height:300px;max-height:500px;}	
	.wrapper .next,.wrapper .prev{min-height:300px;max-height:500px;}
	.breit{width:100%;}
	
	.haelftebreit .caption,.haelftehoch .caption,.caption.gruen,.caption.schwarz,.caption.mitterechts
	{position:relative;top:auto;left:auto;bottom:auto;right:auto;width:100%;height:auto;margin:0;clear:both;float:left;display:block;padding:0;outline:0;border:0;padding:20px 0;}
	
	.fuenf{height:auto;display:block;width:100%;}
	.eins{height:auto;float:left;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;background:0 !important;border-top:solid 1px #333;}
	.eins a{height:auto;}
	.eins a span{position:relative;left:auto;display:block;width:100%;top:auto;margin:0;padding:50px 0;}
	
	.haelftebreit,.haelftehoch{width:100%;height:auto;float:left;display:block;position:relative;margin:0;padding:0;}
	.schatten{width:100%;height:auto;display:block;float:left;}
	.schatten .caption{padding:70px 0;}
	
	section{left:auto;top:auto;width:100%;min-height:0;position:relative;background:url(img/wood.jpg);height:auto;float:left;display:block;}
	.padding40,.breit .padding40{padding:3%;width:94%;float:left;}
	
	.event{display:block;padding:20px 0;}

	.schatten h1 a{font-size:24px;}
	.syco_tooltip{display:none;}
	
	.formtrigger,.haelftebreit{display:none;}
	.overlay{position:relative;width:100%;height:auto;top:auto;right:auto;overflow:visible;clear:both;float:left;}
	.close{top:30px;right:50%;margin-right:-29px;}
	.modal{width:100%;height:auto;position:relative;left:auto;top:auto;margin:0;}
	.modal h2{margin-bottom:0;}
	form{padding:20px;}
	
	.newsletter{position:relative;top:auto;right:auto;width:100%;float:left;display:block;background:#333;height:40px;text-align:center;line-height:40px;padding:0;border:0;outline:0;}
	.newsletter:hover{background:#85b472;border:0;outline:0;}
}


.weiterlinks .haelftehoch:last-child .schatten {display: flex; justify-content: center; align-items: center;}
.weiterlinks .haelftehoch:last-child .caption { top: unset; left: unset;position: relative;height: unset;margin-left:0;margin-top:0;}

.activeslide {
	display: block !important;
}